@cuemath/leap 3.2.15-beta-0.1 → 3.2.15-link.0

package/dist/features/homework/hw-card-list/hw-card-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomepageStartJourneyProps } from '../../journey/hooks/use-home-page-journey/homepage-journey-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport React, { memo, useCallback, useEffect } from 'react';\n\nimport { usePuzzleAssignedJourney } from '../../journey/hooks/use-puzzles-journey/use-puzzle-assigned';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { getPuzzleCardData } from '../utils';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport HwCardListView from './hw-card-list-view';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  stream: string;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps, homeworkId?: string) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  homeworkRef?: React.RefObject<HTMLDivElement>;\n  startHomePageJourney?: ({ studentId, stream, userType }: IHomepageStartJourneyProps) => void;\n  canStartJourney?: boolean;\n  canStartPuzzleAssignedJourney?: boolean;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n  userType,\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  homeworkRef,\n  startHomePageJourney,\n  canStartJourney,\n  canStartPuzzleAssignedJourney,\n}) => {\n  const {\n    get: getHomeworks,\n    data: hwDetails,\n    isProcessingFailed,\n    isProcessing,\n    isProcessed,\n    isStale,\n  } = useGetHomeworks(studentId);\n  const { isJourneyActive } = useJourney();\n\n  const { puzzleHWCardRef, startJourney: startPuzzleAssignedJourney } = usePuzzleAssignedJourney();\n\n  useEffect(() => {\n    if (isProcessed && startHomePageJourney && !isJourneyActive && canStartJourney) {\n      startHomePageJourney({ studentId, stream, userType });\n    }\n  }, [\n    canStartJourney,\n    isJourneyActive,\n    isProcessed,\n    startHomePageJourney,\n    stream,\n    studentId,\n    userType,\n  ]);\n\n  const fetchHomeworks = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchHomeworks();\n    }\n  }, [fetchHomeworks, isProcessing, isStale]);\n\n  useEffect(() => {\n    fetchHomeworks();\n  }, [fetchHomeworks]);\n\n  useEffect(() => {\n    const nodeData = getPuzzleCardData(hwDetails);\n\n    if (\n      canStartPuzzleAssignedJourney &&\n      !isJourneyActive &&\n      startPuzzleAssignedJourney &&\n      nodeData\n    ) {\n      startPuzzleAssignedJourney(nodeData);\n    }\n  }, [canStartPuzzleAssignedJourney, hwDetails, isJourneyActive, startPuzzleAssignedJourney]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <div ref={homeworkRef}>\n      <HwCardListView\n        isHwProcessing={isProcessing}\n        hwDetails={hwDetails}\n        onTestStart={onTestStart}\n        onNodeAttempt={onNodeAttempt}\n        onTestPreview={onTestPreview}\n        onNodeView={onNodeView}\n        onTestReview={onTestReview}\n        onNodeReview={onNodeReview}\n        onNodeUnassign={onNodeUnassign}\n        userType={userType}\n        studentId={studentId}\n        puzzleHWCardRef={puzzleHWCardRef}\n      />\n    </div>\n  );\n};\n\nexport default memo(HWCardList);\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","homeworkRef","startHomePageJourney","canStartJourney","canStartPuzzleAssignedJourney","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isProcessed","isStale","useGetHomeworks","isJourneyActive","useJourney","puzzleHWCardRef","startPuzzleAssignedJourney","usePuzzleAssignedJourney","useEffect","fetchHomeworks","useCallback","nodeData","getPuzzleCardData","jsx","HwCardListView","hwCardList","memo"],"mappings":";;;;;;;AA4BA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,+BAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAgBnB,CAAS,GACvB,EAAE,iBAAAoB,MAAoBC,KAEtB,EAAE,iBAAAC,GAAiB,cAAcC,MAA+BC,EAAyB;AAE/F,EAAAC,EAAU,MAAM;AACd,IAAIR,KAAeP,KAAwB,CAACU,KAAmBT,KAC7DD,EAAqB,EAAE,WAAAV,GAAW,QAAAC,GAAQ,UAAAF,EAAU,CAAA;AAAA,EACtD,GACC;AAAA,IACDY;AAAA,IACAS;AAAA,IACAH;AAAA,IACAP;AAAA,IACAT;AAAA,IACAD;AAAA,IACAD;AAAA,EAAA,CACD;AAEK,QAAA2B,IAAiBC,EAAY,MAAM;AACvC,IAAAd,EAAab,GAAW,QAAW,EAAE,QAAAC,EAAQ,CAAA;AAAA,EAC5C,GAAA,CAACY,GAAcZ,GAAQD,CAAS,CAAC;AAyBpC,SAvBAyB,EAAU,MAAM;AACV,IAAA,CAACT,KAAgBE,KACJQ;EAEhB,GAAA,CAACA,GAAgBV,GAAcE,CAAO,CAAC,GAE1CO,EAAU,MAAM;AACC,IAAAC;EAAA,GACd,CAACA,CAAc,CAAC,GAEnBD,EAAU,MAAM;AACR,UAAAG,IAAWC,EAAkBf,CAAS;AAE5C,IACEF,KACA,CAACQ,KACDG,KACAK,KAEAL,EAA2BK,CAAQ;AAAA,KAEpC,CAAChB,GAA+BE,GAAWM,GAAiBG,CAA0B,CAAC,GAEtFR,IACK,OAIP,gBAAAe,EAAC,OAAI,EAAA,KAAKrB,GACR,UAAA,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBf;AAAA,MAChB,WAAAF;AAAA,MACA,aAAAZ;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAT;AAAA,MACA,WAAAC;AAAA,MACA,iBAAAsB;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeU,IAAAC,EAAKnC,CAAU;"}
+{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomepageStartJourneyProps } from '../../journey/hooks/use-home-page-journey/homepage-journey-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport React, { memo, useCallback, useEffect } from 'react';\n\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport HwCardListView from './hw-card-list-view';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  stream: string;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps, homeworkId?: string) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  homeworkRef?: React.RefObject<HTMLDivElement>;\n  startHomePageJourney?: ({ studentId, stream, userType }: IHomepageStartJourneyProps) => void;\n  canStartJourney?: boolean;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n  userType,\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  homeworkRef,\n  startHomePageJourney,\n  canStartJourney,\n}) => {\n  const {\n    get: getHomeworks,\n    data: hwDetails,\n    isProcessingFailed,\n    isProcessing,\n    isProcessed,\n    isStale,\n  } = useGetHomeworks(studentId);\n  const { isJourneyActive } = useJourney();\n\n  useEffect(() => {\n    if (isProcessed && startHomePageJourney && !isJourneyActive && canStartJourney) {\n      startHomePageJourney({ studentId, stream, userType });\n    }\n  }, [\n    canStartJourney,\n    isJourneyActive,\n    isProcessed,\n    startHomePageJourney,\n    stream,\n    studentId,\n    userType,\n  ]);\n\n  const fetchHomeworks = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchHomeworks();\n    }\n  }, [fetchHomeworks, isProcessing, isStale]);\n\n  useEffect(() => {\n    fetchHomeworks();\n  }, [fetchHomeworks]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <div ref={homeworkRef}>\n      <HwCardListView\n        isHwProcessing={isProcessing}\n        hwDetails={hwDetails}\n        onTestStart={onTestStart}\n        onNodeAttempt={onNodeAttempt}\n        onTestPreview={onTestPreview}\n        onNodeView={onNodeView}\n        onTestReview={onTestReview}\n        onNodeReview={onNodeReview}\n        onNodeUnassign={onNodeUnassign}\n        userType={userType}\n        studentId={studentId}\n      />\n    </div>\n  );\n};\n\nexport default memo(HWCardList);\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","homeworkRef","startHomePageJourney","canStartJourney","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isProcessed","isStale","useGetHomeworks","isJourneyActive","useJourney","useEffect","fetchHomeworks","useCallback","jsx","HwCardListView","hwCardList","memo"],"mappings":";;;;;AAyBA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAgBlB,CAAS,GACvB,EAAE,iBAAAmB,MAAoBC;AAE5B,EAAAC,EAAU,MAAM;AACd,IAAIL,KAAeN,KAAwB,CAACS,KAAmBR,KAC7DD,EAAqB,EAAE,WAAAV,GAAW,QAAAC,GAAQ,UAAAF,EAAU,CAAA;AAAA,EACtD,GACC;AAAA,IACDY;AAAA,IACAQ;AAAA,IACAH;AAAA,IACAN;AAAA,IACAT;AAAA,IACAD;AAAA,IACAD;AAAA,EAAA,CACD;AAEK,QAAAuB,IAAiBC,EAAY,MAAM;AACvC,IAAAX,EAAaZ,GAAW,QAAW,EAAE,QAAAC,EAAQ,CAAA;AAAA,EAC5C,GAAA,CAACW,GAAcX,GAAQD,CAAS,CAAC;AAYpC,SAVAqB,EAAU,MAAM;AACV,IAAA,CAACN,KAAgBE,KACJK;EAEhB,GAAA,CAACA,GAAgBP,GAAcE,CAAO,CAAC,GAE1CI,EAAU,MAAM;AACC,IAAAC;EAAA,GACd,CAACA,CAAc,CAAC,GAEfR,IACK,OAIP,gBAAAU,EAAC,OAAI,EAAA,KAAKf,GACR,UAAA,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBV;AAAA,MAChB,WAAAF;AAAA,MACA,aAAAX;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAT;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEe0B,IAAAC,EAAK7B,CAAU;"}

