@cuemath/leap 3.5.47-gg6 → 3.5.48-link.0

package/dist/features/trial-session/comps/student-enrichment/student-enrichment.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\n\nconst StudentEnrichment = memo(function StudentEnrichment() {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [milestoneConfig, countryCode, grade, stream, enrollmentType],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutEnrichment = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.ENRICHMENT,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutEnrichment });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutEnrichment","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAgBM,MAAAA,KAAoBC,EAAK,WAA6B;AAC1D,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAClE,EAAE,OAAAC,GAAO,OAAAC,MAAUN,KAAY,CAAA,GAE/B,EAAE,WAAWO,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAN,GAEhE,EAAE,iBAAiBO,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5DE,IAAQC,EAAYP,KAAA,gBAAAA,EAAc,MAAM,GAExCQ,IAAYC;AAAA,IAChB,MACEC,EAAmBjB,GAAiB;AAAA,MAClC,aAAAY;AAAA,MACA,OAAOR,KAAS;AAAA,MAChB,cAAcc,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACT,GAAiBY,GAAaR,GAAOM,GAAQD,CAAc;AAAA,EAAA,GAGxD,EAAE,WAAWU,EAAA,IAAiBH;AAAA,IAClC,OAAMX,KAAA,gBAAAA,EAAO,KAAK,CAAAe,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACb,CAAK;AAAA,EAAA,GAGFgB,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAyBpB,KAAA,gBAAAA,EAAO;AAAA,UACpC,CAAAe,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAjB,EAAA,EAAE,OAAOwB,EAAA,CAAwB;AAEnD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBvB,GAAOa,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAAShB;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAO0B,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACtB,GAAOQ,GAAOZ,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA6B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,QAAQ,KAAK,gBAAe,OAAM,iBAAgB,UACvE,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"student-enrichment.js","sources":["../../../../../src/features/trial-session/comps/student-enrichment/student-enrichment.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './student-enrichment-styled';\n\nconst StudentEnrichment = memo(function StudentEnrichment() {\n  const { formData, milestoneConfig, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n  const { grade, goals } = formData || {};\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.ENRICHMENT,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [milestoneConfig, countryCode, grade, stream, enrollmentType],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.ENRICHMENT) ?? {},\n    [goals],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.ENRICHMENT, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.ENRICHMENT} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default StudentEnrichment;\n"],"names":["StudentEnrichment","memo","formData","milestoneConfig","updateSlideConfig","trialHomeData","useTrialSessionContext","grade","goals","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAgBM,MAAAA,KAAoBC,EAAK,WAA6B;AAC1D,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAClE,EAAE,OAAAC,GAAO,OAAAC,MAAUN,KAAY,CAAA,GAE/B,EAAE,WAAWO,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAN,GAEhE,EAAE,iBAAiBO,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5DE,IAAQC,EAAYP,KAAA,gBAAAA,EAAc,MAAM,GAExCQ,IAAYC;AAAA,IAChB,MACEC,EAAmBjB,GAAiB;AAAA,MAClC,aAAAY;AAAA,MACA,OAAOR,KAAS;AAAA,MAChB,cAAcc,EAAc;AAAA,MAC5B,cAAcR;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACT,GAAiBY,GAAaR,GAAOM,GAAQD,CAAc;AAAA,EAAA,GAGxD,EAAE,WAAWU,EAAA,IAAiBH;AAAA,IAClC,OAAMX,KAAA,gBAAAA,EAAO,KAAK,CAAAe,MAAQA,EAAK,kBAAkBF,EAAc,gBAAe,CAAC;AAAA,IAC/E,CAACb,CAAK;AAAA,EAAA,GAGFgB,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACnD,YAAA,EAAE,OAAAC,EAAU,IAAAD,GAEZE,IAAeC,EAAqBtB,GAAOa,EAAc,YAAY;AAAA,QACzE,WAAWK;AAAA,QACX,gBAAgBE;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAASf;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAOyB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACrB,GAAOQ,GAAOZ,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA4B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,QAAQ,KAAK,gBAAe,OAAM,iBAAgB,UACvE,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,YAAY,WAAU,QAAQ,CAAA,GACpF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOpB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/test-prep/test-prep.js

@@ -1,53 +1,46 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { memo as A, useMemo as L, useCallback as x } from "react";
-import { GIF as I } from "../../../../assets/gif/gif.js";
-import { GOAL_CATEGORY as r } from "../../../milestone/constants.js";
-import { getGoalsFromConfig as R } from "../../../milestone/create/milestone-create-helpers.js";
-import D from "../../../ui/image/image.js";
-import j from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { memo as $, useMemo as G, useCallback as A } from "react";
+import { GIF as L } from "../../../../assets/gif/gif.js";
+import { GOAL_CATEGORY as n } from "../../../milestone/constants.js";
+import { getGoalsFromConfig as x } from "../../../milestone/create/milestone-create-helpers.js";
+import I from "../../../ui/image/image.js";
+import D from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
 import f from "../../../ui/separator/separator.js";
-import k from "../../../ui/text/text.js";
-import { epochTimestampAfterOneYear as w } from "../../../utils/utils.js";
-import { useTrialSessionContext as F } from "../../context/use-trial-session-context.js";
-import { isPLASource as O, updateGoalInFormData as W } from "../../helper.js";
-import X from "../slide-header/index.js";
-import { Container as B, ContentWrapper as H, ImageWrapper as U, InputContainer as Y } from "./test-prep-styled.js";
-const ae = A(function() {
-  const { milestoneConfig: i, formData: g, updateSlideConfig: n, trialHomeData: u } = F(), { demo_info: h, intel_student: a, student: T } = u, { enrollment_type: s } = T || {}, { stream: m, region_data: _ } = h || {}, { opportunity_country: l = "US" } = _ || {}, { grade: p, goals: e } = g || {}, c = O(a == null ? void 0 : a.source), C = L(
-    () => R(i, {
+import R from "../../../ui/text/text.js";
+import { epochTimestampAfterOneYear as j } from "../../../utils/utils.js";
+import { useTrialSessionContext as k } from "../../context/use-trial-session-context.js";
+import { isPLASource as w, updateGoalInFormData as F } from "../../helper.js";
+import O from "../slide-header/index.js";
+import { Container as X, ContentWrapper as B, ImageWrapper as H, InputContainer as U } from "./test-prep-styled.js";
+const re = $(function() {
+  const { milestoneConfig: a, formData: g, updateSlideConfig: i, trialHomeData: u } = k(), { demo_info: h, intel_student: t, student: T } = u, { enrollment_type: s } = T || {}, { stream: m, region_data: _ } = h || {}, { opportunity_country: l = "US" } = _ || {}, { grade: p, goals: o } = g || {}, c = w(t == null ? void 0 : t.source), C = G(
+    () => x(a, {
       countryCode: l,
       grade: p ?? "",
-      goalCategory: r.TEST_PREP,
+      goalCategory: n.TEST_PREP,
       courseStream: m,
       enrollmentType: s
     }),
-    [l, s, p, i, m]
-  ), { goal_code: P } = (e == null ? void 0 : e.find((t) => t.goal_category === r.TEST_PREP)) ?? {}, S = x(
-    (t, E) => {
-      if (!t) {
-        const $ = e == null ? void 0 : e.filter(
-          (G) => G.goal_category !== r.TEST_PREP
-        );
-        n({ goals: $ });
-        return;
-      }
-      const { label: y } = E, b = W(e, r.TEST_PREP, {
-        goal_code: t,
+    [l, s, p, a, m]
+  ), { goal_code: S } = (o == null ? void 0 : o.find((r) => r.goal_category === n.TEST_PREP)) ?? {}, P = A(
+    (r, b) => {
+      const { label: y } = b, E = F(o, n.TEST_PREP, {
+        goal_code: r,
         milestone_name: y,
-        milestone_date_ts: w(),
+        milestone_date_ts: j(),
         publish: c
       });
-      n({ goals: b });
+      i({ goals: E });
     },
-    [e, c, n]
+    [o, c, i]
   );
-  return /* @__PURE__ */ d(B, { children: [
-    /* @__PURE__ */ o(f, { height: 60 }),
-    /* @__PURE__ */ o(X, {}),
-    /* @__PURE__ */ d(H, { $flexDirection: "row", $justifyContent: "center", children: [
-      /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(D, { withLoader: !0, height: 402, width: 302, src: I.TEST_PREP, className: "image" }) }),
-      /* @__PURE__ */ o(
-        Y,
+  return /* @__PURE__ */ d(X, { children: [
+    /* @__PURE__ */ e(f, { height: 60 }),
+    /* @__PURE__ */ e(O, {}),
+    /* @__PURE__ */ d(B, { $flexDirection: "row", $justifyContent: "center", children: [
+      /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(I, { withLoader: !0, height: 402, width: 302, src: L.TEST_PREP, className: "image" }) }),
+      /* @__PURE__ */ e(
+        U,
         {
           $flexGap: 40,
           $justifyContent: "center",
@@ -55,27 +48,27 @@ const ae = A(function() {
           $borderColor: "BLACK_1",
           $gapX: 2.5,
           $gutterX: 2.5,
-          children: /* @__PURE__ */ o(
-            j,
+          children: /* @__PURE__ */ e(
+            D,
             {
               renderAs: "primary",
               label: "Select a Test",
-              value: P,
+              value: S,
               options: C,
               shape: "borderLess",
               theme: "dark",
-              onChange: S,
+              onChange: P,
               isTransparent: !0
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ o(f, { heightX: 1 }),
-    /* @__PURE__ */ o(k, { $renderAs: "ub3", $align: "center", children: "This is optional and can be skipped." })
+    /* @__PURE__ */ e(f, { heightX: 1 }),
+    /* @__PURE__ */ e(R, { $renderAs: "ub3", $align: "center", children: "This is optional and can be skipped." })
   ] });
 });
 export {
-  ae as default
+  re as default
 };
 //# sourceMappingURL=test-prep.js.map

package/dist/features/trial-session/comps/test-prep/test-prep.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(function TestPrep() {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [countryCode, enrollmentType, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      if (!value) {\n        const goalsWithoutTestPrep = goals?.filter(\n          goal => goal.goal_category !== GOAL_CATEGORY.TEST_PREP,\n        );\n\n        updateSlideConfig({ goals: goalsWithoutTestPrep });\n\n        return;\n      }\n\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grade","goals","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","goalsWithoutTestPrep","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAgBM,MAAAA,KAAWC,EAAK,WAAoB;AACxC,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAJ,GAChE,EAAE,iBAAiBK,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUZ,KAAY,CAAA,GAC/Ba,IAAQC,EAAYT,KAAA,gBAAAA,EAAc,MAAM,GAExCU,IAAYC;AAAA,IAChB,MACEC,EAAmBlB,GAAiB;AAAA,MAClC,aAAAW;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcO,EAAc;AAAA,MAC5B,cAAcV;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACG,GAAaH,GAAgBI,GAAOZ,GAAiBS,CAAM;AAAA,EAAA,GAGxD,EAAE,WAAWW,OACjBP,KAAA,gBAAAA,EAAO,KAAK,CAAQQ,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACzD,UAAI,CAACD,GAAO;AACV,cAAME,IAAuBb,KAAA,gBAAAA,EAAO;AAAA,UAClC,CAAAQ,MAAQA,EAAK,kBAAkBF,EAAc;AAAA;AAG7B,QAAAjB,EAAA,EAAE,OAAOwB,EAAA,CAAsB;AAEjD;AAAA,MACF;AAEM,YAAA,EAAE,OAAAC,EAAU,IAAAF,GAEZG,IAAeC,EAAqBhB,GAAOM,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBG;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAAShB;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAO0B,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACf,GAAOC,GAAOZ,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA6B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOrB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAW,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"test-prep.js","sources":["../../../../../src/features/trial-session/comps/test-prep/test-prep.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getGoalsFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { isPLASource, updateGoalInFormData } from '../../helper';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './test-prep-styled';\n\nconst TestPrep = memo(function TestPrep() {\n  const { milestoneConfig, formData, updateSlideConfig, trialHomeData } = useTrialSessionContext();\n\n  const { demo_info: demoInfo, intel_student: intelStudent, student } = trialHomeData;\n  const { enrollment_type: enrollmentType } = student || {};\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const { grade, goals } = formData || {};\n  const isPLA = isPLASource(intelStudent?.source);\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.TEST_PREP,\n        courseStream: stream,\n        enrollmentType: enrollmentType,\n      }),\n    [countryCode, enrollmentType, grade, milestoneConfig, stream],\n  );\n\n  const { goal_code: selectedGoal } =\n    goals?.find(goal => goal.goal_category === GOAL_CATEGORY.TEST_PREP) ?? {};\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.TEST_PREP, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n        publish: isPLA,\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, isPLA, updateSlideConfig],\n  );\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.TEST_PREP} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={40}\n          $justifyContent=\"center\"\n          $background=\"BLUE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Test\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={handleGoalChange}\n            isTransparent\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub3\" $align=\"center\">\n        This is optional and can be skipped.\n      </Text>\n    </Styled.Container>\n  );\n});\n\nexport default TestPrep;\n"],"names":["TestPrep","memo","milestoneConfig","formData","updateSlideConfig","trialHomeData","useTrialSessionContext","demoInfo","intelStudent","student","enrollmentType","stream","regionData","countryCode","grade","goals","isPLA","isPLASource","goalsList","useMemo","getGoalsFromConfig","GOAL_CATEGORY","selectedGoal","goal","handleGoalChange","useCallback","value","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","SearchableSelectInput","Text"],"mappings":";;;;;;;;;;;;;;AAgBM,MAAAA,KAAWC,EAAK,WAAoB;AACxC,QAAM,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,mBAAAC,GAAmB,eAAAC,EAAA,IAAkBC,KAElE,EAAE,WAAWC,GAAU,eAAeC,GAAc,SAAAC,EAAY,IAAAJ,GAChE,EAAE,iBAAiBK,MAAmBD,KAAW,CAAA,GACjD,EAAE,QAAAE,GAAQ,aAAaC,EAAW,IAAIL,KAAY,CAAA,GAClD,EAAE,qBAAqBM,IAAc,KAAK,IAAID,KAAc,CAAA,GAC5D,EAAE,OAAAE,GAAO,OAAAC,MAAUZ,KAAY,CAAA,GAC/Ba,IAAQC,EAAYT,KAAA,gBAAAA,EAAc,MAAM,GAExCU,IAAYC;AAAA,IAChB,MACEC,EAAmBlB,GAAiB;AAAA,MAClC,aAAAW;AAAA,MACA,OAAOC,KAAS;AAAA,MAChB,cAAcO,EAAc;AAAA,MAC5B,cAAcV;AAAA,MACd,gBAAAD;AAAA,IAAA,CACD;AAAA,IACH,CAACG,GAAaH,GAAgBI,GAAOZ,GAAiBS,CAAM;AAAA,EAAA,GAGxD,EAAE,WAAWW,OACjBP,KAAA,gBAAAA,EAAO,KAAK,CAAQQ,MAAAA,EAAK,kBAAkBF,EAAc,eAAc,CAAA,GAEnEG,IAAmBC;AAAA,IACvB,CAACC,GAAeC,MAA2C;AACnD,YAAA,EAAE,OAAAC,EAAU,IAAAD,GAEZE,IAAeC,EAAqBf,GAAOM,EAAc,WAAW;AAAA,QACxE,WAAWK;AAAA,QACX,gBAAgBE;AAAA,QAChB,mBAAmBG,EAA2B;AAAA,QAC9C,SAASf;AAAA,MAAA,CACV;AAEiB,MAAAZ,EAAA,EAAE,OAAOyB,EAAA,CAAc;AAAA,IAC3C;AAAA,IACA,CAACd,GAAOC,GAAOZ,CAAiB;AAAA,EAAA;AAIhC,SAAA,gBAAA4B,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,sBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,WAAW,WAAU,QAAQ,CAAA,GACnF;AAAA,MACA,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOpB;AAAA,cACP,SAASJ;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUM;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBQ,GAAK,EAAA,WAAU,OAAM,QAAO,UAAS,UAEtC,wCAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game.js

@@ -1,189 +1,165 @@
-import { jsxs as u, Fragment as te, jsx as t } from "react/jsx-runtime";
-import { memo as ae, useRef as b, useState as ie, useMemo as h, useCallback as p, useEffect as k } from "react";
-import { getTimeStrInFormatHMS as oe } from "../../../../helpers/date-time.js";
-import { useWebViewGames as ne } from "../../../circle-games/games/web-view/hooks/use-webview-games.js";
-import { WebView as ce } from "../../../circle-games/games/web-view/web-view.js";
-import { useUIContext as le } from "../../../ui/context/context.js";
-import M from "../../../ui/layout/flex-view.js";
-import I from "../../../ui/separator/separator.js";
-import f from "../../../ui/text/text.js";
-import { useTrialSessionContext as se } from "../../context/use-trial-session-context.js";
+import { jsxs as s, Fragment as K, jsx as t } from "react/jsx-runtime";
+import { memo as Q, useRef as X, useState as ee, useMemo as h, useCallback as m, useEffect as re } from "react";
+import { getTimeStrInFormatHMS as te } from "../../../../helpers/date-time.js";
+import { useWebViewGames as ae } from "../../../circle-games/games/web-view/hooks/use-webview-games.js";
+import { WebView as ie } from "../../../circle-games/games/web-view/web-view.js";
+import v from "../../../ui/layout/flex-view.js";
+import E from "../../../ui/separator/separator.js";
+import d from "../../../ui/text/text.js";
+import { useTrialSessionContext as oe } from "../../context/use-trial-session-context.js";
 import { TrialPageId as y } from "../../trial-session-constants.js";
-import { TRIAL_CIRCLE_GAME_ANALYTICS_EVENTS as U } from "./trial-circle-game-analytics-events.js";
-import { TrialCircleGameLaunchScreen as me } from "./trial-circle-game-launch-screen/trial-circle-game-launch-screen.js";
-import { GameContainer as de, GameWrapper as ue, GameLaunchOverlay as pe } from "./trial-circle-game-styled.js";
-import { ProjectType as r } from "../../../circle-games/games/web-view/enums/project-type-enum.js";
-import T from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const fe = {
-  [y.CIRCLE_GAME]: r.GAME,
-  [y.CIRCLE_PUZZLE]: r.PUZZLE,
-  [y.CIRCLE_SKILL]: r.LESSON
-}, be = ae(function() {
-  const { slideConfig: D, trialGameUrl: $, circleGames: R, formData: O, handleInfoMessage: x, updateSlideConfig: o } = se(), {
-    showCircleGameScreen: L = !0,
-    isCircleGamePlayed: E = !1,
-    isCirclePuzzleSolved: m = !1,
-    isCircleSkillCompleted: S = !1,
-    accuracyStr: G = "",
-    totalTimeTaken: g = 0,
-    matchmakingId: l
-  } = O || {}, v = b(null), { playGame: A } = ne({ webViewRef: v }), { onEvent: C } = le(), [d, _] = ie(!0), P = b(0), { header: N, id: W } = D, e = fe[W], { circleConfig: H, playerDetails: z } = R, { games: s, puzzles: n, lessons: i } = H ?? {}, j = h(() => ({
-    [r.GAME]: E,
-    [r.PUZZLE]: m,
-    [r.LESSON]: S
-  }), [E, m, S]), w = h(() => {
-    const a = {
-      [r.GAME]: E ? s.game_card : s.tutorial,
-      [r.PUZZLE]: m ? n.game_card : n.tutorial,
-      [r.LESSON]: S ? i.game_card : i.tutorial
+import { TrialCircleGameLaunchScreen as ne } from "./trial-circle-game-launch-screen/trial-circle-game-launch-screen.js";
+import { GameContainer as le, GameWrapper as ce, GameLaunchOverlay as se } from "./trial-circle-game-styled.js";
+import { ProjectType as e } from "../../../circle-games/games/web-view/enums/project-type-enum.js";
+import S from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const me = {
+  [y.CIRCLE_GAME]: e.GAME,
+  [y.CIRCLE_PUZZLE]: e.PUZZLE,
+  [y.CIRCLE_SKILL]: e.LESSON
+}, _e = Q(function() {
+  const { slideConfig: b, trialGameUrl: j, circleGames: A, formData: k, handleInfoMessage: $, updateSlideConfig: o } = oe(), {
+    showCircleGameScreen: g = !0,
+    isCircleGamePlayed: u = !1,
+    isCirclePuzzleSolved: c = !1,
+    isCircleSkillCompleted: p = !1,
+    accuracyStr: C = "",
+    totalTimeTaken: G = 0,
+    matchmakingId: f
+  } = k || {}, I = X(null), { playGame: P } = ae({ webViewRef: I }), [T, L] = ee(!0), { header: U, id: M } = b, r = me[M], { circleConfig: O, playerDetails: W } = A, { games: l, puzzles: n, lessons: a } = O ?? {}, _ = h(() => ({
+    [e.GAME]: u,
+    [e.PUZZLE]: c,
+    [e.LESSON]: p
+  }), [u, c, p]), w = h(() => {
+    const i = {
+      [e.GAME]: u ? l.game_card : l.tutorial,
+      [e.PUZZLE]: c ? n.game_card : n.tutorial,
+      [e.LESSON]: p ? a.game_card : a.tutorial
     };
-    return e ? a[e] : "";
+    return r ? i[r] : "";
   }, [
-    e,
-    s.game_card,
-    s.tutorial,
+    r,
+    l.game_card,
+    l.tutorial,
     n.game_card,
     n.tutorial,
-    i.game_card,
-    i.tutorial,
-    E,
-    m,
-    S
-  ]), F = h(() => e === r.PUZZLE && m ? "You've solved it!" : "", [e, m]), { circle_username: B, userId: V, grade: q, user_avatar: Y, playerType: Z } = z ?? {}, J = {
-    id: V,
-    username: B,
-    grade: q,
-    avatar: Y,
+    a.game_card,
+    a.tutorial,
+    u,
+    c,
+    p
+  ]), x = h(() => r === e.PUZZLE && c ? "You've solved it!" : "", [r, c]), { circle_username: D, userId: H, grade: N, user_avatar: R, playerType: Z } = W ?? {}, z = {
+    id: H,
+    username: D,
+    grade: N,
+    avatar: R,
     playerType: Z
-  }, c = h(() => {
-    const a = {
-      joinByRoomId: l,
+  }, F = h(() => {
+    const i = {
+      joinByRoomId: f,
       enableCloseButton: !1,
       enablePlayerTurnIndicators: !0,
       enableSync: !0
     };
-    return e === r.GAME ? {
-      ...a,
-      projectId: s.project_id,
-      variant: s.variant,
-      projectType: r.GAME
-    } : e === r.PUZZLE ? {
-      ...a,
+    return r === e.GAME ? {
+      ...i,
+      projectId: l.project_id,
+      variant: l.variant,
+      projectType: e.GAME
+    } : r === e.PUZZLE ? {
+      ...i,
       projectId: n.project_id,
       variant: n.variant,
       question: n.question,
       askHintPermission: !1,
-      projectType: r.PUZZLE
+      projectType: e.PUZZLE
     } : {
-      ...a,
-      projectId: i.project_id,
-      variant: i.variant,
-      miniGameIdentifier: i.mini_game_identifier,
-      sessionId: i.session_id,
-      targetQuestions: i.target_questions,
-      projectType: r.LESSON
+      ...i,
+      projectId: a.project_id,
+      variant: a.variant,
+      miniGameIdentifier: a.mini_game_identifier,
+      sessionId: a.session_id,
+      targetQuestions: a.target_questions,
+      projectType: e.LESSON
     };
-  }, [s, n, i, e, l]), K = p(() => {
-    if (_(!1), e) {
-      const a = Date.now() - P.current;
-      C(U.CIRCLE_GAME_LOAD_SUCCESS, {
-        projectType: e,
-        projectId: c.projectId,
-        variant: c.variant,
-        loadTime: a
-      });
-    }
-  }, [e, c, C]), Q = p(() => {
-    _(!0), (e === r.GAME || e === r.PUZZLE || e === r.LESSON) && o({ showCircleGameScreen: !0, matchmakingId: T() });
-  }, [e, o]), X = p(() => {
+  }, [l, n, a, r, f]), B = m(() => {
+    L(!1);
+  }, []), V = m(() => {
+    L(!0), (r === e.GAME || r === e.PUZZLE || r === e.LESSON) && o({ showCircleGameScreen: !0, matchmakingId: S() });
+  }, [r, o]), q = m(() => {
     o({ showCircleGameScreen: !1, accuracyStr: "", totalTimeTaken: 0 });
-  }, [o]), ee = p(
-    (a) => {
-      _(!0), e === r.LESSON ? o({
-        accuracyStr: a.value,
-        totalTimeTaken: a.timeSpent,
+  }, [o]), Y = m(
+    (i) => {
+      L(!0), r === e.LESSON ? o({
+        accuracyStr: i.value,
+        totalTimeTaken: i.timeSpent,
         isCircleSkillCompleted: !0,
         showCircleGameScreen: !0,
-        matchmakingId: T()
-      }) : e === r.GAME ? o({
+        matchmakingId: S()
+      }) : r === e.GAME ? o({
         isCircleGamePlayed: !0,
         showCircleGameScreen: !0,
-        matchmakingId: T()
-      }) : e === r.PUZZLE && o({
+        matchmakingId: S()
+      }) : r === e.PUZZLE && o({
         isCirclePuzzleSolved: !0,
         showCircleGameScreen: !0,
-        matchmakingId: T()
+        matchmakingId: S()
       });
     },
-    [o, e]
-  ), re = p(() => G && g ? /* @__PURE__ */ u(te, { children: [
-    /* @__PURE__ */ u(M, { $flexDirection: "row", children: [
-      /* @__PURE__ */ t(f, { $renderAs: "ab2", $color: "WHITE", children: "Finished in" }),
-      /* @__PURE__ */ t(I, { width: 5 }),
-      /* @__PURE__ */ t(f, { $renderAs: "ab2-bold", $color: "WHITE", children: oe(g) })
+    [o, r]
+  ), J = m(() => C && G ? /* @__PURE__ */ s(K, { children: [
+    /* @__PURE__ */ s(v, { $flexDirection: "row", children: [
+      /* @__PURE__ */ t(d, { $renderAs: "ab2", $color: "WHITE", children: "Finished in" }),
+      /* @__PURE__ */ t(E, { width: 5 }),
+      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: te(G) })
     ] }),
-    /* @__PURE__ */ t(I, { height: 20 }),
-    /* @__PURE__ */ u(M, { $flexDirection: "row", children: [
-      /* @__PURE__ */ t(f, { $renderAs: "ab2", $color: "WHITE", children: "Accuracy:" }),
-      /* @__PURE__ */ t(I, { width: 5 }),
-      /* @__PURE__ */ t(f, { $renderAs: "ab2-bold", $color: "WHITE", children: G })
+    /* @__PURE__ */ t(E, { height: 20 }),
+    /* @__PURE__ */ s(v, { $flexDirection: "row", children: [
+      /* @__PURE__ */ t(d, { $renderAs: "ab2", $color: "WHITE", children: "Accuracy:" }),
+      /* @__PURE__ */ t(E, { width: 5 }),
+      /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", $color: "WHITE", children: C })
     ] })
-  ] }) : null, [G, g]);
-  return k(() => {
-    !d && !L && A();
-  }, [L, A, d]), k(() => {
-    d && l && (P.current = Date.now(), C(U.CIRCLE_GAME_LOAD_STARTED, {
-      projectType: e,
-      projectId: c.projectId,
-      variant: c.variant,
-      matchmakingId: l
-    }));
-  }, [
-    d,
-    l,
-    c.projectId,
-    c.variant,
-    e,
-    C
-  ]), /* @__PURE__ */ u(de, { children: [
-    /* @__PURE__ */ t(I, { height: 16 }),
-    /* @__PURE__ */ t(f, { $renderAs: "ah3-bold", $color: "WHITE_T_87", $align: "center", $marginBottom: 16, children: N }),
-    /* @__PURE__ */ u(ue, { children: [
-      L && /* @__PURE__ */ t(pe, { children: /* @__PURE__ */ t(
-        me,
+  ] }) : null, [C, G]);
+  return re(() => {
+    !T && !g && P();
+  }, [g, P, T]), /* @__PURE__ */ s(le, { children: [
+    /* @__PURE__ */ t(E, { height: 16 }),
+    /* @__PURE__ */ t(d, { $renderAs: "ah3-bold", $color: "WHITE_T_87", $align: "center", $marginBottom: 16, children: U }),
+    /* @__PURE__ */ s(ce, { children: [
+      g && /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(
+        ne,
         {
           assetUrl: w,
           assetUrlType: w.endsWith("mp4") ? "video" : "lottie",
-          descriptionHeader: F,
+          descriptionHeader: x,
           playerType: Z,
-          isLoading: d,
-          isGamePlayed: (e && j[e]) ?? !1,
-          onPlay: X,
-          custEle: e === r.LESSON ? re() : void 0,
-          celebrationText: e && j[e] ? "WELL DONE!" : ""
+          isLoading: T,
+          isGamePlayed: (r && _[r]) ?? !1,
+          onPlay: q,
+          custEle: r === e.LESSON ? J() : void 0,
+          celebrationText: r && _[r] ? "WELL DONE!" : ""
         }
       ) }),
-      l && /* @__PURE__ */ t(
-        ce,
+      f && /* @__PURE__ */ t(
+        ie,
         {
-          ref: v,
+          ref: I,
           height: "100%",
           width: "100%",
-          baseUrl: $,
-          playerDetails: J,
-          projectDetails: c,
-          onGameLoad: K,
-          onBack: Q,
-          handleInfoMessage: x,
-          onGamePlayFinish: ee,
+          baseUrl: j,
+          playerDetails: z,
+          projectDetails: F,
+          onGameLoad: B,
+          onBack: V,
+          handleInfoMessage: $,
+          onGamePlayFinish: Y,
           parentDomain: window.location.origin
         },
-        l
+        f
       )
     ] })
   ] });
 });
 export {
-  be as default
+  _e as default
 };
 //# sourceMappingURL=trial-circle-game.js.map

package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-circle-game.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useRef, useState, type RefObject } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { getTimeStrInFormatHMS } from '../../../../helpers/date-time';\nimport { ProjectType } from '../../../circle-games/games/web-view/enums';\nimport { useWebViewGames } from '../../../circle-games/games/web-view/hooks/use-webview-games';\nimport { WebView } from '../../../circle-games/games/web-view/web-view';\nimport type {\n  ILessonWebGameProps,\n  IMultiplayerWebGameProps,\n  IPlayer,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n} from '../../../circle-games/games/web-view/web-view-types';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport { TRIAL_CIRCLE_GAME_ANALYTICS_EVENTS } from './trial-circle-game-analytics-events';\nimport { TrialCircleGameLaunchScreen } from './trial-circle-game-launch-screen/trial-circle-game-launch-screen';\nimport * as Styled from './trial-circle-game-styled';\n\nconst PROJECT_TYPE_MAP: Partial<Record<TrialPageId, Omit<ProjectType, ProjectType.TABLE>>> = {\n  [TrialPageId.CIRCLE_GAME]: ProjectType.GAME,\n  [TrialPageId.CIRCLE_PUZZLE]: ProjectType.PUZZLE,\n  [TrialPageId.CIRCLE_SKILL]: ProjectType.LESSON,\n};\n\nconst TrialCircleGame = memo(function TrialCircleGame() {\n  const { slideConfig, trialGameUrl, circleGames, formData, handleInfoMessage, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    showCircleGameScreen = true,\n    isCircleGamePlayed = false,\n    isCirclePuzzleSolved = false,\n    isCircleSkillCompleted = false,\n    accuracyStr = '',\n    totalTimeTaken = 0,\n    matchmakingId,\n  } = formData || {};\n  const webViewRef = useRef<HTMLIFrameElement>(null) as RefObject<HTMLIFrameElement>;\n  const { playGame } = useWebViewGames({ webViewRef });\n  const { onEvent: trackEvent } = useUIContext();\n  const [isLoading, setIsLoading] = useState(true);\n  const loadStartTimeRef = useRef<number>(0);\n\n  const { header, id } = slideConfig;\n  const projectType = PROJECT_TYPE_MAP[id];\n  const { circleConfig, playerDetails } = circleGames;\n  const { games, puzzles, lessons } = circleConfig ?? {};\n\n  const isPlayed = useMemo(() => {\n    const playedStats = {\n      [ProjectType.GAME]: isCircleGamePlayed,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved,\n      [ProjectType.LESSON]: isCircleSkillCompleted,\n    };\n\n    return playedStats;\n  }, [isCircleGamePlayed, isCirclePuzzleSolved, isCircleSkillCompleted]);\n\n  const assetUrl = useMemo(() => {\n    const url: Omit<Record<ProjectType, string>, ProjectType.TABLE> = {\n      [ProjectType.GAME]: isCircleGamePlayed ? games.game_card : games.tutorial,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved ? puzzles.game_card : puzzles.tutorial,\n      [ProjectType.LESSON]: isCircleSkillCompleted ? lessons.game_card : lessons.tutorial,\n    };\n\n    return projectType\n      ? url[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n      : '';\n  }, [\n    projectType,\n    games.game_card,\n    games.tutorial,\n    puzzles.game_card,\n    puzzles.tutorial,\n    lessons.game_card,\n    lessons.tutorial,\n    isCircleGamePlayed,\n    isCirclePuzzleSolved,\n    isCircleSkillCompleted,\n  ]);\n\n  const descriptionHeader = useMemo(() => {\n    if (projectType === ProjectType.PUZZLE && isCirclePuzzleSolved) {\n      return \"You've solved it!\";\n    }\n\n    return '';\n  }, [projectType, isCirclePuzzleSolved]);\n\n  const { circle_username, userId, grade, user_avatar, playerType } = playerDetails ?? {};\n\n  const playerData: IPlayer = {\n    id: userId,\n    username: circle_username,\n    grade: grade,\n    avatar: user_avatar,\n    playerType,\n  };\n\n  const projectDetails = useMemo(() => {\n    const commonConfig = {\n      joinByRoomId: matchmakingId,\n      enableCloseButton: false,\n      enablePlayerTurnIndicators: true,\n      enableSync: true,\n    };\n\n    if (projectType === ProjectType.GAME) {\n      return {\n        ...commonConfig,\n        projectId: games.project_id,\n        variant: games.variant,\n        projectType: ProjectType.GAME,\n      } as IMultiplayerWebGameProps;\n    }\n\n    if (projectType === ProjectType.PUZZLE) {\n      return {\n        ...commonConfig,\n        projectId: puzzles.project_id,\n        variant: puzzles.variant,\n        question: puzzles.question,\n        askHintPermission: false,\n        projectType: ProjectType.PUZZLE,\n      } as IPuzzleWebGameProps;\n    }\n\n    return {\n      ...commonConfig,\n      projectId: lessons.project_id,\n      variant: lessons.variant,\n      miniGameIdentifier: lessons.mini_game_identifier,\n      sessionId: lessons.session_id,\n      targetQuestions: lessons.target_questions,\n      projectType: ProjectType.LESSON,\n    } as ILessonWebGameProps;\n\n    // return commonConfig;\n  }, [games, puzzles, lessons, projectType, matchmakingId]);\n\n  const onGameLoad = useCallback(() => {\n    setIsLoading(false);\n\n    if (projectType) {\n      const loadTime = Date.now() - loadStartTimeRef.current;\n\n      trackEvent(TRIAL_CIRCLE_GAME_ANALYTICS_EVENTS.CIRCLE_GAME_LOAD_SUCCESS, {\n        projectType,\n        projectId: projectDetails.projectId,\n        variant: projectDetails.variant,\n        loadTime,\n      });\n    }\n  }, [projectType, projectDetails, trackEvent]);\n\n  const handleBack = useCallback(() => {\n    setIsLoading(true);\n    if (\n      projectType === ProjectType.GAME ||\n      projectType === ProjectType.PUZZLE ||\n      projectType === ProjectType.LESSON\n    ) {\n      updateSlideConfig({ showCircleGameScreen: true, matchmakingId: uuidv4() });\n    }\n  }, [projectType, updateSlideConfig]);\n\n  const onPlay = useCallback(() => {\n    updateSlideConfig({ showCircleGameScreen: false, accuracyStr: '', totalTimeTaken: 0 });\n  }, [updateSlideConfig]);\n\n  const handleGameFinish = useCallback(\n    (playerStats: IPlayerStats) => {\n      setIsLoading(true);\n      if (projectType === ProjectType.LESSON) {\n        updateSlideConfig({\n          accuracyStr: playerStats.value,\n          totalTimeTaken: playerStats.timeSpent,\n          isCircleSkillCompleted: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.GAME) {\n        updateSlideConfig({\n          isCircleGamePlayed: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.PUZZLE) {\n        updateSlideConfig({\n          isCirclePuzzleSolved: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      }\n    },\n    [updateSlideConfig, projectType],\n  );\n\n  const getCustEle = useCallback(() => {\n    if (accuracyStr && totalTimeTaken) {\n      return (\n        <>\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Finished in\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {getTimeStrInFormatHMS(totalTimeTaken)}\n            </Text>\n          </FlexView>\n          <Separator height={20} />\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Accuracy:\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {accuracyStr}\n            </Text>\n          </FlexView>\n        </>\n      );\n    }\n\n    return null;\n  }, [accuracyStr, totalTimeTaken]);\n\n  useEffect(() => {\n    if (!isLoading && !showCircleGameScreen) {\n      playGame();\n    }\n  }, [showCircleGameScreen, playGame, isLoading]);\n\n  useEffect(() => {\n    if (isLoading && matchmakingId) {\n      loadStartTimeRef.current = Date.now();\n      trackEvent(TRIAL_CIRCLE_GAME_ANALYTICS_EVENTS.CIRCLE_GAME_LOAD_STARTED, {\n        projectType,\n        projectId: projectDetails.projectId,\n        variant: projectDetails.variant,\n        matchmakingId,\n      });\n    }\n  }, [\n    isLoading,\n    matchmakingId,\n    projectDetails.projectId,\n    projectDetails.variant,\n    projectType,\n    trackEvent,\n  ]);\n\n  return (\n    <Styled.GameContainer>\n      <Separator height={16} />\n      <Text $renderAs=\"ah3-bold\" $color=\"WHITE_T_87\" $align=\"center\" $marginBottom={16}>\n        {header}\n      </Text>\n      <Styled.GameWrapper>\n        {showCircleGameScreen && (\n          <Styled.GameLaunchOverlay>\n            <TrialCircleGameLaunchScreen\n              assetUrl={assetUrl}\n              assetUrlType={assetUrl.endsWith('mp4') ? 'video' : 'lottie'}\n              descriptionHeader={descriptionHeader}\n              playerType={playerType}\n              isLoading={isLoading}\n              isGamePlayed={\n                (projectType &&\n                  isPlayed[\n                    projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>\n                  ]) ??\n                false\n              }\n              onPlay={onPlay}\n              custEle={projectType === ProjectType.LESSON ? getCustEle() : undefined}\n              celebrationText={\n                projectType &&\n                isPlayed[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n                  ? 'WELL DONE!'\n                  : ''\n              }\n            />\n          </Styled.GameLaunchOverlay>\n        )}\n        {matchmakingId && (\n          <WebView\n            key={matchmakingId}\n            ref={webViewRef}\n            height=\"100%\"\n            width=\"100%\"\n            baseUrl={trialGameUrl}\n            playerDetails={playerData}\n            projectDetails={projectDetails}\n            onGameLoad={onGameLoad}\n            onBack={handleBack}\n            handleInfoMessage={handleInfoMessage}\n            onGamePlayFinish={handleGameFinish}\n            parentDomain={window.location.origin}\n          />\n        )}\n      </Styled.GameWrapper>\n    </Styled.GameContainer>\n  );\n});\n\nexport default TrialCircleGame;\n"],"names":["PROJECT_TYPE_MAP","TrialPageId","ProjectType","TrialCircleGame","memo","slideConfig","trialGameUrl","circleGames","formData","handleInfoMessage","updateSlideConfig","useTrialSessionContext","showCircleGameScreen","isCircleGamePlayed","isCirclePuzzleSolved","isCircleSkillCompleted","accuracyStr","totalTimeTaken","matchmakingId","webViewRef","useRef","playGame","useWebViewGames","trackEvent","useUIContext","isLoading","setIsLoading","useState","loadStartTimeRef","header","id","projectType","circleConfig","playerDetails","games","puzzles","lessons","isPlayed","useMemo","assetUrl","url","descriptionHeader","circle_username","userId","grade","user_avatar","playerType","playerData","projectDetails","commonConfig","onGameLoad","useCallback","loadTime","TRIAL_CIRCLE_GAME_ANALYTICS_EVENTS","handleBack","uuidv4","onPlay","handleGameFinish","playerStats","getCustEle","jsxs","Fragment","FlexView","jsx","Text","Separator","getTimeStrInFormatHMS","useEffect","Styled.GameContainer","Styled.GameWrapper","Styled.GameLaunchOverlay","TrialCircleGameLaunchScreen","WebView"],"mappings":"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"}
+{"version":3,"file":"trial-circle-game.js","sources":["../../../../../src/features/trial-session/comps/trial-circle-game/trial-circle-game.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useRef, useState, type RefObject } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { getTimeStrInFormatHMS } from '../../../../helpers/date-time';\nimport { ProjectType } from '../../../circle-games/games/web-view/enums';\nimport { useWebViewGames } from '../../../circle-games/games/web-view/hooks/use-webview-games';\nimport { WebView } from '../../../circle-games/games/web-view/web-view';\nimport type {\n  ILessonWebGameProps,\n  IMultiplayerWebGameProps,\n  IPlayer,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n} from '../../../circle-games/games/web-view/web-view-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport { TrialCircleGameLaunchScreen } from './trial-circle-game-launch-screen/trial-circle-game-launch-screen';\nimport * as Styled from './trial-circle-game-styled';\n\nconst PROJECT_TYPE_MAP: Partial<Record<TrialPageId, Omit<ProjectType, ProjectType.TABLE>>> = {\n  [TrialPageId.CIRCLE_GAME]: ProjectType.GAME,\n  [TrialPageId.CIRCLE_PUZZLE]: ProjectType.PUZZLE,\n  [TrialPageId.CIRCLE_SKILL]: ProjectType.LESSON,\n};\n\nconst TrialCircleGame = memo(function TrialCircleGame() {\n  const { slideConfig, trialGameUrl, circleGames, formData, handleInfoMessage, updateSlideConfig } =\n    useTrialSessionContext();\n  const {\n    showCircleGameScreen = true,\n    isCircleGamePlayed = false,\n    isCirclePuzzleSolved = false,\n    isCircleSkillCompleted = false,\n    accuracyStr = '',\n    totalTimeTaken = 0,\n    matchmakingId,\n  } = formData || {};\n  const webViewRef = useRef<HTMLIFrameElement>(null) as RefObject<HTMLIFrameElement>;\n  const { playGame } = useWebViewGames({ webViewRef });\n  const [isLoading, setIsLoading] = useState(true);\n\n  const { header, id } = slideConfig;\n  const projectType = PROJECT_TYPE_MAP[id];\n  const { circleConfig, playerDetails } = circleGames;\n  const { games, puzzles, lessons } = circleConfig ?? {};\n\n  const isPlayed = useMemo(() => {\n    const playedStats = {\n      [ProjectType.GAME]: isCircleGamePlayed,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved,\n      [ProjectType.LESSON]: isCircleSkillCompleted,\n    };\n\n    return playedStats;\n  }, [isCircleGamePlayed, isCirclePuzzleSolved, isCircleSkillCompleted]);\n\n  const assetUrl = useMemo(() => {\n    const url: Omit<Record<ProjectType, string>, ProjectType.TABLE> = {\n      [ProjectType.GAME]: isCircleGamePlayed ? games.game_card : games.tutorial,\n      [ProjectType.PUZZLE]: isCirclePuzzleSolved ? puzzles.game_card : puzzles.tutorial,\n      [ProjectType.LESSON]: isCircleSkillCompleted ? lessons.game_card : lessons.tutorial,\n    };\n\n    return projectType\n      ? url[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n      : '';\n  }, [\n    projectType,\n    games.game_card,\n    games.tutorial,\n    puzzles.game_card,\n    puzzles.tutorial,\n    lessons.game_card,\n    lessons.tutorial,\n    isCircleGamePlayed,\n    isCirclePuzzleSolved,\n    isCircleSkillCompleted,\n  ]);\n\n  const descriptionHeader = useMemo(() => {\n    if (projectType === ProjectType.PUZZLE && isCirclePuzzleSolved) {\n      return \"You've solved it!\";\n    }\n\n    return '';\n  }, [projectType, isCirclePuzzleSolved]);\n\n  const { circle_username, userId, grade, user_avatar, playerType } = playerDetails ?? {};\n\n  const playerData: IPlayer = {\n    id: userId,\n    username: circle_username,\n    grade: grade,\n    avatar: user_avatar,\n    playerType,\n  };\n\n  const projectDetails = useMemo(() => {\n    const commonConfig = {\n      joinByRoomId: matchmakingId,\n      enableCloseButton: false,\n      enablePlayerTurnIndicators: true,\n      enableSync: true,\n    };\n\n    if (projectType === ProjectType.GAME) {\n      return {\n        ...commonConfig,\n        projectId: games.project_id,\n        variant: games.variant,\n        projectType: ProjectType.GAME,\n      } as IMultiplayerWebGameProps;\n    }\n\n    if (projectType === ProjectType.PUZZLE) {\n      return {\n        ...commonConfig,\n        projectId: puzzles.project_id,\n        variant: puzzles.variant,\n        question: puzzles.question,\n        askHintPermission: false,\n        projectType: ProjectType.PUZZLE,\n      } as IPuzzleWebGameProps;\n    }\n\n    return {\n      ...commonConfig,\n      projectId: lessons.project_id,\n      variant: lessons.variant,\n      miniGameIdentifier: lessons.mini_game_identifier,\n      sessionId: lessons.session_id,\n      targetQuestions: lessons.target_questions,\n      projectType: ProjectType.LESSON,\n    } as ILessonWebGameProps;\n\n    // return commonConfig;\n  }, [games, puzzles, lessons, projectType, matchmakingId]);\n\n  const onGameLoad = useCallback(() => {\n    setIsLoading(false);\n  }, []);\n\n  const handleBack = useCallback(() => {\n    setIsLoading(true);\n    if (\n      projectType === ProjectType.GAME ||\n      projectType === ProjectType.PUZZLE ||\n      projectType === ProjectType.LESSON\n    ) {\n      updateSlideConfig({ showCircleGameScreen: true, matchmakingId: uuidv4() });\n    }\n  }, [projectType, updateSlideConfig]);\n\n  const onPlay = useCallback(() => {\n    updateSlideConfig({ showCircleGameScreen: false, accuracyStr: '', totalTimeTaken: 0 });\n  }, [updateSlideConfig]);\n\n  const handleGameFinish = useCallback(\n    (playerStats: IPlayerStats) => {\n      setIsLoading(true);\n      if (projectType === ProjectType.LESSON) {\n        updateSlideConfig({\n          accuracyStr: playerStats.value,\n          totalTimeTaken: playerStats.timeSpent,\n          isCircleSkillCompleted: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.GAME) {\n        updateSlideConfig({\n          isCircleGamePlayed: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      } else if (projectType === ProjectType.PUZZLE) {\n        updateSlideConfig({\n          isCirclePuzzleSolved: true,\n          showCircleGameScreen: true,\n          matchmakingId: uuidv4(),\n        });\n      }\n    },\n    [updateSlideConfig, projectType],\n  );\n\n  const getCustEle = useCallback(() => {\n    if (accuracyStr && totalTimeTaken) {\n      return (\n        <>\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Finished in\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {getTimeStrInFormatHMS(totalTimeTaken)}\n            </Text>\n          </FlexView>\n          <Separator height={20} />\n          <FlexView $flexDirection=\"row\">\n            <Text $renderAs=\"ab2\" $color=\"WHITE\">\n              Accuracy:\n            </Text>\n            <Separator width={5} />\n            <Text $renderAs=\"ab2-bold\" $color=\"WHITE\">\n              {accuracyStr}\n            </Text>\n          </FlexView>\n        </>\n      );\n    }\n\n    return null;\n  }, [accuracyStr, totalTimeTaken]);\n\n  useEffect(() => {\n    if (!isLoading && !showCircleGameScreen) {\n      playGame();\n    }\n  }, [showCircleGameScreen, playGame, isLoading]);\n\n  return (\n    <Styled.GameContainer>\n      <Separator height={16} />\n      <Text $renderAs=\"ah3-bold\" $color=\"WHITE_T_87\" $align=\"center\" $marginBottom={16}>\n        {header}\n      </Text>\n      <Styled.GameWrapper>\n        {showCircleGameScreen && (\n          <Styled.GameLaunchOverlay>\n            <TrialCircleGameLaunchScreen\n              assetUrl={assetUrl}\n              assetUrlType={assetUrl.endsWith('mp4') ? 'video' : 'lottie'}\n              descriptionHeader={descriptionHeader}\n              playerType={playerType}\n              isLoading={isLoading}\n              isGamePlayed={\n                (projectType &&\n                  isPlayed[\n                    projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>\n                  ]) ??\n                false\n              }\n              onPlay={onPlay}\n              custEle={projectType === ProjectType.LESSON ? getCustEle() : undefined}\n              celebrationText={\n                projectType &&\n                isPlayed[projectType as keyof Omit<Record<ProjectType, string>, ProjectType.TABLE>]\n                  ? 'WELL DONE!'\n                  : ''\n              }\n            />\n          </Styled.GameLaunchOverlay>\n        )}\n        {matchmakingId && (\n          <WebView\n            key={matchmakingId}\n            ref={webViewRef}\n            height=\"100%\"\n            width=\"100%\"\n            baseUrl={trialGameUrl}\n            playerDetails={playerData}\n            projectDetails={projectDetails}\n            onGameLoad={onGameLoad}\n            onBack={handleBack}\n            handleInfoMessage={handleInfoMessage}\n            onGamePlayFinish={handleGameFinish}\n            parentDomain={window.location.origin}\n          />\n        )}\n      </Styled.GameWrapper>\n    </Styled.GameContainer>\n  );\n});\n\nexport default TrialCircleGame;\n"],"names":["PROJECT_TYPE_MAP","TrialPageId","ProjectType","TrialCircleGame","memo","slideConfig","trialGameUrl","circleGames","formData","handleInfoMessage","updateSlideConfig","useTrialSessionContext","showCircleGameScreen","isCircleGamePlayed","isCirclePuzzleSolved","isCircleSkillCompleted","accuracyStr","totalTimeTaken","matchmakingId","webViewRef","useRef","playGame","useWebViewGames","isLoading","setIsLoading","useState","header","id","projectType","circleConfig","playerDetails","games","puzzles","lessons","isPlayed","useMemo","assetUrl","url","descriptionHeader","circle_username","userId","grade","user_avatar","playerType","playerData","projectDetails","commonConfig","onGameLoad","useCallback","handleBack","uuidv4","onPlay","handleGameFinish","playerStats","getCustEle","jsxs","Fragment","FlexView","jsx","Text","Separator","getTimeStrInFormatHMS","useEffect","Styled.GameContainer","Styled.GameWrapper","Styled.GameLaunchOverlay","TrialCircleGameLaunchScreen","WebView"],"mappings":"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"}