@cuemath/leap 3.3.28 → 3.3.29-beta.0

package/dist/features/student-username/add/add-student-username.js

@@ -0,0 +1,78 @@
+import { jsx as a } from "react/jsx-runtime";
+import { memo as b, useState as y, useRef as A, useCallback as i, useMemo as N } from "react";
+import { LOTTIE as g } from "../../../assets/lottie/lottie.js";
+import O from "../../auth/signup/circular-step-wrapper/circular-step-wrapper.js";
+import _ from "../../auth/signup/custom-input-field/custom-input-field.js";
+import F from "../../ui/layout/flex-view.js";
+import { Container as L } from "./add-student-username-styled.js";
+import { useUpdateUsernamePost as P } from "./api/update-username.js";
+import $ from "./hooks/use-check-username-availability.js";
+const k = (U) => {
+  const { studentId: c, onSuccess: o, onGoBack: n } = U, [e, S] = y(""), r = A(null), {
+    isValid: s,
+    isProcessing: l,
+    error: m,
+    setError: p
+  } = $(e), w = i((t) => {
+    S(t);
+  }, []), x = i(
+    async (t) => {
+      var C;
+      if (t) {
+        p(t);
+        return;
+      }
+      r && await ((C = r.current) == null ? void 0 : C.playOutroAndFadeOut()), o == null || o(e);
+    },
+    [o, p, e]
+  ), { post: h, isProcessing: u } = P({
+    onComplete: x
+  }), E = i(async () => {
+    var t;
+    r && await ((t = r.current) == null ? void 0 : t.playOutroAndFadeOut()), n == null || n();
+  }, [n]), d = N(
+    () => e.trim().length === 0 || !s || !!m || l || u,
+    [e, s, m, l, u]
+  ), f = i(() => {
+    d || h(
+      { username: e.toLowerCase(), create_circle_profile_only: !0 },
+      { studentId: c }
+    );
+  }, [d, c, h, e]);
+  return /* @__PURE__ */ a(L, { $width: "100%", $height: "100%", children: /* @__PURE__ */ a(F, { $background: "BLACK_1", $width: "100%", $height: "100%", $flex: 1, children: /* @__PURE__ */ a(
+    O,
+    {
+      label: "Create a unique username for your child",
+      showNext: !0,
+      showPrevious: !0,
+      animation: g.USERNAME,
+      introFrames: [0, 23],
+      outroFrames: [23, 40],
+      isNextLoading: u,
+      onGoBack: E,
+      onNext: f,
+      isNextDisabled: d,
+      animationSrcMobile: g.USERNAME_RESPONSIVE,
+      ref: r,
+      children: /* @__PURE__ */ a(
+        _,
+        {
+          value: e,
+          error: m,
+          onChange: w,
+          helperText: `Only letters, _ , & digits allowed.
+Upto 25 characters.`,
+          isLoading: l,
+          onEnter: f,
+          isValid: s,
+          placeholder: "username_1412",
+          textTransform: "lowercase"
+        }
+      )
+    }
+  ) }) });
+}, D = b(k);
+export {
+  D as default
+};
+//# sourceMappingURL=add-student-username.js.map

