@cuemath/leap 2.8.37-rj-2 → 2.8.38-hg1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/assets/lottie/lottie.js +2 -0
  2. package/dist/assets/lottie/lottie.js.map +1 -1
  3. package/dist/features/circle-games/game-launcher/comps/card-container/card-container.js +11 -20
  4. package/dist/features/circle-games/game-launcher/comps/card-container/card-container.js.map +1 -1
  5. package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js +47 -53
  6. package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map +1 -1
  7. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js +3 -3
  8. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js.map +1 -1
  9. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js +29 -35
  10. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js.map +1 -1
  11. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js +25 -0
  12. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js.map +1 -0
  13. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js +57 -0
  14. package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js.map +1 -0
  15. package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js +27 -0
  16. package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js.map +1 -0
  17. package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js +37 -0
  18. package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js.map +1 -0
  19. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js +35 -42
  20. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map +1 -1
  21. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js +128 -140
  22. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js.map +1 -1
  23. package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js +11 -12
  24. package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js.map +1 -1
  25. package/dist/features/circle-games/game-launcher/game-launcher.js +71 -80
  26. package/dist/features/circle-games/game-launcher/game-launcher.js.map +1 -1
  27. package/dist/features/circle-games/game-launcher/use-game-launcher-journey/constants.js +7 -0
  28. package/dist/features/circle-games/game-launcher/use-game-launcher-journey/constants.js.map +1 -0
  29. package/dist/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.js +213 -0
  30. package/dist/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.js.map +1 -0
  31. package/dist/features/journey/journey-id/journey-id-student.js +1 -1
  32. package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
  33. package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js +24 -24
  34. package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map +1 -1
  35. package/dist/features/post-game-stats/digital-meter/digital-meter.js +119 -88
  36. package/dist/features/post-game-stats/digital-meter/digital-meter.js.map +1 -1
  37. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js +148 -142
  38. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map +1 -1
  39. package/dist/index.d.ts +15 -5
  40. package/dist/static/table-mode-star.b8a1d762.json +1 -0
  41. package/dist/static/table-segment-star.78e851d6.json +1 -0
  42. package/package.json +1 -1
  43. package/dist/assets/line-icons/icons/carat-left.js +0 -26
  44. package/dist/assets/line-icons/icons/carat-left.js.map +0 -1
  45. package/dist/assets/line-icons/icons/carat-right.js +0 -26
  46. package/dist/assets/line-icons/icons/carat-right.js.map +0 -1
  47. package/dist/features/circle-games/game-launcher/comps/tables-card/table-star/table-star-styled.js +0 -11
  48. package/dist/features/circle-games/game-launcher/comps/tables-card/table-star/table-star-styled.js.map +0 -1
  49. package/dist/features/circle-games/game-launcher/comps/tables-card/table-star/table-star.js +0 -16
  50. package/dist/features/circle-games/game-launcher/comps/tables-card/table-star/table-star.js.map +0 -1
  51. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js +0 -9
  52. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js.map +0 -1
  53. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js +0 -217
  54. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +0 -1
  55. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js +0 -6
  56. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js.map +0 -1
  57. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js +0 -13
  58. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js.map +0 -1
  59. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js +0 -197
  60. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js.map +0 -1
