@cuemath/leap 3.1.0-gg2 → 3.1.0

package/dist/index.d.ts

@@ -295,10 +295,14 @@ export declare const CueCanvas: React.FC<ICueCanvas>;
 
 export declare const CueCanvasController: React_2.FC<IToolbarProps>;
 
+export declare const CueCanvasHomeworkController: NamedExoticComponent<IHomeWorkControllerProps>;
+
 export declare const CueCanvasProvider: FC<PropsWithChildren<{
     userType: TUserTypes;
 }>>;
 
+export declare const CueCanvasSideBar: NamedExoticComponent<ISidebar>;
+
 export declare const CuemathLogo: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const CueRocket: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -799,6 +803,11 @@ declare interface ICalloutProps {
     marginBottomX: number;
 }
 
+declare interface ICanvasUpdateConfig {
+    dimesion?: IViewport;
+    gridName?: TCueCanvasGridName;
+}
+
 declare interface ICascadeSelectValue {
     variant: string;
     detail: string;
@@ -1204,6 +1213,8 @@ declare interface ICueCanvas {
     onUpdateHeight?: TUpdateHeight;
     onPublish?: TPublish;
     onSubscribe?: TSubscribe;
+    canvasConfig?: ICanvasUpdateConfig | null;
+    updateCanvasConfig?: TUpdateCanvasConfig;
 }
 
 declare interface ICueCanvasCallbackProps {
@@ -1451,6 +1462,7 @@ declare interface IGoalCurriculumMap {
     program_code: string;
     program_name: string;
     program_id: string;
+    is_live: boolean;
 }
 
 declare interface IGooglePlaceOption extends google.maps.places.AutocompletePrediction, ISelectOption<string> {
@@ -1478,6 +1490,30 @@ export declare interface IHomepageStartJourneyProps {
     userType: TUserTypes;
 }
 
+declare interface IHomeWorkControllerProps {
+    width: number;
+    hwRequests?: IHomeWorkHelpRequestModel[];
+    onMarkAsResolved?: (homeworkId: string, onSuccess: () => void) => void;
+    onSendImageToChat?: (homeworkId: string, snapshot: Blob[], onSuccess: () => void) => void;
+}
+
+export declare interface IHomeWorkHelpRequestModel {
+    channel_id: string;
+    created_on_ts: number;
+    homework_id: string;
+    id: string;
+    message_timestamp: string;
+    problem_description: string;
+    problem_image_urls: string[];
+    state: string;
+    student_id: string;
+    teacher_id: string;
+}
+
+declare interface IHomeWorkHelpRequestModelWithStudentName extends IHomeWorkHelpRequestModel {
+    student_name: string;
+}
+
 declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel' | 'renderAs'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
     Icon: React.FC<React.SVGProps<SVGSVGElement>>;
     customBgColor?: TColorNames;
@@ -1863,133 +1899,134 @@ export declare interface ILessonWebGameProps extends IBaseWebGameProps, ISyncabl
     targetQuestions: number;
 }
 
-export declare namespace ILLUSTRATIONS {
-    let ALARM_CLOCK_ORANGE: string;
-    let ALARM_CLOCK_PURPLE: string;
-    let ALIEN_1: string;
-    let ALIEN_2: string;
-    let ALIEN_3: string;
-    let ALIEN_4: string;
-    let BLUE_CLIP: string;
-    let BOOK_GREEN: string;
-    let BOOK_OPEN_BLUE: string;
-    let BOOK_ORANGE: string;
-    let BOOK_YELLOW: string;
-    let BULLET_YELLOW: string;
-    let CALENDAR_BLUE: string;
-    let CALENDAR_GRAY: string;
-    let CALENDAR_GREEN: string;
-    let CAUTION: string;
-    let CHAPTER_10: string;
-    let CHAPTER_1: string;
-    let CHAPTER_2: string;
-    let CHAPTER_3: string;
-    let CHAPTER_4: string;
-    let CHAPTER_5: string;
-    let CHAPTER_6: string;
-    let CHAPTER_7: string;
-    let CHAPTER_8: string;
-    let CHAPTER_9: string;
-    let CHAPTER_HEADER_BG: string;
-    let CHAPTER_HEADER_BG_2: string;
-    let CIRCLE_CUEMATH_LOGO: string;
-    let CIRCLE_CUEMATH_LOGO_WHITE: string;
-    let CIRCLE_OUTERCIRCLE_BG: string;
-    let CLOCK_ORANGE: string;
-    let COMMUNITY_BULB: string;
-    let CROSSHAIR_CIRCLE: string;
-    let CROWN: string;
-    let CROWN_OVERLAY: string;
-    let CUECOIN_GOLD: string;
-    let CUEMATH_APP_QR_CODE: string;
-    let DESKTOP_WITH_PURPLE_FILL: string;
-    let DURATION_30MIN_GRAY: string;
-    let DURATION_45MIN_GRAY: string;
-    let DURATION_60MIN_GRAY: string;
-    let DURATION_90MIN_GRAY: string;
-    let EARTH_GREEN: string;
-    let FEMALE_AVATAR: string;
-    let GAME_PLAY: string;
-    let GLOBE_WITH_BLUE_FILL: string;
-    let GRADE_GRID_BACKGROUND: string;
-    let GRADUATE_HAT: string;
-    let GRADUATE_ICON_PINK: string;
-    let GRADUATE_PINK_FILLED_BG: string;
-    let GREEN_BALLOON: string;
-    let GREEN_FACE: string;
-    let LEARNED_SHIELD_GRAY: string;
-    let LEARNED_SHIELD_GREEN: string;
-    let LEARNT: string;
-    let LIKE: string;
-    let LIVE_SESSION: string;
-    let LOADER: string;
-    let LOADER_1: string;
-    let LOCKED: string;
-    let MAINTENANCE: string;
-    let MALE_AVATAR: string;
-    let MASTERED_BADGE: string;
-    let MASTERED_SHIELD_GRAY: string;
-    let MASTERED_SHIELD_GREEN: string;
-    let MENTAL_MATH: string;
-    let MILESTONE_INTRO_1: string;
-    let MILESTONE_INTRO_2: string;
-    let MILESTONE_INTRO_3: string;
-    let MISTAKE: string;
-    let NODE_CUSTOM_TEST_BG: string;
-    let NODE_LEARN_BG: string;
-    let NODE_PRACTICE_BG: string;
-    let NODE_PROJECT_BG: string;
-    let NODE_PUZZLE_BG: string;
-    let NODE_RECAP_BG: string;
-    let NODE_TEST_PREP_BG: string;
-    let NODE_VIDEO_BG: string;
-    let NUMBER_1_ORANGE: string;
-    let NUMBER_2_ORANGE: string;
-    let NUMBER_3_ORANGE: string;
-    let NUMBER_4_ORANGE: string;
-    let ONE_STAR_FILLED: string;
-    let ORANGE_FACE: string;
-    let PEOPLE_WITH_ORANGE_FILL: string;
-    let PLAY: string;
-    let PLAY_ICON: string;
-    let POINTS_SUM: string;
-    let PRACTICED_SHIELD_GREEN: string;
-    let PRACTICED_SHIELD_GREY: string;
-    let PROFICIENT_BADGE: string;
-    let PROFILE_BOARD: string;
-    let PUZZLE: string;
-    let PUZZLE_STUDENT: string;
-    let REFUND_POLICY: string;
-    let REFUND_POLICY_WITH_HEADPHONE: string;
-    let REPORT_404: string;
-    let ROCKET_BROKEN: string;
-    let ROCKET_YELLOW: string;
-    let SCORE: string;
-    let SMILEY: string;
-    let STAR_ORANGE: string;
-    let STAR_ORANGE_FILLED: string;
-    let STAR_WITH_GREEN_FILL: string;
-    let STREAK_GREEN: string;
-    let STREAK_WHITE: string;
-    let TEST_DIFFICULTY_EASY: string;
-    let TEST_DIFFICULTY_HARD: string;
-    let TEST_DIFFICULTY_MEDIUM: string;
-    let THREE_STARS_FILLED: string;
-    let TICK_GREEN: string;
-    let TROPHY_BLUE: string;
-    let TROPHY_BLUE_FILLED: string;
-    let TROPHY_CIRCLE: string;
-    let TROPHY_GREEN: string;
-    let TWO_STARS_FILLED: string;
-    let UP_ARROW: string;
-    let USER_CROWN_GRID_BACKGROUND: string;
-    let USER_DOWN: string;
-    let USER_PIN: string;
-    let USER_PROFILE_BACKGROUND: string;
-    let USER_TYPE_SELECTOR_GRID_BG: string;
-    let USER_UP: string;
-    let YELLOW_FACE: string;
-}
+export declare const ILLUSTRATIONS: {
+    ALARM_CLOCK_ORANGE: string;
+    ALARM_CLOCK_PURPLE: string;
+    ALIEN_1: string;
+    ALIEN_2: string;
+    ALIEN_3: string;
+    ALIEN_4: string;
+    BLUE_CLIP: string;
+    BOOK_GREEN: string;
+    BOOK_OPEN_BLUE: string;
+    BOOK_ORANGE: string;
+    BOOK_YELLOW: string;
+    BULLET_YELLOW: string;
+    CALENDAR_BLUE: string;
+    CALENDAR_GRAY: string;
+    CALENDAR_GREEN: string;
+    CAUTION: string;
+    CHAPTER_10: string;
+    CHAPTER_1: string;
+    CHAPTER_2: string;
+    CHAPTER_3: string;
+    CHAPTER_4: string;
+    CHAPTER_5: string;
+    CHAPTER_6: string;
+    CHAPTER_7: string;
+    CHAPTER_8: string;
+    CHAPTER_9: string;
+    CHAPTER_HEADER_BG: string;
+    CHAPTER_HEADER_BG_2: string;
+    CIRCLE_CUEMATH_LOGO: string;
+    CIRCLE_CUEMATH_LOGO_WHITE: string;
+    CIRCLE_OUTERCIRCLE_BG: string;
+    CLOCK_ORANGE: string;
+    COMMUNITY_BULB: string;
+    CROSSHAIR_CIRCLE: string;
+    CROWN: string;
+    CROWN_OVERLAY: string;
+    CUECOIN_GOLD: string;
+    CUEMATH_APP_QR_CODE: string;
+    DESKTOP_WITH_PURPLE_FILL: string;
+    DURATION_30MIN_GRAY: string;
+    DURATION_45MIN_GRAY: string;
+    DURATION_60MIN_GRAY: string;
+    DURATION_90MIN_GRAY: string;
+    EARTH_GREEN: string;
+    ELLIPSE_CLIP: string;
+    FEMALE_AVATAR: string;
+    GAME_PLAY: string;
+    GLOBE_WITH_BLUE_FILL: string;
+    GRADE_GRID_BACKGROUND: string;
+    GRADUATE_HAT: string;
+    GRADUATE_ICON_PINK: string;
+    GRADUATE_PINK_FILLED_BG: string;
+    GREEN_BALLOON: string;
+    GREEN_FACE: string;
+    LEARNED_SHIELD_GRAY: string;
+    LEARNED_SHIELD_GREEN: string;
+    LEARNT: string;
+    LIKE: string;
+    LIVE_SESSION: string;
+    LOADER: string;
+    LOADER_1: string;
+    LOCKED: string;
+    MAINTENANCE: string;
+    MALE_AVATAR: string;
+    MASTERED_BADGE: string;
+    MASTERED_SHIELD_GRAY: string;
+    MASTERED_SHIELD_GREEN: string;
+    MENTAL_MATH: string;
+    MILESTONE_INTRO_1: string;
+    MILESTONE_INTRO_2: string;
+    MILESTONE_INTRO_3: string;
+    MISTAKE: string;
+    NODE_CUSTOM_TEST_BG: string;
+    NODE_LEARN_BG: string;
+    NODE_PRACTICE_BG: string;
+    NODE_PROJECT_BG: string;
+    NODE_PUZZLE_BG: string;
+    NODE_RECAP_BG: string;
+    NODE_TEST_PREP_BG: string;
+    NODE_VIDEO_BG: string;
+    NUMBER_1_ORANGE: string;
+    NUMBER_2_ORANGE: string;
+    NUMBER_3_ORANGE: string;
+    NUMBER_4_ORANGE: string;
+    ONE_STAR_FILLED: string;
+    ORANGE_FACE: string;
+    PEOPLE_WITH_ORANGE_FILL: string;
+    PLAY: string;
+    PLAY_ICON: string;
+    POINTS_SUM: string;
+    PRACTICED_SHIELD_GREEN: string;
+    PRACTICED_SHIELD_GREY: string;
+    PROFICIENT_BADGE: string;
+    PROFILE_BOARD: string;
+    PUZZLE: string;
+    PUZZLE_STUDENT: string;
+    REFUND_POLICY: string;
+    REFUND_POLICY_WITH_HEADPHONE: string;
+    REPORT_404: string;
+    ROCKET_BROKEN: string;
+    ROCKET_YELLOW: string;
+    SCORE: string;
+    SMILEY: string;
+    STAR_ORANGE: string;
+    STAR_ORANGE_FILLED: string;
+    STAR_WITH_GREEN_FILL: string;
+    STREAK_GREEN: string;
+    STREAK_WHITE: string;
+    TEST_DIFFICULTY_EASY: string;
+    TEST_DIFFICULTY_HARD: string;
+    TEST_DIFFICULTY_MEDIUM: string;
+    THREE_STARS_FILLED: string;
+    TICK_GREEN: string;
+    TROPHY_BLUE: string;
+    TROPHY_BLUE_FILLED: string;
+    TROPHY_CIRCLE: string;
+    TROPHY_GREEN: string;
+    TWO_STARS_FILLED: string;
+    UP_ARROW: string;
+    USER_CROWN_GRID_BACKGROUND: string;
+    USER_DOWN: string;
+    USER_PIN: string;
+    USER_PROFILE_BACKGROUND: string;
+    USER_TYPE_SELECTOR_GRID_BG: string;
+    USER_UP: string;
+    YELLOW_FACE: string;
+};
 
 declare interface ILoadScript {
     (url: string, id: string): Promise<void>;
@@ -2038,38 +2075,38 @@ export { Image_2 as Image }
 
 export declare const ImageIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare namespace IMAGES {
-    let ACHIEVEMENT_BG: string;
-    let ASHTA: string;
-    let AWESOME: string;
-    let BADGE_SUCCESS: string;
-    let BG_EMPTY_RESOURCES: string;
-    let CHATVA: string;
-    let CONGRATS: string;
-    let COOL: string;
-    let COSA: string;
-    let DEFAULT_CHAPTER: string;
-    let DODA: string;
-    let DVI: string;
-    let EKA: string;
-    let EMPTY_MIX_TESTS: string;
-    let GREAT: string;
-    let HEXO: string;
-    let KUDOS: string;
-    let LEARNING_PLAN: string;
-    let LESSON_OVERVIEW_BANNER: string;
-    let NO_INFO: string;
-    let OCTO: string;
-    let PUZZLE_CARD_EASY: string;
-    let PUZZLE_CARD_HARD: string;
-    let PUZZLE_CARD_MEDIUM: string;
-    let SHARED: string;
-    let SHEET_REFERENCE: string;
-    let SPIRAL_PATTERN: string;
-    let TETRA: string;
-    let WOW: string;
-    let ZODASA: string;
-}
+export declare const IMAGES: {
+    ACHIEVEMENT_BG: string;
+    ASHTA: string;
+    AWESOME: string;
+    BADGE_SUCCESS: string;
+    BG_EMPTY_RESOURCES: string;
+    CHATVA: string;
+    CONGRATS: string;
+    COOL: string;
+    COSA: string;
+    DEFAULT_CHAPTER: string;
+    DODA: string;
+    DVI: string;
+    EKA: string;
+    EMPTY_MIX_TESTS: string;
+    GREAT: string;
+    HEXO: string;
+    KUDOS: string;
+    LEARNING_PLAN: string;
+    LESSON_OVERVIEW_BANNER: string;
+    NO_INFO: string;
+    OCTO: string;
+    PUZZLE_CARD_EASY: string;
+    PUZZLE_CARD_HARD: string;
+    PUZZLE_CARD_MEDIUM: string;
+    SHARED: string;
+    SHEET_REFERENCE: string;
+    SPIRAL_PATTERN: string;
+    TETRA: string;
+    WOW: string;
+    ZODASA: string;
+};
 
 declare interface IMaintenanceProps {
     underMaintenance: boolean;
@@ -2364,6 +2401,7 @@ declare interface INodeCardCallbacks {
     onNodeReset?: (nodeData: INodeDataProps, milestoneId?: string) => void;
     onNodeUnassign?: (nodeData: INodeDataProps, milestoneId?: string) => void;
     onNodeUnlock?: (nodeData: INodeDataProps, milestoneId?: string) => void;
+    onNodeSkipUnSkip?: (nodeData: INodeDataProps, milestoneId?: string) => void;
 }
 
 export declare interface INodeDataProps {
@@ -2417,6 +2455,8 @@ declare interface INodePermissions {
     can_teacher_review: boolean;
     can_unassign: boolean;
     can_unlock: boolean;
+    can_un_skip: boolean;
+    can_skip: boolean;
 }
 
 export declare const InputStatusIcon: NamedExoticComponent<IInputStatusIconProps>;
@@ -2968,6 +3008,11 @@ declare interface ISheetsListProps extends ISheetItemCallbackProps {
     section?: TSheetsSection;
 }
 
+declare interface ISidebar {
+    grade?: string;
+    hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];
+}
+
 declare interface ISignupMethodsProps {
     onEmailSignup: () => void;
     onPhoneSignup: () => void;
@@ -3336,6 +3381,8 @@ declare interface ITile {
         toPort?: string;
         toTileId: string;
     }[];
+    html?: string;
+    width?: number | string;
 }
 
 declare interface ITimeLeftTimelineProps {
@@ -3951,92 +3998,92 @@ export declare const Lock3Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const LockIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare namespace LOTTIE {
-    let ACCURACY_METER: string;
-    let ACCURACY_NEEDLE: string;
-    let ADVANCE_MODE_SEGMENT_LOTTIE: string;
-    let AVATAR_SELECTED: string;
-    let BEGINNER1X: string;
-    let BRONZE_1: string;
-    let BRONZE_2: string;
-    let BRONZE_3: string;
-    let CHAPTER_COMPLETED: string;
-    let CIRCULAR_LOADER: string;
-    let CLOCK_30MIN: string;
-    let CLOCK_45MIN: string;
-    let CLOCK_60MIN: string;
-    let CLOCK_90MIN: string;
-    let COLOR_1: string;
-    let COLOR_2: string;
-    let COLOR_3: string;
-    let COMPETITIVE_ARENA: string;
-    let DIFFICULT: string;
-    let DOB: string;
-    let EASY: string;
-    let ELITE_CIRCLE: string;
-    let ERROR: string;
-    let ERROR_LOTTIE: string;
-    let FAMILIAR1X: string;
-    let FIFTEEN_MIN_CLOCK: string;
-    let FIVE_MIN_CLOCK: string;
-    let GOLD_1: string;
-    let GOLD_2: string;
-    let GOLD_3: string;
-    let GRADE: string;
-    let INFINITE_BUTTON_BG: string;
-    let INFINITE_BUTTON_SYMBOL: string;
-    let KEY: string;
-    let LEARN: string;
-    let LEVELUP_RINGS: string;
-    let MAIL: string;
-    let MEDIUM: string;
-    let NUDGE_TAP: string;
-    let OTP: string;
-    let PARENT_AVATAR: string;
-    let PHONE_NUMBER: string;
-    let POINT100: string;
-    let POINT10: string;
-    let POINT15: string;
-    let POINT1: string;
-    let POINT20: string;
-    let POINT25: string;
-    let POINT2: string;
-    let POINT30: string;
-    let POINT35: string;
-    let POINT3: string;
-    let POINT40: string;
-    let POINT45: string;
-    let POINT4: string;
-    let POINT50: string;
-    let POINT5: string;
-    let POINT60: string;
-    let PRACTICE: string;
-    let PROFICIENT1X: string;
-    let PROJECT: string;
-    let PUZZLE: string;
-    let RANDOM_MODE_SEGMENT_LOTTIE: string;
-    let RECAP: string;
-    let SEQUENCE_MODE_SEGMENT_LOTTIE: string;
-    let SILVER_1: string;
-    let SILVER_2: string;
-    let SILVER_3: string;
-    let SLEEPY_BOI: string;
-    let SPINNER_WHITE: string;
-    let SPLASH_SCREEN: string;
-    let STUDENT_AVATAR: string;
-    let TABLE_MODE_REVEAL: string;
-    let TABLE_MODE_STAR: string;
-    let TABLE_SEGMENT_STAR: string;
-    let TARGET_ACHIEVED_TEXT: string;
-    let TEACHER_VALIDATION: string;
-    let TEST: string;
-    let TOTAL_STREAK: string;
-    let TOTAL_TIME: string;
-    let TOTAL_TIME_SPENT: string;
-    let TOURNAMENT_RIPPLE: string;
-    let USERNAME: string;
-    let VIDEO: string;
-}
+export declare const LOTTIE: {
+    ACCURACY_METER: string;
+    ACCURACY_NEEDLE: string;
+    ADVANCE_MODE_SEGMENT_LOTTIE: string;
+    AVATAR_SELECTED: string;
+    BEGINNER1X: string;
+    BRONZE_1: string;
+    BRONZE_2: string;
+    BRONZE_3: string;
+    CHAPTER_COMPLETED: string;
+    CIRCULAR_LOADER: string;
+    CLOCK_30MIN: string;
+    CLOCK_45MIN: string;
+    CLOCK_60MIN: string;
+    CLOCK_90MIN: string;
+    COLOR_1: string;
+    COLOR_2: string;
+    COLOR_3: string;
+    COMPETITIVE_ARENA: string;
+    DIFFICULT: string;
+    DOB: string;
+    EASY: string;
+    ELITE_CIRCLE: string;
+    ERROR: string;
+    ERROR_LOTTIE: string;
+    FAMILIAR1X: string;
+    FIFTEEN_MIN_CLOCK: string;
+    FIVE_MIN_CLOCK: string;
+    GOLD_1: string;
+    GOLD_2: string;
+    GOLD_3: string;
+    GRADE: string;
+    INFINITE_BUTTON_BG: string;
+    INFINITE_BUTTON_SYMBOL: string;
+    KEY: string;
+    LEARN: string;
+    LEVELUP_RINGS: string;
+    MAIL: string;
+    MEDIUM: string;
+    NUDGE_TAP: string;
+    OTP: string;
+    PARENT_AVATAR: string;
+    PHONE_NUMBER: string;
+    POINT100: string;
+    POINT10: string;
+    POINT15: string;
+    POINT1: string;
+    POINT20: string;
+    POINT25: string;
+    POINT2: string;
+    POINT30: string;
+    POINT35: string;
+    POINT3: string;
+    POINT40: string;
+    POINT45: string;
+    POINT4: string;
+    POINT50: string;
+    POINT5: string;
+    POINT60: string;
+    PRACTICE: string;
+    PROFICIENT1X: string;
+    PROJECT: string;
+    PUZZLE: string;
+    RANDOM_MODE_SEGMENT_LOTTIE: string;
+    RECAP: string;
+    SEQUENCE_MODE_SEGMENT_LOTTIE: string;
+    SILVER_1: string;
+    SILVER_2: string;
+    SILVER_3: string;
+    SLEEPY_BOI: string;
+    SPINNER_WHITE: string;
+    SPLASH_SCREEN: string;
+    STUDENT_AVATAR: string;
+    TABLE_MODE_REVEAL: string;
+    TABLE_MODE_STAR: string;
+    TABLE_SEGMENT_STAR: string;
+    TARGET_ACHIEVED_TEXT: string;
+    TEACHER_VALIDATION: string;
+    TEST: string;
+    TOTAL_STREAK: string;
+    TOTAL_TIME: string;
+    TOTAL_TIME_SPENT: string;
+    TOURNAMENT_RIPPLE: string;
+    USERNAME: string;
+    VIDEO: string;
+};
 
 export declare const LPARChapter: FC<ILPARChapterProps>;
 
@@ -5566,6 +5613,8 @@ export declare type TTrialSessionMessage = {
     };
 };
 
+declare type TUpdateCanvasConfig = (data: ICanvasUpdateConfig) => void;
+
 declare type TUpdateHeight = (height: number) => void;
 
 declare type TUserAccount = {
@@ -5617,12 +5666,14 @@ export declare const UpIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const useAutoPlayPermission: () => IAutoPlayPermissionContextType;
 
-export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void, initialCanvasData?: Array<IChannelMessage>) => {
-    publishStrokes: ((message: unknown) => boolean) | undefined;
+export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void, initialCanvasData?: Array<IChannelMessage>, type?: TRenderAs_2) => {
+    publishStrokes: ((message: IPublishData) => boolean) | undefined;
     channelStatus: ChannelStatus | undefined;
     closeChannel: () => void;
     initialStrokesData: Record<string, IActionData[]>;
     registerCallback: (qrId: string, cb: (data: IActionData) => void) => void;
+    setChannelMetadata: ((metadata: ICanvasUpdateConfig, merge?: boolean) => void) | undefined;
+    channelMetadata: ICanvasUpdateConfig | null | undefined;
 };
 
 export declare const useChapterPageJourney: () => {