package/dist/features/homework/utils.js

@@ -1,54 +1,48 @@
 import { TESTS_CREATION_ANALYTICS_EVENTS as l } from "../milestone/milestone-tests/tests-creation/tests-creation-analytics-events.js";
-import { NODE_TYPE as n } from "../sheets/constants/sheet.js";
+import { NODE_TYPE as E } from "../sheets/constants/sheet.js";
 import { HOMEWORK_ANALYTICS_EVENTS as c } from "./homework-analytics-events.js";
 const y = ({
-  canResume: t,
-  canStart: e,
-  homeworkId: i,
-  isHomeWork: o,
-  isStudent: _,
-  milestoneId: s,
-  nodeType: r,
-  studentId: a,
-  userNodeId: d
+  canResume: a,
+  canStart: i,
+  homeworkId: e,
+  isHomeWork: _,
+  isStudent: o,
+  milestoneId: n,
+  nodeType: t,
+  studentId: r,
+  userNodeId: s
 }) => {
-  if (_) {
-    if (o)
-      return e || t ? {
+  if (o) {
+    if (_)
+      return i || a ? {
         analyticsLabel: c.HOMEWORK_ATTEMPTED,
-        analyticsProps: { student_id: a, node_type: r, homework_id: i }
+        analyticsProps: { student_id: r, node_type: t, homework_id: e }
       } : {
         analyticsLabel: "homework-student-menu",
-        analyticsProps: { student_id: a, node_type: r, homework_id: i }
+        analyticsProps: { student_id: r, node_type: t, homework_id: e }
       };
-    if (e || t)
+    if (i || a)
       return {
-        analyticsLabel: r === n.DYNAMIC ? l.CUSTOM_TEST_ATTEMPTED : "node-attempted",
+        analyticsLabel: t === E.DYNAMIC ? l.CUSTOM_TEST_ATTEMPTED : "node-attempted",
         analyticsProps: {
-          student_id: a,
-          node_type: r,
-          user_node_id: d,
-          milestone_id: s,
-          can_start: e,
-          can_resume: t
+          student_id: r,
+          node_type: t,
+          user_node_id: s,
+          milestone_id: n,
+          can_start: i,
+          can_resume: a
         }
       };
   }
-  return o ? {
+  return _ ? {
     analyticsLabel: "homework-card-teacher",
-    analyticsProps: { student_id: a, node_type: r }
+    analyticsProps: { student_id: r, node_type: t }
   } : {
     analyticsLabel: "goals-card-teacher",
-    analyticsProps: { student_id: a, node_type: r }
+    analyticsProps: { student_id: r, node_type: t }
   };
-}, T = (t) => {
-  if (!t)
-    return;
-  const { assigned_homeworks: e } = t;
-  return e.find((i) => i.node_type === n.PUZZLE_CARD);
 };
 export {
-  y as getCardAnalyticProps,
-  T as getPuzzleCardData
+  y as getCardAnalyticProps
 };
 //# sourceMappingURL=utils.js.map

package/dist/features/homework/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/features/homework/utils.ts"],"sourcesContent":["import type { TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomeworkDetails } from './hw-card-list/api/get-homeworks';\n\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../milestone/milestone-tests/tests-creation/tests-creation-analytics-events';\nimport { NODE_TYPE } from '../sheets/constants/sheet';\nimport { HOMEWORK_ANALYTICS_EVENTS } from './homework-analytics-events';\n\ninterface IGetCardAnalyticProps {\n  canResume: boolean;\n  canStart: boolean;\n  homeworkId?: string;\n  isHomeWork: boolean;\n  isStudent: boolean;\n  milestoneId?: string;\n  nodeType: TNodeTypes;\n  studentId: string;\n  userNodeId: string | null;\n}\n\nconst getCardAnalyticProps = ({\n  canResume,\n  canStart,\n  homeworkId,\n  isHomeWork,\n  isStudent,\n  milestoneId,\n  nodeType,\n  studentId,\n  userNodeId,\n}: IGetCardAnalyticProps) => {\n  if (isStudent) {\n    if (isHomeWork) {\n      if (canStart || canResume) {\n        return {\n          analyticsLabel: HOMEWORK_ANALYTICS_EVENTS.HOMEWORK_ATTEMPTED,\n          analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n        };\n      }\n\n      return {\n        analyticsLabel: 'homework-student-menu',\n        analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n      };\n    }\n\n    if (canStart || canResume) {\n      return {\n        analyticsLabel:\n          nodeType === NODE_TYPE.DYNAMIC\n            ? TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ATTEMPTED\n            : 'node-attempted',\n        analyticsProps: {\n          student_id: studentId,\n          node_type: nodeType,\n          user_node_id: userNodeId,\n          milestone_id: milestoneId,\n          can_start: canStart,\n          can_resume: canResume,\n        },\n      };\n    }\n  }\n\n  if (isHomeWork) {\n    return {\n      analyticsLabel: 'homework-card-teacher',\n      analyticsProps: { student_id: studentId, node_type: nodeType },\n    };\n  }\n\n  return {\n    analyticsLabel: 'goals-card-teacher',\n    analyticsProps: { student_id: studentId, node_type: nodeType },\n  };\n};\n\nconst getPuzzleCardData = (hwDetails?: IHomeworkDetails) => {\n  if (!hwDetails) {\n    return undefined;\n  }\n\n  const { assigned_homeworks: assignedHomework } = hwDetails;\n\n  return assignedHomework.find(homework => homework.node_type === NODE_TYPE.PUZZLE_CARD);\n};\n\nexport { getCardAnalyticProps, getPuzzleCardData };\n"],"names":["getCardAnalyticProps","canResume","canStart","homeworkId","isHomeWork","isStudent","milestoneId","nodeType","studentId","userNodeId","HOMEWORK_ANALYTICS_EVENTS","NODE_TYPE","TESTS_CREATION_ANALYTICS_EVENTS","getPuzzleCardData","hwDetails","assignedHomework","homework"],"mappings":";;;AAmBA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,MAA6B;AAC3B,MAAIJ,GAAW;AACb,QAAID;AACF,aAAIF,KAAYD,IACP;AAAA,QACL,gBAAgBS,EAA0B;AAAA,QAC1C,gBAAgB,EAAE,YAAYF,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA,IAInF;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB,EAAE,YAAYK,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA;AAI1F,QAAID,KAAYD;AACP,aAAA;AAAA,QACL,gBACEM,MAAaI,EAAU,UACnBC,EAAgC,wBAChC;AAAA,QACN,gBAAgB;AAAA,UACd,YAAYJ;AAAA,UACZ,WAAWD;AAAA,UACX,cAAcE;AAAA,UACd,cAAcH;AAAA,UACd,WAAWJ;AAAA,UACX,YAAYD;AAAA,QACd;AAAA,MAAA;AAAA,EAGN;AAEA,SAAIG,IACK;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYI,GAAW,WAAWD,EAAS;AAAA,EAAA,IAI1D;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYC,GAAW,WAAWD,EAAS;AAAA,EAAA;AAEjE,GAEMM,IAAoB,CAACC,MAAiC;AAC1D,MAAI,CAACA;AACI;AAGH,QAAA,EAAE,oBAAoBC,EAAqB,IAAAD;AAEjD,SAAOC,EAAiB,KAAK,CAAAC,MAAYA,EAAS,cAAcL,EAAU,WAAW;AACvF;"}
+{"version":3,"file":"utils.js","sources":["../../../src/features/homework/utils.ts"],"sourcesContent":["import type { TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\n\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../milestone/milestone-tests/tests-creation/tests-creation-analytics-events';\nimport { NODE_TYPE } from '../sheets/constants/sheet';\nimport { HOMEWORK_ANALYTICS_EVENTS } from './homework-analytics-events';\n\ninterface IGetCardAnalyticProps {\n  canResume: boolean;\n  canStart: boolean;\n  homeworkId?: string;\n  isHomeWork: boolean;\n  isStudent: boolean;\n  milestoneId?: string;\n  nodeType: TNodeTypes;\n  studentId: string;\n  userNodeId: string | null;\n}\n\nconst getCardAnalyticProps = ({\n  canResume,\n  canStart,\n  homeworkId,\n  isHomeWork,\n  isStudent,\n  milestoneId,\n  nodeType,\n  studentId,\n  userNodeId,\n}: IGetCardAnalyticProps) => {\n  if (isStudent) {\n    if (isHomeWork) {\n      if (canStart || canResume) {\n        return {\n          analyticsLabel: HOMEWORK_ANALYTICS_EVENTS.HOMEWORK_ATTEMPTED,\n          analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n        };\n      }\n\n      return {\n        analyticsLabel: 'homework-student-menu',\n        analyticsProps: { student_id: studentId, node_type: nodeType, homework_id: homeworkId },\n      };\n    }\n\n    if (canStart || canResume) {\n      return {\n        analyticsLabel:\n          nodeType === NODE_TYPE.DYNAMIC\n            ? TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ATTEMPTED\n            : 'node-attempted',\n        analyticsProps: {\n          student_id: studentId,\n          node_type: nodeType,\n          user_node_id: userNodeId,\n          milestone_id: milestoneId,\n          can_start: canStart,\n          can_resume: canResume,\n        },\n      };\n    }\n  }\n\n  if (isHomeWork) {\n    return {\n      analyticsLabel: 'homework-card-teacher',\n      analyticsProps: { student_id: studentId, node_type: nodeType },\n    };\n  }\n\n  return {\n    analyticsLabel: 'goals-card-teacher',\n    analyticsProps: { student_id: studentId, node_type: nodeType },\n  };\n};\n\nexport { getCardAnalyticProps };\n"],"names":["getCardAnalyticProps","canResume","canStart","homeworkId","isHomeWork","isStudent","milestoneId","nodeType","studentId","userNodeId","HOMEWORK_ANALYTICS_EVENTS","NODE_TYPE","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;AAkBA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,MAA6B;AAC3B,MAAIJ,GAAW;AACb,QAAID;AACF,aAAIF,KAAYD,IACP;AAAA,QACL,gBAAgBS,EAA0B;AAAA,QAC1C,gBAAgB,EAAE,YAAYF,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA,IAInF;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB,EAAE,YAAYK,GAAW,WAAWD,GAAU,aAAaJ,EAAW;AAAA,MAAA;AAI1F,QAAID,KAAYD;AACP,aAAA;AAAA,QACL,gBACEM,MAAaI,EAAU,UACnBC,EAAgC,wBAChC;AAAA,QACN,gBAAgB;AAAA,UACd,YAAYJ;AAAA,UACZ,WAAWD;AAAA,UACX,cAAcE;AAAA,UACd,cAAcH;AAAA,UACd,WAAWJ;AAAA,UACX,YAAYD;AAAA,QACd;AAAA,MAAA;AAAA,EAGN;AAEA,SAAIG,IACK;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYI,GAAW,WAAWD,EAAS;AAAA,EAAA,IAI1D;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB,EAAE,YAAYC,GAAW,WAAWD,EAAS;AAAA,EAAA;AAEjE;"}

package/dist/features/journey/comps/coachmark/coachmark.js

@@ -1,19 +1,18 @@
 import { jsx as i, jsxs as g, Fragment as m } from "react/jsx-runtime";
 import L from "../../../../node_modules/lodash.throttle/index.js";
-import { useState as a, useEffect as O, useMemo as p } from "react";
-import { useTheme as $ } from "styled-components";
+import { useState as O, useEffect as $, useMemo as p } from "react";
+import { useTheme as R } from "styled-components";
 import c from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import R from "../../../ui/nudge/nudge.js";
-import A from "../../../ui/portal/portal.js";
-import { EDeviceType as X } from "../../../ui/theme/constants.js";
+import a from "../../../ui/nudge/nudge.js";
+import { EDeviceType as A } from "../../../ui/theme/constants.js";
 import { IndicatorType as u } from "../../use-journey/constants.js";
-import { CoachmarkBody as Y, ClonedElementWrapper as h } from "./coachmark-styled.js";
-import { getTooltipXCoordinates as x } from "./coachmark-utils.js";
-const S = ({
+import { CoachmarkBody as X, ClonedElementWrapper as h } from "./coachmark-styled.js";
+import { getTooltipXCoordinates as Y } from "./coachmark-utils.js";
+const V = ({
   coachmark: e,
   isInsideScrollView: T
 }) => {
-  const t = e.originalElementToHighlightRef.current, { device: C, zIndex: I } = $(), [P, v] = a(() => {
+  const t = e.originalElementToHighlightRef.current, { device: C, zIndex: I } = R(), [v, E] = O(() => {
     const o = t == null ? void 0 : t.getBoundingClientRect();
     return {
       top: ((o == null ? void 0 : o.top) ?? 0) + window.scrollY,
@@ -21,32 +20,32 @@ const S = ({
       width: (o == null ? void 0 : o.width) ?? 0,
       height: (o == null ? void 0 : o.height) ?? 0
     };
-  }), r = L(() => {
+  }), n = L(() => {
     const o = t == null ? void 0 : t.getBoundingClientRect();
-    o && v({
+    o && E({
       top: o.top + window.scrollY,
       left: o.left + window.scrollX,
       width: o.width,
       height: o.height
     });
   }, 100), {
-    top: n = 0,
+    top: r = 0,
     left: l = 0,
-    height: E = 0,
+    height: P = 0,
     width: b = 0
-  } = T ? P : (t == null ? void 0 : t.getBoundingClientRect()) ?? {};
-  O(() => (window.addEventListener("resize", r), window.addEventListener("scroll", r), () => {
-    window.removeEventListener("resize", r), window.removeEventListener("scroll", r);
-  }), [r, t]);
-  const f = C === X.MOBILE, d = I.JOURNEY_OVERLAY, s = p(() => t ? window.getComputedStyle(t).position === "absolute" : !1, [t]), w = p(() => {
+  } = T ? v : (t == null ? void 0 : t.getBoundingClientRect()) ?? {};
+  $(() => (window.addEventListener("resize", n), window.addEventListener("scroll", n), () => {
+    window.removeEventListener("resize", n), window.removeEventListener("scroll", n);
+  }), [n, t]);
+  const w = C === A.MOBILE, d = I.JOURNEY_OVERLAY, s = p(() => t ? window.getComputedStyle(t).position === "absolute" : !1, [t]), f = p(() => {
     const o = e.indicator;
     return {
-      width: f ? 246 : 264,
+      width: w ? 246 : 264,
       // Can be over ridden
-      tooltipXCoOrdinates: x(o),
+      tooltipXCoOrdinates: Y(o),
       zIndex: d + 1,
       ...o,
-      tooltipItem: /* @__PURE__ */ i(Y, { children: o.tooltipItem }),
+      tooltipItem: /* @__PURE__ */ i(X, { children: o.tooltipItem }),
       alwaysVisible: !0,
       renderAs: "primary",
       // Deprecate this
@@ -56,31 +55,31 @@ const S = ({
       type: u.TOOLTIP,
       isAnimated: !0
     };
-  }, [d, e.indicator, f]), y = p(() => {
+  }, [d, e.indicator, w]), y = p(() => {
     const o = e.indicator;
     return {
       ...o,
       nudgePointerX: l + (o.nudgePointerX ?? 0),
-      nudgePointerY: n + (o.nudgePointerY ?? 0)
+      nudgePointerY: r + (o.nudgePointerY ?? 0)
     };
-  }, [e.indicator, l, n]);
+  }, [e.indicator, l, r]);
   return !t || !e.isActive ? null : e.type === u.TOOLTIP ? s ? /* @__PURE__ */ g(m, { children: [
     e.elementToHighlight,
-    /* @__PURE__ */ i(h, { $position: "absolute", $top: n, $left: l, children: /* @__PURE__ */ i(c, { ...w, children: /* @__PURE__ */ i("div", { style: { height: E, width: b } }) }) })
-  ] }) : /* @__PURE__ */ i(h, { $position: "absolute", $top: n, $left: l, children: /* @__PURE__ */ i(c, { ...w, children: e.elementToHighlight }) }) : e.type === u.NUDGE ? /* @__PURE__ */ g(m, { children: [
+    /* @__PURE__ */ i(h, { $position: "absolute", $top: r, $left: l, children: /* @__PURE__ */ i(c, { ...f, children: /* @__PURE__ */ i("div", { style: { height: P, width: b } }) }) })
+  ] }) : /* @__PURE__ */ i(h, { $position: "absolute", $top: r, $left: l, children: /* @__PURE__ */ i(c, { ...f, children: e.elementToHighlight }) }) : e.type === u.NUDGE ? /* @__PURE__ */ g(m, { children: [
     /* @__PURE__ */ i(
       h,
       {
-        $top: s ? 0 : n,
+        $top: s ? 0 : r,
         $left: s ? 0 : l,
         $position: s ? "relative" : "absolute",
         children: e.elementToHighlight
       }
     ),
-    /* @__PURE__ */ i(A, { portalId: "tooltip-root", children: /* @__PURE__ */ i(R, { zIndex: d + 1, ...y }) })
+    /* @__PURE__ */ i(a, { zIndex: d + 1, ...y })
   ] }) : null;
 };
 export {
-  S as Coachmark
+  V as Coachmark
 };
 //# sourceMappingURL=coachmark.js.map

package/dist/features/journey/comps/coachmark/coachmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"coachmark.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Nudge from '../../../ui/nudge/nudge';\nimport Portal from '../../../ui/portal/portal';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { IndicatorType } from '../../use-journey/constants';\nimport * as S from './coachmark-styled';\nimport { getTooltipXCoordinates } from './coachmark-utils';\n\nexport const Coachmark: React.FC<{ coachmark: ICoachmarkProps; isInsideScrollView: boolean }> = ({\n  coachmark,\n  isInsideScrollView,\n}) => {\n  const targetElement = coachmark.originalElementToHighlightRef.current;\n  const { device, zIndex } = useTheme();\n\n  const [position, setPosition] = useState(() => {\n    const rect = targetElement?.getBoundingClientRect();\n\n    return {\n      top: (rect?.top ?? 0) + window.scrollY,\n      left: rect?.left ?? 0 + window.scrollX,\n      width: rect?.width ?? 0,\n      height: rect?.height ?? 0,\n    };\n  });\n\n  const handlePositionChange = throttle(() => {\n    const rect = targetElement?.getBoundingClientRect();\n\n    if (rect) {\n      setPosition({\n        top: rect.top + window.scrollY,\n        left: rect.left + window.scrollX,\n        width: rect.width,\n        height: rect.height,\n      });\n    }\n  }, 100);\n\n  const {\n    top = 0,\n    left = 0,\n    height = 0,\n    width = 0,\n  } = isInsideScrollView ? position : targetElement?.getBoundingClientRect() ?? {};\n\n  useEffect(() => {\n    window.addEventListener('resize', handlePositionChange);\n    window.addEventListener('scroll', handlePositionChange);\n\n    return () => {\n      window.removeEventListener('resize', handlePositionChange);\n      window.removeEventListener('scroll', handlePositionChange);\n    };\n  }, [handlePositionChange, targetElement]);\n\n  const isMobile = device === EDeviceType.MOBILE;\n\n  const BLUR_OVERLAY_Z_INDEX = zIndex.JOURNEY_OVERLAY;\n\n  const isAbsolute = useMemo(() => {\n    if (!targetElement) return false;\n\n    return window.getComputedStyle(targetElement).position === 'absolute';\n  }, [targetElement]);\n\n  const tooltipProps = useMemo(() => {\n    const arrowToolTipProps = coachmark.indicator as IArrowTooltipProps;\n\n    return {\n      width: isMobile ? 246 : 264, // Can be over ridden\n      tooltipXCoOrdinates: getTooltipXCoordinates(arrowToolTipProps),\n      zIndex: BLUR_OVERLAY_Z_INDEX + 1,\n      ...arrowToolTipProps,\n      tooltipItem: <S.CoachmarkBody>{arrowToolTipProps.tooltipItem}</S.CoachmarkBody>,\n      alwaysVisible: true,\n      renderAs: 'primary', // Deprecate this\n      borderWidth: 1,\n      arrowColor: arrowToolTipProps.arrowColor || 'WHITE',\n      borderColor: arrowToolTipProps.borderColor || 'WHITE',\n      type: IndicatorType.TOOLTIP,\n      isAnimated: true,\n    } as IArrowTooltipProps;\n  }, [BLUR_OVERLAY_Z_INDEX, coachmark.indicator, isMobile]);\n\n  const nudgeProps = useMemo(() => {\n    const props: INudgeProps = coachmark.indicator as INudgeProps;\n\n    return {\n      ...props,\n      nudgePointerX: left + (props.nudgePointerX ?? 0),\n      nudgePointerY: top + (props.nudgePointerY ?? 0),\n    };\n  }, [coachmark.indicator, left, top]);\n\n  if (!targetElement || !coachmark.isActive) {\n    return null;\n  }\n\n  if (coachmark.type === IndicatorType.TOOLTIP) {\n    if (isAbsolute) {\n      return (\n        <>\n          {coachmark.elementToHighlight}\n          <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n            <ArrowTooltip {...tooltipProps}>\n              <div style={{ height, width }} />\n            </ArrowTooltip>\n          </S.ClonedElementWrapper>\n        </>\n      );\n    }\n\n    return (\n      <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n        <ArrowTooltip {...tooltipProps}>{coachmark.elementToHighlight}</ArrowTooltip>\n      </S.ClonedElementWrapper>\n    );\n  }\n\n  if (coachmark.type === IndicatorType.NUDGE) {\n    return (\n      <>\n        <S.ClonedElementWrapper\n          $top={isAbsolute ? 0 : top}\n          $left={isAbsolute ? 0 : left}\n          $position={isAbsolute ? 'relative' : 'absolute'}\n        >\n          {coachmark.elementToHighlight}\n        </S.ClonedElementWrapper>\n        <Portal portalId=\"tooltip-root\">\n          <Nudge zIndex={BLUR_OVERLAY_Z_INDEX + 1} {...nudgeProps} />\n        </Portal>\n      </>\n    );\n  }\n\n  return null;\n};\n"],"names":["Coachmark","coachmark","isInsideScrollView","targetElement","device","zIndex","useTheme","position","setPosition","useState","rect","handlePositionChange","throttle","top","left","height","width","useEffect","isMobile","EDeviceType","BLUR_OVERLAY_Z_INDEX","isAbsolute","useMemo","tooltipProps","arrowToolTipProps","getTooltipXCoordinates","jsx","S.CoachmarkBody","IndicatorType","nudgeProps","props","jsxs","Fragment","S.ClonedElementWrapper","ArrowTooltip","Portal","Nudge"],"mappings":"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"}
+{"version":3,"file":"coachmark.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport throttle from 'lodash.throttle';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Nudge from '../../../ui/nudge/nudge';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { IndicatorType } from '../../use-journey/constants';\nimport * as S from './coachmark-styled';\nimport { getTooltipXCoordinates } from './coachmark-utils';\n\nexport const Coachmark: React.FC<{ coachmark: ICoachmarkProps; isInsideScrollView: boolean }> = ({\n  coachmark,\n  isInsideScrollView,\n}) => {\n  const targetElement = coachmark.originalElementToHighlightRef.current;\n  const { device, zIndex } = useTheme();\n\n  const [position, setPosition] = useState(() => {\n    const rect = targetElement?.getBoundingClientRect();\n\n    return {\n      top: (rect?.top ?? 0) + window.scrollY,\n      left: rect?.left ?? 0 + window.scrollX,\n      width: rect?.width ?? 0,\n      height: rect?.height ?? 0,\n    };\n  });\n\n  const handlePositionChange = throttle(() => {\n    const rect = targetElement?.getBoundingClientRect();\n\n    if (rect) {\n      setPosition({\n        top: rect.top + window.scrollY,\n        left: rect.left + window.scrollX,\n        width: rect.width,\n        height: rect.height,\n      });\n    }\n  }, 100);\n\n  const {\n    top = 0,\n    left = 0,\n    height = 0,\n    width = 0,\n  } = isInsideScrollView ? position : targetElement?.getBoundingClientRect() ?? {};\n\n  useEffect(() => {\n    window.addEventListener('resize', handlePositionChange);\n    window.addEventListener('scroll', handlePositionChange);\n\n    return () => {\n      window.removeEventListener('resize', handlePositionChange);\n      window.removeEventListener('scroll', handlePositionChange);\n    };\n  }, [handlePositionChange, targetElement]);\n\n  const isMobile = device === EDeviceType.MOBILE;\n\n  const BLUR_OVERLAY_Z_INDEX = zIndex.JOURNEY_OVERLAY;\n\n  const isAbsolute = useMemo(() => {\n    if (!targetElement) return false;\n\n    return window.getComputedStyle(targetElement).position === 'absolute';\n  }, [targetElement]);\n\n  const tooltipProps = useMemo(() => {\n    const arrowToolTipProps = coachmark.indicator as IArrowTooltipProps;\n\n    return {\n      width: isMobile ? 246 : 264, // Can be over ridden\n      tooltipXCoOrdinates: getTooltipXCoordinates(arrowToolTipProps),\n      zIndex: BLUR_OVERLAY_Z_INDEX + 1,\n      ...arrowToolTipProps,\n      tooltipItem: <S.CoachmarkBody>{arrowToolTipProps.tooltipItem}</S.CoachmarkBody>,\n      alwaysVisible: true,\n      renderAs: 'primary', // Deprecate this\n      borderWidth: 1,\n      arrowColor: arrowToolTipProps.arrowColor || 'WHITE',\n      borderColor: arrowToolTipProps.borderColor || 'WHITE',\n      type: IndicatorType.TOOLTIP,\n      isAnimated: true,\n    } as IArrowTooltipProps;\n  }, [BLUR_OVERLAY_Z_INDEX, coachmark.indicator, isMobile]);\n\n  const nudgeProps = useMemo(() => {\n    const props: INudgeProps = coachmark.indicator as INudgeProps;\n\n    return {\n      ...props,\n      nudgePointerX: left + (props.nudgePointerX ?? 0),\n      nudgePointerY: top + (props.nudgePointerY ?? 0),\n    };\n  }, [coachmark.indicator, left, top]);\n\n  if (!targetElement || !coachmark.isActive) {\n    return null;\n  }\n\n  if (coachmark.type === IndicatorType.TOOLTIP) {\n    if (isAbsolute) {\n      return (\n        <>\n          {coachmark.elementToHighlight}\n          <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n            <ArrowTooltip {...tooltipProps}>\n              <div style={{ height, width }} />\n            </ArrowTooltip>\n          </S.ClonedElementWrapper>\n        </>\n      );\n    }\n\n    return (\n      <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n        <ArrowTooltip {...tooltipProps}>{coachmark.elementToHighlight}</ArrowTooltip>\n      </S.ClonedElementWrapper>\n    );\n  }\n\n  if (coachmark.type === IndicatorType.NUDGE) {\n    return (\n      <>\n        <S.ClonedElementWrapper\n          $top={isAbsolute ? 0 : top}\n          $left={isAbsolute ? 0 : left}\n          $position={isAbsolute ? 'relative' : 'absolute'}\n        >\n          {coachmark.elementToHighlight}\n        </S.ClonedElementWrapper>\n        <Nudge zIndex={BLUR_OVERLAY_Z_INDEX + 1} {...nudgeProps} />\n      </>\n    );\n  }\n\n  return null;\n};\n"],"names":["Coachmark","coachmark","isInsideScrollView","targetElement","device","zIndex","useTheme","position","setPosition","useState","rect","handlePositionChange","throttle","top","left","height","width","useEffect","isMobile","EDeviceType","BLUR_OVERLAY_Z_INDEX","isAbsolute","useMemo","tooltipProps","arrowToolTipProps","getTooltipXCoordinates","jsx","S.CoachmarkBody","IndicatorType","nudgeProps","props","jsxs","Fragment","S.ClonedElementWrapper","ArrowTooltip","Nudge"],"mappings":"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"}

package/dist/features/journey/hooks/use-home-page-journey/tooltip-item.js

@@ -1,28 +1,22 @@
-import { jsxs as l, jsx as o, Fragment as s } from "react/jsx-runtime";
-import { memo as n } from "react";
-import d from "../../../ui/buttons/button/button.js";
-import p from "../../../ui/layout/flex-view.js";
-import a from "../../../ui/text/text.js";
-const c = ({
-  text: e,
-  element: r,
-  buttonLabel: t,
-  onButtonClick: m,
-  ctaWidth: i
-}) => /* @__PURE__ */ l(p, { $flexRowGapX: 0.75, children: [
-  r ? /* @__PURE__ */ o(s, { children: r }) : /* @__PURE__ */ o(a, { $renderAs: "ab2-bold", children: e }),
+import { jsxs as i, jsx as o, Fragment as l } from "react/jsx-runtime";
+import { memo as s } from "react";
+import n from "../../../ui/buttons/button/button.js";
+import d from "../../../ui/layout/flex-view.js";
+import p from "../../../ui/text/text.js";
+const a = ({ text: e, element: r, buttonLabel: t, onButtonClick: m }) => /* @__PURE__ */ i(d, { $flexRowGapX: 0.75, children: [
+  r ? /* @__PURE__ */ o(l, { children: r }) : /* @__PURE__ */ o(p, { $renderAs: "ab2-bold", children: e }),
   /* @__PURE__ */ o(
-    d,
+    n,
     {
       label: t,
       size: "xsmall",
-      width: i || 96,
+      widthX: 6,
       renderAs: "secondary",
       onClick: m
     }
   )
-] }), T = n(c);
+] }), w = s(a);
 export {
-  T as default
+  w as default
 };
 //# sourceMappingURL=tooltip-item.js.map

package/dist/features/journey/hooks/use-home-page-journey/tooltip-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-item.js","sources":["../../../../../src/features/journey/hooks/use-home-page-journey/tooltip-item.tsx"],"sourcesContent":["import type { JSX } from 'react';\n\nimport { memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface ITooltipItemProps {\n  text?: string;\n  element?: JSX.Element;\n  buttonLabel: string;\n  onButtonClick: () => void;\n  ctaWidth?: string;\n}\n\nconst TooltipItem = ({\n  text,\n  element,\n  buttonLabel,\n  onButtonClick,\n  ctaWidth,\n}: ITooltipItemProps) => (\n  <FlexView $flexRowGapX={0.75}>\n    {element ? <>{element}</> : <Text $renderAs=\"ab2-bold\">{text}</Text>}\n    <Button\n      label={buttonLabel}\n      size=\"xsmall\"\n      width={ctaWidth || 96}\n      renderAs=\"secondary\"\n      onClick={onButtonClick}\n    />\n  </FlexView>\n);\n\nexport default memo(TooltipItem);\n"],"names":["TooltipItem","text","element","buttonLabel","onButtonClick","ctaWidth","jsxs","FlexView","Text","jsx","Button","TooltipItem$1","memo"],"mappings":";;;;;AAgBA,MAAMA,IAAc,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AACF,MACE,gBAAAC,EAACC,GAAS,EAAA,cAAc,MACrB,UAAA;AAAA,EAAAL,2BAAa,UAAQA,EAAA,CAAA,sBAAOM,GAAK,EAAA,WAAU,YAAY,UAAKP,EAAA,CAAA;AAAA,EAC7D,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOP;AAAA,MACP,MAAK;AAAA,MACL,OAAOE,KAAY;AAAA,MACnB,UAAS;AAAA,MACT,SAASD;AAAA,IAAA;AAAA,EACX;AAAA,EACF,CAAA,GAGaO,IAAAC,EAAKZ,CAAW;"}
+{"version":3,"file":"tooltip-item.js","sources":["../../../../../src/features/journey/hooks/use-home-page-journey/tooltip-item.tsx"],"sourcesContent":["import type { JSX } from 'react';\n\nimport { memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface ITooltipItemProps {\n  text?: string;\n  element?: JSX.Element;\n  buttonLabel: string;\n  onButtonClick: () => void;\n}\n\nconst TooltipItem = ({ text, element, buttonLabel, onButtonClick }: ITooltipItemProps) => (\n  <FlexView $flexRowGapX={0.75}>\n    {element ? <>{element}</> : <Text $renderAs=\"ab2-bold\">{text}</Text>}\n    <Button\n      label={buttonLabel}\n      size=\"xsmall\"\n      widthX={6}\n      renderAs=\"secondary\"\n      onClick={onButtonClick}\n    />\n  </FlexView>\n);\n\nexport default memo(TooltipItem);\n"],"names":["TooltipItem","text","element","buttonLabel","onButtonClick","jsxs","FlexView","Text","jsx","Button","TooltipItem$1","memo"],"mappings":";;;;;AAeA,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,aAAAC,GAAa,eAAAC,QACjD,gBAAAC,EAACC,GAAS,EAAA,cAAc,MACrB,UAAA;AAAA,EAAAJ,2BAAa,UAAQA,EAAA,CAAA,sBAAOK,GAAK,EAAA,WAAU,YAAY,UAAKN,EAAA,CAAA;AAAA,EAC7D,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAON;AAAA,MACP,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,UAAS;AAAA,MACT,SAASC;AAAA,IAAA;AAAA,EACX;AAAA,EACF,CAAA,GAGaM,IAAAC,EAAKX,CAAW;"}

package/dist/features/journey/journey-id/journey-id-student.js

@@ -1,5 +1,5 @@
-var R = /* @__PURE__ */ ((E) => (E.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", E.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", E.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", E.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", E.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", E.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", E.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", E.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.PUZZLE_ATTEMPT_JOURNEY = "PUZZLE_ATTEMPT_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E.PUZZLE_ASSIGNED_JOURNEY = "PUZZLE_ASSIGNED_JOURNEY", E.PUZZLE_DASHBOARD_JOURNEY = "PUZZLE_DASHBOARD_JOURNEY", E))(R || {});
+var E = /* @__PURE__ */ ((R) => (R.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", R.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", R.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", R.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", R.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", R.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", R.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", R.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", R.CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY", R.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", R.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", R.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", R))(E || {});
 export {
-  R as JOURNEY_ID_STUDENT
+  E as JOURNEY_ID_STUDENT
 };
 //# sourceMappingURL=journey-id-student.js.map

package/dist/features/journey/journey-id/journey-id-student.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n  CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n  CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n  CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n  CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n  CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n  CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n  CIRCLE_TABLES_INFINTE_JOURNEY = 'CIRCLE_TABLES_INFINITE_JOURNEY',\n  CIRCLE_LESSONS_K_1_INTRO_JOURNEY = 'CIRCLE_LESSONS_K_1_INTRO_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  PUZZLE_ATTEMPT_JOURNEY = 'PUZZLE_ATTEMPT_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n  PUZZLE_ASSIGNED_JOURNEY = 'PUZZLE_ASSIGNED_JOURNEY',\n  PUZZLE_DASHBOARD_JOURNEY = 'PUZZLE_DASHBOARD_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BAC1BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,kCAChCA,EAAA,mCAAmC,oCAGnCA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,yBAAyB,0BACzBA,EAAA,0BAA0B,2BAC1BA,EAAA,0BAA0B,2BAC1BA,EAAA,2BAA2B,4BAhBjBA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n  CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n  CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n  CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n  CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n  CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n  CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n  CIRCLE_TABLES_INFINTE_JOURNEY = 'CIRCLE_TABLES_INFINITE_JOURNEY',\n  CIRCLE_LESSONS_K_1_INTRO_JOURNEY = 'CIRCLE_LESSONS_K_1_INTRO_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  CIRCLE_STREAK_REDUCTION_JOURNEY = 'CIRCLE_STREAK_REDUCTION_JOURNEY',\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BAC1BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,kCAChCA,EAAA,mCAAmC,oCAGnCA,EAAA,kCAAkC,mCAClCA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,0BAA0B,2BAdhBA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/journey/journey-id/journey-id-teacher.js

@@ -1,5 +1,5 @@
-var N = /* @__PURE__ */ ((E) => (E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E.PUZZLE_ASSIGN_JOURNEY = "PUZZLE_ASSIGN_JOURNEY", E.PUZZLE_INTRO_JOURNEY = "PUZZLE_INTRO_JOURNEY", E.PUZZLE_REVIEW_JOURNEY = "PUZZLE_REVIEW_JOURNEY", E.PUZZLE_PROGRESS_JOURNEY = "PUZZLE_PROGRESS_JOURNEY", E.PUZZLE_UNASSIGN_JOURNEY = "PUZZLE_UNASSIGN_JOURNEY", E))(N || {});
+var A = /* @__PURE__ */ ((E) => (E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E))(A || {});
 export {
-  N as JOURNEY_ID_TEACHER
+  A as JOURNEY_ID_TEACHER
 };
 //# sourceMappingURL=journey-id-teacher.js.map

package/dist/features/journey/journey-id/journey-id-teacher.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-id-teacher.js","sources":["../../../../src/features/journey/journey-id/journey-id-teacher.ts"],"sourcesContent":["export enum JOURNEY_ID_TEACHER {\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n  PUZZLE_ASSIGN_JOURNEY = 'PUZZLE_ASSIGN_JOURNEY',\n  PUZZLE_INTRO_JOURNEY = 'PUZZLE_INTRO_JOURNEY',\n  PUZZLE_REVIEW_JOURNEY = 'PUZZLE_REVIEW_JOURNEY',\n  PUZZLE_PROGRESS_JOURNEY = 'PUZZLE_PROGRESS_JOURNEY',\n  PUZZLE_UNASSIGN_JOURNEY = 'PUZZLE_UNASSIGN_JOURNEY',\n}\n"],"names":["JOURNEY_ID_TEACHER"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,0BAA0B,2BAC1BA,EAAA,wBAAwB,yBACxBA,EAAA,uBAAuB,wBACvBA,EAAA,wBAAwB,yBACxBA,EAAA,0BAA0B,2BAC1BA,EAAA,0BAA0B,2BARhBA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"journey-id-teacher.js","sources":["../../../../src/features/journey/journey-id/journey-id-teacher.ts"],"sourcesContent":["export enum JOURNEY_ID_TEACHER {\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n}\n"],"names":["JOURNEY_ID_TEACHER"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,0BAA0B,2BAHhBA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/journey/use-journey/journey-context-provider.js

@@ -1,55 +1,55 @@
-import { jsxs as R, jsx as j } from "react/jsx-runtime";
-import { createContext as W, useState as s, useRef as k, useCallback as h, useMemo as M, useEffect as O } from "react";
-import { Coachmark as V } from "../comps/coachmark/coachmark.js";
-import { usePostUserJourney as G, useGetUserJourney as F } from "../user-journey-api/user-journey-api.js";
-import { Overlay as I } from "./journey-styled.js";
-const K = W(null), re = ({ children: T, appId: a, userId: c }) => {
-  const [b, U] = s(!0), [q, z] = s(!1), [v, p] = s(null), [l, y] = s([]), [J, x] = s(!1), m = k(-1), t = k(void 0), f = k([]), [D, H] = s(!1), [A, L] = s({
+import { jsxs as L, jsx as O } from "react/jsx-runtime";
+import { createContext as N, useState as c, useRef as v, useCallback as h, useMemo as R, useEffect as T } from "react";
+import { Coachmark as W } from "../comps/coachmark/coachmark.js";
+import { usePostUserJourney as M, useGetUserJourney as V } from "../user-journey-api/user-journey-api.js";
+import { Overlay as G } from "./journey-styled.js";
+const F = N(null), I = ({ children: b, appId: i, userId: u }) => {
+  const [U, q] = c(!1), [k, p] = c(null), [a, l] = c([]), [f, x] = c(!1), m = v(-1), t = v(void 0), w = v([]), [z, B] = c(!1), [A, D] = c({
     height: window.innerHeight,
     width: window.innerWidth
-  }), { post: $ } = G(), { data: w = null, get: _ } = F(), B = h(
-    (e, r, o, C = !0) => {
-      var d, n;
-      if (l.length > 0) {
+  }), { post: _ } = M(), { data: C = null, get: $ } = V(), E = h(
+    (e, r, o) => {
+      var J, y;
+      if (a.length > 0) {
         console.error(
           `setJourney: Other Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}`
         );
         return;
       }
-      x(!0), U(C), t.current = e, m.current = -1, y(
-        r.map((u) => ({
-          ...u,
+      x(!0), t.current = e, m.current = -1, l(
+        r.map((n) => ({
+          ...n,
           isActive: !1
           // New coachmarks are inactive by default
         }))
-      ), o && (L({
-        height: ((d = o.current) == null ? void 0 : d.clientHeight) || window.innerHeight,
-        width: ((n = o.current) == null ? void 0 : n.clientWidth) || window.innerWidth
-      }), H(!0));
+      ), o && (D({
+        height: ((J = o.current) == null ? void 0 : J.clientHeight) || window.innerHeight,
+        width: ((y = o.current) == null ? void 0 : y.clientWidth) || window.innerWidth
+      }), B(!0));
     },
-    [l.length]
-  ), i = h(() => {
-    f.current.forEach((e) => {
+    [a.length]
+  ), s = h(() => {
+    w.current.forEach((e) => {
       clearTimeout(e);
-    }), f.current = [], t.current = void 0, m.current = -1, y([]), x(!1);
-  }, []), E = h(
+    }), w.current = [], t.current = void 0, m.current = -1, l([]), x(!1);
+  }, []), P = h(
     (e) => {
-      i(), p((r) => r && !r.includes(e) ? [...r, e] : r), $({
-        app_id: a,
-        user_id: c,
+      s(), p((r) => r && !r.includes(e) ? [...r, e] : r), _({
+        app_id: i,
+        user_id: u,
         journey_id: e,
         journey_status: "COMPLETED"
       });
     },
-    [a, i, $, c]
-  ), P = h((e, r) => {
+    [i, s, _, u]
+  ), S = h((e, r) => {
     if (!t.current || e !== t.current) {
       console.error(
         t.current ? `A Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}` : "addCoachmark was called before setJourney and Journey ID is undefined"
       );
       return;
     }
-    y((o) => [
+    l((o) => [
       ...o,
       {
         ...r,
@@ -57,87 +57,86 @@ const K = W(null), re = ({ children: T, appId: a, userId: c }) => {
         // New coachmarks are inactive by default
       }
     ]);
-  }, []), S = h(
-    (e, r = !1, o = 0, C = !1) => {
+  }, []), j = h(
+    (e, r = !1, o = 0, J = !1) => {
       if (!t.current || e !== t.current) {
         console.error(
           t.current ? "nextCoachmark was called before setJourney" : `A Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}`
         );
         return;
       }
-      z(C), o !== 0 && y((n) => n.map((u) => ({ ...u, isActive: !1 })));
-      const d = setTimeout(() => {
-        clearTimeout(d);
+      q(J), o !== 0 && l((n) => n.map((d) => ({ ...d, isActive: !1 })));
+      const y = setTimeout(() => {
+        clearTimeout(y);
         const n = m.current + 1;
-        y((u) => {
-          if (n >= u.length || u.length === 0)
-            return i(), [];
+        l((d) => {
+          if (n >= d.length || d.length === 0)
+            return s(), [];
           m.current = n;
-          const g = [...u];
+          const g = [...d];
           return g[n].isActive = !0, n > 0 && (g[n - 1].isActive = r), g;
         });
       }, o);
-      f.current.push(d);
+      w.current.push(y);
     },
-    [i]
-  ), N = M(
+    [s]
+  ), H = R(
     () => ({
-      nextCoachmark: S,
-      setJourney: B,
-      addCoachmark: P,
-      clearJourney: i,
-      endJourney: E,
-      coachmarks: l,
-      userCompletedJourneyIds: v,
-      isJourneyActive: J
+      nextCoachmark: j,
+      setJourney: E,
+      addCoachmark: S,
+      clearJourney: s,
+      endJourney: P,
+      coachmarks: a,
+      userCompletedJourneyIds: k,
+      isJourneyActive: f
     }),
     [
+      j,
+      E,
       S,
-      B,
+      s,
       P,
-      i,
-      E,
-      l,
-      v,
-      J
+      a,
+      k,
+      f
     ]
   );
-  return O(() => {
-    a && c && _(c, {
-      app_id: a,
-      user_id: c,
+  return T(() => {
+    i && u && $(u, {
+      app_id: i,
+      user_id: u,
       journey_status: "COMPLETED"
     });
-  }, [a, _, c]), O(() => {
-    if (w) {
-      const e = w.map((r) => r.journey_id);
+  }, [i, $, u]), T(() => {
+    if (C) {
+      const e = C.map((r) => r.journey_id);
       p(e);
     }
-  }, [w]), /* @__PURE__ */ R(K.Provider, { value: N, children: [
-    J && /* @__PURE__ */ j(
-      I,
+  }, [C]), /* @__PURE__ */ L(F.Provider, { value: H, children: [
+    f && /* @__PURE__ */ O(
+      G,
       {
         about: "journey-overlay",
         height: A.height,
         width: A.width,
-        $isJourneyBlurred: q,
-        $isBlockingJourney: b,
+        $isJourneyBlurred: U,
         "data-testid": t.current,
-        children: l.map((e, r) => /* @__PURE__ */ j(
-          V,
+        children: a.map((e, r) => /* @__PURE__ */ O(
+          W,
           {
             coachmark: e,
-            isInsideScrollView: D
+            isInsideScrollView: z
           },
           `coachmark-${r}`
         ))
       }
     ),
-    T
+    b
   ] });
 };
 export {
-  K as JourneyContext,
-  re as JourneyProvider
+  F as JourneyContext,
+  I as JourneyProvider
 };
 //# sourceMappingURL=journey-context-provider.js.map