package/dist/features/student-username/add/add-student-username.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-student-username.js","sources":["../../../../src/features/student-username/add/add-student-username.tsx"],"sourcesContent":["import type { ICircularStepRef } from '../../auth/signup/circular-step-wrapper/circular-step-wrapper-types';\nimport type { IAddStudentUsernameProps } from './add-student-username-types';\n\nimport { memo, useCallback, useMemo, useRef, useState, type FC } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport CircularStepWrapper from '../../auth/signup/circular-step-wrapper/circular-step-wrapper';\nimport CustomInputField from '../../auth/signup/custom-input-field/custom-input-field';\nimport FlexView from '../../ui/layout/flex-view';\nimport * as Styled from './add-student-username-styled';\nimport { useUpdateUsernamePost } from './api/update-username';\nimport useCheckUsernameAvailability from './hooks/use-check-username-availability';\n\nconst AddStudentUsername: FC<IAddStudentUsernameProps> = props => {\n  const { studentId, onSuccess, onGoBack } = props;\n  const [username, setUsername] = useState('');\n\n  const circularStepRef = useRef<ICircularStepRef>(null);\n  const {\n    isValid: isValidUsername,\n    isProcessing: isCheckingUsername,\n    error,\n    setError,\n  } = useCheckUsernameAvailability(username);\n\n  const handleChange = useCallback((value: string) => {\n    setUsername(value);\n  }, []);\n\n  const handleComplete = useCallback(\n    async (errorMessage: string | null) => {\n      if (errorMessage) {\n        setError(errorMessage);\n\n        return;\n      }\n\n      if (circularStepRef) {\n        await circularStepRef.current?.playOutroAndFadeOut();\n      }\n\n      onSuccess?.(username);\n    },\n    [onSuccess, setError, username],\n  );\n\n  const { post: updateUsernamePost, isProcessing: isSubmitLoading } = useUpdateUsernamePost({\n    onComplete: handleComplete,\n  });\n\n  const handleGoBack = useCallback(async () => {\n    if (circularStepRef) {\n      await circularStepRef.current?.playOutroAndFadeOut();\n    }\n    onGoBack?.();\n  }, [onGoBack]);\n\n  const isNextDisabled = useMemo(\n    () =>\n      username.trim().length === 0 ||\n      !isValidUsername ||\n      !!error ||\n      isCheckingUsername ||\n      isSubmitLoading,\n    [username, isValidUsername, error, isCheckingUsername, isSubmitLoading],\n  );\n\n  const handleSubmit = useCallback(() => {\n    if (!isNextDisabled) {\n      updateUsernamePost(\n        { username: username.toLowerCase(), create_circle_profile_only: true },\n        { studentId },\n      );\n    }\n  }, [isNextDisabled, studentId, updateUsernamePost, username]);\n\n  return (\n    <Styled.Container $width=\"100%\" $height=\"100%\">\n      <FlexView $background=\"BLACK_1\" $width=\"100%\" $height={'100%'} $flex={1}>\n        <CircularStepWrapper\n          label=\"Create a unique username for your child\"\n          showNext\n          showPrevious\n          animation={LOTTIE.USERNAME}\n          introFrames={[0, 23]}\n          outroFrames={[23, 40]}\n          isNextLoading={isSubmitLoading}\n          onGoBack={handleGoBack}\n          onNext={handleSubmit}\n          isNextDisabled={isNextDisabled}\n          animationSrcMobile={LOTTIE.USERNAME_RESPONSIVE}\n          ref={circularStepRef}\n        >\n          <CustomInputField\n            value={username}\n            error={error}\n            onChange={handleChange}\n            helperText={`Only letters, _ , & digits allowed.\\nUpto 25 characters.`}\n            isLoading={isCheckingUsername}\n            onEnter={handleSubmit}\n            isValid={isValidUsername}\n            placeholder=\"username_1412\"\n            textTransform=\"lowercase\"\n          />\n        </CircularStepWrapper>\n      </FlexView>\n    </Styled.Container>\n  );\n};\n\nexport default memo(AddStudentUsername);\n"],"names":["AddStudentUsername","props","studentId","onSuccess","onGoBack","username","setUsername","useState","circularStepRef","useRef","isValidUsername","isCheckingUsername","error","setError","useCheckUsernameAvailability","handleChange","useCallback","value","handleComplete","errorMessage","_a","updateUsernamePost","isSubmitLoading","useUpdateUsernamePost","handleGoBack","isNextDisabled","useMemo","handleSubmit","Styled.Container","jsx","FlexView","CircularStepWrapper","LOTTIE","CustomInputField","addStudentUsername","memo"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAmD,CAASC,MAAA;AAChE,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,EAAA,IAAaH,GACrC,CAACI,GAAUC,CAAW,IAAIC,EAAS,EAAE,GAErCC,IAAkBC,EAAyB,IAAI,GAC/C;AAAA,IACJ,SAASC;AAAA,IACT,cAAcC;AAAA,IACd,OAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAA6BT,CAAQ,GAEnCU,IAAeC,EAAY,CAACC,MAAkB;AAClD,IAAAX,EAAYW,CAAK;AAAA,EACnB,GAAG,CAAE,CAAA,GAECC,IAAiBF;AAAA,IACrB,OAAOG,MAAgC;;AACrC,UAAIA,GAAc;AAChB,QAAAN,EAASM,CAAY;AAErB;AAAA,MACF;AAEA,MAAIX,KACI,QAAAY,IAAAZ,EAAgB,YAAhB,gBAAAY,EAAyB,wBAGjCjB,KAAA,QAAAA,EAAYE;AAAA,IACd;AAAA,IACA,CAACF,GAAWU,GAAUR,CAAQ;AAAA,EAAA,GAG1B,EAAE,MAAMgB,GAAoB,cAAcC,EAAA,IAAoBC,EAAsB;AAAA,IACxF,YAAYL;AAAA,EAAA,CACb,GAEKM,IAAeR,EAAY,YAAY;;AAC3C,IAAIR,KACI,QAAAY,IAAAZ,EAAgB,YAAhB,gBAAAY,EAAyB,wBAEtBhB,KAAA,QAAAA;AAAA,EAAA,GACV,CAACA,CAAQ,CAAC,GAEPqB,IAAiBC;AAAA,IACrB,MACErB,EAAS,KAAO,EAAA,WAAW,KAC3B,CAACK,KACD,CAAC,CAACE,KACFD,KACAW;AAAA,IACF,CAACjB,GAAUK,GAAiBE,GAAOD,GAAoBW,CAAe;AAAA,EAAA,GAGlEK,IAAeX,EAAY,MAAM;AACrC,IAAKS,KACHJ;AAAA,MACE,EAAE,UAAUhB,EAAS,YAAY,GAAG,4BAA4B,GAAK;AAAA,MACrE,EAAE,WAAAH,EAAU;AAAA,IAAA;AAAA,KAGf,CAACuB,GAAgBvB,GAAWmB,GAAoBhB,CAAQ,CAAC;AAE5D,2BACGuB,GAAA,EAAiB,QAAO,QAAO,SAAQ,QACtC,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,WAAU,QAAO,QAAO,SAAS,QAAQ,OAAO,GACpE,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,UAAQ;AAAA,MACR,cAAY;AAAA,MACZ,WAAWC,EAAO;AAAA,MAClB,aAAa,CAAC,GAAG,EAAE;AAAA,MACnB,aAAa,CAAC,IAAI,EAAE;AAAA,MACpB,eAAeV;AAAA,MACf,UAAUE;AAAA,MACV,QAAQG;AAAA,MACR,gBAAAF;AAAA,MACA,oBAAoBO,EAAO;AAAA,MAC3B,KAAKxB;AAAA,MAEL,UAAA,gBAAAqB;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAO5B;AAAA,UACP,OAAAO;AAAA,UACA,UAAUG;AAAA,UACV,YAAY;AAAA;AAAA,UACZ,WAAWJ;AAAA,UACX,SAASgB;AAAA,UACT,SAASjB;AAAA,UACT,aAAY;AAAA,UACZ,eAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEewB,IAAAC,EAAKnC,CAAkB;"}

package/dist/features/student-username/add/api/update-username.js

@@ -0,0 +1,9 @@
+import { createPostAPI as e } from "@cuemath/rest-api";
+import { BASE_URL_V1 as o } from "../../../../constants/api.js";
+const { usePost: p } = e({
+  getURL: (s, { studentId: t }) => `${o}/students/${t}/`
+});
+export {
+  p as useUpdateUsernamePost
+};
+//# sourceMappingURL=update-username.js.map

package/dist/features/student-username/add/api/update-username.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-username.js","sources":["../../../../../src/features/student-username/add/api/update-username.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../constants/api';\n\ntype TResponse = Record<string, string>;\ninterface IPayload {\n  username: string;\n  create_circle_profile_only?: boolean;\n}\n\nconst { usePost: useUpdateUsernamePost } = createPostAPI<\n  TResponse,\n  IPayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V1}/students/${studentId}/`,\n});\n\nexport { useUpdateUsernamePost };\n"],"names":["useUpdateUsernamePost","createPostAPI","_","studentId","BASE_URL_V1"],"mappings":";;AAUA,MAAM,EAAE,SAASA,EAAsB,IAAIC,EAIzC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAW,aAAaD,CAAS;AACpE,CAAC;"}

package/dist/features/student-username/add/api/username-availability.js

@@ -0,0 +1,10 @@
+import { createGetAPI as t } from "@cuemath/rest-api";
+import * as r from "../../../../node_modules/query-string/base.js";
+import { BASE_URL_V1 as a } from "../../../../constants/api.js";
+const { useGet: s } = t({
+  getURL: (i, e) => `${a}/available-username?${r.stringify(e)}`
+});
+export {
+  s as useUsernameAvailabilityGet
+};
+//# sourceMappingURL=username-availability.js.map

package/dist/features/student-username/add/api/username-availability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"username-availability.js","sources":["../../../../../src/features/student-username/add/api/username-availability.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\nimport querystring from 'query-string';\n\nimport { BASE_URL_V1 } from '../../../../constants/api';\n\ninterface IUsernameAvailabilityParam {\n  username: string;\n}\n\ninterface IUsernameAvailabilityData {\n  is_valid: boolean;\n}\n\nconst { useGet: useUsernameAvailabilityGet } = createGetAPI<\n  IUsernameAvailabilityData,\n  IUsernameAvailabilityParam\n>({\n  getURL: (_, queryParams) =>\n    `${BASE_URL_V1}/available-username?${querystring.stringify(queryParams)}`,\n});\n\nexport { useUsernameAvailabilityGet };\n"],"names":["useUsernameAvailabilityGet","createGetAPI","_","queryParams","BASE_URL_V1","querystring"],"mappings":";;;AAaA,MAAM,EAAE,QAAQA,EAA2B,IAAIC,EAG7C;AAAA,EACA,QAAQ,CAACC,GAAGC,MACV,GAAGC,CAAW,uBAAuBC,EAAY,UAAUF,CAAW,CAAC;AAC3E,CAAC;"}

package/dist/features/student-username/add/hooks/use-check-username-availability.js

@@ -0,0 +1,41 @@
+import g from "../../../../node_modules/lodash.debounce/index.js";
+import { useState as c, useMemo as v, useEffect as f } from "react";
+import { validateUsername as b } from "../add-student-username-helpers.js";
+import { useUsernameAvailabilityGet as h } from "../api/username-availability.js";
+const k = (s) => {
+  const [m, e] = c(""), [d, a] = c(!1), {
+    get: o,
+    data: t,
+    isProcessing: u,
+    isProcessed: l,
+    isProcessingFailed: n
+  } = h(), r = v(
+    () => g((i) => {
+      o("", { username: i });
+    }, 300),
+    [o]
+  );
+  return f(() => {
+    if (a(!1), s && s.length >= 1) {
+      const i = b(s);
+      if (i) {
+        e(i);
+        return;
+      }
+      e(""), r(s);
+    } else
+      e("");
+    return () => {
+      r.cancel();
+    };
+  }, [s, r]), f(() => {
+    if (l && t) {
+      const i = t == null ? void 0 : t.is_valid;
+      e(i ? "" : "This username is already taken"), a(i);
+    } else n && e("Something went wrong");
+  }, [t, l, e, n]), { isValid: d, isProcessing: u, error: m, setError: e };
+};
+export {
+  k as default
+};
+//# sourceMappingURL=use-check-username-availability.js.map

package/dist/features/student-username/add/hooks/use-check-username-availability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-check-username-availability.js","sources":["../../../../../src/features/student-username/add/hooks/use-check-username-availability.ts"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport { validateUsername } from '../add-student-username-helpers';\nimport { useUsernameAvailabilityGet } from '../api/username-availability';\n\ninterface IUseCheckUsernameAvailability {\n  isValid: boolean;\n  isProcessing: boolean;\n  error: string;\n  setError: (error: string) => void;\n}\n\nconst useCheckUsernameAvailability = (username: string): IUseCheckUsernameAvailability => {\n  const [error, setError] = useState('');\n  const [isValid, setIsValid] = useState(false);\n\n  const {\n    get: getUsernameAvailability,\n    data,\n    isProcessing,\n    isProcessed,\n    isProcessingFailed,\n  } = useUsernameAvailabilityGet();\n\n  const checkAvailability = useMemo(\n    () =>\n      debounce((usernameVal: string) => {\n        getUsernameAvailability('', { username: usernameVal });\n      }, 300),\n    [getUsernameAvailability],\n  );\n\n  useEffect(() => {\n    setIsValid(false);\n    if (username && username.length >= 1) {\n      const err = validateUsername(username);\n\n      if (err) {\n        setError(err);\n\n        return;\n      }\n      setError('');\n      checkAvailability(username);\n    } else {\n      setError('');\n    }\n\n    return () => {\n      checkAvailability.cancel();\n    };\n  }, [username, checkAvailability]);\n\n  useEffect(() => {\n    if (isProcessed && data) {\n      const isValidUsername = data?.is_valid;\n\n      setError(isValidUsername ? '' : 'This username is already taken');\n      setIsValid(isValidUsername);\n    } else if (isProcessingFailed) {\n      setError('Something went wrong');\n    }\n  }, [data, isProcessed, setError, isProcessingFailed]);\n\n  return { isValid, isProcessing, error, setError };\n};\n\nexport default useCheckUsernameAvailability;\n"],"names":["useCheckUsernameAvailability","username","error","setError","useState","isValid","setIsValid","getUsernameAvailability","data","isProcessing","isProcessed","isProcessingFailed","useUsernameAvailabilityGet","checkAvailability","useMemo","debounce","usernameVal","useEffect","err","validateUsername","isValidUsername"],"mappings":";;;;AAaM,MAAAA,IAA+B,CAACC,MAAoD;AACxF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/B,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtC;AAAA,IACJ,KAAKG;AAAA,IACL,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAA2B,GAEzBC,IAAoBC;AAAA,IACxB,MACEC,EAAS,CAACC,MAAwB;AAChC,MAAAT,EAAwB,IAAI,EAAE,UAAUS,EAAa,CAAA;AAAA,OACpD,GAAG;AAAA,IACR,CAACT,CAAuB;AAAA,EAAA;AAG1B,SAAAU,EAAU,MAAM;AAEV,QADJX,EAAW,EAAK,GACZL,KAAYA,EAAS,UAAU,GAAG;AAC9B,YAAAiB,IAAMC,EAAiBlB,CAAQ;AAErC,UAAIiB,GAAK;AACP,QAAAf,EAASe,CAAG;AAEZ;AAAA,MACF;AACA,MAAAf,EAAS,EAAE,GACXU,EAAkBZ,CAAQ;AAAA,IAAA;AAE1B,MAAAE,EAAS,EAAE;AAGb,WAAO,MAAM;AACX,MAAAU,EAAkB,OAAO;AAAA,IAAA;AAAA,EAC3B,GACC,CAACZ,GAAUY,CAAiB,CAAC,GAEhCI,EAAU,MAAM;AACd,QAAIP,KAAeF,GAAM;AACvB,YAAMY,IAAkBZ,KAAA,gBAAAA,EAAM;AAErB,MAAAL,EAAAiB,IAAkB,KAAK,gCAAgC,GAChEd,EAAWc,CAAe;AAAA,WACjBT,KACTR,EAAS,sBAAsB;AAAA,KAEhC,CAACK,GAAME,GAAaP,GAAUQ,CAAkB,CAAC,GAE7C,EAAE,SAAAN,GAAS,cAAAI,GAAc,OAAAP,GAAO,UAAAC,EAAS;AAClD;"}