@@ -1,197 +0,0 @@
1
- import { jsx as r, Fragment as L } from "react/jsx-runtime";
2
- import { useRef as R, useCallback as T } from "react";
3
- import X from "../../../../../assets/line-icons/icons/carat-right.js";
4
- import { JOURNEY_ID_STUDENT as w } from "../../../../journey/journey-id/journey-id-student.js";
5
- import { IndicatorType as d } from "../../../../journey/use-journey/constants.js";
6
- import { useJourney as B } from "../../../../journey/use-journey/use-journey.js";
7
- import x from "../../../../ui/buttons/icon-button/icon-button.js";
8
- import A from "../../../../ui/layout/flex-view.js";
9
- import u from "../../../../ui/text/text.js";
10
- import { useCircleSounds as U } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
11
- import { TablesCard as v } from "../../comps/tables-card/tables-card.js";
12
- import { TABLE_CARD_INDEX as $, PUZZLE_CARD_INDEX as J } from "./constants.js";
13
- import { Indicator as G } from "./use-table-launcher-journey-styled.js";
14
- const ne = ({
15
- carouselRefs: s,
16
- onTableSegmentClick: I,
17
- onJourneyComplete: y
18
- }) => {
19
- const e = w.CIRCLE_TABLES_INTRO_JOURNEY, t = R(null), p = R(null), O = R(!1), { playButtonSound: P } = U(), { nextCoachmark: i, setJourney: k, addCoachmark: c } = B(), C = T(
20
- (o) => {
21
- var l, a;
22
- o && I(o), (l = t == null ? void 0 : t.current) == null || l.setLabelVisiblity(!0), (a = t == null ? void 0 : t.current) == null || a.stopLabelAnimation(), y(e), i(e, !1);
23
- },
24
- [e, i, y, I]
25
- ), H = T(
26
- (o, l) => {
27
- var g, m, h;
28
- if (!((g = t.current) != null && g.segmentedCardWrapperRef.current) || !((m = t.current) != null && m.labelRef.current))
29
- return;
30
- const a = t.current.labelRef.current.getBoundingClientRect(), n = (h = t.current) == null ? void 0 : h.segmentedCardWrapperRef.current.getBoundingClientRect();
31
- c(e, {
32
- originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
33
- isActive: !1,
34
- type: d.TOOLTIP,
35
- elementToHighlight: /* @__PURE__ */ r(
36
- v,
37
- {
38
- ref: p,
39
- defaultTable: l,
40
- label: o.label,
41
- data: o.data,
42
- onPress: C,
43
- onGoBackFromTableLevel: C
44
- }
45
- ),
46
- indicator: {
47
- position: "left",
48
- backgroundColor: "YELLOW_4",
49
- width: 236,
50
- tooltipItem: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(u, { $renderAs: "ab2-bold", children: "Each table has 3 levels—clear them and earn 3 stars!" }) }),
51
- tooltipXCoOrdinates: 0,
52
- tooltipYCoOrdinates: a.height * 0.35
53
- }
54
- }), c(e, {
55
- originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
56
- isActive: !1,
57
- type: d.NUDGE,
58
- indicator: {
59
- nudge: "click",
60
- content: /* @__PURE__ */ r(u, { $renderAs: "ab1", $color: "WHITE", children: "Pick a level" }),
61
- nudgePointerX: n.width / 2 + 50,
62
- nudgePointerY: n.height * 0.4
63
- },
64
- elementToHighlight: /* @__PURE__ */ r(L, {})
65
- }), i(e, !1, 100), i(e, !0, 2e3);
66
- const b = setTimeout(() => {
67
- var f;
68
- clearTimeout(b), (f = p.current) == null || f.startLabelAnimation("YELLOW_4");
69
- }, 3e3);
70
- },
71
- [c, C, e, i]
72
- ), E = T(() => {
73
- var a;
74
- P(), (a = s.current) == null || a.goToIndex($), i(e, !1, 1e3);
75
- const o = setTimeout(() => {
76
- var n;
77
- clearTimeout(o), (n = t.current) == null || n.setLabelVisiblity(!1), i(e, !0);
78
- }, 3e3), l = setTimeout(() => {
79
- var n;
80
- clearTimeout(l), (n = p.current) == null || n.startLabelAnimation("YELLOW_4");
81
- }, 3100);
82
- }, [s, e, i, P]), D = T(
83
- (o) => {
84
- var m, h, f, W, Y, _;
85
- if (O.current)
86
- return;
87
- const l = (m = s.current) == null ? void 0 : m.indicatorRefs, a = (h = s.current) == null ? void 0 : h.nextBtnRef, n = l == null ? void 0 : l[$];
88
- if (!((f = t.current) != null && f.segmentedCardWrapperRef.current) || !((W = t.current) != null && W.labelRef.current) || !l || !(a != null && a.current) || !n || !n.current)
89
- return;
90
- O.current = !0;
91
- const b = t.current.labelRef.current.getBoundingClientRect(), g = (Y = t.current) == null ? void 0 : Y.segmentedCardWrapperRef.current.getBoundingClientRect();
92
- k(e, []), s.current.currentIndex === J ? (c(e, {
93
- originalElementToHighlightRef: (_ = s.current) == null ? void 0 : _.nextBtnRef,
94
- isActive: !1,
95
- type: d.NUDGE,
96
- indicator: {
97
- nudge: "click",
98
- content: /* @__PURE__ */ r(u, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
99
- nudgePointerX: 0,
100
- nudgePointerY: 0
101
- },
102
- elementToHighlight: /* @__PURE__ */ r(
103
- x,
104
- {
105
- renderAs: "secondary",
106
- Icon: X,
107
- onClick: E,
108
- analyticsLabel: "FIXXXX"
109
- }
110
- )
111
- }), i(e, !1, 500)) : (c(e, {
112
- originalElementToHighlightRef: n,
113
- isActive: !1,
114
- type: d.TOOLTIP,
115
- elementToHighlight: /* @__PURE__ */ r(G, { $isActive: !1 }),
116
- indicator: {
117
- position: "bottom",
118
- backgroundColor: "YELLOW_4",
119
- width: 52,
120
- tooltipItem: /* @__PURE__ */ r(
121
- A,
122
- {
123
- $position: "absolute",
124
- $flexDirection: "row",
125
- style: { top: 6, left: 8, cursor: "pointer" },
126
- onClick: E,
127
- children: /* @__PURE__ */ r(u, { $renderAs: "ab2-bold", children: "NEW" })
128
- }
129
- ),
130
- tooltipYCoOrdinates: 14
131
- // Need some offset in Y direction from top
132
- }
133
- }), c(e, {
134
- originalElementToHighlightRef: n,
135
- isActive: !1,
136
- type: d.NUDGE,
137
- indicator: {
138
- nudge: "click",
139
- content: "",
140
- nudgePointerY: 20
141
- },
142
- elementToHighlight: /* @__PURE__ */ r(L, {})
143
- }), i(e, !1, 500), i(e, !0, 1500)), c(e, {
144
- originalElementToHighlightRef: t.current.labelRef,
145
- isActive: !1,
146
- type: d.TOOLTIP,
147
- elementToHighlight: /* @__PURE__ */ r(L, {}),
148
- indicator: {
149
- position: "right",
150
- backgroundColor: "YELLOW_4",
151
- width: 236,
152
- tooltipItem: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(u, { $renderAs: "ab2-bold", children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
153
- tooltipXCoOrdinates: b.width + 50,
154
- tooltipYCoOrdinates: b.height / 2
155
- }
156
- }), c(e, {
157
- originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
158
- isActive: !1,
159
- type: d.NUDGE,
160
- indicator: {
161
- nudge: "click",
162
- content: /* @__PURE__ */ r(u, { $renderAs: "ab1", $color: "WHITE", children: "Pick a table to start" }),
163
- nudgePointerX: g.width / 2 + 50,
164
- nudgePointerY: g.height / 2
165
- },
166
- elementToHighlight: /* @__PURE__ */ r(
167
- v,
168
- {
169
- ref: p,
170
- label: o.label,
171
- data: o.data,
172
- onPress: () => {
173
- },
174
- onPressTableSegment: (N) => H(o, N)
175
- }
176
- )
177
- });
178
- },
179
- [
180
- c,
181
- s,
182
- E,
183
- H,
184
- e,
185
- i,
186
- k
187
- ]
188
- );
189
- return {
190
- tableRef: t,
191
- startJourney: D
192
- };
193
- };
194
- export {
195
- ne as useTableLauncherJourney
196
- };
197
- //# sourceMappingURL=use-table-launcher-journey.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-table-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport type { ITableCardRef, ITableDetails } from '../../comps/tables-card/tables-card-types';\nimport type {\n ITableInfo,\n ITables,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseTableJourneyProps } from './use-table-launcher-journey-types';\n\nimport { useCallback, useRef } from 'react';\n\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport { JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { TablesCard } from '../../comps/tables-card/tables-card';\nimport { PUZZLE_CARD_INDEX, TABLE_CARD_INDEX } from './constants';\nimport * as S from './use-table-launcher-journey-styled';\n\nexport const useTableLauncherJourney = ({\n carouselRefs,\n onTableSegmentClick,\n onJourneyComplete,\n}: IUseTableJourneyProps) => {\n const journeyId = JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY;\n const originalTableRef = useRef<ITableCardRef>(null);\n const highlightedTableRef = useRef<ITableCardRef>(null);\n const isJourneyInProgress = useRef(false);\n\n const { playButtonSound } = useCircleSounds();\n const { nextCoachmark, setJourney, addCoachmark } = useJourney();\n\n const endJourney = useCallback(\n (tableDetails?: ITableDetails) => {\n // Only when User clicked on play\n if (tableDetails) {\n onTableSegmentClick(tableDetails);\n }\n // Reset original table card ref label\n originalTableRef?.current?.setLabelVisiblity(true);\n originalTableRef?.current?.stopLabelAnimation();\n onJourneyComplete(journeyId);\n nextCoachmark(journeyId, false);\n },\n [journeyId, nextCoachmark, onJourneyComplete, onTableSegmentClick],\n );\n\n const handleTableSegmentClick = useCallback(\n (launcherData: ITables, tableData: ITableInfo) => {\n if (\n !originalTableRef.current?.segmentedCardWrapperRef.current ||\n !originalTableRef.current?.labelRef.current\n ) {\n return;\n }\n\n const segmentedCardDims = originalTableRef.current.labelRef.current.getBoundingClientRect();\n const tableCardDims =\n originalTableRef.current?.segmentedCardWrapperRef.current.getBoundingClientRect();\n\n addCoachmark(journeyId, {\n originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n isActive: false,\n type: IndicatorType.TOOLTIP,\n elementToHighlight: (\n <TablesCard\n ref={highlightedTableRef}\n defaultTable={tableData}\n label={launcherData.label}\n data={launcherData.data}\n onPress={endJourney}\n onGoBackFromTableLevel={endJourney}\n />\n ),\n indicator: {\n position: 'left',\n backgroundColor: 'YELLOW_4',\n width: 236,\n tooltipItem: (\n <FlexView>\n <Text $renderAs=\"ab2-bold\">Each table has 3 levels—clear them and earn 3 stars!</Text>\n </FlexView>\n ),\n tooltipXCoOrdinates: 0,\n tooltipYCoOrdinates: segmentedCardDims.height * 0.35,\n } as IArrowTooltipProps,\n });\n\n addCoachmark(journeyId, {\n originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n isActive: false,\n type: IndicatorType.NUDGE,\n indicator: {\n nudge: 'click',\n content: (\n <Text $renderAs=\"ab1\" $color=\"WHITE\">\n Pick a level\n </Text>\n ),\n nudgePointerX: tableCardDims.width / 2 + 50,\n nudgePointerY: tableCardDims.height * 0.4,\n } as INudgeProps,\n elementToHighlight: <></>,\n });\n\n nextCoachmark(journeyId, false, 100); // Show coachmark => Each table has 3... and Hide the previous two\n nextCoachmark(journeyId, true, 2000); // Show nudge => Pick a level\n\n const startAnimationOnLabelAgain = setTimeout(() => {\n clearTimeout(startAnimationOnLabelAgain);\n highlightedTableRef.current?.startLabelAnimation('YELLOW_4');\n }, 3000);\n },\n [addCoachmark, endJourney, journeyId, nextCoachmark],\n );\n\n const goToTableLauncher = useCallback(() => {\n playButtonSound();\n carouselRefs.current?.goToIndex(TABLE_CARD_INDEX);\n nextCoachmark(journeyId, false, 1000);\n\n const showNudge = setTimeout(() => {\n clearTimeout(showNudge);\n originalTableRef.current?.setLabelVisiblity(false);\n nextCoachmark(journeyId, true);\n }, 3000);\n\n const animateLabel = setTimeout(() => {\n clearTimeout(animateLabel);\n highlightedTableRef.current?.startLabelAnimation('YELLOW_4');\n }, 3100);\n }, [carouselRefs, journeyId, nextCoachmark, playButtonSound]);\n\n const startJourney = useCallback(\n (tablesData: ITables) => {\n if (isJourneyInProgress.current) {\n return;\n }\n\n const paginationList = carouselRefs.current?.indicatorRefs;\n const carouselNextBtnRef = carouselRefs.current?.nextBtnRef;\n const tablePaginationRef = paginationList?.[TABLE_CARD_INDEX];\n\n if (\n !originalTableRef.current?.segmentedCardWrapperRef.current ||\n !originalTableRef.current?.labelRef.current ||\n !paginationList ||\n !carouselNextBtnRef?.current ||\n !tablePaginationRef ||\n !tablePaginationRef.current\n ) {\n return;\n }\n\n isJourneyInProgress.current = true;\n\n const labelDims = originalTableRef.current.labelRef.current.getBoundingClientRect();\n const tableCardDims =\n originalTableRef.current?.segmentedCardWrapperRef.current.getBoundingClientRect();\n\n setJourney(journeyId, []);\n\n // TAKE THE USER TO THE TABLE CARD\n if (carouselRefs.current.currentIndex === PUZZLE_CARD_INDEX) {\n addCoachmark(journeyId, {\n originalElementToHighlightRef: carouselRefs.current?.nextBtnRef,\n isActive: false,\n type: IndicatorType.NUDGE,\n indicator: {\n nudge: 'click',\n content: (\n <Text $renderAs=\"ab1\" $color=\"WHITE\">\n Click to proceed\n </Text>\n ),\n nudgePointerX: 0,\n nudgePointerY: 0,\n } as INudgeProps,\n elementToHighlight: (\n <IconButton\n renderAs=\"secondary\"\n Icon={CaratRightIcon}\n onClick={goToTableLauncher}\n analyticsLabel={'FIXXXX'}\n />\n ),\n });\n nextCoachmark(journeyId, false, 500); // Show nudge => Click to proceed\n } else {\n addCoachmark(journeyId, {\n originalElementToHighlightRef: tablePaginationRef as React.RefObject<HTMLDivElement>,\n isActive: false,\n type: IndicatorType.TOOLTIP,\n elementToHighlight: <S.Indicator $isActive={false} />,\n indicator: {\n position: 'bottom',\n backgroundColor: 'YELLOW_4',\n width: 52,\n tooltipItem: (\n <FlexView\n $position=\"absolute\"\n $flexDirection=\"row\"\n style={{ top: 6, left: 8, cursor: 'pointer' }}\n onClick={goToTableLauncher}\n >\n <Text $renderAs=\"ab2-bold\">NEW</Text>\n </FlexView>\n ),\n tooltipYCoOrdinates: 14, // Need some offset in Y direction from top\n } as IArrowTooltipProps,\n });\n addCoachmark(journeyId, {\n originalElementToHighlightRef: tablePaginationRef as React.RefObject<HTMLDivElement>,\n isActive: false,\n type: IndicatorType.NUDGE,\n indicator: {\n nudge: 'click',\n content: '',\n nudgePointerY: 20,\n } as INudgeProps,\n elementToHighlight: <></>,\n });\n nextCoachmark(journeyId, false, 500); // Show Coachmark => NEW\n nextCoachmark(journeyId, true, 1500); // Show Nudge over Coachmark\n }\n\n // SHOW THE USER SELECT A TABLE\n addCoachmark(journeyId, {\n originalElementToHighlightRef: originalTableRef.current.labelRef,\n isActive: false,\n type: IndicatorType.TOOLTIP,\n elementToHighlight: <></>,\n indicator: {\n position: 'right',\n backgroundColor: 'YELLOW_4',\n width: 236,\n tooltipItem: (\n <FlexView>\n <Text $renderAs=\"ab2-bold\">\n Get faster & stay ahead in school. Practice 3 new skills everyday.\n </Text>\n </FlexView>\n ),\n tooltipXCoOrdinates: labelDims.width + 50,\n tooltipYCoOrdinates: labelDims.height / 2,\n } as IArrowTooltipProps,\n });\n\n addCoachmark(journeyId, {\n originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n isActive: false,\n type: IndicatorType.NUDGE,\n indicator: {\n nudge: 'click',\n content: (\n <Text $renderAs=\"ab1\" $color=\"WHITE\">\n {'Pick a table to start'}\n </Text>\n ),\n nudgePointerX: tableCardDims.width / 2 + 50,\n nudgePointerY: tableCardDims.height / 2,\n } as INudgeProps,\n elementToHighlight: (\n <TablesCard\n ref={highlightedTableRef}\n label={tablesData.label}\n data={tablesData.data}\n onPress={() => {}}\n onPressTableSegment={tableInfo => handleTableSegmentClick(tablesData, tableInfo)}\n />\n ),\n });\n },\n [\n addCoachmark,\n carouselRefs,\n goToTableLauncher,\n handleTableSegmentClick,\n journeyId,\n nextCoachmark,\n setJourney,\n ],\n );\n\n return {\n tableRef: originalTableRef,\n startJourney,\n };\n};\n"],"names":["useTableLauncherJourney","carouselRefs","onTableSegmentClick","onJourneyComplete","journeyId","JOURNEY_ID_STUDENT","originalTableRef","useRef","highlightedTableRef","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","addCoachmark","useJourney","endJourney","useCallback","tableDetails","_a","_b","handleTableSegmentClick","launcherData","tableData","segmentedCardDims","tableCardDims","_c","IndicatorType","jsx","TablesCard","FlexView","Text","Fragment","startAnimationOnLabelAgain","goToTableLauncher","TABLE_CARD_INDEX","showNudge","animateLabel","startJourney","tablesData","paginationList","carouselNextBtnRef","tablePaginationRef","_d","labelDims","_e","PUZZLE_CARD_INDEX","_f","IconButton","CaratRightIcon","S.Indicator","tableInfo"],"mappings":"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"}