@pitcher/js-api 1.23.0 → 1.24.0-beta.0

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

@@ -1,6 +1,7 @@
 import { FileTypeEnum, File } from '../../../../types/openapi';
 import { CanvasTheme } from '../types/canvas.ts';
 import { CanvasTypographyPreset, CanvasTypographyPresetId } from '../../../types/canvasTheme';
+import { BackgroundAttachment, BackgroundPositionX, BackgroundPositionY, BackgroundRepeat, BackgroundSize } from '../../../types/background';
 export declare enum ThemeComponentOptionEnum {
     'COLOR_PICKER' = 0,
     'PADDING' = 1,
@@ -12,6 +13,23 @@ export interface ThemePadding {
     bottom: number;
     left: number;
 }
+export interface ThemeOptions {
+    backgroundColor?: string;
+    backgroundAttachment?: BackgroundAttachment;
+    backgroundImage?: string;
+    backgroundPositionX?: BackgroundPositionX;
+    backgroundPositionY?: BackgroundPositionY;
+    backgroundRepeat?: BackgroundRepeat;
+    backgroundSize?: BackgroundSize;
+    padding?: ThemePadding;
+    spacing?: number;
+}
+export interface ThemeUpdateEvents {
+    onBackgroundChange: (property: string, value: any) => void;
+    onPaddingChange: (padding: ThemePadding) => void;
+    onMarginBottomChange: (value: number) => void;
+    onResetSpacing: () => void;
+}
 export declare const DEFAULT_GLOBAL_COMPONENT_SPACING = 32;
 export declare const DEFAULT_GLOBAL_COMPONENT_SPACING_INTERVAL = 4;
 export declare const DEFAULT_TYPOGRAPHY_STYLE: Omit<CanvasTypographyPreset, 'id'>;
@@ -31,6 +49,7 @@ declare function getDefaultTypographyConfiguration(): {
 declare function loadCustomFonts(listFiles: (params: any) => Promise<File[]>): Promise<void>;
 declare function setFontAndFetchAsset(fontName?: string, url?: string): Promise<void>;
 declare function initializeTheme(): void;
+declare function handleComponentThemeUpdate(updates: ThemeOptions, currentTheme: ThemeOptions, events: ThemeUpdateEvents): void;
 declare function updateThemeProperties(theme: Partial<CanvasTheme>): void;
 declare function updateTextCSSVariables(typography: Record<string, CanvasTypographyPreset>): void;
 declare function removeCssUrlFunc(url: string): string;
@@ -66,10 +85,16 @@ export default function useCanvasTheme(): {
         expires_at?: (string | null) | undefined;
         readonly instance_id: string;
         folder_id?: string | undefined;
+        readonly folder: {
+            readonly id: string;
+            name: string;
+        };
         readonly shared_link: {
             readonly url: string;
             short_url?: (string | null) | undefined;
         };
+        readonly search_rank: string;
+        readonly search_headline: string;
         readonly owned_by: {
             readonly id: number;
             readonly name: string;
@@ -116,10 +141,16 @@ export default function useCanvasTheme(): {
         expires_at?: (string | null) | undefined;
         readonly instance_id: string;
         folder_id?: string | undefined;
+        readonly folder: {
+            readonly id: string;
+            name: string;
+        };
         readonly shared_link: {
             readonly url: string;
             short_url?: (string | null) | undefined;
         };
+        readonly search_rank: string;
+        readonly search_headline: string;
         readonly owned_by: {
             readonly id: number;
             readonly name: string;
@@ -144,8 +175,14 @@ export default function useCanvasTheme(): {
     isFluid: import('vue').Ref<boolean, boolean>;
     palette: import('vue').Ref<string[], string[]>;
     typography: import('vue').Ref<Record<string, CanvasTypographyPreset>, Record<string, CanvasTypographyPreset>>;
+    backgroundAttachment: import('vue').Ref<BackgroundAttachment, BackgroundAttachment>;
     backgroundImageUrl: import('vue').Ref<string, string>;
     backgroundVideoUrl: import('vue').Ref<string, string>;
+    backgroundPositionX: import('vue').Ref<BackgroundPositionX, BackgroundPositionX>;
+    backgroundPositionY: import('vue').Ref<BackgroundPositionY, BackgroundPositionY>;
+    backgroundSize: import('vue').Ref<BackgroundSize, BackgroundSize>;
+    backgroundRepeat: import('vue').Ref<BackgroundRepeat, BackgroundRepeat>;
+    prioritizeCanvasTheme: import('vue').Ref<boolean, boolean>;
     initializeTheme: typeof initializeTheme;
     getDefaultTypographyConfiguration: typeof getDefaultTypographyConfiguration;
     loadCustomFonts: typeof loadCustomFonts;
@@ -154,5 +191,6 @@ export default function useCanvasTheme(): {
     updateThemeProperties: typeof updateThemeProperties;
     removeCssUrlFunc: typeof removeCssUrlFunc;
     cleanup: typeof cleanup;
+    handleComponentThemeUpdate: typeof handleComponentThemeUpdate;
 };
 export {};

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

@@ -2,7 +2,7 @@ import { CanvasRetrieve } from '../../../../types/openapi';
 import { ComponentNode, ComponentNodeVisible } from '../types/canvas';
 export default function useCanvasVisibility(): {
     getComponentDefaultVisibility: (type: ComponentNode["type"], mode?: keyof ComponentNodeVisible) => boolean;
-    getVisibleCanvasContent: (data: ComponentNode[], mode?: keyof ComponentNodeVisible) => ComponentNode<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 | import('../types/canvas').CollectionPlayerProps>[];
+    getVisibleCanvasContent: (data: ComponentNode[], mode?: keyof ComponentNodeVisible) => 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>[];
     getVisibleKey: () => keyof ComponentNodeVisible | undefined;
     shouldRenderComponentWrapper: (c: ComponentNode, sectionId?: CanvasRetrieve["id"]) => boolean | undefined;
 };

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

@@ -0,0 +1,9 @@
+import { UiSelectCollectionPlayerRequest, UiSelectCollectionPlayerResponse } from '../../../sdk/api/modules/ui/types.ui';
+import { CollectionPlayer } from '../../collection-player/types/collection-player.type';
+declare const _default: (selectCollectionPlayerContent?: (payload?: UiSelectCollectionPlayerRequest) => Promise<UiSelectCollectionPlayerResponse>) => {
+    selectContent: ({ id, initialData }: {
+        id: string;
+        initialData: CollectionPlayer;
+    }) => Promise<void>;
+};
+export default _default;

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

@@ -0,0 +1,22 @@
+import { ComponentNode } from '../types/canvas';
+import { CSSProperties } from 'vue';
+import { ThemePadding } from './useCanvasTheme';
+import { BackgroundAttachment, BackgroundPositionX, BackgroundPositionY, BackgroundRepeat, BackgroundSize } from '../../../types/background';
+export declare function useComponentStyle(componentNode: ComponentNode | null): {
+    createStyleUpdate: (updates?: Partial<{
+        backgroundColor?: string;
+        backgroundAttachment?: BackgroundAttachment;
+        backgroundImage?: string | null;
+        backgroundPositionX?: BackgroundPositionX;
+        backgroundPositionY?: BackgroundPositionY;
+        backgroundRepeat?: BackgroundRepeat;
+        backgroundSize?: BackgroundSize;
+        height?: string;
+        left?: string;
+        marginBottom?: string;
+        padding?: ThemePadding;
+        position?: "absolute" | "relative" | "static" | "fixed";
+        top?: string;
+        width?: string;
+    }>) => CSSProperties;
+};

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

@@ -1,26 +1,20 @@
-import { ComponentTypes, MultimediaProps, ComponentNode, ContentGridProps, CollectionSelectorGroup, CollectionPage, CollectionFile, LinkProps } from '../types/canvas';
-import { Selection } from '../../content-selector/appTypes';
+import { ComponentTypes, MultimediaProps, ComponentNode, ContentGridProps, LinkProps } from '../types/canvas';
+import { Selection } from '../../../types/selections';
 import { FileContentTypeEnum, FileRetrieve } from '../../../../types/openapi';
 import { SelectedPage, SelectedFile, SelectorType, SelectedExternalLink, SelectedAsset } from '../../content-selector/stores/app';
 type ContentSelectorPayload = {
     id: ComponentNode['id'] | null;
-    componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.CollectionPlayer | ComponentTypes.Link> | null;
+    componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.Link> | null;
     selections?: Selection[];
     allowedSelectorTypes?: SelectorType[];
     allowedContentTypes?: FileContentTypeEnum[];
     allowedAssetContentTypes?: FileContentTypeEnum[];
     maxSelections?: number;
-    groupId?: CollectionSelectorGroup['id'];
     onSelected?: (selections: (SelectedFile | SelectedPage)[]) => void;
 };
 type ContentSelectorState = false | ContentSelectorPayload;
 declare function clearContentSelectorMode(): void;
 declare function setContentSelectorMode(payload: ContentSelectorPayload): void;
-declare function prepareCollectionPlayerNodeData({ selectedItems, filesById, }: {
-    groupId?: string;
-    selectedItems: (SelectedFile | SelectedPage)[];
-    filesById: Record<FileRetrieve['id'], FileRetrieve>;
-}): (CollectionPage | CollectionFile)[];
 export declare function prepareContentGridNodeData({ selectedItems, filesById, node, }: {
     selectedItems: (SelectedFile | SelectedPage)[];
     filesById: Record<FileRetrieve['id'], FileRetrieve>;
@@ -38,7 +32,7 @@ export default function (): {
     clearContentSelectorMode: typeof clearContentSelectorMode;
     contentSelectorMode: import('vue').Ref<false | {
         id: ComponentNode["id"] | null;
-        componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.CollectionPlayer | ComponentTypes.Link> | null;
+        componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.Link> | null;
         selections?: ({
             fileId: FileRetrieve["id"];
             type: "file" | "page";
@@ -61,11 +55,10 @@ export default function (): {
         allowedContentTypes?: FileContentTypeEnum[] | undefined;
         allowedAssetContentTypes?: FileContentTypeEnum[] | undefined;
         maxSelections?: number | undefined;
-        groupId?: CollectionSelectorGroup["id"] | undefined;
         onSelected?: ((selections: (SelectedFile | SelectedPage)[]) => void) | undefined;
     }, ContentSelectorState | {
         id: ComponentNode["id"] | null;
-        componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.CollectionPlayer | ComponentTypes.Link> | null;
+        componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.Link> | null;
         selections?: ({
             fileId: FileRetrieve["id"];
             type: "file" | "page";
@@ -88,13 +81,11 @@ export default function (): {
         allowedContentTypes?: FileContentTypeEnum[] | undefined;
         allowedAssetContentTypes?: FileContentTypeEnum[] | undefined;
         maxSelections?: number | undefined;
-        groupId?: CollectionSelectorGroup["id"] | undefined;
         onSelected?: ((selections: (SelectedFile | SelectedPage)[]) => void) | undefined;
     }>;
     setContentSelectorMode: typeof setContentSelectorMode;
     prepareContentGridNodeData: typeof prepareContentGridNodeData;
     prepareLinkNodeData: typeof prepareLinkNodeData;
     prepareMultimediaNodeData: typeof prepareMultimediaNodeData;
-    prepareCollectionPlayerNodeData: typeof prepareCollectionPlayerNodeData;
 };
 export {};

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

@@ -0,0 +1,28 @@
+import { User } from '../../../../types/openapi';
+interface DefaultCrmShape {
+    account?: {
+        name?: string;
+    };
+    meeting?: {
+        subject?: string;
+        description?: string;
+    };
+    today?: {
+        date: string;
+        time: string;
+        date_time: string;
+    };
+    user?: {
+        name: string;
+        first_name: string;
+        last_name: string;
+    };
+}
+export default function useCrmShape(): {
+    getDefaultCrmShape: ({ accountName, myUser, showDefault, }: {
+        accountName?: string;
+        myUser: User | null;
+        showDefault?: boolean;
+    }) => Partial<DefaultCrmShape>;
+};
+export {};

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

@@ -1,8 +1,8 @@
 import { ComponentNode } from '../types/canvas';
 import { ComputedRef, Ref } from 'vue';
 export default function useReorderComponent(): {
-    activeComponent: Ref<ComponentNode<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 | import('../types/canvas').CollectionPlayerProps> | null, ComponentNode<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 | import('../types/canvas').CollectionPlayerProps> | null>;
-    activeChildren: import('vue').WritableComputedRef<ComponentNode<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 | import('../types/canvas').CollectionPlayerProps>[], ComponentNode<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 | import('../types/canvas').CollectionPlayerProps>[]>;
+    activeComponent: Ref<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> | null, 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> | null>;
+    activeChildren: import('vue').WritableComputedRef<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>[], 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>[]>;
     activeTitle: ComputedRef<string>;
     isNewFeatureEnabled: ComputedRef<boolean>;
     isContentVisible: Ref<boolean, boolean>;
@@ -10,6 +10,8 @@ export default function useReorderComponent(): {
     getTitle: (component: ComponentNode) => string;
     selectParentComponent: (component: ComponentNode) => void;
     setActiveComponentId: (id: string | null) => void;
+    selectComponent: (component: ComponentNode) => void;
     resetActiveComponentId: () => void;
     toggleContentVisibility: () => void;
+    removeComponent: (component: ComponentNode) => void;
 };

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

@@ -2,7 +2,7 @@ import { Ref } from 'vue';
 import { MaybeRef } from '@vueuse/core';
 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 { CanvasRetrieve, Favorite, 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';
@@ -11,6 +11,10 @@ import { aspectRatios } from '../constants';
 import { OpenRequestPayload } from '../../../sdk/payload.types';
 import { CanvasTypographyPreset } from '../../../types/canvasTheme';
 import { FontAwesomeType } from './font-awesome.types';
+import { GetFavoritesParams } from '../../../main.lib';
+import { RecentFile } from '../../../types/recentFiles.types';
+import { CollectionPlayer as CollectionPlayerProps } from '../../collection-player/types/collection-player.type';
+import { UiSelectCollectionPlayerRequest, UiSelectCollectionPlayerResponse } from '../../../sdk/api/modules/ui/types.ui';
 type AvailableAspectRatio = (typeof aspectRatios)[number];
 export declare enum HtmlLayoutTypes {
     PREVIEW = "preview",
@@ -186,31 +190,7 @@ export interface IFrameProps {
     width?: string;
     add_session_context?: boolean;
 }
-export type CollectionPlayerProps = {
-    groups: CollectionSelectorGroup[];
-    name: string;
-};
 export type CollectionFileEntity = Pick<FileRetrieve, 'id' | 'name' | 'type' | 'metadata' | 'thumbnail_url' | 'permissions' | 'content_url' | 'content_type' | 'pspdfkit_auth_payload' | 'pspdfkit_document_id' | 'pspdfkit_server_url'>;
-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;
@@ -227,6 +207,8 @@ export interface LinkProps {
     target?: '_self' | '_blank';
     url?: string;
 }
+export interface ScribbleProps {
+}
 export interface PageBreakProps {
 }
 export interface PageProps {
@@ -304,7 +286,7 @@ export type SectionComponentOverrides = {
 export interface ComponentMeta {
     allowedChildren: ComponentTypes[];
     defaultChildren: Partial<ComponentNode>[];
-    defaultData: AvailableComponentProps | ((t: (key: string, values?: Record<string, string | number>) => string) => AvailableComponentProps);
+    defaultData: AvailableComponentProps;
     singleton?: boolean;
     defaultPrintable: boolean;
 }
@@ -325,7 +307,8 @@ export declare enum ComponentTypes {
     Page = "Page",
     Timeline = "Timeline",
     CollectionPlayer = "CollectionPlayer",
-    Block = "Block"
+    Block = "Block",
+    Scribble = "Scribble"
 }
 export declare enum ComponentIcon {
     AR = "cube",
@@ -347,7 +330,8 @@ export declare enum ComponentIcon {
     PageBreak = "arrows-from-line",
     Page = "pager",
     Timeline = "timeline-arrow",
-    CollectionPlayer = "regular-rectangle-history-circle-play"
+    CollectionPlayer = "regular-rectangle-history-circle-play",
+    Scribble = "pen-swirl"
 }
 export declare const componentIconType: Record<string, FontAwesomeType>;
 export type CanvasTheme = {
@@ -363,6 +347,7 @@ export type CanvasTheme = {
     style?: Record<string, any>;
     typography?: Record<string, CanvasTypographyPreset>;
     aspect_ratio?: AvailableAspectRatio;
+    prioritize_canvas_theme?: boolean;
 };
 export declare enum CanvasBuilderMode {
     ADMIN = "admin",
@@ -417,10 +402,11 @@ type NoCRMBuilderProps = {
     onSfdcAccountSearch?: never;
 };
 export type NodeInfo = {
-    id: string;
+    id?: string;
     type: ComponentTypes;
 };
 export type SharingBuilderProps = NoCRMBuilderProps & {
+    selectCollectionPlayerContent?: never;
     isFullscreen?: boolean;
     displayMode?: 'default' | 'print';
     startPage?: number;
@@ -452,9 +438,11 @@ export type SharingBuilderProps = NoCRMBuilderProps & {
     listCanvases?: never;
     fetchFolder?: never;
     fetchFile?: never;
+    fetchFavorites?: never;
+    fetchRecentFiles?: never;
     fetchInstanceMetadataTemplate?: never;
     fetchCanvas?: never;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: File['id'];
         documentId?: File['id'];
         pageIndex: number;
@@ -484,6 +472,7 @@ export interface CRMBuilderProps {
     };
 }
 type AdminImpactCommonBuilderProps = {
+    selectCollectionPlayerContent: (payload?: UiSelectCollectionPlayerRequest) => Promise<UiSelectCollectionPlayerResponse>;
     openOnStart?: {
         component?: string;
         section?: string;
@@ -526,9 +515,11 @@ type AdminImpactCommonBuilderProps = {
     listCanvases: (params?: any) => Promise<PaginatedData<CanvasRetrieve>>;
     fetchFolder: (folderId: Folder['id'] | undefined) => Promise<FolderRetrieve>;
     fetchFile: (fileId: FileRetrieve['id']) => Promise<FileRetrieve>;
+    fetchFavorites: (payload?: GetFavoritesParams) => Promise<PaginatedData<Favorite>>;
+    fetchRecentFiles: () => Promise<RecentFile[]>;
     fetchCanvas: (canvasId: CanvasRetrieve['id'], params?: Record<string, any>) => Promise<CanvasRetrieve>;
     fetchInstanceMetadataTemplate: () => Promise<MetadataTemplate>;
-    renderPageAsImageUrl?: (payload: {
+    renderPageAsImageUrl: (payload: {
         fileId: File['id'];
         documentId?: File['id'];
         pageIndex: number;

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

@@ -1,9 +1,10 @@
 import { UnwrapRef } from 'vue';
-import { ComponentTypes, CarouselProps, ComponentNode, ContentGridProps, EmbeddableProps, GridItemProps, GridProps, HtmlProps, IFrameProps, MultimediaProps, SectionComponentOverrides, SectionListProps, TextProps, CanvasBuilderMode, ComponentNodeVisible, LinkProps, CollectionPlayerProps } from '../types/canvas';
+import { ComponentTypes, CarouselProps, ComponentNode, ContentGridProps, EmbeddableProps, GridItemProps, GridProps, HtmlProps, IFrameProps, MultimediaProps, SectionComponentOverrides, SectionListProps, TextProps, CanvasBuilderMode, ComponentNodeVisible, LinkProps } from '../types/canvas';
 import { CanvasRetrieve, FileRetrieve } from '../../../../types/openapi';
 import { EmbedLocation } from '../../../types/app';
 import { SectionComponentNodesBySectionId, ComponentNodesById } from '../composables/useCanvas';
 import { SelectedPage, SelectedFile } from '../../content-selector/stores/app';
+import { CollectionPlayer } from '../../collection-player/types/collection-player.type';
 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, options?: {
@@ -24,13 +25,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 | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | CollectionPlayerProps>[];
+    newContent: 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>[];
     newComponentId: null;
 } | {
-    newContent: ComponentNode<GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | CollectionPlayerProps>[];
+    newContent: 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>[];
     newComponentId: string;
 };
-export declare function getAllPages(canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, isEditMode?: boolean): ComponentNode<GridProps | GridItemProps | TextProps | CarouselProps | MultimediaProps | EmbeddableProps | ContentGridProps | SectionListProps | HtmlProps | IFrameProps | LinkProps | import('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | CollectionPlayerProps>[][];
+export declare function getAllPages(canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, isEditMode?: boolean): 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 getPageQuantity(canvasContent: ComponentNode[][]): number;
 export declare const getPageRange: (canvasContent: ComponentNode[], currentEmbedLocation: EmbedLocation, start?: number, end?: number) => ComponentNode[][];
 export declare function scrollCanvasToTop(): void;
@@ -47,5 +48,5 @@ export declare function findEmbeddableInSectionsContent(canvasPages: ComponentNo
 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('../types/canvas').PageBreakProps | import('../types/canvas').PageProps | import('../types/canvas').TimelineProps | CollectionPlayerProps>[];
+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 {};

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

@@ -1,3 +1,4 @@
+export declare function extractUrlFromCssBackgroundImage(input?: string): string | null;
 export declare function stripQueryParams(url?: string): string;
 export declare function isValidUrl(urlString: string): boolean;
 export declare function extractBaseUrlAndResource(urlString?: string | null): [string, string];

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

@@ -33,6 +33,8 @@ export default function useApp(): {
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: (string | null) | undefined;
+            readonly search_rank: string;
+            readonly search_headline: string;
             readonly owned_by: {
                 readonly id: number;
                 readonly name: string;
@@ -80,6 +82,8 @@ export default function useApp(): {
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: (string | null) | undefined;
+            readonly search_rank: string;
+            readonly search_headline: string;
             readonly owned_by: {
                 readonly id: number;
                 readonly name: string;
@@ -127,6 +131,8 @@ export default function useApp(): {
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: (string | null) | undefined;
+            readonly search_rank: string;
+            readonly search_headline: string;
             readonly owned_by: {
                 readonly id: number;
                 readonly name: string;
@@ -174,6 +180,8 @@ export default function useApp(): {
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: (string | null) | undefined;
+            readonly search_rank: string;
+            readonly search_headline: string;
             readonly owned_by: {
                 readonly id: number;
                 readonly name: string;
@@ -227,6 +235,8 @@ export default function useApp(): {
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: (string | null) | undefined;
+            readonly search_rank: string;
+            readonly search_headline: string;
             readonly owned_by: {
                 readonly id: number;
                 readonly name: string;
@@ -274,6 +284,8 @@ export default function useApp(): {
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: (string | null) | undefined;
+            readonly search_rank: string;
+            readonly search_headline: string;
             readonly owned_by: {
                 readonly id: number;
                 readonly name: string;
@@ -321,6 +333,8 @@ export default function useApp(): {
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: (string | null) | undefined;
+            readonly search_rank: string;
+            readonly search_headline: string;
             readonly owned_by: {
                 readonly id: number;
                 readonly name: string;
@@ -368,6 +382,8 @@ export default function useApp(): {
                 name?: string | undefined;
             } | null | undefined;
             folder_id?: (string | null) | undefined;
+            readonly search_rank: string;
+            readonly search_headline: string;
             readonly owned_by: {
                 readonly id: number;
                 readonly name: string;
@@ -416,6 +432,8 @@ export default function useApp(): {
             name?: string | undefined;
         } | null | undefined;
         folder_id?: (string | null) | undefined;
+        readonly search_rank: string;
+        readonly search_headline: string;
         readonly owned_by: {
             readonly id: number;
             readonly name: string;
@@ -462,6 +480,8 @@ export default function useApp(): {
             name?: string | undefined;
         } | null | undefined;
         folder_id?: (string | null) | undefined;
+        readonly search_rank: string;
+        readonly search_headline: string;
         readonly owned_by: {
             readonly id: number;
             readonly name: string;
@@ -509,6 +529,8 @@ export default function useApp(): {
             name?: string | undefined;
         } | null | undefined;
         folder_id?: (string | null) | undefined;
+        readonly search_rank: string;
+        readonly search_headline: string;
         readonly owned_by: {
             readonly id: number;
             readonly name: string;
@@ -556,6 +578,8 @@ export default function useApp(): {
             name?: string | undefined;
         } | null | undefined;
         folder_id?: (string | null) | undefined;
+        readonly search_rank: string;
+        readonly search_headline: string;
         readonly owned_by: {
             readonly id: number;
             readonly name: string;
@@ -603,6 +627,8 @@ export default function useApp(): {
             name?: string | undefined;
         } | null | undefined;
         folder_id?: (string | null) | undefined;
+        readonly search_rank: string;
+        readonly search_headline: string;
         readonly owned_by: {
             readonly id: number;
             readonly name: string;
@@ -650,6 +676,8 @@ export default function useApp(): {
             name?: string | undefined;
         } | null | undefined;
         folder_id?: (string | null) | undefined;
+        readonly search_rank: string;
+        readonly search_headline: string;
         readonly owned_by: {
             readonly id: number;
             readonly name: string;

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

@@ -0,0 +1,33 @@
+import { CollectionPlayer } from './types/collection-player.type';
+import { Api, Options } from './stores/app.store';
+type Style = string | Record<string, any> | Array<string | Record<string, any>>;
+declare const _default: import('vue').DefineComponent<{
+    isLoading?: boolean;
+    data: CollectionPlayer;
+    id?: string;
+    isEditMode?: boolean;
+    inModal?: boolean;
+    options?: Options;
+    api: Api;
+    style?: Style;
+    class?: Style;
+}, {
+    isFullscreen: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<{
+    isLoading?: boolean;
+    data: CollectionPlayer;
+    id?: string;
+    isEditMode?: boolean;
+    inModal?: boolean;
+    options?: Options;
+    api: Api;
+    style?: Style;
+    class?: Style;
+}> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+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/collection-player/components/AppHeader.vue.d.ts

@@ -0,0 +1,2 @@
+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/collection-player/components/AppWrapper.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+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;