package/dist/features/trial-session/api/teacher-availability.js

@@ -0,0 +1,9 @@
+import { createPostAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V1 as e } from "../../../constants/api.js";
+const { usePost: i } = t({
+  getURL: () => `${e}/teacher-slot-availability/`
+});
+export {
+  i as usePostTeacherAvailability
+};
+//# sourceMappingURL=teacher-availability.js.map

package/dist/features/trial-session/api/teacher-availability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-availability.js","sources":["../../../../src/features/trial-session/api/teacher-availability.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\ntype TSessionList = {\n  weekday: string;\n  start_time: string;\n};\n\ntype TTeacherAvailabilityBody = {\n  teacher_id: string;\n  session_list: TSessionList[];\n};\n\nexport type TTeacherAvailabilityResponse = {\n  is_available: boolean;\n  reason: string;\n}[];\n\nconst { usePost: usePostTeacherAvailability } = createPostAPI<\n  TTeacherAvailabilityResponse,\n  TTeacherAvailabilityBody\n>({\n  getURL: () => `${BASE_URL_V1}/teacher-slot-availability/`,\n});\n\nexport { usePostTeacherAvailability };\n"],"names":["usePostTeacherAvailability","createPostAPI","BASE_URL_V1"],"mappings":";;AAmBA,MAAM,EAAE,SAASA,EAA2B,IAAIC,EAG9C;AAAA,EACA,QAAQ,MAAM,GAAGC,CAAW;AAC9B,CAAC;"}

