@cuemath/leap 3.5.68-as2 → 3.5.68

package/dist/features/analytics-events/platform-events-student.js

@@ -1,5 +1,5 @@
 import { PLUGINS as t } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
-var _ = /* @__PURE__ */ ((e) => (e.PAGE_VIEWED = "page_viewed", e.CUSTOM_TEST_SUBMITTED = "custom_test_submitted", e.HOMEWORK_COMPLETED = "homework_completed", e.ERROR_VIA_AUTO_LOGIN_FROM_CUEMATH_APP = "error_via_auto_login_from_cuemath_app", e.PUZZLE_ATTEMPTED = "puzzle_attempted", e.WORKOUT_TAB_CLICKED = "workout_tab_clicked", e.TABLES_TAB_CLICKED = "tables_tab_clicked", e.INFO_BUTTON_CLICKED = "info_button_clicked", e.PROFILE_ICON_CLICKED = "profile_icon_clicked", e.CIRCLE_ONBOARDING_COMPLETED = "circle_onboarding_completed", e.ACTIVITY_STARTED = "activity_started", e.ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen", e.STREAK_ICON_CLICKED = "streak_icon_clicked", e.LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked", e.ONBOARDING_STEP_VIEWED = "onboarding_step_viewed", e.ONBOARDING_STEP_COMPLETED = "onboarding_step_completed", e.COACHMARK_DISMISSED = "coachmark_dismissed", e))(_ || {});
+var _ = /* @__PURE__ */ ((e) => (e.PAGE_VIEWED = "page_viewed", e.CUSTOM_TEST_SUBMITTED = "custom_test_submitted", e.HOMEWORK_COMPLETED = "homework_completed", e.ERROR_VIA_AUTO_LOGIN_FROM_CUEMATH_APP = "error_via_auto_login_from_cuemath_app", e.PUZZLE_ATTEMPTED = "puzzle_attempted", e.WORKOUT_TAB_CLICKED = "workout_tab_clicked", e.TABLES_TAB_CLICKED = "tables_tab_clicked", e.INFO_BUTTON_CLICKED = "info_button_clicked", e.PROFILE_ICON_CLICKED = "profile_icon_clicked", e.CIRCLE_ONBOARDING_COMPLETED = "circle_onboarding_completed", e.ACTIVITY_STARTED = "activity_started", e.ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen", e.STREAK_ICON_CLICKED = "streak_icon_clicked", e.LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked", e.ONBOARDING_STEP_VIEWED = "onboarding_step_viewed", e.ONBOARDING_STEP_COMPLETED = "onboarding_step_completed", e.COACHMARK_DISMISSED = "coachmark_dismissed", e.MATHFIT_SECTION_COMPLETED = "mathfit_section_completed", e))(_ || {});
 const i = {
   page_viewed: [t.MIXPANEL],
   custom_test_submitted: [t.MIXPANEL],

package/dist/features/analytics-events/platform-events-student.js.map

@@ -1 +1 @@
-{"version":3,"file":"platform-events-student.js","sources":["../../../src/features/analytics-events/platform-events-student.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\n/**\n ** Global/Platform specific events that needs to be tracked goes here\n ** Naming convention needs to be snake_case\n */\nexport enum PLATFORM_EVENTS_STUDENT {\n  PAGE_VIEWED = 'page_viewed',\n  CUSTOM_TEST_SUBMITTED = 'custom_test_submitted',\n  HOMEWORK_COMPLETED = 'homework_completed',\n  ERROR_VIA_AUTO_LOGIN_FROM_CUEMATH_APP = 'error_via_auto_login_from_cuemath_app',\n  PUZZLE_ATTEMPTED = 'puzzle_attempted',\n  WORKOUT_TAB_CLICKED = 'workout_tab_clicked',\n  TABLES_TAB_CLICKED = 'tables_tab_clicked',\n  INFO_BUTTON_CLICKED = 'info_button_clicked',\n  PROFILE_ICON_CLICKED = 'profile_icon_clicked',\n\n  // circle on leap mixpanel events\n  CIRCLE_ONBOARDING_COMPLETED = 'circle_onboarding_completed',\n  ACTIVITY_STARTED = 'activity_started',\n  ACTIVITY_TUTORIAL_SEEN = 'activity_tutorial_seen',\n  STREAK_ICON_CLICKED = 'streak_icon_clicked',\n  LEADERBOARD_BUTTON_CLICKED = 'leaderboard_button_clicked',\n  ONBOARDING_STEP_VIEWED = 'onboarding_step_viewed',\n  ONBOARDING_STEP_COMPLETED = 'onboarding_step_completed',\n  COACHMARK_DISMISSED = 'coachmark_dismissed',\n}\n\n/**\n ** Events that need to be tracked at particular plugins\n ** Value will be array of strings.\n */\nexport const PLATFORM_WHITELIST_EVENTS_STUDENT = {\n  [PLATFORM_EVENTS_STUDENT.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.CUSTOM_TEST_SUBMITTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.HOMEWORK_COMPLETED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.PUZZLE_ATTEMPTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.PROFILE_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n\n  // circle on leap mixpanel events\n  [PLATFORM_EVENTS_STUDENT.CIRCLE_ONBOARDING_COMPLETED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_STARTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_TUTORIAL_SEEN]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.STREAK_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.LEADERBOARD_BUTTON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.COACHMARK_DISMISSED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.WORKOUT_TAB_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.TABLES_TAB_CLICKED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_STUDENT","PLUGINS"],"mappings":";AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,wBAAwB,yBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,wCAAwC,yCACxCA,EAAA,mBAAmB,oBACnBA,EAAA,sBAAsB,uBACtBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,uBAAuB,wBAGvBA,EAAA,8BAA8B,+BAC9BA,EAAA,mBAAmB,oBACnBA,EAAA,yBAAyB,0BACzBA,EAAA,sBAAsB,uBACtBA,EAAA,6BAA6B,8BAC7BA,EAAA,yBAAyB,0BACzBA,EAAA,4BAA4B,6BAC5BA,EAAA,sBAAsB,uBAnBZA,IAAAA,KAAA,CAAA,CAAA;AA0BL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA,EACvD,uBAAgD,CAACA,EAAQ,QAAQ;AAAA,EACjE,oBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,sBAA+C,CAACA,EAAQ,QAAQ;AAAA;AAAA,EAGhE,6BAAsD,CAACA,EAAQ,QAAQ;AAAA,EACvE,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,4BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,2BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,oBAA6C,CAACA,EAAQ,QAAQ;AACjE;"}
+{"version":3,"file":"platform-events-student.js","sources":["../../../src/features/analytics-events/platform-events-student.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\n/**\n ** Global/Platform specific events that needs to be tracked goes here\n ** Naming convention needs to be snake_case\n */\nexport enum PLATFORM_EVENTS_STUDENT {\n  PAGE_VIEWED = 'page_viewed',\n  CUSTOM_TEST_SUBMITTED = 'custom_test_submitted',\n  HOMEWORK_COMPLETED = 'homework_completed',\n  ERROR_VIA_AUTO_LOGIN_FROM_CUEMATH_APP = 'error_via_auto_login_from_cuemath_app',\n  PUZZLE_ATTEMPTED = 'puzzle_attempted',\n  WORKOUT_TAB_CLICKED = 'workout_tab_clicked',\n  TABLES_TAB_CLICKED = 'tables_tab_clicked',\n  INFO_BUTTON_CLICKED = 'info_button_clicked',\n  PROFILE_ICON_CLICKED = 'profile_icon_clicked',\n\n  // circle on leap mixpanel events\n  CIRCLE_ONBOARDING_COMPLETED = 'circle_onboarding_completed',\n  ACTIVITY_STARTED = 'activity_started',\n  ACTIVITY_TUTORIAL_SEEN = 'activity_tutorial_seen',\n  STREAK_ICON_CLICKED = 'streak_icon_clicked',\n  LEADERBOARD_BUTTON_CLICKED = 'leaderboard_button_clicked',\n  ONBOARDING_STEP_VIEWED = 'onboarding_step_viewed',\n  ONBOARDING_STEP_COMPLETED = 'onboarding_step_completed',\n  COACHMARK_DISMISSED = 'coachmark_dismissed',\n  MATHFIT_SECTION_COMPLETED = 'mathfit_section_completed',\n}\n\n/**\n ** Events that need to be tracked at particular plugins\n ** Value will be array of strings.\n */\nexport const PLATFORM_WHITELIST_EVENTS_STUDENT = {\n  [PLATFORM_EVENTS_STUDENT.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.CUSTOM_TEST_SUBMITTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.HOMEWORK_COMPLETED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.PUZZLE_ATTEMPTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.PROFILE_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n\n  // circle on leap mixpanel events\n  [PLATFORM_EVENTS_STUDENT.CIRCLE_ONBOARDING_COMPLETED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_STARTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_TUTORIAL_SEEN]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.STREAK_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.LEADERBOARD_BUTTON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.COACHMARK_DISMISSED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.WORKOUT_TAB_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.TABLES_TAB_CLICKED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_STUDENT","PLUGINS"],"mappings":";AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,wBAAwB,yBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,wCAAwC,yCACxCA,EAAA,mBAAmB,oBACnBA,EAAA,sBAAsB,uBACtBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,uBAAuB,wBAGvBA,EAAA,8BAA8B,+BAC9BA,EAAA,mBAAmB,oBACnBA,EAAA,yBAAyB,0BACzBA,EAAA,sBAAsB,uBACtBA,EAAA,6BAA6B,8BAC7BA,EAAA,yBAAyB,0BACzBA,EAAA,4BAA4B,6BAC5BA,EAAA,sBAAsB,uBACtBA,EAAA,4BAA4B,6BApBlBA,IAAAA,KAAA,CAAA,CAAA;AA2BL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA,EACvD,uBAAgD,CAACA,EAAQ,QAAQ;AAAA,EACjE,oBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,sBAA+C,CAACA,EAAQ,QAAQ;AAAA;AAAA,EAGhE,6BAAsD,CAACA,EAAQ,QAAQ;AAAA,EACvE,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,4BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,2BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,oBAA6C,CAACA,EAAQ,QAAQ;AACjE;"}

package/dist/features/chapters-v2/comps/node-card/node-card-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-card-types.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-types.ts"],"sourcesContent":["import type { EWorksheetActivity, IWorksheetModel } from '../../../../types/models/worksheet';\nimport type {\n  NODE_TYPE,\n  PYTHON_NODE_TYPES,\n  SAT_NODE_TYPE,\n  SHEET_ATTEMPT_LOCATION,\n} from '../../../sheets/constants/sheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport type { BLOCK_TYPE } from '../../constants/block-constants';\nimport type { NODE_CARD_COURSE_TYPES, NODE_CARD_STATES } from '../../constants/node-constants';\n\ntype TSheetAttemptLocation = keyof typeof SHEET_ATTEMPT_LOCATION;\n\ntype TSheetStates = keyof typeof NODE_CARD_STATES;\nexport type TNodeTypes =\n  | keyof typeof NODE_TYPE\n  | keyof typeof PYTHON_NODE_TYPES\n  | keyof typeof SAT_NODE_TYPE;\nexport type TCourseType = keyof typeof NODE_CARD_COURSE_TYPES;\n\nexport enum ECardType {\n  MATHFIT = 'MATHFIT',\n}\n\ninterface INodePermissions {\n  can_change_attempt_location: boolean;\n  can_mark_familiar: boolean;\n  can_reattempt: boolean;\n  can_reset: boolean;\n  can_resume: boolean;\n  can_review: boolean;\n  can_assign_as_homework: boolean;\n  can_start: boolean;\n  can_teacher_review: boolean;\n  can_unassign: boolean;\n  can_unlock: boolean;\n  can_un_skip: boolean;\n  can_skip: boolean;\n}\n\nexport interface TNodeDataTestItemsDataProps {\n  chapter_name: string;\n  goal_name: string;\n  ref: string;\n}\n\ninterface INodeDataProps {\n  accuracy: number | null;\n  attempt_location: TSheetAttemptLocation;\n  block_id: string;\n  card_header: string;\n  chapter_id: string | null;\n  chapter_name?: string;\n  complete_status: boolean;\n  course_type: TCourseType;\n  desmos_calculator_enabled: boolean;\n  due_date_ts: number | null;\n  id: string;\n  image_hue: THueNames;\n  image_url: string | null;\n  activity_type: EWorksheetActivity | null;\n  is_optional: boolean;\n  is_timed: boolean;\n  is_worksheet_v3: boolean | null;\n  items?: TNodeDataTestItemsDataProps[];\n  learnosity_activity_ref: string;\n  marked_as_completed: boolean;\n  node_id: string;\n  node_type: TNodeTypes;\n  permissions: INodePermissions;\n  sheet_statement: string;\n  sheet_time: number | null;\n  state: TSheetStates;\n  subtext: string | null;\n  title: string;\n  total_questions: number | null;\n  unlocked_on_ts: number | null;\n  user_attempt_id: string | null;\n  user_chapter_id: string | null;\n  user_block_id: string | null;\n  user_milestone_id?: string;\n  user_node_id: string | null;\n  worksheet_id: string;\n  is_turing: boolean;\n  student_instructions_ref: string | null;\n  instructions_ref: string | null;\n  worksheet?: IWorksheetModel | null;\n}\n\ninterface INodeCardTagsProps {\n  state: TSheetStates;\n  accuracy?: number | null;\n  nodeType: TNodeTypes;\n  dueDateTs?: number | null;\n  isStudent?: boolean;\n  isMilestone?: boolean;\n  isMathFitCard?: boolean;\n}\n\ninterface INodeCardCallbacks {\n  onNodeAttempt?: (\n    nodeData: INodeDataProps,\n    milestoneId?: string,\n    homeworkId?: string,\n    isSatMockTestBlock?: boolean,\n  ) => void;\n  onNodeView?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeReview?: (\n    nodeData: INodeDataProps,\n    milestoneId?: string,\n    homeworkId?: string,\n    isSatMockTestBlock?: boolean,\n  ) => void;\n  onNodeReattempt?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeAssignAsHomework?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeMarkAsDone?: (nodeData: INodeDataProps) => void;\n  onNodeReset?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeUnassign?: (nodeData: INodeDataProps, milestoneId?: string, homeworkId?: string) => void;\n  onNodeUnlock?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeSkipUnSkip?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onCardClick?: ({ entityId, type }: { entityId: string; type: ECardType }) => void;\n}\n\ninterface INodeCardProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  nodeData: INodeDataProps;\n  imageHue: THueNames;\n  blockType?: keyof typeof BLOCK_TYPE;\n  isSkipped?: boolean;\n  isStudent?: boolean;\n}\n\nexport type {\n  TSheetStates,\n  INodeDataProps,\n  INodePermissions,\n  INodeCardProps,\n  INodeCardCallbacks,\n  INodeCardTagsProps,\n};\n"],"names":["ECardType"],"mappings":"AAoBY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WADAA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"node-card-types.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-types.ts"],"sourcesContent":["import type { EWorksheetActivity, IWorksheetModel } from '../../../../types/models/worksheet';\nimport type {\n  NODE_TYPE,\n  PYTHON_NODE_TYPES,\n  SAT_NODE_TYPE,\n  SHEET_ATTEMPT_LOCATION,\n} from '../../../sheets/constants/sheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport type { BLOCK_TYPE } from '../../constants/block-constants';\nimport type { NODE_CARD_COURSE_TYPES, NODE_CARD_STATES } from '../../constants/node-constants';\n\ntype TSheetAttemptLocation = keyof typeof SHEET_ATTEMPT_LOCATION;\n\ntype TSheetStates = keyof typeof NODE_CARD_STATES;\nexport type TNodeTypes =\n  | keyof typeof NODE_TYPE\n  | keyof typeof PYTHON_NODE_TYPES\n  | keyof typeof SAT_NODE_TYPE;\nexport type TCourseType = keyof typeof NODE_CARD_COURSE_TYPES;\n\nexport enum ECardType {\n  MATHFIT = 'MATHFIT',\n}\n\ninterface INodePermissions {\n  can_change_attempt_location: boolean;\n  can_mark_familiar: boolean;\n  can_reattempt: boolean;\n  can_reset: boolean;\n  can_resume: boolean;\n  can_review: boolean;\n  can_assign_as_homework: boolean;\n  can_start: boolean;\n  can_teacher_review: boolean;\n  can_unassign: boolean;\n  can_unlock: boolean;\n  can_un_skip: boolean;\n  can_skip: boolean;\n}\n\nexport interface TNodeDataTestItemsDataProps {\n  chapter_name: string;\n  goal_name: string;\n  ref: string;\n}\n\ninterface INodeDataProps {\n  accuracy: number | null;\n  attempt_location: TSheetAttemptLocation;\n  block_id: string;\n  card_header: string;\n  chapter_id: string | null;\n  chapter_name?: string;\n  complete_status: boolean;\n  course_type: TCourseType;\n  desmos_calculator_enabled: boolean;\n  correct_answers: number;\n  due_date_ts: number | null;\n  id: string;\n  image_hue: THueNames;\n  image_url: string | null;\n  activity_type: EWorksheetActivity | null;\n  is_optional: boolean;\n  is_timed: boolean;\n  is_worksheet_v3: boolean | null;\n  items?: TNodeDataTestItemsDataProps[];\n  learnosity_activity_ref: string;\n  marked_as_completed: boolean;\n  node_id: string;\n  node_type: TNodeTypes;\n  permissions: INodePermissions;\n  sheet_statement: string;\n  sheet_time: number | null;\n  state: TSheetStates;\n  subtext: string | null;\n  title: string;\n  total_questions: number | null;\n  unlocked_on_ts: number | null;\n  user_attempt_id: string | null;\n  user_chapter_id: string | null;\n  user_block_id: string | null;\n  user_milestone_id?: string;\n  user_node_id: string | null;\n  worksheet_id: string;\n  is_turing: boolean;\n  student_instructions_ref: string | null;\n  instructions_ref: string | null;\n  worksheet?: IWorksheetModel | null;\n}\n\ninterface INodeCardTagsProps {\n  state: TSheetStates;\n  accuracy?: number | null;\n  nodeType: TNodeTypes;\n  dueDateTs?: number | null;\n  isStudent?: boolean;\n  isMilestone?: boolean;\n  isMathFitCard?: boolean;\n}\n\ninterface INodeCardCallbacks {\n  onNodeAttempt?: (\n    nodeData: INodeDataProps,\n    milestoneId?: string,\n    homeworkId?: string,\n    isSatMockTestBlock?: boolean,\n  ) => void;\n  onNodeView?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeReview?: (\n    nodeData: INodeDataProps,\n    milestoneId?: string,\n    homeworkId?: string,\n    isSatMockTestBlock?: boolean,\n  ) => void;\n  onNodeReattempt?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeAssignAsHomework?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeMarkAsDone?: (nodeData: INodeDataProps) => void;\n  onNodeReset?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeUnassign?: (nodeData: INodeDataProps, milestoneId?: string, homeworkId?: string) => void;\n  onNodeUnlock?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onNodeSkipUnSkip?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n  onCardClick?: ({ entityId, type }: { entityId: string; type: ECardType }) => void;\n}\n\ninterface INodeCardProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  nodeData: INodeDataProps;\n  imageHue: THueNames;\n  blockType?: keyof typeof BLOCK_TYPE;\n  isSkipped?: boolean;\n  isStudent?: boolean;\n}\n\nexport type {\n  TSheetStates,\n  INodeDataProps,\n  INodePermissions,\n  INodeCardProps,\n  INodeCardCallbacks,\n  INodeCardTagsProps,\n};\n"],"names":["ECardType"],"mappings":"AAoBY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WADAA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/chapters-v2/constants/node-constants.js

