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

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

@@ -4,15 +4,17 @@ import { CanvasRetrieve } from '../../../../types/openapi';
 type AnimationDirection = 'Left' | 'Right';
 declare function goToNextPage(): void;
 declare function goToPreviousPage(): void;
-declare function goToPage(componentId: ComponentNode['id'], sectionId?: CanvasRetrieve['id'], options?: {
-    scrollToTop: boolean;
+declare function goToPage({ componentId, sectionId, scrollTo, }: {
+    componentId: ComponentNode['id'];
+    sectionId?: CanvasRetrieve['id'];
+    scrollTo?: 'component' | 'top';
 }): void;
 declare function reset(): void;
 export default function useCanvasPages(): {
     activeSectionId: ComputedRef<string | null>;
     activeSectionTheme: ComputedRef<Record<string, any> | null>;
-    canvasPages: ComputedRef<ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps>[][]>;
-    currentPageIndex: import('vue').Ref<number>;
+    canvasPages: ComputedRef<ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').IFrameProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | import('@canvas-builder/types/canvas').CollectionPlayerProps>[][]>;
+    currentPageIndex: import('vue').Ref<number, number>;
     currentSectionList: ComputedRef<{
         sectionListId: string;
         sectionListIndex: number;
@@ -20,7 +22,7 @@ export default function useCanvasPages(): {
         sectionListId: null;
         sectionListIndex: number;
     }>;
-    sectionListIndexMap: import('vue').Ref<Record<string, number>>;
+    sectionListIndexMap: import('vue').Ref<Record<string, number>, Record<string, number>>;
     presentationProgress: ComputedRef<number[]>;
     isFirstPage: ComputedRef<boolean>;
     isLastPage: ComputedRef<boolean>;
@@ -29,6 +31,6 @@ export default function useCanvasPages(): {
     goToPage: typeof goToPage;
     reset: typeof reset;
     keepActivePageValid: () => void;
-    animationDirection: import('vue').Ref<"" | AnimationDirection>;
+    animationDirection: import('vue').Ref<"" | AnimationDirection, "" | AnimationDirection>;
 };
 export {};

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

@@ -12,7 +12,7 @@ declare function discardOverridesConfirmationOptions(t: (input: string) => strin
 declare function cleanup(): void;
 export default function useCanvasSectionOverrides(): {
     getComponentOverrides: (data: Ref<ComponentNode["data"]>, id: Ref<ComponentNode["id"]>, sectionId?: Ref<CanvasRetrieve["id"]>) => import('vue').ComputedRef<{
-        data: (import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps) | undefined;
+        data: (import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').IFrameProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | import('@canvas-builder/types/canvas').CollectionPlayerProps) | undefined;
         is_removed: boolean;
     }>;
     discardOverridesConfirmationOptions: typeof discardOverridesConfirmationOptions;
@@ -24,6 +24,6 @@ export default function useCanvasSectionOverrides(): {
         remove?: boolean;
     }) => void;
     cleanup: typeof cleanup;
-    sectionComponentOverrides: Ref<SectionComponentOverrides>;
+    sectionComponentOverrides: Ref<SectionComponentOverrides, SectionComponentOverrides>;
 };
 export {};

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

@@ -1,5 +1,6 @@
 import { FileTypeEnum, File } from '../../../../types/openapi';
-import { CanvasTheme } from '../../../main.lib';
+import { CanvasTheme } from '@canvas-builder/types/canvas.ts';
+import { CanvasTypographyPreset, CanvasTypographyPresetId } from '../../../types/canvasTheme';
 export declare enum ThemeComponentOptionEnum {
     'COLOR_PICKER' = 0,
     'PADDING' = 1,
@@ -13,14 +14,29 @@ export interface ThemePadding {
 }
 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'>;
 declare function cleanup(): void;
+declare function getDefaultTypographyConfiguration(): {
+    [k: string]: {
+        id: CanvasTypographyPresetId;
+        font_family: string;
+        font_size: string;
+        font_weight: "400" | "700";
+        color: string;
+        line_height: string;
+        letter_spacing: string;
+        text_transform: "none" | "capitalize" | "lowercase" | "uppercase";
+    };
+};
 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 updateThemeProperties(theme: Partial<CanvasTheme>): void;
+declare function updateTextCSSVariables(typography: Record<string, CanvasTypographyPreset>): void;
 export default function useCanvasTheme(): {
-    canvasBgColor: import('vue').Ref<string>;
-    globalComponentSpacing: import('vue').Ref<number>;
-    font: import('vue').Ref<string>;
+    areTokenConstraintsActive: import('vue').ComputedRef<boolean>;
+    canvasBgColor: import('vue').Ref<string, string>;
+    cleanup: typeof cleanup;
     customFonts: import('vue').Ref<{
         readonly id: string;
         readonly global_id: string;
@@ -71,12 +87,68 @@ export default function useCanvasTheme(): {
             readonly name: string;
             email?: string | undefined;
         };
+    }[], File[] | {
+        readonly id: string;
+        readonly global_id: string;
+        name?: string | undefined;
+        readonly type: FileTypeEnum;
+        readonly size: number | null;
+        readonly status: import('../../../../types/openapi').FileStatusEnum;
+        readonly content_type: import('../../../../types/openapi').FileContentTypeEnum;
+        readonly content_extension: string | null;
+        readonly content_length: number | null;
+        readonly content_url: string | null;
+        readonly original_extension: string | null;
+        readonly thumbnail_url: string | null;
+        download_type?: import('../../../../types/openapi').DownloadTypeEnum | undefined;
+        readonly zip_size: number | null;
+        readonly zip_url: string | null;
+        access_type?: import('../../../../types/openapi').AccessTypeEnum | undefined;
+        readonly role: import('../../../../types/openapi').CollaborationRoleEnum;
+        permissions?: {
+            can_download?: boolean | undefined;
+            can_share?: boolean | undefined;
+        } | undefined;
+        metadata?: Record<string, any> | undefined;
+        app_metadata?: Record<string, any> | undefined;
+        tags?: Array<string> | undefined;
+        readonly published_at: string | null;
+        expires_at?: (string | null) | undefined;
+        readonly instance_id: string;
+        folder_id?: string | undefined;
+        readonly shared_link: {
+            readonly url: string;
+            short_url?: (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;
+        };
     }[]>;
-    isEditingCanvasTheme: import('vue').Ref<boolean>;
-    isFluid: import('vue').Ref<boolean>;
+    font: import('vue').Ref<string, string>;
+    getDefaultTypographyConfiguration: typeof getDefaultTypographyConfiguration;
+    globalComponentSpacing: import('vue').Ref<number, number>;
+    initializeTheme: typeof initializeTheme;
+    isEditingCanvasTheme: import('vue').Ref<boolean, boolean>;
+    isFluid: import('vue').Ref<boolean, boolean>;
     loadCustomFonts: typeof loadCustomFonts;
+    palette: import('vue').Ref<string[], string[]>;
     setFontAndFetchAsset: typeof setFontAndFetchAsset;
-    cleanup: typeof cleanup;
+    typography: import('vue').Ref<Record<string, CanvasTypographyPreset>, Record<string, CanvasTypographyPreset>>;
+    updateTextCSSVariables: typeof updateTextCSSVariables;
     updateThemeProperties: typeof updateThemeProperties;
 };
 export {};

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

@@ -2,7 +2,7 @@ import { CanvasRetrieve } from '../../../../types/openapi';
 import { ComponentNode, ComponentNodeVisible } from '@canvas-builder/types/canvas';
 export default function useCanvasVisibility(): {
     getComponentDefaultVisibility: (type: ComponentNode["type"], mode?: keyof ComponentNodeVisible) => boolean;
-    getVisibleCanvasContent: (data: ComponentNode[], mode?: keyof ComponentNodeVisible) => ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps>[];
+    getVisibleCanvasContent: (data: ComponentNode[], mode?: keyof ComponentNodeVisible) => ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').IFrameProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | import('@canvas-builder/types/canvas').CollectionPlayerProps>[];
     getVisibleKey: () => keyof ComponentNodeVisible | undefined;
     shouldRenderComponentWrapper: (c: ComponentNode, sectionId?: CanvasRetrieve["id"]) => boolean | undefined;
 };

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

@@ -6,6 +6,9 @@ export default function useCanvasTheme(): {
     clickedOnSection: Readonly<import('vue').Ref<{
         readonly sectionListId: ComponentNode["id"];
         readonly sectionId: CanvasRetrieve["id"];
+    } | undefined, {
+        readonly sectionListId: ComponentNode["id"];
+        readonly sectionId: CanvasRetrieve["id"];
     } | undefined>>;
     resetClickedOnSection: typeof resetClickedOnSection;
     setClickedOnSection: typeof setClickedOnSection;

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

@@ -0,0 +1,31 @@
+import { ComputedRef, Ref } from 'vue';
+import { CollectionFile, CollectionPage, CollectionPlayerProps, CollectionSelectorGroup, CollectionSelectorSlide } from '@canvas-builder/types/canvas';
+import { default as useConfirmation } from '../../../composables/useConfirmation';
+type UseCollectionPlayerProps = {
+    nodeId: string;
+    nodeData: Ref<CollectionPlayerProps | undefined> | ComputedRef<CollectionPlayerProps | undefined>;
+    t: (key: string, values?: Record<string, string | number>) => string;
+    confirmation: ReturnType<typeof useConfirmation>;
+};
+export declare const generateNewCollection: (t: (key: string, values?: Record<string, string | number>) => string) => {
+    name: string;
+    groups: never[];
+};
+export declare const generateNewGroup: (t: (key: string, values?: Record<string, string | number>) => string) => {
+    id: string;
+    name: string;
+    slides: never[];
+};
+export declare const generateNewCollectionSlide: (payload: Pick<CollectionPage, "file" | "slide">) => CollectionPage;
+export declare const generateNewCollectionFile: (file: CollectionFile["file"]) => CollectionFile;
+export declare const getUniqueSlides: (uniqueSlides: CollectionSelectorSlide[], newSlides: CollectionSelectorSlide[]) => CollectionSelectorSlide[];
+declare const _default: ({ nodeId, nodeData, t, confirmation }: UseCollectionPlayerProps) => {
+    updateWithNewGroup: (group?: Partial<CollectionSelectorGroup>) => CollectionSelectorGroup | undefined;
+    deleteGroup: (groupId: string, groupName: string) => void;
+    updateGroup: (group: Partial<Omit<CollectionSelectorGroup, "id">> & Pick<CollectionSelectorGroup, "id">) => void;
+    changeGroups: (groups: CollectionSelectorGroup[]) => void;
+    changeSlides: (groupId: string, slides: CollectionSelectorSlide[]) => void;
+    changeCollectionName: (name: string) => void;
+    changeGroupName: (groupId: string, name: string) => void;
+};
+export default _default;

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

@@ -1,19 +1,26 @@
-import { ComponentTypes, MultimediaProps, ComponentNode, ContentGridProps } from '@canvas-builder/types/canvas';
+import { ComponentTypes, MultimediaProps, ComponentNode, ContentGridProps, CollectionSelectorGroup, CollectionPage, CollectionFile } from '@canvas-builder/types/canvas';
 import { Selection } from '@content-selector/appTypes';
 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>;
+    componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.CollectionPlayer>;
     selections?: Selection[];
     allowedSelectorTypes?: SelectorType[];
     allowedContentTypes?: FileContentTypeEnum[];
     allowedAssetContentTypes?: FileContentTypeEnum[];
     maxSelections?: number;
+    groupId?: CollectionSelectorGroup['id'];
 };
+type ContentSelectorState = false | ContentSelectorPayload;
 declare function clearContentSelectorMode(): void;
 declare function setContentSelectorMode(payload: ContentSelectorPayload): void;
-declare function prepareContentGridNodeData({ selectedItems, filesById, node, }: {
+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>;
     node?: ComponentNode<ContentGridProps>;
@@ -25,7 +32,28 @@ export default function (): {
     clearContentSelectorMode: typeof clearContentSelectorMode;
     contentSelectorMode: import('vue').Ref<false | {
         id: ComponentNode["id"] | null;
-        componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia>;
+        componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.CollectionPlayer>;
+        selections?: ({
+            fileId: FileRetrieve["id"];
+            type: "file" | "page";
+            pageIndex?: number | undefined;
+        } | {
+            url: string;
+            type: "external_link";
+            content_type: "video" | "image";
+            from: "custom" | "pexels" | "unsplash" | "ai";
+        } | {
+            fileId: FileRetrieve["id"];
+            type: "asset";
+        })[] | undefined;
+        allowedSelectorTypes?: SelectorType[] | undefined;
+        allowedContentTypes?: FileContentTypeEnum[] | undefined;
+        allowedAssetContentTypes?: FileContentTypeEnum[] | undefined;
+        maxSelections?: number | undefined;
+        groupId?: CollectionSelectorGroup["id"] | undefined;
+    }, ContentSelectorState | {
+        id: ComponentNode["id"] | null;
+        componentType: Extract<ComponentTypes, ComponentTypes.ContentGrid | ComponentTypes.Multimedia | ComponentTypes.CollectionPlayer>;
         selections?: ({
             fileId: FileRetrieve["id"];
             type: "file" | "page";
@@ -34,6 +62,7 @@ export default function (): {
             url: string;
             type: "external_link";
             content_type: "video" | "image";
+            from: "custom" | "pexels" | "unsplash" | "ai";
         } | {
             fileId: FileRetrieve["id"];
             type: "asset";
@@ -42,9 +71,11 @@ export default function (): {
         allowedContentTypes?: FileContentTypeEnum[] | undefined;
         allowedAssetContentTypes?: FileContentTypeEnum[] | undefined;
         maxSelections?: number | undefined;
+        groupId?: CollectionSelectorGroup["id"] | undefined;
     }>;
     setContentSelectorMode: typeof setContentSelectorMode;
     prepareContentGridNodeData: typeof prepareContentGridNodeData;
     prepareMultimediaNodeData: typeof prepareMultimediaNodeData;
+    prepareCollectionPlayerNodeData: typeof prepareCollectionPlayerNodeData;
 };
 export {};

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

@@ -0,0 +1,4 @@
+import { File } from '../../../../types/openapi/models/File';
+export declare function useFetchMostPopularFiles(): {
+    fetchMostPopularFiles: () => Promise<File[]>;
+};

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

@@ -1,8 +1,8 @@
 import { ComputedRef } from 'vue';
 import { AppFile, EmbeddedAppShortcut } from '../../../types/app';
 export declare function useInstalledEmbeddables(): {
-    isFetching: import('vue').Ref<boolean>;
-    installedEmbeddablesById: import('vue').Ref<Record<string, AppFile> | null>;
+    isFetching: import('vue').Ref<boolean, boolean>;
+    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 & {

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

@@ -1,6 +1,6 @@
 declare function toggleNavigatorDrawer(): void;
 export default function (): {
     toggleNavigatorDrawer: typeof toggleNavigatorDrawer;
-    isNavigatorDrawerOpen: import('vue').Ref<boolean>;
+    isNavigatorDrawerOpen: import('vue').Ref<boolean, boolean>;
 };
 export {};

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

@@ -1,5 +1,5 @@
 export declare const usePitcherEvents: () => {
-    isOpenPhotosCaptured: import('vue').Ref<boolean>;
+    isOpenPhotosCaptured: import('vue').Ref<boolean, boolean>;
     registerPhotosCapturedListener: () => void;
     unregisterPhotosCapturedListener: () => void;
 };

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

@@ -0,0 +1,8 @@
+export declare enum EntityType {
+    FILE = "File",
+    SECTION = "Section",
+    TEMPLATE = "Template"
+}
+export declare function usePopularity(): {
+    fetchPopularityData: (type: EntityType) => Promise<Record<string, import('../../../types/sectionPopularity').SectionExtra> | undefined>;
+};

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

@@ -1,5 +1,3 @@
-import { AxiosInstance } from 'axios';
-import { PitcherInfo } from '../../../types/app';
 import { ContentGridProps, CanvasBuilderProps } from '@canvas-builder/types/canvas';
 import { RecommendedContent } from '@canvas-builder/types/recommendations.types';
 import { CanvasRetrieve } from '../../../../types/openapi';
@@ -8,14 +6,12 @@ declare function autofillCanvasContentGridsWithAi(filesFetcher: NonNullable<Canv
 declare function autofillSectionContentGridsWithAi(filesFetcher: NonNullable<CanvasBuilderProps['listFiles']>): Promise<void>;
 declare function autofillSectionContentGridsWithMatchingProperties(sectionId: CanvasRetrieve['id'], options: {
     filesFetcher: NonNullable<CanvasBuilderProps['listFiles']>;
-    http: AxiosInstance;
-    pitcherInfo: PitcherInfo;
+    recommendedFilesFetcher: NonNullable<CanvasBuilderProps['listRecommendedFiles']>;
     instanceSettings: InstanceSettings;
 }): Promise<void>;
 declare function autofillCanvasContentGridsWithMatchingProperties(options: {
     filesFetcher: NonNullable<CanvasBuilderProps['listFiles']>;
-    http: AxiosInstance;
-    pitcherInfo: PitcherInfo;
+    recommendedFilesFetcher: NonNullable<CanvasBuilderProps['listRecommendedFiles']>;
     instanceSettings?: InstanceSettings;
 }): Promise<void>;
 declare function cleanup(): void;
@@ -37,15 +33,14 @@ export default function useRecommendations(): {
         };
     }>;
     recommendedSectionIds: import('vue').ComputedRef<string[]>;
-    standaloneSectionContentGridsWithMatchingPropertiesPreviewData: import('vue').Ref<Record<string, ContentGridProps>>;
+    standaloneSectionContentGridsWithMatchingPropertiesPreviewData: import('vue').Ref<Record<string, ContentGridProps>, Record<string, ContentGridProps>>;
     autofillCanvasContentGridsWithAi: typeof autofillCanvasContentGridsWithAi;
     autofillCanvasContentGridsWithMatchingProperties: typeof autofillCanvasContentGridsWithMatchingProperties;
     autofillSectionContentGridsWithAi: typeof autofillSectionContentGridsWithAi;
     autofillSectionContentGridsWithMatchingProperties: typeof autofillSectionContentGridsWithMatchingProperties;
     previewStandaloneSectionContentGridsWithMatchingProperties: (options: {
         filesFetcher: NonNullable<CanvasBuilderProps["listFiles"]>;
-        http: AxiosInstance;
-        pitcherInfo: PitcherInfo;
+        recommendedFilesFetcher: NonNullable<CanvasBuilderProps["listRecommendedFiles"]>;
     }) => Promise<void>;
     cleanup: typeof cleanup;
 };

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

@@ -1,11 +1,11 @@
 import { ComponentNode } from '@canvas-builder/types/canvas';
 import { ComputedRef, Ref } from 'vue';
 export default function useReorderComponent(): {
-    activeComponent: Ref<ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps> | null>;
-    activeChildren: import('vue').WritableComputedRef<ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps>[]>;
+    activeComponent: Ref<ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').IFrameProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | import('@canvas-builder/types/canvas').CollectionPlayerProps> | null, ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').IFrameProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | import('@canvas-builder/types/canvas').CollectionPlayerProps> | null>;
+    activeChildren: import('vue').WritableComputedRef<ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').IFrameProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | import('@canvas-builder/types/canvas').CollectionPlayerProps>[], ComponentNode<import('@canvas-builder/types/canvas').GridProps | import('@canvas-builder/types/canvas').GridItemProps | import('@canvas-builder/types/canvas').TextProps | import('@canvas-builder/types/canvas').CarouselProps | import('@canvas-builder/types/canvas').MultimediaProps | import('@canvas-builder/types/canvas').EmbeddableProps | import('@canvas-builder/types/canvas').ContentGridProps | import('@canvas-builder/types/canvas').SectionListProps | import('@canvas-builder/types/canvas').HtmlProps | import('@canvas-builder/types/canvas').IFrameProps | import('@canvas-builder/types/canvas').LinkProps | import('@canvas-builder/types/canvas').PageBreakProps | import('@canvas-builder/types/canvas').PageProps | import('@canvas-builder/types/canvas').TimelineProps | import('@canvas-builder/types/canvas').CollectionPlayerProps>[]>;
     activeTitle: ComputedRef<string>;
     isNewFeatureEnabled: ComputedRef<boolean>;
-    isContentVisible: Ref<boolean>;
+    isContentVisible: Ref<boolean, boolean>;
     initialize: () => void;
     getTitle: (component: ComponentNode) => string;
     selectParentComponent: (component: ComponentNode) => void;

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

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

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

@@ -22,7 +22,7 @@ export default function useSectionPopularity(filters?: ComputedRef<Record<string
     isLatestFilterActive: ComputedRef<false | [string, any] | undefined>;
     isPopularFilterActive: ComputedRef<false | [string, any] | undefined>;
     isRecommendedFilterActive: ComputedRef<false | [string, any] | undefined>;
-    popularityDict: import('vue').Ref<Record<string, SectionExtra>>;
+    popularityDict: import('vue').Ref<Record<string, SectionExtra>, Record<string, SectionExtra>>;
     popularSections: ComputedRef<{
         id: string;
         popularity: import('../../../types/sectionPopularity').SectionPopularity;