package/dist/features/trial-session/comps/class-preference/class-preference.js

@@ -1,49 +1,61 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { memo as A, useCallback as O, useEffect as w } from "react";
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { memo as H, useMemo as j, useCallback as F, useEffect as P } from "react";
 import { DAYS as f } from "../../../../constants/date-time.js";
-import { getTimeUnits as j, getOffsetBetweenTimezone as v, convertEpochToDateTime as g, convertToMilliseconds as H } from "../../../../helpers/date-time.js";
-import $ from "../../../ui/inputs/select-input/select-input.js";
+import { getTimeUnits as W, getOffsetBetweenTimezone as z, convertEpochToDateTime as $, convertToMilliseconds as B } from "../../../../helpers/date-time.js";
+import C from "../../../ui/inputs/select-input/select-input.js";
 import u from "../../../ui/layout/flex-view.js";
-import P from "../../../ui/separator/separator.js";
-import W from "../../../ui/text/text.js";
-import { useTrialSessionContext as z } from "../../context/use-trial-session-context.js";
-import { TEACHER_TIMEZONE as y } from "../../trial-session-constants.js";
-import B from "../slide-header/index.js";
-import { timeSlots as Y } from "./class-preference-constants.js";
-import { Container as F, PreferenceWrapper as K, FixedLineSeparator as M } from "./class-preference-styled.js";
-const C = [
+import M from "../../../ui/separator/separator.js";
+import Y from "../../../ui/text/text.js";
+import { useTrialSessionContext as K } from "../../context/use-trial-session-context.js";
+import { TEACHER_TIMEZONE as x } from "../../trial-session-constants.js";
+import G from "../slide-header/index.js";
+import { timeSlots as N } from "./class-preference-constants.js";
+import { Container as R, PreferenceWrapper as U, FixedLineSeparator as Z } from "./class-preference-styled.js";
+import { extractDayAndTimeFromEpoch as q } from "./helpers.js";
+const h = [
   { id: 1, selectedDay: "", selectedTime: "" },
   { id: 2, selectedDay: "", selectedTime: "" }
-], se = A(({ miniScreenDevice: D }) => {
-  const { isTeacher: n, formData: x, updateSlideConfig: p } = z(), { preferences: o, studentTimezone: c } = x || {}, b = f.map((e) => ({ id: e, label: e })), h = n ? y : c, T = (e, t, s) => {
-    p({
-      preferences: (o ?? C).map(
+], pe = H(({ miniScreenDevice: _ }) => {
+  const { isTeacher: o, formData: b, trialHomeData: S, updateSlideConfig: T } = K(), { preferences: m, studentTimezone: n = "Asia/Calcutta" } = b || {}, { demo_info: E } = S || {}, { scheduled_start_time: y } = E || {}, A = f.map((e) => ({ id: e, label: e })), g = o ? x : n, l = j(
+    () => o ? q(y, n) : void 0,
+    [o, y, n]
+  ), D = (e, t, s) => {
+    T({
+      preferences: (m ?? h).map(
         (r) => r.id === e ? { ...r, [t]: s } : r
       )
     });
-  }, _ = (e, t) => {
-    T(e, "selectedDay", t);
-  }, S = (e, t) => {
-    T(e, "selectedTime", t);
-  }, E = O(
+  }, I = (e, t) => {
+    D(e, "selectedDay", t);
+  }, L = (e, t) => {
+    D(e, "selectedTime", t);
+  }, X = F(
     (e, t) => {
-      if (e && t && c) {
-        const { hours: s, minutes: r } = j(t), m = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), l = v(y, c), i = n ? m + l : m, { day: L = "" } = g(i, c), I = f.indexOf(L), X = (f.indexOf(e) - I + 7) % 7, k = i + H({ days: X, hours: s, minutes: r });
-        return g(k, h);
+      if (e && t && n) {
+        const { hours: s, minutes: r } = W(t), c = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), p = z(x, n), a = o ? c + p : c, { day: k = "" } = $(a, n), O = f.indexOf(k), w = (f.indexOf(e) - O + 7) % 7, v = a + B({ days: w, hours: s, minutes: r });
+        return $(v, g);
       }
       return {};
     },
-    [n, c, h]
+    [o, n, g]
   );
-  return w(() => {
-    n && !o && p({ preferences: C });
-  }, [n, o, p]), /* @__PURE__ */ d(F, { children: [
-    /* @__PURE__ */ a(P, { height: 60 }),
-    /* @__PURE__ */ a(B, {}),
+  return P(() => {
+    o && !m && T({
+      preferences: l ? h.map(
+        (e) => e.id === 1 ? {
+          ...e,
+          selectedDay: l.day,
+          selectedTime: l.time
+        } : e
+      ) : h
+    });
+  }, [l]), /* @__PURE__ */ d(R, { children: [
+    /* @__PURE__ */ i(M, { height: 60 }),
+    /* @__PURE__ */ i(G, {}),
     /* @__PURE__ */ d(
-      K,
+      U,
       {
-        $gapX: D ? 2.2 : 3.75,
+        $gapX: _ ? 2.2 : 3.75,
         $gutterX: 4.6875,
         $background: "YELLOW_4",
         $borderColor: "BLACK_1",
@@ -51,51 +63,51 @@ const C = [
         $justifyContent: "space-between",
         $alignItems: "center",
         children: [
-          /* @__PURE__ */ a(M, {}),
-          o == null ? void 0 : o.map((e) => {
-            const { id: t, selectedDay: s, selectedTime: r } = e, { day: m, time: l } = E(s, r);
+          /* @__PURE__ */ i(Z, {}),
+          m == null ? void 0 : m.map((e) => {
+            const { id: t, selectedDay: s, selectedTime: r } = e, { day: c, time: p } = X(s, r);
             return /* @__PURE__ */ d(u, { $widthX: 15, $background: "YELLOW_1", $borderColor: "BLACK_1", children: [
               /* @__PURE__ */ d(u, { $gapX: 1.65, $gutterX: 2, $flexGapX: 0.25, children: [
-                /* @__PURE__ */ a(
-                  $,
+                /* @__PURE__ */ i(
+                  C,
                   {
                     renderAs: "primary",
                     label: `Day ${t}`,
                     value: s,
-                    options: b,
+                    options: A,
                     theme: "dark",
                     shape: "borderLess",
                     isTransparent: !0,
-                    onChange: (i) => _(t, i)
+                    onChange: (a) => I(t, a)
                   }
                 ),
-                /* @__PURE__ */ a(
-                  $,
+                /* @__PURE__ */ i(
+                  C,
                   {
                     renderAs: "primary",
                     label: "Time",
                     value: r,
-                    options: Y,
+                    options: N,
                     shape: "borderLess",
                     isTransparent: !0,
                     theme: "dark",
-                    onChange: (i) => S(t, i)
+                    onChange: (a) => L(t, a)
                   }
                 )
               ] }),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ i(
                 u,
                 {
                   $heightX: 3.125,
                   $gutterX: 2,
                   $justifyContent: "center",
                   $background: "WHITE_T_60",
-                  children: n ? /* @__PURE__ */ d(W, { $renderAs: "ac4-black", $align: "center", children: [
-                    m ? m.slice(0, 3) : "__",
+                  children: o ? /* @__PURE__ */ d(Y, { $renderAs: "ac4-black", $align: "center", children: [
+                    c ? c.slice(0, 3) : "__",
                     ", ",
-                    l || "__",
+                    p || "__",
                     " ",
-                    n ? "(IST)" : ""
+                    o ? "(IST)" : ""
                   ] }) : null
                 }
               )
@@ -107,6 +119,6 @@ const C = [
   ] });
 });
 export {
-  se as default
+  pe as default
 };
 //# sourceMappingURL=class-preference.js.map

package/dist/features/trial-session/comps/class-preference/class-preference.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\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 { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, updateSlideConfig } = useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    if (isTeacher && !preferences) {\n      updateSlideConfig({ preferences: defaultPreferences });\n    }\n  }, [isTeacher, preferences, updateSlideConfig]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","updateSlideConfig","useTrialSessionContext","preferences","studentTimezone","daySlots","DAYS","day","timezone","teacherTimezone","handlePreferenceChange","id","field","value","preference","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}
+{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\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 { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\nimport { extractDayAndTimeFromEpoch } from './helpers';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, trialHomeData, updateSlideConfig } = useTrialSessionContext();\n  const { preferences, studentTimezone = 'Asia/Calcutta' } = formData || {};\n  const { demo_info: demoInfo } = trialHomeData || {};\n  const { scheduled_start_time: scheduledStartTime } = demoInfo || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const preSelectedDateTimeFromEpoch = useMemo(\n    () => (isTeacher ? extractDayAndTimeFromEpoch(scheduledStartTime, studentTimezone) : undefined),\n    [isTeacher, scheduledStartTime, studentTimezone],\n  );\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    if (isTeacher && !preferences) {\n      updateSlideConfig({\n        preferences: preSelectedDateTimeFromEpoch\n          ? defaultPreferences.map((preference: TPreference) =>\n              preference.id === 1\n                ? {\n                    ...preference,\n                    selectedDay: preSelectedDateTimeFromEpoch.day,\n                    selectedTime: preSelectedDateTimeFromEpoch.time,\n                  }\n                : preference,\n            )\n          : defaultPreferences,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [preSelectedDateTimeFromEpoch]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","trialHomeData","updateSlideConfig","useTrialSessionContext","preferences","studentTimezone","demoInfo","scheduledStartTime","daySlots","DAYS","day","timezone","teacherTimezone","preSelectedDateTimeFromEpoch","useMemo","extractDayAndTimeFromEpoch","handlePreferenceChange","id","field","value","preference","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}

package/dist/features/trial-session/comps/class-preference/helpers.js

@@ -0,0 +1,28 @@
+const m = (o, n) => {
+  let r = typeof o == "string" ? parseInt(o, 10) : o, t = typeof n == "string" ? parseInt(n, 10) : n;
+  const a = t % 15;
+  return a >= 8 ? (t += 15 - a, t === 60 && (t = 0, r += 1, r === 24 && (r = 0))) : t -= a, {
+    roundedHour: r.toString().padStart(2, "0"),
+    roundedMinute: t.toString().padStart(2, "0")
+  };
+}, c = (o, n) => {
+  const r = new Date(o), t = {
+    weekday: "long",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !0,
+    timeZone: n
+  }, p = new Intl.DateTimeFormat("en-US", t).formatToParts(r);
+  let i = "", d = "", u = "", s = "";
+  for (const e of p)
+    e.type === "weekday" && (i = e.value), e.type === "hour" && (d = e.value), e.type === "minute" && (u = e.value), e.type === "dayPeriod" && (s = e.value);
+  const { roundedHour: f, roundedMinute: l } = m(d, u);
+  return {
+    day: i,
+    time: `${f}:${l} ${s}`
+  };
+};
+export {
+  c as extractDayAndTimeFromEpoch
+};
+//# sourceMappingURL=helpers.js.map

package/dist/features/trial-session/comps/class-preference/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../src/features/trial-session/comps/class-preference/helpers.ts"],"sourcesContent":["/**\n * Rounds a given hour and minute to the nearest 15-minute interval.\n * @param hour string or number\n * @param minute string or number\n * @returns { roundedHour: string, roundedMinute: string }\n */\nconst roundToNearest15Min = (\n  hour: string | number,\n  minute: string | number,\n): { roundedHour: string; roundedMinute: string } => {\n  let h = typeof hour === 'string' ? parseInt(hour, 10) : hour;\n  let m = typeof minute === 'string' ? parseInt(minute, 10) : minute;\n  // Round down to nearest 15\n  const remainder = m % 15;\n\n  if (remainder >= 8) {\n    m += 15 - remainder;\n    if (m === 60) {\n      m = 0;\n      h += 1;\n      if (h === 24) h = 0;\n    }\n  } else {\n    m -= remainder;\n  }\n\n  return {\n    roundedHour: h.toString().padStart(2, '0'),\n    roundedMinute: m.toString().padStart(2, '0'),\n  };\n};\n\n/**\n * Extracts day and time in 'hh:mm AM/PM' format from epoch and timezone.\n * @param epoch Epoch timestamp (number)\n * @param timezone IANA timezone string (e.g., 'Asia/Kolkata')\n * @returns { day: string, time: string }\n */\nconst extractDayAndTimeFromEpoch = (\n  epoch: number,\n  timezone: string,\n): { day: string; time: string } => {\n  // Use Intl.DateTimeFormat for timezone conversion\n  const date = new Date(epoch);\n  const options: Intl.DateTimeFormatOptions = {\n    weekday: 'long',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true,\n    timeZone: timezone,\n  };\n  const formatter = new Intl.DateTimeFormat('en-US', options);\n  const parts = formatter.formatToParts(date);\n  let day = '';\n  let hour = '';\n  let minute = '';\n  let period = '';\n\n  for (const part of parts) {\n    if (part.type === 'weekday') day = part.value;\n\n    if (part.type === 'hour') hour = part.value;\n\n    if (part.type === 'minute') minute = part.value;\n\n    if (part.type === 'dayPeriod') period = part.value;\n  }\n  const { roundedHour, roundedMinute } = roundToNearest15Min(hour, minute);\n\n  return {\n    day,\n    time: `${roundedHour}:${roundedMinute} ${period}`,\n  };\n};\n\nexport { extractDayAndTimeFromEpoch };\n"],"names":["roundToNearest15Min","hour","minute","h","m","remainder","extractDayAndTimeFromEpoch","epoch","timezone","date","options","parts","day","period","part","roundedHour","roundedMinute"],"mappings":"AAMA,MAAMA,IAAsB,CAC1BC,GACAC,MACmD;AACnD,MAAIC,IAAI,OAAOF,KAAS,WAAW,SAASA,GAAM,EAAE,IAAIA,GACpDG,IAAI,OAAOF,KAAW,WAAW,SAASA,GAAQ,EAAE,IAAIA;AAE5D,QAAMG,IAAYD,IAAI;AAEtB,SAAIC,KAAa,KACfD,KAAK,KAAKC,GACND,MAAM,OACJA,IAAA,GACCD,KAAA,GACDA,MAAM,OAAQA,IAAA,OAGfC,KAAAC,GAGA;AAAA,IACL,aAAaF,EAAE,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,IACzC,eAAeC,EAAE,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,EAAA;AAE/C,GAQME,IAA6B,CACjCC,GACAC,MACkC;AAE5B,QAAAC,IAAO,IAAI,KAAKF,CAAK,GACrBG,IAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUF;AAAA,EAAA,GAGNG,IADY,IAAI,KAAK,eAAe,SAASD,CAAO,EAClC,cAAcD,CAAI;AAC1C,MAAIG,IAAM,IACNX,IAAO,IACPC,IAAS,IACTW,IAAS;AAEb,aAAWC,KAAQH;AACjB,IAAIG,EAAK,SAAS,cAAWF,IAAME,EAAK,QAEpCA,EAAK,SAAS,WAAQb,IAAOa,EAAK,QAElCA,EAAK,SAAS,aAAUZ,IAASY,EAAK,QAEtCA,EAAK,SAAS,gBAAaD,IAASC,EAAK;AAE/C,QAAM,EAAE,aAAAC,GAAa,eAAAC,EAAA,IAAkBhB,EAAoBC,GAAMC,CAAM;AAEhE,SAAA;AAAA,IACL,KAAAU;AAAA,IACA,MAAM,GAAGG,CAAW,IAAIC,CAAa,IAAIH,CAAM;AAAA,EAAA;AAEnD;"}

package/dist/features/trial-session/comps/navigation-bar/index.js

@@ -1,36 +1,36 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useCallback as l } from "react";
-import y from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import A from "../../../ui/buttons/button/button.js";
+import D from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import P from "../../../ui/buttons/button/button.js";
 import d from "../../../ui/buttons/icon-button/icon-button.js";
 import c from "../../../ui/layout/flex-view.js";
 import m from "../../../ui/text/text.js";
-import { useTrialSessionContext as v } from "../../context/use-trial-session-context.js";
-import { useTrialSessionNavigation as w } from "../../hooks/use-trial-session-navigation.js";
-import { Container as D, ForwardArrow as j } from "./navigation-bar-styled.js";
-import P from "../../../../assets/line-icons/icons/back2.js";
-const q = () => {
-  const { slideConfig: p, buttonState: f, openEndClassModal: b, studentAbsentInClass: a } = v(), {
-    left: { isDisabled: g, isLoading: u },
-    right: { isDisabled: x, isLoading: h }
-  } = f || {}, { prevPage: L, nextPage: $ } = p || {}, { buttonLabel: i, pageId: t } = L || {}, { buttonLabel: r, pageId: n } = $ || {}, { handleNavigation: o } = w(), C = t && !n, I = l(() => {
+import { useTrialSessionContext as j } from "../../context/use-trial-session-context.js";
+import { useTrialSessionNavigation as T } from "../../hooks/use-trial-session-navigation.js";
+import { Container as k, ForwardArrow as _ } from "./navigation-bar-styled.js";
+import z from "../../../../assets/line-icons/icons/back2.js";
+const W = () => {
+  const { slideConfig: p, buttonState: f, openEndClassModal: b, studentAbsentInClass: a, trialHomeData: g } = j(), {
+    left: { isDisabled: u, isLoading: h },
+    right: { isDisabled: x, isLoading: L }
+  } = f || {}, { prevPage: I, nextPage: $ } = p || {}, { buttonLabel: i, pageId: t } = I || {}, { buttonLabel: r, pageId: n } = $ || {}, { handleNavigation: o } = T(), C = t && !n, { demo_info: A } = g, { source: B } = A, y = B === "PLA", v = l(() => {
     o("next", n);
-  }, [o, n]), B = l(() => {
+  }, [o, n]), w = l(() => {
     o("prev", t);
   }, [o, t]);
   return /* @__PURE__ */ s(
-    D,
+    k,
     {
       $flexDirection: "row-reverse",
       $justifyContent: "space-between",
       $alignItems: "center",
       children: [
         C && /* @__PURE__ */ e(
-          A,
+          P,
           {
             renderAs: "tertiary",
             size: "small",
-            label: "End the class",
+            label: y ? "End the session" : "End the class",
             shape: "square",
             onClick: b
           }
@@ -38,7 +38,7 @@ const q = () => {
         n && r && /* @__PURE__ */ s(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 12, children: [
           /* @__PURE__ */ e(m, { $renderAs: "ab2", $color: "BLACK_T_60", children: r }),
           /* @__PURE__ */ e(
-            y,
+            D,
             {
               widthX: 8,
               zIndex: 2,
@@ -49,13 +49,13 @@ const q = () => {
               children: /* @__PURE__ */ e(
                 d,
                 {
-                  Icon: j,
+                  Icon: _,
                   renderAs: "primary",
                   analyticsLabel: r,
                   size: "small",
-                  onClick: I,
+                  onClick: v,
                   disabled: x || a,
-                  busy: h
+                  busy: L
                 }
               )
             }
@@ -65,13 +65,13 @@ const q = () => {
           /* @__PURE__ */ e(
             d,
             {
-              Icon: P,
+              Icon: z,
               renderAs: "secondary",
               analyticsLabel: i,
               size: "small",
-              onClick: B,
-              disabled: g,
-              busy: u
+              onClick: w,
+              disabled: u,
+              busy: h
             }
           ),
           /* @__PURE__ */ e(m, { $renderAs: "ab2", $color: "BLACK_T_60", children: i })
@@ -81,6 +81,6 @@ const q = () => {
   );
 };
 export {
-  q as default
+  W as default
 };
 //# sourceMappingURL=index.js.map

package/dist/features/trial-session/comps/navigation-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: React.FC = () => {\n  const { slideConfig, buttonState, openEndClassModal, studentAbsentInClass } =\n    useTrialSessionContext();\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { handleNavigation } = useTrialSessionNavigation();\n  const isLastPage = prevPageId && !nextPageId;\n\n  const handleNext = useCallback(() => {\n    handleNavigation('next', nextPageId);\n  }, [handleNavigation, nextPageId]);\n\n  const handlePrev = useCallback(() => {\n    handleNavigation('prev', prevPageId);\n  }, [handleNavigation, prevPageId]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"row-reverse\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n    >\n      {isLastPage && (\n        <Button\n          renderAs=\"tertiary\"\n          size=\"small\"\n          label=\"End the class\"\n          shape=\"square\"\n          onClick={openEndClassModal}\n        />\n      )}\n      {nextPageId && nextButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {nextButtonLabel}\n          </Text>\n          <ArrowTooltip\n            widthX={8}\n            zIndex={2}\n            position=\"top-left\"\n            renderAs=\"primary\"\n            tooltipItem=\"Waiting for student to join...\"\n            hidden={!studentAbsentInClass}\n            children={\n              <IconButton\n                Icon={Styled.ForwardArrow}\n                renderAs=\"primary\"\n                analyticsLabel={nextButtonLabel}\n                size=\"small\"\n                onClick={handleNext}\n                disabled={isRightBtnDisabled || studentAbsentInClass}\n                busy={isRightBtnLoading}\n              />\n            }\n          />\n        </FlexView>\n      )}\n      {prevPageId && prevButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <IconButton\n            Icon={Styled.BackwardArrow}\n            renderAs=\"secondary\"\n            analyticsLabel={prevButtonLabel}\n            size=\"small\"\n            onClick={handlePrev}\n            disabled={isLeftBtnDisabled}\n            busy={isLeftBtnLoading}\n          />\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {prevButtonLabel}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","useTrialSessionContext","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","handleNavigation","useTrialSessionNavigation","isLastPage","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAA0B,MAAM;AACpC,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,mBAAAC,GAAmB,sBAAAC,EAAA,IACnDC,KACI;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EAAA,IACpEP,KAAe,CAAA,GACb,EAAE,UAAAQ,GAAU,UAAAC,MAAaV,KAAe,CAAA,GACxC,EAAE,aAAaW,GAAiB,QAAQC,EAAW,IAAIH,KAAY,IACnE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,IACnE,EAAE,kBAAAK,MAAqBC,KACvBC,IAAaL,KAAc,CAACE,GAE5BI,IAAaC,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQD,CAAU;AAAA,EAAA,GAClC,CAACC,GAAkBD,CAAU,CAAC,GAE3BM,IAAaD,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQH,CAAU;AAAA,EAAA,GAClC,CAACG,GAAkBH,CAAU,CAAC;AAG/B,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QACCL,KAAA,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,SAAStB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDY,KAAcD,KACb,gBAAAQ,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHb,GAAA;AAAA,UACA,gBAAAU;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ,CAACxB;AAAA,cACT,UACE,gBAAAoB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAMC;AAAAA,kBACN,UAAS;AAAA,kBACT,gBAAgBhB;AAAA,kBAChB,MAAK;AAAA,kBACL,SAASK;AAAA,kBACT,UAAUX,KAAsBJ;AAAA,kBAChC,MAAMK;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QAEDI,KAAcD,KACb,gBAAAU,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAME;AAAAA,cACN,UAAS;AAAA,cACT,gBAAgBnB;AAAA,cAChB,MAAK;AAAA,cACL,SAASS;AAAA,cACT,UAAUf;AAAA,cACV,MAAMC;AAAA,YAAA;AAAA,UACR;AAAA,4BACCoB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHf,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: React.FC = () => {\n  const { slideConfig, buttonState, openEndClassModal, studentAbsentInClass, trialHomeData } =\n    useTrialSessionContext();\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { handleNavigation } = useTrialSessionNavigation();\n  const isLastPage = prevPageId && !nextPageId;\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { source } = demoInfo;\n  const isPLASource = source === 'PLA';\n\n  const handleNext = useCallback(() => {\n    handleNavigation('next', nextPageId);\n  }, [handleNavigation, nextPageId]);\n\n  const handlePrev = useCallback(() => {\n    handleNavigation('prev', prevPageId);\n  }, [handleNavigation, prevPageId]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"row-reverse\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n    >\n      {isLastPage && (\n        <Button\n          renderAs=\"tertiary\"\n          size=\"small\"\n          label={isPLASource ? 'End the session' : 'End the class'}\n          shape=\"square\"\n          onClick={openEndClassModal}\n        />\n      )}\n      {nextPageId && nextButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {nextButtonLabel}\n          </Text>\n          <ArrowTooltip\n            widthX={8}\n            zIndex={2}\n            position=\"top-left\"\n            renderAs=\"primary\"\n            tooltipItem=\"Waiting for student to join...\"\n            hidden={!studentAbsentInClass}\n            children={\n              <IconButton\n                Icon={Styled.ForwardArrow}\n                renderAs=\"primary\"\n                analyticsLabel={nextButtonLabel}\n                size=\"small\"\n                onClick={handleNext}\n                disabled={isRightBtnDisabled || studentAbsentInClass}\n                busy={isRightBtnLoading}\n              />\n            }\n          />\n        </FlexView>\n      )}\n      {prevPageId && prevButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <IconButton\n            Icon={Styled.BackwardArrow}\n            renderAs=\"secondary\"\n            analyticsLabel={prevButtonLabel}\n            size=\"small\"\n            onClick={handlePrev}\n            disabled={isLeftBtnDisabled}\n            busy={isLeftBtnLoading}\n          />\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {prevButtonLabel}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","trialHomeData","useTrialSessionContext","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","handleNavigation","useTrialSessionNavigation","isLastPage","demoInfo","source","isPLASource","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAA0B,MAAM;AACpC,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,mBAAAC,GAAmB,sBAAAC,GAAsB,eAAAC,EAAA,IACzEC,KACI;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EAAA,IACpER,KAAe,CAAA,GACb,EAAE,UAAAS,GAAU,UAAAC,MAAaX,KAAe,CAAA,GACxC,EAAE,aAAaY,GAAiB,QAAQC,EAAW,IAAIH,KAAY,IACnE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,IACnE,EAAE,kBAAAK,MAAqBC,KACvBC,IAAaL,KAAc,CAACE,GAE5B,EAAE,WAAWI,EAAa,IAAAf,GAC1B,EAAE,QAAAgB,EAAW,IAAAD,GACbE,IAAcD,MAAW,OAEzBE,IAAaC,EAAY,MAAM;AACnC,IAAAP,EAAiB,QAAQD,CAAU;AAAA,EAAA,GAClC,CAACC,GAAkBD,CAAU,CAAC,GAE3BS,IAAaD,EAAY,MAAM;AACnC,IAAAP,EAAiB,QAAQH,CAAU;AAAA,EAAA,GAClC,CAACG,GAAkBH,CAAU,CAAC;AAG/B,SAAA,gBAAAY;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QACCR,KAAA,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOP,IAAc,oBAAoB;AAAA,YACzC,OAAM;AAAA,YACN,SAASnB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDa,KAAcD,KACb,gBAAAW,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHhB,GAAA;AAAA,UACA,gBAAAa;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ,CAAC5B;AAAA,cACT,UACE,gBAAAwB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAMC;AAAAA,kBACN,UAAS;AAAA,kBACT,gBAAgBnB;AAAA,kBAChB,MAAK;AAAA,kBACL,SAASQ;AAAA,kBACT,UAAUd,KAAsBL;AAAA,kBAChC,MAAMM;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QAEDI,KAAcD,KACb,gBAAAa,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAME;AAAAA,cACN,UAAS;AAAA,cACT,gBAAgBtB;AAAA,cAChB,MAAK;AAAA,cACL,SAASY;AAAA,cACT,UAAUlB;AAAA,cACV,MAAMC;AAAA,YAAA;AAAA,UACR;AAAA,4BACCuB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHlB,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}