@@ -1,4 +1,4 @@
-const I = {
+const M = {
   ASSIGN_AS_HW: "Assign as HW",
   MARK_AS_DONE: "Mark as Done",
   SKIP: "Skip",
@@ -9,9 +9,10 @@ const I = {
   LOCK: "Lock",
   UNLOCK: "Unlock"
 };
-var R = /* @__PURE__ */ ((E) => (E.LOCKED = "LOCKED", E.NOT_STARTED = "NOT_STARTED", E.WAIT_FOR_REVIEW = "WAIT_FOR_REVIEW", E.IN_PROGRESS = "IN_PROGRESS", E.COMPLETED = "COMPLETED", E.EXPIRED = "EXPIRED", E))(R || {});
+var I = /* @__PURE__ */ ((E) => (E.LOCKED = "LOCKED", E.NOT_STARTED = "NOT_STARTED", E.WAIT_FOR_REVIEW = "WAIT_FOR_REVIEW", E.IN_PROGRESS = "IN_PROGRESS", E.COMPLETED = "COMPLETED", E.EXPIRED = "EXPIRED", E))(I || {}), R = /* @__PURE__ */ ((E) => (E.PROGRAM = "PROGRAM", E.REMEDIAL = "REMEDIAL", E.TEST_SERIES = "TEST_SERIES", E.EXAM = "EXAM", E.MATHFIT = "MATHFIT", E))(R || {});
 export {
-  R as NODE_CARD_STATES,
-  I as TEACHER_MENU_LABELS
+  R as NODE_CARD_COURSE_TYPES,
+  I as NODE_CARD_STATES,
+  M as TEACHER_MENU_LABELS
 };
 //# sourceMappingURL=node-constants.js.map

package/dist/features/chapters-v2/constants/node-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-constants.js","sources":["../../../../src/features/chapters-v2/constants/node-constants.ts"],"sourcesContent":["export const TEACHER_MENU_LABELS = {\n  ASSIGN_AS_HW: 'Assign as HW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REVIEW: 'Review',\n  VIEW: 'View',\n  RESET: 'Reset',\n  LOCK: 'Lock',\n  UNLOCK: 'Unlock',\n};\n\nexport enum NODE_CARD_STATES {\n  LOCKED = 'LOCKED',\n  NOT_STARTED = 'NOT_STARTED',\n  WAIT_FOR_REVIEW = 'WAIT_FOR_REVIEW',\n  IN_PROGRESS = 'IN_PROGRESS',\n  COMPLETED = 'COMPLETED',\n  EXPIRED = 'EXPIRED',\n}\n\nexport enum NODE_CARD_COURSE_TYPES {\n  PROGRAM = 'PROGRAM',\n  REMEDIAL = 'REMEDIAL',\n  TEST_SERIES = 'TEST_SERIES',\n  EXAM = 'EXAM',\n  MATHFIT = 'MATHFIT',\n}\n"],"names":["TEACHER_MENU_LABELS","NODE_CARD_STATES"],"mappings":"AAAO,MAAMA,IAAsB;AAAA,EACjC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AACV;AAEY,IAAAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,kBAAkB,mBAClBA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,UAAU,WANAA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"node-constants.js","sources":["../../../../src/features/chapters-v2/constants/node-constants.ts"],"sourcesContent":["export const TEACHER_MENU_LABELS = {\n  ASSIGN_AS_HW: 'Assign as HW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REVIEW: 'Review',\n  VIEW: 'View',\n  RESET: 'Reset',\n  LOCK: 'Lock',\n  UNLOCK: 'Unlock',\n};\n\nexport enum NODE_CARD_STATES {\n  LOCKED = 'LOCKED',\n  NOT_STARTED = 'NOT_STARTED',\n  WAIT_FOR_REVIEW = 'WAIT_FOR_REVIEW',\n  IN_PROGRESS = 'IN_PROGRESS',\n  COMPLETED = 'COMPLETED',\n  EXPIRED = 'EXPIRED',\n}\n\nexport enum NODE_CARD_COURSE_TYPES {\n  PROGRAM = 'PROGRAM',\n  REMEDIAL = 'REMEDIAL',\n  TEST_SERIES = 'TEST_SERIES',\n  EXAM = 'EXAM',\n  MATHFIT = 'MATHFIT',\n}\n"],"names":["TEACHER_MENU_LABELS","NODE_CARD_STATES","NODE_CARD_COURSE_TYPES"],"mappings":"AAAO,MAAMA,IAAsB;AAAA,EACjC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AACV;AAEY,IAAAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,kBAAkB,mBAClBA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,UAAU,WANAA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,cAAc,eACdA,EAAA,OAAO,QACPA,EAAA,UAAU,WALAA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/cue-canvas/bottombar/homework-controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"homework-controls.js","sources":["../../../../src/features/cue-canvas/bottombar/homework-controls.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport CheckIcon from '../../../assets/line-icons/icons/check';\nimport ShareIcon from '../../../assets/line-icons/icons/share';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { dataURIToBlob } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport type { IHomeWorkControllerProps } from './bottombar-types';\n\nconst HomeworkController: FC<IHomeWorkControllerProps> = props => {\n  const { width, onSendImageToChat, onMarkAsResolved } = props;\n  const { homeworkId, activeInstance, setHomeworkId } = useCueCanvasActions();\n  const [isBusy, setIsBusy] = useState(false);\n\n  const onSuccess = useCallback(() => {\n    activeInstance?.clearCanvas();\n    setHomeworkId(undefined);\n    setIsBusy(false);\n  }, [activeInstance, setHomeworkId]);\n\n  const getBoardSnapshot = useCallback(async () => {\n    if (!activeInstance) return;\n\n    const snapshot = await activeInstance?.getCanvasAsImage();\n\n    if (!snapshot) {\n      return;\n    }\n\n    const blobdata = dataURIToBlob(snapshot);\n\n    return [blobdata];\n  }, [activeInstance]);\n\n  const handleSendImageToChat = useCallback(async () => {\n    const snapshot = await getBoardSnapshot();\n\n    if (!homeworkId || !onSendImageToChat || !snapshot) return;\n\n    onSendImageToChat?.(homeworkId, snapshot, onSuccess);\n  }, [getBoardSnapshot, homeworkId, onSendImageToChat, onSuccess]);\n\n  const handleMarkAsResolved = useCallback(() => {\n    if (!homeworkId) return;\n    setIsBusy(true);\n    onMarkAsResolved?.(homeworkId, onSuccess);\n  }, [homeworkId, onMarkAsResolved, onSuccess]);\n\n  if (!homeworkId) return null;\n\n  if (isBusy) {\n    return (\n      <FlexView\n        $gapX={1}\n        $gutterX={0.5}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width={width}\n        $background=\"YELLOW_1\"\n      >\n        <Text $renderAs=\"body3\" $color=\"BLACK\">\n          Resolving....\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView\n      $flexDirection=\"row\"\n      $gapX={1}\n      $gutterX={0.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width={width}\n      $background=\"YELLOW_1\"\n    >\n      <Button\n        label=\"Mark as reolved\"\n        onClick={handleMarkAsResolved}\n        renderAs={'primary'}\n        Icon={CheckIcon}\n        busy={isBusy}\n      />\n      <Separator width={16} />\n      <Button\n        label=\"Send CueBoard image to chat\"\n        onClick={handleSendImageToChat}\n        renderAs={'primary'}\n        Icon={ShareIcon}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(HomeworkController);\n"],"names":["HomeworkController","props","width","onSendImageToChat","onMarkAsResolved","homeworkId","activeInstance","setHomeworkId","useCueCanvasActions","isBusy","setIsBusy","useState","onSuccess","useCallback","getBoardSnapshot","snapshot","dataURIToBlob","handleSendImageToChat","handleMarkAsResolved","jsx","FlexView","Text","jsxs","Button","CheckIcon","Separator","ShareIcon","homeworkControls","memo"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAmD,CAASC,MAAA;AAChE,QAAM,EAAE,OAAAC,GAAO,mBAAAC,GAAmB,kBAAAC,EAAA,IAAqBH,GACjD,EAAE,YAAAI,GAAY,gBAAAC,GAAgB,eAAAC,MAAkBC,EAAoB,GACpE,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAYC,EAAY,MAAM;AAClC,IAAAP,KAAA,QAAAA,EAAgB,eAChBC,EAAc,MAAS,GACvBG,EAAU,EAAK;AAAA,EAAA,GACd,CAACJ,GAAgBC,CAAa,CAAC,GAE5BO,IAAmBD,EAAY,YAAY;AAC/C,QAAI,CAACP,EAAgB;AAEf,UAAAS,IAAW,OAAMT,KAAA,gBAAAA,EAAgB;AAEvC,WAAKS,IAME,CAFUC,EAAcD,CAAQ,CAEvB,IALd;AAAA,EAKc,GACf,CAACT,CAAc,CAAC,GAEbW,IAAwBJ,EAAY,YAAY;AAC9C,UAAAE,IAAW,MAAMD;AAEvB,IAAI,CAACT,KAAc,CAACF,KAAqB,CAACY,KAEtBZ,KAAA,QAAAA,EAAAE,GAAYU,GAAUH;AAAA,KACzC,CAACE,GAAkBT,GAAYF,GAAmBS,CAAS,CAAC,GAEzDM,IAAuBL,EAAY,MAAM;AAC7C,IAAKR,MACLK,EAAU,EAAI,GACdN,KAAA,QAAAA,EAAmBC,GAAYO;AAAA,EAC9B,GAAA,CAACP,GAAYD,GAAkBQ,CAAS,CAAC;AAExC,SAACP,IAEDI,IAEA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAQlB;AAAA,MACR,aAAY;AAAA,MAEZ,4BAACmB,GAAK,EAAA,WAAU,SAAQ,QAAO,SAAQ,UAEvC,iBAAA;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAC;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAQlB;AAAA,MACR,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASL;AAAA,YACT,UAAU;AAAA,YACV,MAAMM;AAAA,YACN,MAAMf;AAAA,UAAA;AAAA,QACR;AAAA,QACA,gBAAAU,EAACM,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,QACtB,gBAAAN;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASN;AAAA,YACT,UAAU;AAAA,YACV,MAAMS;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IA1CoB;AA6C1B,GAEeC,IAAAC,EAAK5B,CAAkB;"}
+{"version":3,"file":"homework-controls.js","sources":["../../../../src/features/cue-canvas/bottombar/homework-controls.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport CheckIcon from '../../../assets/line-icons/icons/check';\nimport ShareIcon from '../../../assets/line-icons/icons/share';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { dataURIToBlob } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport type { IHomeWorkControllerProps } from './bottombar-types';\n\nconst HomeworkController: FC<IHomeWorkControllerProps> = props => {\n  const { width, onSendImageToChat, onMarkAsResolved } = props;\n  const { homeworkId, activeInstance, setHomeworkId } = useCueCanvasActions();\n  const [isBusy, setIsBusy] = useState(false);\n\n  const onSuccess = useCallback(() => {\n    activeInstance?.clearCanvas();\n    setHomeworkId(undefined);\n    setIsBusy(false);\n  }, [activeInstance, setHomeworkId]);\n\n  const getBoardSnapshot = useCallback(async () => {\n    if (!activeInstance) return;\n\n    const snapshot = await activeInstance?.getCanvasAsImage();\n\n    if (!snapshot) {\n      return;\n    }\n\n    const blobdata = dataURIToBlob(snapshot);\n\n    return [blobdata];\n  }, [activeInstance]);\n\n  const handleSendImageToChat = useCallback(async () => {\n    const snapshot = await getBoardSnapshot();\n\n    if (!homeworkId || !onSendImageToChat || !snapshot) return;\n\n    onSendImageToChat?.(homeworkId, snapshot, onSuccess);\n  }, [getBoardSnapshot, homeworkId, onSendImageToChat, onSuccess]);\n\n  const handleMarkAsResolved = useCallback(() => {\n    if (!homeworkId) return;\n    setIsBusy(true);\n    onMarkAsResolved?.(homeworkId, onSuccess);\n  }, [homeworkId, onMarkAsResolved, onSuccess]);\n\n  if (!homeworkId) return null;\n\n  if (isBusy) {\n    return (\n      <FlexView\n        $gapX={1}\n        $gutterX={0.5}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width={width}\n        $background=\"YELLOW_1\"\n      >\n        <Text $renderAs=\"body3\" $color=\"BLACK\">\n          Resolving....\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView\n      $flexDirection=\"row\"\n      $gapX={1}\n      $gutterX={0.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width={width}\n      $background=\"YELLOW_1\"\n    >\n      <Button\n        label=\"Mark as reolved\"\n        onClick={handleMarkAsResolved}\n        renderAs={'primary'}\n        Icon={CheckIcon}\n        busy={isBusy}\n      />\n      <Separator width={16} />\n      <Button\n        label=\"Send CueBoard image to chat\"\n        onClick={handleSendImageToChat}\n        renderAs={'primary'}\n        Icon={ShareIcon}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(HomeworkController);\n"],"names":["HomeworkController","props","width","onSendImageToChat","onMarkAsResolved","homeworkId","activeInstance","setHomeworkId","useCueCanvasActions","isBusy","setIsBusy","useState","onSuccess","useCallback","getBoardSnapshot","snapshot","dataURIToBlob","handleSendImageToChat","handleMarkAsResolved","jsx","FlexView","Text","jsxs","Button","CheckIcon","Separator","ShareIcon","HomeworkControls","memo"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAmD,CAASC,MAAA;AAChE,QAAM,EAAE,OAAAC,GAAO,mBAAAC,GAAmB,kBAAAC,EAAA,IAAqBH,GACjD,EAAE,YAAAI,GAAY,gBAAAC,GAAgB,eAAAC,MAAkBC,EAAoB,GACpE,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAYC,EAAY,MAAM;AAClC,IAAAP,KAAA,QAAAA,EAAgB,eAChBC,EAAc,MAAS,GACvBG,EAAU,EAAK;AAAA,EAAA,GACd,CAACJ,GAAgBC,CAAa,CAAC,GAE5BO,IAAmBD,EAAY,YAAY;AAC/C,QAAI,CAACP,EAAgB;AAEf,UAAAS,IAAW,OAAMT,KAAA,gBAAAA,EAAgB;AAEvC,WAAKS,IAME,CAFUC,EAAcD,CAAQ,CAEvB,IALd;AAAA,EAKc,GACf,CAACT,CAAc,CAAC,GAEbW,IAAwBJ,EAAY,YAAY;AAC9C,UAAAE,IAAW,MAAMD;AAEvB,IAAI,CAACT,KAAc,CAACF,KAAqB,CAACY,KAEtBZ,KAAA,QAAAA,EAAAE,GAAYU,GAAUH;AAAA,KACzC,CAACE,GAAkBT,GAAYF,GAAmBS,CAAS,CAAC,GAEzDM,IAAuBL,EAAY,MAAM;AAC7C,IAAKR,MACLK,EAAU,EAAI,GACdN,KAAA,QAAAA,EAAmBC,GAAYO;AAAA,EAC9B,GAAA,CAACP,GAAYD,GAAkBQ,CAAS,CAAC;AAExC,SAACP,IAEDI,IAEA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAQlB;AAAA,MACR,aAAY;AAAA,MAEZ,4BAACmB,GAAK,EAAA,WAAU,SAAQ,QAAO,SAAQ,UAEvC,iBAAA;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAC;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAQlB;AAAA,MACR,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASL;AAAA,YACT,UAAU;AAAA,YACV,MAAMM;AAAA,YACN,MAAMf;AAAA,UAAA;AAAA,QACR;AAAA,QACA,gBAAAU,EAACM,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,QACtB,gBAAAN;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASN;AAAA,YACT,UAAU;AAAA,YACV,MAAMS;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IA1CoB;AA6C1B,GAEeC,IAAAC,EAAK5B,CAAkB;"}

package/dist/features/cue-canvas/sidebar/sidebar.js

@@ -3,15 +3,15 @@ import { memo as p, useState as d, useMemo as f } from "react";
 import c from "../../ui/layout/flex-view.js";
 import o from "../../ui/separator/separator.js";
 import l from "./homework/homework.js";
-import s from "./puzzles/puzzles.js";
-import { SideBarContainer as u } from "./sidebar-styled.js";
+import u from "./puzzles/puzzles.js";
+import { SideBarContainer as s } from "./sidebar-styled.js";
 import x from "./tiles/tile.js";
 const S = ({ grade: m, hwRequests: t }) => {
   const [r, i] = d(), a = f(() => r === "tile" ? "300px" : r === "homework" ? "248px" : r === "puzzle" ? "650px" : "auto", [r]);
-  return /* @__PURE__ */ e(u, { $activeSidebar: r, $width: a, children: /* @__PURE__ */ n(c, { $flexDirection: "row", children: [
+  return /* @__PURE__ */ e(s, { $activeSidebar: r, $width: a, children: /* @__PURE__ */ n(c, { $flexDirection: "row", children: [
     /* @__PURE__ */ e(x, { activeSidebar: r, setActiveSidebar: i }),
     /* @__PURE__ */ e(o, { width: 8 }),
-    /* @__PURE__ */ e(s, { grade: m, activeSidebar: r, setActiveSidebar: i }),
+    /* @__PURE__ */ e(u, { grade: m, activeSidebar: r, setActiveSidebar: i }),
     /* @__PURE__ */ e(o, { width: 8 }),
     t && t.length > 0 && /* @__PURE__ */ e(
       l,

package/dist/features/cue-canvas/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar.tsx"],"sourcesContent":["import { memo, useMemo, useState, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Homework from './homework/homework';\nimport type { IHomeWorkHelpRequestModelWithStudentName } from './homework/homework-types';\nimport Puzzles from './puzzles/puzzles';\nimport type { TActiveSidebar } from './puzzles/puzzles-type';\nimport { SideBarContainer } from './sidebar-styled';\nimport TileBar from './tiles/tile';\n\ninterface ISidebar {\n  grade?: string;\n  hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];\n}\n\nconst Sidebar: FC<ISidebar> = ({ grade, hwRequests }) => {\n  const [activeSidebar, setActiveSidebar] = useState<TActiveSidebar | undefined>();\n\n  const width = useMemo(() => {\n    if (activeSidebar === 'tile') {\n      return '300px';\n    }\n\n    if (activeSidebar === 'homework') {\n      return '248px';\n    }\n\n    if (activeSidebar === 'puzzle') {\n      return '650px';\n    }\n\n    return 'auto';\n  }, [activeSidebar]);\n\n  return (\n    <SideBarContainer $activeSidebar={activeSidebar} $width={width}>\n      <FlexView $flexDirection=\"row\">\n        <TileBar activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n        <Puzzles grade={grade} activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n\n        {hwRequests && hwRequests.length > 0 && (\n          <Homework\n            activeSidebar={activeSidebar}\n            setActiveSidebar={setActiveSidebar}\n            hwRequests={hwRequests}\n          />\n        )}\n      </FlexView>\n    </SideBarContainer>\n  );\n};\n\nexport default memo(Sidebar);\n"],"names":["Sidebar","grade","hwRequests","activeSidebar","setActiveSidebar","useState","width","useMemo","jsx","SideBarContainer","jsxs","FlexView","TileBar","Separator","Puzzles","Homework","sidebar","memo"],"mappings":";;;;;;;;AAgBA,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,YAAAC,QAAiB;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,GAEzEC,IAAQC,EAAQ,MAChBJ,MAAkB,SACb,UAGLA,MAAkB,aACb,UAGLA,MAAkB,WACb,UAGF,QACN,CAACA,CAAa,CAAC;AAGhB,SAAA,gBAAAK,EAACC,KAAiB,gBAAgBN,GAAe,QAAQG,GACvD,UAAA,gBAAAI,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAQ,eAAAT,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IAC3E,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IACpB,gBAAAL,EAAAM,GAAA,EAAQ,OAAAb,GAAc,eAAAE,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IACzF,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IAEpBX,KAAcA,EAAW,SAAS,KACjC,gBAAAM;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,eAAAZ;AAAA,QACA,kBAAAC;AAAA,QACA,YAAAF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEec,IAAAC,EAAKjB,CAAO;"}
+{"version":3,"file":"sidebar.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar.tsx"],"sourcesContent":["import { memo, useMemo, useState, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Homework from './homework/homework';\nimport type { IHomeWorkHelpRequestModelWithStudentName } from './homework/homework-types';\nimport Puzzles from './puzzles/puzzles';\nimport type { TActiveSidebar } from './puzzles/puzzles-type';\nimport { SideBarContainer } from './sidebar-styled';\nimport TileBar from './tiles/tile';\n\ninterface ISidebar {\n  grade?: string;\n  hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];\n}\n\nconst Sidebar: FC<ISidebar> = ({ grade, hwRequests }) => {\n  const [activeSidebar, setActiveSidebar] = useState<TActiveSidebar | undefined>();\n\n  const width = useMemo(() => {\n    if (activeSidebar === 'tile') {\n      return '300px';\n    }\n\n    if (activeSidebar === 'homework') {\n      return '248px';\n    }\n\n    if (activeSidebar === 'puzzle') {\n      return '650px';\n    }\n\n    return 'auto';\n  }, [activeSidebar]);\n\n  return (\n    <SideBarContainer $activeSidebar={activeSidebar} $width={width}>\n      <FlexView $flexDirection=\"row\">\n        <TileBar activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n        <Puzzles grade={grade} activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n\n        {hwRequests && hwRequests.length > 0 && (\n          <Homework\n            activeSidebar={activeSidebar}\n            setActiveSidebar={setActiveSidebar}\n            hwRequests={hwRequests}\n          />\n        )}\n      </FlexView>\n    </SideBarContainer>\n  );\n};\n\nexport default memo(Sidebar);\n"],"names":["Sidebar","grade","hwRequests","activeSidebar","setActiveSidebar","useState","width","useMemo","jsx","SideBarContainer","jsxs","FlexView","TileBar","Separator","Puzzles","Homework","Sidebar$1","memo"],"mappings":";;;;;;;;AAgBA,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,YAAAC,QAAiB;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,GAEzEC,IAAQC,EAAQ,MAChBJ,MAAkB,SACb,UAGLA,MAAkB,aACb,UAGLA,MAAkB,WACb,UAGF,QACN,CAACA,CAAa,CAAC;AAGhB,SAAA,gBAAAK,EAACC,KAAiB,gBAAgBN,GAAe,QAAQG,GACvD,UAAA,gBAAAI,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAQ,eAAAT,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IAC3E,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IACpB,gBAAAL,EAAAM,GAAA,EAAQ,OAAAb,GAAc,eAAAE,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IACzF,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IAEpBX,KAAcA,EAAW,SAAS,KACjC,gBAAAM;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,eAAAZ;AAAA,QACA,kBAAAC;AAAA,QACA,YAAAF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEec,IAAAC,EAAKjB,CAAO;"}

package/dist/features/cue-canvas/toolbar/toolbar.js

@@ -1,21 +1,25 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { memo as c, useEffect as l } from "react";
-import f from "../../ui/layout/flex-view.js";
-import { getUserTools as u } from "../cue-canvas-helpers.js";
-import { useCueCanvasActions as p } from "../hooks/use-cue-canvas-actions.js";
-import C from "./color-picker-menu.js";
-import b from "./tool.js";
-import v from "./whiteboard-toolbar.js";
-const x = c(function({ userType: t, renderAs: e }) {
-  const i = u(t, e), { activeInstance: o, activeTool: a, activeColor: m } = p();
-  return l(() => {
-    o && (o.setColor(m), o.setTool(a));
-  }, [o]), e === "whiteboard" ? /* @__PURE__ */ r(v, { tools: i, userType: t }) : /* @__PURE__ */ s(f, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.25, children: [
-    i.map((n) => /* @__PURE__ */ r(b, { tool: n, shouldAnimate: !0 }, n)),
-    /* @__PURE__ */ r(C, { userType: t, renderAs: "canvas" })
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { memo as l, useEffect as f } from "react";
+import u from "../../ui/layout/flex-view.js";
+import { getUserTools as p } from "../cue-canvas-helpers.js";
+import { useCueCanvasActions as C } from "../hooks/use-cue-canvas-actions.js";
+import b from "./color-picker-menu.js";
+import v from "./tool.js";
+import x from "./whiteboard-toolbar.js";
+const T = l(function({
+  userType: t,
+  renderAs: e,
+  withGutter: a = !0
+}) {
+  const i = p(t, e), { activeInstance: o, activeTool: m, activeColor: s } = C();
+  return f(() => {
+    o && (o.setColor(s), o.setTool(m));
+  }, [o]), e === "whiteboard" ? /* @__PURE__ */ r(x, { tools: i, userType: t, withGutter: a }) : /* @__PURE__ */ c(u, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.25, children: [
+    i.map((n) => /* @__PURE__ */ r(v, { tool: n, shouldAnimate: !0 }, n)),
+    /* @__PURE__ */ r(b, { userType: t, renderAs: "canvas" })
   ] });
-}), k = x;
+}), D = T;
 export {
-  k as default
+  D as default
 };
 //# sourceMappingURL=toolbar.js.map

package/dist/features/cue-canvas/toolbar/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import { memo, useEffect, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport type { IToolbarProps } from '../types/toolbar';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: FC<IToolbarProps> = memo(function Toolbar({ userType, renderAs }) {\n  const tools = getUserTools(userType, renderAs);\n  const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n\n  // This effect ensures that the selected tool and color are applied to the cueCanvas instance\n  // whenever it changes. For example, if a user selects a tool and color, then navigates to a\n  // different question (causing a new cueCanvas instance), the same tool and color will be set\n  // on the new instance.\n  // Disabling the exhaustive-deps rule here because we want to run this effect only\n  // when the cueCanvas instance is set, not on every tool & color change.\n  useEffect(() => {\n    if (cueCanvas) {\n      cueCanvas.setColor(activeColor);\n\n      cueCanvas.setTool(activeTool);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [cueCanvas]);\n\n  if (renderAs === 'whiteboard') {\n    return <WhiteboardToolbar tools={tools} userType={userType} />;\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGapX={0.25}>\n      {tools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"canvas\" />\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","useEffect","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu","Toolbar$1"],"mappings":";;;;;;;;AAUA,MAAMA,IAA6BC,EAAK,SAAiB,EAAE,UAAAC,GAAU,UAAAC,KAAY;AACzE,QAAAC,IAAQC,EAAaH,GAAUC,CAAQ,GACvC,EAAE,gBAAgBG,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC;AAiB/D,SATAC,EAAU,MAAM;AACd,IAAIJ,MACFA,EAAU,SAASE,CAAW,GAE9BF,EAAU,QAAQC,CAAU;AAAA,EAC9B,GAEC,CAACD,CAAS,CAAC,GAEVH,MAAa,eACR,gBAAAQ,EAACC,GAAkB,EAAA,OAAAR,GAAc,UAAAF,EAAoB,CAAA,IAI5D,gBAAAW,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,MACrF,UAAA;AAAA,IAAMV,EAAA,IAAI,OACR,gBAAAO,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACA,gBAAAL,EAAAM,GAAA,EAAgB,UAAAf,GAAoB,UAAS,SAAS,CAAA;AAAA,EACzD,EAAA,CAAA;AAEJ,CAAC,GAEDgB,IAAelB;"}
+{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import { memo, useEffect, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport type { IToolbarProps } from '../types/toolbar';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: FC<IToolbarProps> = memo(function Toolbar({\n  userType,\n  renderAs,\n  withGutter = true,\n}) {\n  const tools = getUserTools(userType, renderAs);\n  const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n\n  // This effect ensures that the selected tool and color are applied to the cueCanvas instance\n  // whenever it changes. For example, if a user selects a tool and color, then navigates to a\n  // different question (causing a new cueCanvas instance), the same tool and color will be set\n  // on the new instance.\n  // Disabling the exhaustive-deps rule here because we want to run this effect only\n  // when the cueCanvas instance is set, not on every tool & color change.\n  useEffect(() => {\n    if (cueCanvas) {\n      cueCanvas.setColor(activeColor);\n\n      cueCanvas.setTool(activeTool);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [cueCanvas]);\n\n  if (renderAs === 'whiteboard') {\n    return <WhiteboardToolbar tools={tools} userType={userType} withGutter={withGutter} />;\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGapX={0.25}>\n      {tools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"canvas\" />\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","withGutter","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","useEffect","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu","Toolbar$1"],"mappings":";;;;;;;;AAUA,MAAMA,IAA6BC,EAAK,SAAiB;AAAA,EACvD,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAG;AACK,QAAAC,IAAQC,EAAaJ,GAAUC,CAAQ,GACvC,EAAE,gBAAgBI,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC;AAiB/D,SATAC,EAAU,MAAM;AACd,IAAIJ,MACFA,EAAU,SAASE,CAAW,GAE9BF,EAAU,QAAQC,CAAU;AAAA,EAC9B,GAEC,CAACD,CAAS,CAAC,GAEVJ,MAAa,eACP,gBAAAS,EAAAC,GAAA,EAAkB,OAAAR,GAAc,UAAAH,GAAoB,YAAAE,EAAwB,CAAA,IAIpF,gBAAAU,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,MACrF,UAAA;AAAA,IAAMV,EAAA,IAAI,OACR,gBAAAO,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACA,gBAAAL,EAAAM,GAAA,EAAgB,UAAAhB,GAAoB,UAAS,SAAS,CAAA;AAAA,EACzD,EAAA,CAAA;AAEJ,CAAC,GAEDiB,IAAenB;"}

package/dist/features/cue-canvas/toolbar/whiteboard-toolbar.js

@@ -1,20 +1,30 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { memo as a } from "react";
-import l from "../../ui/layout/flex-view.js";
-import c from "./color-picker-menu.js";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { memo as l } from "react";
+import c from "../../ui/layout/flex-view.js";
+import p from "./color-picker-menu.js";
 import i from "./tool.js";
-const b = a(function({
+const T = l(function({
   tools: e,
-  userType: t
+  userType: t,
+  withGutter: m
 }) {
-  const m = e.slice(0, 4), n = e.slice(4);
-  return /* @__PURE__ */ s(l, { $flexDirection: "row", $alignItems: "center", $position: "relative", $flexGapX: 0.25, children: [
-    m.map((o) => /* @__PURE__ */ r(i, { tool: o, shouldAnimate: !0 }, o)),
-    /* @__PURE__ */ r(c, { userType: t, renderAs: "whiteboard" }),
-    n.map((o) => /* @__PURE__ */ r(i, { tool: o }, o))
-  ] });
+  const n = e.slice(0, 4), s = e.slice(4);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $position: "relative",
+      $flexGapX: m ? 0.25 : 0,
+      children: [
+        n.map((o) => /* @__PURE__ */ r(i, { tool: o, shouldAnimate: !0 }, o)),
+        /* @__PURE__ */ r(p, { userType: t, renderAs: "whiteboard" }),
+        s.map((o) => /* @__PURE__ */ r(i, { tool: o }, o))
+      ]
+    }
+  );
 });
 export {
-  b as default
+  T as default
 };
 //# sourceMappingURL=whiteboard-toolbar.js.map

package/dist/features/cue-canvas/toolbar/whiteboard-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"whiteboard-toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/whiteboard-toolbar.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport type { IWhiteboardToolbar } from '../types/toolbar';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\n\nconst WhiteboardToolbar: FC<IWhiteboardToolbar> = memo(function WhiteboardToolbar({\n  tools,\n  userType,\n}) {\n  const writingTools = tools.slice(0, 4);\n  const otherTools = tools.slice(4);\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $position=\"relative\" $flexGapX={0.25}>\n      {writingTools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate={true} />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"whiteboard\" />\n      {otherTools.map(tool => (\n        <Tool tool={tool} key={tool} />\n      ))}\n    </FlexView>\n  );\n});\n\nexport default WhiteboardToolbar;\n"],"names":["WhiteboardToolbar","memo","tools","userType","writingTools","otherTools","jsxs","FlexView","jsx","Tool","tool","ColorPickerMenu"],"mappings":";;;;;AAOM,MAAAA,IAA4CC,EAAK,SAA2B;AAAA,EAChF,OAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAMC,IAAeF,EAAM,MAAM,GAAG,CAAC,GAC/BG,IAAaH,EAAM,MAAM,CAAC;AAG9B,SAAA,gBAAAI,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,WAAU,YAAW,WAAW,MACjF,UAAA;AAAA,IAAaH,EAAA,IAAI,OACf,gBAAAI,EAAAC,GAAA,EAAK,MAAAC,GAAuB,eAAe,GAAA,GAArBA,CAA2B,CACnD;AAAA,IACA,gBAAAF,EAAAG,GAAA,EAAgB,UAAAR,GAAoB,UAAS,aAAa,CAAA;AAAA,IAC1DE,EAAW,IAAI,CAAAK,wBACbD,GAAK,EAAA,MAAAC,KAAiBA,CAAM,CAC9B;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"whiteboard-toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/whiteboard-toolbar.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport type { IWhiteboardToolbar } from '../types/toolbar';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\n\nconst WhiteboardToolbar: FC<IWhiteboardToolbar> = memo(function WhiteboardToolbar({\n  tools,\n  userType,\n  withGutter,\n}) {\n  const writingTools = tools.slice(0, 4);\n  const otherTools = tools.slice(4);\n\n  return (\n    <FlexView\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $position=\"relative\"\n      $flexGapX={withGutter ? 0.25 : 0}\n    >\n      {writingTools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate={true} />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"whiteboard\" />\n      {otherTools.map(tool => (\n        <Tool tool={tool} key={tool} />\n      ))}\n    </FlexView>\n  );\n});\n\nexport default WhiteboardToolbar;\n"],"names":["WhiteboardToolbar","memo","tools","userType","withGutter","writingTools","otherTools","jsxs","FlexView","jsx","Tool","tool","ColorPickerMenu"],"mappings":";;;;;AAOM,MAAAA,IAA4CC,EAAK,SAA2B;AAAA,EAChF,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAG;AACD,QAAMC,IAAeH,EAAM,MAAM,GAAG,CAAC,GAC/BI,IAAaJ,EAAM,MAAM,CAAC;AAG9B,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAWJ,IAAa,OAAO;AAAA,MAE9B,UAAA;AAAA,QAAaC,EAAA,IAAI,OACf,gBAAAI,EAAAC,GAAA,EAAK,MAAAC,GAAuB,eAAe,GAAA,GAArBA,CAA2B,CACnD;AAAA,QACA,gBAAAF,EAAAG,GAAA,EAAgB,UAAAT,GAAoB,UAAS,aAAa,CAAA;AAAA,QAC1DG,EAAW,IAAI,CAAAK,wBACbD,GAAK,EAAA,MAAAC,KAAiBA,CAAM,CAC9B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}