@cuemath/leap 2.8.36-rj-0 → 2.8.36-rj-beta.0
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.
- package/dist/assets/lottie/lottie.js +6 -0
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/card-container/card-container.js +11 -20
- package/dist/features/circle-games/game-launcher/comps/card-container/card-container.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js +47 -53
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js +3 -3
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js +29 -35
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js +25 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js +57 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode-star/table-mode-star.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js +27 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js +37 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-segment-star/table-segment-star.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js +35 -42
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js +135 -144
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js.map +1 -1
- package/dist/features/circle-games/game-launcher/game-launcher-analytics-events.js +8 -7
- package/dist/features/circle-games/game-launcher/game-launcher-analytics-events.js.map +1 -1
- package/dist/features/circle-games/game-launcher/game-launcher.js +71 -80
- package/dist/features/circle-games/game-launcher/game-launcher.js.map +1 -1
- package/dist/features/circle-games/game-launcher/use-game-launcher-journey/constants.js +7 -0
- package/dist/features/circle-games/game-launcher/use-game-launcher-journey/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.js +213 -0
- package/dist/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.js.map +1 -0
- package/dist/features/circle-games/games/web-view/web-view-types.js.map +1 -1
- package/dist/features/journey/journey-id/journey-id-student.js +1 -1
- package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
- package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.js +17 -0
- package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.js.map +1 -0
- package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.js +47 -0
- package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.js.map +1 -0
- package/dist/features/post-game-stats/digital-meter/comp/animated-arc/constants.js +6 -0
- package/dist/features/post-game-stats/digital-meter/comp/animated-arc/constants.js.map +1 -0
- package/dist/features/post-game-stats/digital-meter/constants.js +16 -0
- package/dist/features/post-game-stats/digital-meter/constants.js.map +1 -0
- package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js +87 -0
- package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map +1 -0
- package/dist/features/post-game-stats/digital-meter/digital-meter.js +185 -0
- package/dist/features/post-game-stats/digital-meter/digital-meter.js.map +1 -0
- package/dist/features/post-game-stats/digital-meter/helper.js +33 -0
- package/dist/features/post-game-stats/digital-meter/helper.js.map +1 -0
- package/dist/features/post-game-stats/enums/post-game-stats-enum.js +1 -1
- package/dist/features/post-game-stats/enums/post-game-stats-enum.js.map +1 -1
- package/dist/features/post-game-stats/number-count-animation/number-count-animation-styled.js +29 -0
- package/dist/features/post-game-stats/number-count-animation/number-count-animation-styled.js.map +1 -0
- package/dist/features/post-game-stats/number-count-animation/number-count-animation.js +20 -0
- package/dist/features/post-game-stats/number-count-animation/number-count-animation.js.map +1 -0
- package/dist/features/post-game-stats/points/points.js +15 -10
- package/dist/features/post-game-stats/points/points.js.map +1 -1
- package/dist/features/post-game-stats/post-game-stats.js +83 -61
- package/dist/features/post-game-stats/post-game-stats.js.map +1 -1
- package/dist/index.d.ts +45 -4
- package/dist/index.js +69 -67
- package/dist/index.js.map +1 -1
- package/dist/static/point2.7cec6e24.json +1 -0
- package/dist/static/point3.f96fe7aa.json +1 -0
- package/dist/static/point4.fe04fb83.json +1 -0
- package/dist/static/table-mode-star.b8a1d762.json +1 -0
- package/dist/static/table-segment-star.78e851d6.json +1 -0
- package/dist/static/target-achieved-text.053bd142.json +2830 -0
- package/dist/static/target-achieved-text.10db8475.json +1 -0
- package/package.json +1 -1
- package/dist/assets/line-icons/icons/carat-left.js +0 -26
- package/dist/assets/line-icons/icons/carat-left.js.map +0 -1
- package/dist/assets/line-icons/icons/carat-right.js +0 -26
- package/dist/assets/line-icons/icons/carat-right.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-star/table-star-styled.js +0 -11
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-star/table-star-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-star/table-star.js +0 -16
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-star/table-star.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js +0 -8
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js +0 -217
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js +0 -6
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js +0 -13
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js +0 -197
- 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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"}
|