@cuemath/leap 3.0.7-hg1 → 3.0.7

package/dist/features/trial-session/right-panel/slide-components-map.js

@@ -0,0 +1,58 @@
+import S from "../comps/additional-info/additional-info.js";
+import e from "../comps/class-preference/class-preference.js";
+import r from "../comps/communication-slide/index.js";
+import I from "../comps/learning-plan/index.js";
+import E from "../comps/learning-session/learning-session.js";
+import i from "../comps/offering-information/offering-information.js";
+import n from "../comps/pricing/pricing.js";
+import N from "../comps/school-goals/school-goals.js";
+import T from "../comps/session-insights/session-insights.js";
+import t from "../comps/session-overview/session-overview.js";
+import f from "../comps/session-report/session-report.js";
+import O from "../comps/student-enrichment/student-enrichment.js";
+import R from "../comps/student-feedback/student-feedback.js";
+import _ from "../comps/student-info/student-info.js";
+import p from "../comps/student-personalization/student-personalization.js";
+import L from "../comps/student-profile/student-profile.js";
+import s from "../comps/teacher-intro/teacher-intro.js";
+import A from "../comps/test-prep/test-prep.js";
+import m from "../comps/trial-circle-game/trial-circle-game.js";
+import C from "../comps/worksheet/worksheet.js";
+import { TrialPageId as o } from "../trial-session-constants.js";
+const b = {
+  [o.WELCOME_CUEMATH]: r,
+  [o.TEACHER_INTRO]: s,
+  [o.SESSION_OVERVIEW]: t,
+  // FYI: Not In Use
+  [o.STUDENT_INFORMATION]: _,
+  // FYI: Not In Use
+  [o.SCHOOL_GOALS]: N,
+  [o.TEST_PREP]: A,
+  [o.STUDENT_ENRICHMENT]: O,
+  [o.STUDENT_PERSONALIZATION]: p,
+  [o.ADDITIONAL_INFO]: S,
+  // FYI: Not In Use
+  [o.STUDENT_PROFILE]: L,
+  [o.LEARNING_LEVEL]: R,
+  [o.STUDENT_INTRO]: E,
+  [o.LEARNING_WORKSHEET]: C,
+  [o.COMPLETED_WORKSHEET]: E,
+  [o.WELCOME_BACK]: r,
+  [o.SESSION_INSIGHTS]: T,
+  [o.SESSION_REPORT]: f,
+  [o.LEARNING_PLAN]: I,
+  [o.SESSION_SUMMARY]: t,
+  [o.GOAL_DETAILS]: i,
+  [o.PARENT_APP]: i,
+  [o.CIRCLE_INFORMATION]: i,
+  [o.PRICING]: n,
+  [o.CLASS_PREFERENCE]: e,
+  [o.THANK_YOU]: r,
+  [o.CIRCLE_GAME]: m,
+  [o.CIRCLE_PUZZLE]: m,
+  [o.CIRCLE_SKILL]: m
+};
+export {
+  b as default
+};
+//# sourceMappingURL=slide-components-map.js.map

package/dist/features/trial-session/right-panel/slide-components-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-components-map.js","sources":["../../../../src/features/trial-session/right-panel/slide-components-map.tsx"],"sourcesContent":["import AdditionalInfo from '../comps/additional-info/additional-info';\nimport ClassPreference from '../comps/class-preference/class-preference';\nimport CommunicationSlide from '../comps/communication-slide';\nimport LearningPlan from '../comps/learning-plan';\nimport LearningSession from '../comps/learning-session/learning-session';\nimport OfferingInformation from '../comps/offering-information/offering-information';\nimport SessionPricing from '../comps/pricing/pricing';\nimport SchoolGoals from '../comps/school-goals/school-goals';\nimport SessionInsights from '../comps/session-insights/session-insights';\nimport SessionOverview from '../comps/session-overview/session-overview';\nimport SessionReport from '../comps/session-report/session-report';\nimport StudentEnrichment from '../comps/student-enrichment/student-enrichment';\nimport StudentFeedback from '../comps/student-feedback/student-feedback';\nimport StudentInformation from '../comps/student-info/student-info';\nimport StudentPersonalization from '../comps/student-personalization/student-personalization';\nimport StudentProfile from '../comps/student-profile/student-profile';\nimport TeacherIntro from '../comps/teacher-intro/teacher-intro';\nimport TestPrep from '../comps/test-prep/test-prep';\nimport TrialCircleGame from '../comps/trial-circle-game/trial-circle-game';\nimport SessionWorksheet from '../comps/worksheet/worksheet';\nimport { TrialPageId } from '../trial-session-constants';\n\ninterface ISlideComponent {\n  miniScreenDevice: boolean;\n}\n\nconst SlideComponentsMap: Record<TrialPageId, React.FC<ISlideComponent>> = {\n  [TrialPageId.WELCOME_CUEMATH]: CommunicationSlide,\n  [TrialPageId.TEACHER_INTRO]: TeacherIntro,\n  [TrialPageId.SESSION_OVERVIEW]: SessionOverview, // FYI: Not In Use\n  [TrialPageId.STUDENT_INFORMATION]: StudentInformation, // FYI: Not In Use\n  [TrialPageId.SCHOOL_GOALS]: SchoolGoals,\n  [TrialPageId.TEST_PREP]: TestPrep,\n  [TrialPageId.STUDENT_ENRICHMENT]: StudentEnrichment,\n  [TrialPageId.STUDENT_PERSONALIZATION]: StudentPersonalization,\n  [TrialPageId.ADDITIONAL_INFO]: AdditionalInfo, // FYI: Not In Use\n  [TrialPageId.STUDENT_PROFILE]: StudentProfile,\n  [TrialPageId.LEARNING_LEVEL]: StudentFeedback,\n  [TrialPageId.STUDENT_INTRO]: LearningSession,\n  [TrialPageId.LEARNING_WORKSHEET]: SessionWorksheet,\n  [TrialPageId.COMPLETED_WORKSHEET]: LearningSession,\n  [TrialPageId.WELCOME_BACK]: CommunicationSlide,\n  [TrialPageId.SESSION_INSIGHTS]: SessionInsights,\n  [TrialPageId.SESSION_REPORT]: SessionReport,\n  [TrialPageId.LEARNING_PLAN]: LearningPlan,\n  [TrialPageId.SESSION_SUMMARY]: SessionOverview,\n  [TrialPageId.GOAL_DETAILS]: OfferingInformation,\n  [TrialPageId.PARENT_APP]: OfferingInformation,\n  [TrialPageId.CIRCLE_INFORMATION]: OfferingInformation,\n  [TrialPageId.PRICING]: SessionPricing,\n  [TrialPageId.CLASS_PREFERENCE]: ClassPreference,\n  [TrialPageId.THANK_YOU]: CommunicationSlide,\n  [TrialPageId.CIRCLE_GAME]: TrialCircleGame,\n  [TrialPageId.CIRCLE_PUZZLE]: TrialCircleGame,\n  [TrialPageId.CIRCLE_SKILL]: TrialCircleGame,\n};\n\nexport default SlideComponentsMap;\n"],"names":["SlideComponentsMap","TrialPageId","CommunicationSlide","TeacherIntro","SessionOverview","StudentInformation","SchoolGoals","TestPrep","StudentEnrichment","StudentPersonalization","AdditionalInfo","StudentProfile","StudentFeedback","LearningSession","SessionWorksheet","SessionInsights","SessionReport","LearningPlan","OfferingInformation","SessionPricing","ClassPreference","TrialCircleGame"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAqE;AAAA,EACzE,CAACC,EAAY,eAAe,GAAGC;AAAA,EAC/B,CAACD,EAAY,aAAa,GAAGE;AAAA,EAC7B,CAACF,EAAY,gBAAgB,GAAGG;AAAA;AAAA,EAChC,CAACH,EAAY,mBAAmB,GAAGI;AAAA;AAAA,EACnC,CAACJ,EAAY,YAAY,GAAGK;AAAA,EAC5B,CAACL,EAAY,SAAS,GAAGM;AAAA,EACzB,CAACN,EAAY,kBAAkB,GAAGO;AAAA,EAClC,CAACP,EAAY,uBAAuB,GAAGQ;AAAA,EACvC,CAACR,EAAY,eAAe,GAAGS;AAAA;AAAA,EAC/B,CAACT,EAAY,eAAe,GAAGU;AAAA,EAC/B,CAACV,EAAY,cAAc,GAAGW;AAAA,EAC9B,CAACX,EAAY,aAAa,GAAGY;AAAA,EAC7B,CAACZ,EAAY,kBAAkB,GAAGa;AAAA,EAClC,CAACb,EAAY,mBAAmB,GAAGY;AAAA,EACnC,CAACZ,EAAY,YAAY,GAAGC;AAAA,EAC5B,CAACD,EAAY,gBAAgB,GAAGc;AAAA,EAChC,CAACd,EAAY,cAAc,GAAGe;AAAA,EAC9B,CAACf,EAAY,aAAa,GAAGgB;AAAA,EAC7B,CAAChB,EAAY,eAAe,GAAGG;AAAA,EAC/B,CAACH,EAAY,YAAY,GAAGiB;AAAA,EAC5B,CAACjB,EAAY,UAAU,GAAGiB;AAAA,EAC1B,CAACjB,EAAY,kBAAkB,GAAGiB;AAAA,EAClC,CAACjB,EAAY,OAAO,GAAGkB;AAAA,EACvB,CAAClB,EAAY,gBAAgB,GAAGmB;AAAA,EAChC,CAACnB,EAAY,SAAS,GAAGC;AAAA,EACzB,CAACD,EAAY,WAAW,GAAGoB;AAAA,EAC3B,CAACpB,EAAY,aAAa,GAAGoB;AAAA,EAC7B,CAACpB,EAAY,YAAY,GAAGoB;AAC9B;"}

package/dist/features/trial-session/trial-session-constants.js

@@ -0,0 +1,40 @@
+var n = /* @__PURE__ */ ((E) => (E.WELCOME_CUEMATH = "welcome-cuemath", E.CIRCLE_GAME = "circle-game", E.TEACHER_INTRO = "teacher-intro", E.SESSION_OVERVIEW = "session-overview", E.STUDENT_INFORMATION = "student-information", E.SCHOOL_GOALS = "school-goals", E.TEST_PREP = "test-prep", E.STUDENT_ENRICHMENT = "student-enrichment", E.STUDENT_PERSONALIZATION = "student-personalization", E.ADDITIONAL_INFO = "additional-info", E.STUDENT_PROFILE = "student-profile", E.STUDENT_INTRO = "student-intro", E.LEARNING_LEVEL = "learning-level", E.LEARNING_WORKSHEET = "learning-worksheet", E.COMPLETED_WORKSHEET = "completed-worksheet", E.WELCOME_BACK = "welcome-back", E.SESSION_INSIGHTS = "session-insights", E.SESSION_REPORT = "session-report", E.LEARNING_PLAN = "learning-plan", E.SESSION_SUMMARY = "session-summary", E.GOAL_DETAILS = "goal-details", E.PARENT_APP = "parent-app", E.CIRCLE_INFORMATION = "circle-information", E.PRICING = "pricing", E.CLASS_PREFERENCE = "class-preference", E.THANK_YOU = "thank-you", E.CIRCLE_PUZZLE = "circle-puzzle", E.CIRCLE_SKILL = "circle-skill", E))(n || {});
+const s = [
+  "learning-worksheet",
+  "learning-plan",
+  "circle-game",
+  "circle-puzzle",
+  "circle-skill"
+  /* CIRCLE_SKILL */
+], e = [
+  "learning-worksheet",
+  "circle-game",
+  "learning-plan",
+  "circle-puzzle",
+  "circle-skill"
+  /* CIRCLE_SKILL */
+], t = [
+  "pricing",
+  "student-intro",
+  "completed-worksheet",
+  "parent-app",
+  "goal-details"
+  /* GOAL_DETAILS */
+], _ = {
+  left: { isDisabled: !1, isLoading: !1 },
+  right: { isDisabled: !1, isLoading: !1 }
+}, N = 928, o = 480, c = 360, A = 64, O = 540, S = "Asia/Calcutta";
+export {
+  e as ACTIONABLE_COMPONENT_IDS,
+  _ as DEFAULT_BUTTON_STATE,
+  O as MINIMUM_SCREEN_HEIGHT,
+  A as NAVIGATION_BAR_HEIGHT,
+  s as PAGES_WITHOUT_GRID,
+  N as RIGHT_PANEL_WIDTH,
+  t as SCROLLABLE_COMPONENT_IDS,
+  c as STUDENT_LEFT_PANEL_MAX_WIDTH,
+  o as TEACHER_LEFT_PANEL_MAX_WIDTH,
+  S as TEACHER_TIMEZONE,
+  n as TrialPageId
+};
+//# sourceMappingURL=trial-session-constants.js.map

package/dist/features/trial-session/trial-session-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-session-constants.js","sources":["../../../src/features/trial-session/trial-session-constants.ts"],"sourcesContent":["export enum TrialPageId {\n  WELCOME_CUEMATH = 'welcome-cuemath',\n  CIRCLE_GAME = 'circle-game',\n  TEACHER_INTRO = 'teacher-intro',\n  SESSION_OVERVIEW = 'session-overview',\n  STUDENT_INFORMATION = 'student-information',\n  SCHOOL_GOALS = 'school-goals',\n  TEST_PREP = 'test-prep',\n  STUDENT_ENRICHMENT = 'student-enrichment',\n  STUDENT_PERSONALIZATION = 'student-personalization',\n  ADDITIONAL_INFO = 'additional-info',\n  STUDENT_PROFILE = 'student-profile',\n  STUDENT_INTRO = 'student-intro',\n  LEARNING_LEVEL = 'learning-level',\n  LEARNING_WORKSHEET = 'learning-worksheet',\n  COMPLETED_WORKSHEET = 'completed-worksheet',\n  WELCOME_BACK = 'welcome-back',\n  SESSION_INSIGHTS = 'session-insights',\n  SESSION_REPORT = 'session-report',\n  LEARNING_PLAN = 'learning-plan',\n  SESSION_SUMMARY = 'session-summary',\n  GOAL_DETAILS = 'goal-details',\n  PARENT_APP = 'parent-app',\n  CIRCLE_INFORMATION = 'circle-information',\n  PRICING = 'pricing',\n  CLASS_PREFERENCE = 'class-preference',\n  THANK_YOU = 'thank-you',\n  CIRCLE_PUZZLE = 'circle-puzzle',\n  CIRCLE_SKILL = 'circle-skill',\n}\n\nexport const PAGES_WITHOUT_GRID = [\n  TrialPageId.LEARNING_WORKSHEET,\n  TrialPageId.LEARNING_PLAN,\n  TrialPageId.CIRCLE_GAME,\n  TrialPageId.CIRCLE_PUZZLE,\n  TrialPageId.CIRCLE_SKILL,\n];\n\nexport const ACTIONABLE_COMPONENT_IDS = [\n  TrialPageId.LEARNING_WORKSHEET,\n  TrialPageId.CIRCLE_GAME,\n  TrialPageId.LEARNING_PLAN,\n  TrialPageId.CIRCLE_PUZZLE,\n  TrialPageId.CIRCLE_SKILL,\n];\n\nexport const SCROLLABLE_COMPONENT_IDS = [\n  TrialPageId.PRICING,\n  TrialPageId.STUDENT_INTRO,\n  TrialPageId.COMPLETED_WORKSHEET,\n  TrialPageId.PARENT_APP,\n  TrialPageId.GOAL_DETAILS,\n];\n\nexport const DEFAULT_BUTTON_STATE = {\n  left: { isDisabled: false, isLoading: false },\n  right: { isDisabled: false, isLoading: false },\n};\n\nexport const RIGHT_PANEL_WIDTH = 928;\nexport const TEACHER_LEFT_PANEL_MAX_WIDTH = 480;\nexport const STUDENT_LEFT_PANEL_MAX_WIDTH = 360;\nexport const NAVIGATION_BAR_HEIGHT = 64;\nexport const MINIMUM_SCREEN_HEIGHT = 540;\nexport const TEACHER_TIMEZONE = 'Asia/Calcutta';\n"],"names":["TrialPageId","PAGES_WITHOUT_GRID","ACTIONABLE_COMPONENT_IDS","SCROLLABLE_COMPONENT_IDS","DEFAULT_BUTTON_STATE","RIGHT_PANEL_WIDTH","TEACHER_LEFT_PANEL_MAX_WIDTH","STUDENT_LEFT_PANEL_MAX_WIDTH","NAVIGATION_BAR_HEIGHT","MINIMUM_SCREEN_HEIGHT","TEACHER_TIMEZONE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,mBAClBA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAChBA,EAAA,mBAAmB,oBACnBA,EAAA,sBAAsB,uBACtBA,EAAA,eAAe,gBACfA,EAAA,YAAY,aACZA,EAAA,qBAAqB,sBACrBA,EAAA,0BAA0B,2BAC1BA,EAAA,kBAAkB,mBAClBA,EAAA,kBAAkB,mBAClBA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,eAAe,gBACfA,EAAA,mBAAmB,oBACnBA,EAAA,iBAAiB,kBACjBA,EAAA,gBAAgB,iBAChBA,EAAA,kBAAkB,mBAClBA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,qBAAqB,sBACrBA,EAAA,UAAU,WACVA,EAAA,mBAAmB,oBACnBA,EAAA,YAAY,aACZA,EAAA,gBAAgB,iBAChBA,EAAA,eAAe,gBA5BLA,IAAAA,KAAA,CAAA,CAAA;AA+BL,MAAMC,IAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAEaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAEaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF,GAEaC,IAAuB;AAAA,EAClC,MAAM,EAAE,YAAY,IAAO,WAAW,GAAM;AAAA,EAC5C,OAAO,EAAE,YAAY,IAAO,WAAW,GAAM;AAC/C,GAEaC,IAAoB,KACpBC,IAA+B,KAC/BC,IAA+B,KAC/BC,IAAwB,IACxBC,IAAwB,KACxBC,IAAmB;"}

package/dist/features/trial-session/trial-session-types.js

@@ -0,0 +1,5 @@
+var n = /* @__PURE__ */ ((I) => (I.FIVE_MIN = "5min", I.FIFTEEN_MIN = "15min", I))(n || {});
+export {
+  n as EClassTimeAlertLevel
+};
+//# sourceMappingURL=trial-session-types.js.map

package/dist/features/trial-session/trial-session-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-session-types.js","sources":["../../../src/features/trial-session/trial-session-types.ts"],"sourcesContent":["import type { TNodeTypes } from '../../types/models/worksheet';\nimport type { IInfoMessage } from '../circle-games/games/web-view/web-view-types';\nimport type { IMilestoneConfig, TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { IAvatarLayer } from '../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { TPreference } from './comps/class-preference/class-preference-types';\nimport type {\n  ITrialCircleConfig,\n  ITrialCircleGameParams,\n} from './comps/trial-circle-game/trial-circle-game-types';\nimport type { TrialPageId } from './trial-session-constants';\nimport type { Dispatch, SetStateAction } from 'react';\n\nexport type TSlideId = TrialPageId;\n\nexport type TRegionData = {\n  opportunity_country: string;\n};\n\nexport enum EClassTimeAlertLevel {\n  FIVE_MIN = '5min',\n  FIFTEEN_MIN = '15min',\n}\ninterface IButtonConfig {\n  buttonLabel: string;\n  pageId: string;\n}\n\nexport interface ISolution {\n  media?: string;\n  media_type?: 'image' | 'video';\n  text?: string;\n}\n\nexport type TDegreeInformation = { degree_name?: string; field_of_study?: string };\n\nexport interface ITeacherProfileDetails {\n  lower_grade: string;\n  higher_grade: string;\n  header_image: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  countries: string[];\n  degree: TDegreeInformation;\n}\n\nexport interface ISlide {\n  id: TrialPageId;\n  renderAs: 'split' | 'full';\n  renderAVIn: 'left' | 'right';\n  header: string;\n  subHeader?: string;\n  prevPage?: IButtonConfig;\n  nextPage?: IButtonConfig;\n  cues?: string[];\n  dos?: string[];\n  donts?: string[];\n  navigationLabel?: string;\n  slideTag?: string;\n  teacher_profile?: ITeacherProfileDetails;\n  solutions?: ISolution[];\n  enableSessionPerk?: boolean;\n}\n\nexport interface TGoals {\n  goal_code?: string;\n  milestone_date_ts?: number;\n  goal_category?: string;\n  milestone_name?: string;\n  publish?: boolean;\n}\n\nexport interface ITrialSessionFormFields {\n  id: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  goals?: TGoals[];\n  studentProfile?: {\n    profileSummary?: string;\n    dummyProfileImageIndex?: number;\n    summaryFetched?: boolean;\n    summaryFetchFailed?: boolean;\n  };\n  userNodeId?: string;\n  nodeId?: string;\n  nodeType?: TNodeTypes;\n  attemptId?: string;\n  preferences?: TPreference[];\n  personalizedLevel?: string[];\n  personalizedFocus?: string[];\n  personalizedBehaviors?: string[];\n  isCircleGamePlayed?: boolean;\n  isCirclePuzzleSolved?: boolean;\n  isCircleSkillCompleted?: boolean;\n  studentTimezone?: string;\n  showCircleGameScreen?: boolean;\n  accuracyStr?: string;\n  totalTimeTaken?: number;\n  chapterId?: string;\n  matchmakingId?: string;\n}\n\nexport interface IButtonState {\n  isDisabled: boolean;\n  isLoading: boolean;\n}\n\nexport interface ITrialHomeData {\n  pages: ISlide[];\n  demo_info: {\n    student_classroom_id: string;\n    stream: TCourseStream;\n    region_data: TRegionData;\n  };\n  parent: {\n    name: string;\n  };\n  student: {\n    grade: string;\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  teacher: {\n    name: string;\n    circle_username: string;\n    user_avatar: IAvatarLayer[];\n  };\n  circle_trial_game_config: ITrialCircleConfig;\n}\n\nexport interface IClassTimeAlertConfig {\n  alertLevel: EClassTimeAlertLevel | null;\n  isVisible: boolean;\n  onComplete: () => void;\n}\n\nexport interface ITrialSessionProps {\n  countryCode?: string;\n  classStartedOn?: Date;\n  height?: string | number;\n  userType: TUserTypes;\n  studentId: string;\n  teacherId: string;\n  teacherClassroomId: string;\n  teacherPanel?: JSX.Element;\n  studentPanel?: JSX.Element;\n  formData?: ITrialSessionFormFields;\n  onFormDataChange?: Dispatch<SetStateAction<ITrialSessionFormFields | undefined>>;\n  worksheet?: JSX.Element;\n  worksheetNavigationPanel?: JSX.Element;\n  questionsRatingPanel?: JSX.Element;\n  studentAbsentInClass?: boolean;\n  openEndClassModal?: () => void;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  classTimeAlertConfig?: IClassTimeAlertConfig;\n  classDuration?: number;\n}\n\nexport interface ITrialSessionContext\n  extends Pick<\n    ITrialSessionProps,\n    | 'classStartedOn'\n    | 'formData'\n    | 'teacherPanel'\n    | 'studentId'\n    | 'teacherId'\n    | 'studentPanel'\n    | 'worksheet'\n    | 'worksheetNavigationPanel'\n    | 'questionsRatingPanel'\n    | 'openEndClassModal'\n    | 'studentAbsentInClass'\n    | 'classDuration'\n    | 'classTimeAlertConfig'\n  > {\n  buttonState: { left: IButtonState; right: IButtonState };\n  isTeacher: boolean;\n  milestoneConfig: IMilestoneConfig;\n  slideConfig: ISlide;\n  updateButtonState: (\n    btnNavDir: 'left' | 'right' | 'both',\n    currentState: IButtonState | { left: IButtonState; right: IButtonState },\n  ) => void;\n  updateSlideConfig: (config: Partial<ITrialSessionFormFields>) => void;\n  trialHomeData: ITrialHomeData;\n  onTrialInformationUpdate?: () => void;\n  circleGames: ITrialCircleGameParams;\n  trialGameUrl: string;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n\nexport interface ITrialSessionViewProps extends ITrialSessionProps {\n  trialHomeData: ITrialHomeData;\n  milestoneConfig: IMilestoneConfig;\n  studentTimezone?: string;\n  onStudentTimezoneUpdate?: () => void;\n  onTrialInformationUpdate?: () => void;\n  handleInfoMessage: (message: IInfoMessage) => void;\n  onRemoveOptionalSlides?: (grade?: string) => void;\n}\n"],"names":["EClassTimeAlertLevel"],"mappings":"AAmBY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,QACXA,EAAA,cAAc,SAFJA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/trial-session/trial-session-view.js

@@ -0,0 +1,139 @@
+import { jsx as D, jsxs as J } from "react/jsx-runtime";
+import { memo as K, useState as Q, useMemo as m, useCallback as W, useEffect as S } from "react";
+import { getGradesFromConfig as X } from "../milestone/create/milestone-create-helpers.js";
+import Y from "../ui/layout/flex-view.js";
+import Z from "./context/trial-session-context.js";
+import { useButtonStateForLeftPanel as ee } from "./hooks/use-left-panel-button-state.js";
+import te from "./left-panel/index.js";
+import ae from "./right-panel/index.js";
+const me = K((L) => {
+  const {
+    countryCode: I,
+    userType: r,
+    teacherPanel: T,
+    studentPanel: x,
+    trialGameUrl: P,
+    formData: o,
+    height: O = "100vh",
+    trialHomeData: t,
+    milestoneConfig: s,
+    onFormDataChange: u,
+    worksheet: y,
+    studentId: i,
+    teacherId: l,
+    classStartedOn: _,
+    worksheetNavigationPanel: v,
+    questionsRatingPanel: E,
+    studentAbsentInClass: w,
+    openEndClassModal: F,
+    onTrialInformationUpdate: G,
+    onStudentTimezoneUpdate: f,
+    handleInfoMessage: M,
+    onRemoveOptionalSlides: R,
+    classDuration: $,
+    studentTimezone: g,
+    classTimeAlertConfig: b
+  } = L, a = r === "TEACHER", { pages: p = [], student: q } = t, { name: j, grade: c } = q || {}, [n, U] = Q(o), h = a ? n : o, C = h == null ? void 0 : h.id, k = m(
+    () => p.find((e) => e.id === C) ?? p[0],
+    [C, p]
+  ), A = m(() => {
+    const e = {
+      circleConfig: t.circle_trial_game_config,
+      playerDetails: {
+        userId: a ? l : i,
+        circle_username: t[a ? "teacher" : "student"].circle_username,
+        user_avatar: t[a ? "teacher" : "student"].user_avatar,
+        playerType: r,
+        countryCode: I
+      }
+    };
+    return r === "STUDENT" && (e.playerDetails.grade = t.student.grade), e;
+  }, [I, a, i, l, t, r]), d = W((e) => {
+    U((H) => H ? { ...H, ...e } : e);
+  }, []), { buttonState: N, updateButtonState: V } = ee(), z = m(
+    () => ({
+      teacherPanel: T,
+      studentPanel: x,
+      isTeacher: a,
+      slideConfig: k,
+      milestoneConfig: s,
+      formData: a ? n : o,
+      updateSlideConfig: d,
+      worksheet: y,
+      buttonState: N,
+      updateButtonState: V,
+      studentId: i,
+      teacherId: l,
+      classStartedOn: _,
+      trialHomeData: t,
+      worksheetNavigationPanel: v,
+      questionsRatingPanel: E,
+      onTrialInformationUpdate: G,
+      openEndClassModal: F,
+      studentAbsentInClass: w,
+      circleGames: A,
+      trialGameUrl: P,
+      handleInfoMessage: M,
+      onRemoveOptionalSlides: R,
+      classDuration: $,
+      classTimeAlertConfig: b
+    }),
+    [
+      T,
+      x,
+      a,
+      k,
+      s,
+      n,
+      o,
+      d,
+      y,
+      N,
+      V,
+      i,
+      l,
+      _,
+      t,
+      v,
+      E,
+      G,
+      F,
+      w,
+      A,
+      P,
+      M,
+      R,
+      $,
+      b
+    ]
+  );
+  S(() => {
+    n && u && u(n);
+  }, [u, n]), S(() => {
+    g || f == null || f();
+  }, [C]);
+  const B = m(
+    () => !!X(s).find((e) => e.id === c),
+    [s, c]
+  );
+  return S(() => {
+    d({
+      studentTimezone: g,
+      name: j,
+      grade: B ? c : ""
+    });
+  }, [
+    j,
+    c,
+    d,
+    g,
+    B
+  ]), /* @__PURE__ */ D(Z.Provider, { value: z, children: /* @__PURE__ */ J(Y, { $height: O, $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ D(te, {}),
+    /* @__PURE__ */ D(ae, {})
+  ] }) });
+});
+export {
+  me as default
+};
+//# sourceMappingURL=trial-session-view.js.map

package/dist/features/trial-session/trial-session-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-session-view.js","sources":["../../../src/features/trial-session/trial-session-view.tsx"],"sourcesContent":["import type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n  const {\n    countryCode,\n    userType,\n    teacherPanel,\n    studentPanel,\n    trialGameUrl,\n    formData: formDataProps,\n    height = '100vh',\n    trialHomeData,\n    milestoneConfig,\n    onFormDataChange,\n    worksheet,\n    studentId,\n    teacherId,\n    classStartedOn,\n    worksheetNavigationPanel,\n    questionsRatingPanel,\n    studentAbsentInClass,\n    openEndClassModal,\n    onTrialInformationUpdate,\n    onStudentTimezoneUpdate,\n    handleInfoMessage,\n    onRemoveOptionalSlides,\n    classDuration,\n    studentTimezone,\n    classTimeAlertConfig,\n  } = props;\n  const isTeacher = userType === 'TEACHER';\n  const { pages: slides = [], student } = trialHomeData;\n  const { name: studentName, grade: studentGrade } = student || {};\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const circleGames = useMemo(() => {\n    const data = {\n      circleConfig: trialHomeData.circle_trial_game_config,\n      playerDetails: {\n        userId: isTeacher ? teacherId : studentId,\n        circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n        user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n        playerType: userType,\n        countryCode: countryCode,\n      },\n    } as ITrialCircleGameParams;\n\n    if (userType === 'STUDENT') {\n      data.playerDetails.grade = trialHomeData.student.grade;\n    }\n\n    return data;\n  }, [countryCode, isTeacher, studentId, teacherId, trialHomeData, userType]);\n\n  const updateSlideConfig = useCallback((config: Partial<ITrialSessionFormFields>) => {\n    setFormData(previousProps => {\n      if (!previousProps) return config as ITrialSessionFormFields;\n\n      return { ...previousProps, ...config };\n    });\n  }, []);\n  const { buttonState, updateButtonState } = useButtonStateForLeftPanel();\n\n  const contextValue = useMemo<ITrialSessionContext>(\n    () => ({\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      slideConfig: currentSlideConfig,\n      milestoneConfig,\n      formData: isTeacher ? formData : formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    }),\n    [\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      currentSlideConfig,\n      milestoneConfig,\n      formData,\n      formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    ],\n  );\n\n  useEffect(() => {\n    if (formData && onFormDataChange) {\n      onFormDataChange(formData);\n    }\n  }, [onFormDataChange, formData]);\n\n  useEffect(() => {\n    if (!studentTimezone) onStudentTimezoneUpdate?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentSlideId]);\n\n  const IsGradeExistInMilestoneConfig = useMemo(\n    () => !!getGradesFromConfig(milestoneConfig).find(element => element.id === studentGrade),\n    [milestoneConfig, studentGrade],\n  );\n\n  useEffect(() => {\n    updateSlideConfig({\n      studentTimezone,\n      name: studentName,\n      grade: IsGradeExistInMilestoneConfig ? studentGrade : '',\n    });\n  }, [\n    studentName,\n    studentGrade,\n    updateSlideConfig,\n    studentTimezone,\n    IsGradeExistInMilestoneConfig,\n  ]);\n\n  return (\n    <TrialSessionContext.Provider value={contextValue}>\n      <FlexView $height={height} $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n        <LeftPanel />\n        <RightPanel />\n      </FlexView>\n    </TrialSessionContext.Provider>\n  );\n});\n\nexport default TrialSessionView;\n"],"names":["TrialSessionView","memo","props","countryCode","userType","teacherPanel","studentPanel","trialGameUrl","formDataProps","height","trialHomeData","milestoneConfig","onFormDataChange","worksheet","studentId","teacherId","classStartedOn","worksheetNavigationPanel","questionsRatingPanel","studentAbsentInClass","openEndClassModal","onTrialInformationUpdate","onStudentTimezoneUpdate","handleInfoMessage","onRemoveOptionalSlides","classDuration","studentTimezone","classTimeAlertConfig","isTeacher","slides","student","studentName","studentGrade","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}

package/dist/features/trial-session/trial-session.js

@@ -0,0 +1,93 @@
+import { jsx as c } from "react/jsx-runtime";
+import { memo as h, useState as I, useCallback as n, useEffect as p } from "react";
+import { getTimezone as L } from "../../helpers/date-time.js";
+import z from "../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js";
+import { useGetMileStoneConfig as F } from "../milestone/create/api/milestone-config.js";
+import y from "../ui/error/error.js";
+import w from "../ui/loader/app-loader/app-loader.js";
+import { useGetTrialHome as k } from "./api/trial-home.js";
+import { filterAndUpdateSlideNavigation as x } from "./helper.js";
+import G from "./trial-session-view.js";
+const V = h((f) => {
+  const { userType: e, teacherId: d, studentId: g, teacherClassroomId: N, height: E = "100vh" } = f, [m, A] = I(null), [D, _] = I(), {
+    data: T,
+    get: S,
+    isProcessing: v,
+    isProcessingFailed: H
+  } = k(), {
+    get: u,
+    data: a,
+    isProcessing: P,
+    isProcessingFailed: R
+  } = F(), t = n(() => {
+    S("trial-v3", {
+      student_id: g,
+      teacher_id: d,
+      viewer: e.toLocaleLowerCase()
+    });
+  }, [S, g, d, e]), l = n(() => {
+    t(), u("", {
+      demo_type: "TRIAL_V3"
+    });
+  }, [t, u]), C = n(
+    (s) => {
+      e === "STUDENT" && s.forEach((i) => {
+        i.eventName === "TRIAL_INFORMATION_UPDATED" && t();
+      }), e === "TEACHER" && s.forEach((i) => {
+        if (i.eventName === "TRIAL_SESSION_STUDENT_TIMEZONE") {
+          const {
+            eventPayload: { timezone: O }
+          } = i;
+          _(O);
+        }
+      });
+    },
+    [t, e]
+  ), { publish: o } = z({
+    teacherClassroomId: N,
+    onMessageReceive: C
+  }), M = n(() => {
+    t(), e === "TEACHER" && (o == null || o({
+      eventName: "TRIAL_INFORMATION_UPDATED"
+    }));
+  }, [t, o, e]), U = n(() => {
+    e === "STUDENT" && (o == null || o({
+      eventName: "TRIAL_SESSION_STUDENT_TIMEZONE",
+      eventPayload: { timezone: L() }
+    }));
+  }, [o, e]);
+  p(() => {
+    l();
+  }, [l]);
+  const r = n(
+    (s) => {
+      if (T && a) {
+        const i = x({
+          milestoneConfigData: a,
+          trialHomeData: T,
+          grade: s
+        });
+        A(i);
+      }
+    },
+    [a, T]
+  );
+  return p(() => {
+    r == null || r();
+  }, [r]), v && !m || P ? /* @__PURE__ */ c(w, { height: E }) : H || R ? /* @__PURE__ */ c(y, { height: E, onTryAgain: l }) : m && a ? /* @__PURE__ */ c(
+    G,
+    {
+      ...f,
+      onTrialInformationUpdate: M,
+      onStudentTimezoneUpdate: U,
+      trialHomeData: m,
+      milestoneConfig: a,
+      onRemoveOptionalSlides: r,
+      studentTimezone: D
+    }
+  ) : null;
+}), Y = V;
+export {
+  Y as default
+};
+//# sourceMappingURL=trial-session.js.map

package/dist/features/trial-session/trial-session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trial-session.js","sources":["../../../src/features/trial-session/trial-session.tsx"],"sourcesContent":["import type { TTrialSessionMessage } from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker-types';\nimport type { ITrialHomeData } from './trial-session-types';\n\nimport React, { memo, useCallback, useEffect, useState } from 'react';\n\nimport { getTimezone } from '../../helpers/date-time';\nimport useTrialSessionMessageBroker from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker';\nimport { useGetMileStoneConfig } from '../milestone/create/api/milestone-config';\nimport Error from '../ui/error/error';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport { useGetTrialHome } from './api/trial-home';\nimport { filterAndUpdateSlideNavigation } from './helper';\nimport { type ITrialSessionProps } from './trial-session-types';\nimport TrialSessionView from './trial-session-view';\n\nconst TrialSession: React.FC<ITrialSessionProps> = memo(props => {\n  const { userType, teacherId, studentId, teacherClassroomId, height = '100vh' } = props;\n  const [trialHomeData, setTrialHomeData] = useState<ITrialHomeData | null>(null);\n  const [studentTimezone, setStudentTimezone] = useState<string>();\n\n  const {\n    data: trialHomeResponse,\n    get: getTrialHome,\n    isProcessing: isProcessingTrialHome,\n    isProcessingFailed: isProcessingFailedTrialHome,\n  } = useGetTrialHome();\n  const {\n    get: getMilestoneConfig,\n    data: milestoneConfigData,\n    isProcessing: isProcessingMilestoneConfig,\n    isProcessingFailed: isProcessingFailedMilestoneConfig,\n  } = useGetMileStoneConfig();\n\n  const fetchTrialHome = useCallback(() => {\n    getTrialHome('trial-v3', {\n      student_id: studentId,\n      teacher_id: teacherId,\n      viewer: userType.toLocaleLowerCase(),\n    });\n  }, [getTrialHome, studentId, teacherId, userType]);\n\n  const fetchData = useCallback(() => {\n    fetchTrialHome();\n    getMilestoneConfig('', {\n      demo_type: 'TRIAL_V3',\n    });\n  }, [fetchTrialHome, getMilestoneConfig]);\n\n  const handleMessageReceive = useCallback(\n    (messages: TTrialSessionMessage[]) => {\n      if (userType === 'STUDENT') {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_INFORMATION_UPDATED') {\n            fetchTrialHome();\n          }\n        });\n      }\n\n      if (userType === 'TEACHER') {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_SESSION_STUDENT_TIMEZONE') {\n            const {\n              eventPayload: { timezone },\n            } = message;\n\n            setStudentTimezone(timezone);\n          }\n        });\n      }\n    },\n    [fetchTrialHome, userType],\n  );\n\n  const { publish } = useTrialSessionMessageBroker({\n    teacherClassroomId,\n    onMessageReceive: handleMessageReceive,\n  });\n\n  const handleOnTrialInformationUpdate = useCallback(() => {\n    fetchTrialHome();\n\n    if (userType === 'TEACHER') {\n      publish?.({\n        eventName: 'TRIAL_INFORMATION_UPDATED',\n      });\n    }\n  }, [fetchTrialHome, publish, userType]);\n\n  const handleOnTrialStudentTimezoneUpdate = useCallback(() => {\n    if (userType === 'STUDENT') {\n      publish?.({\n        eventName: 'TRIAL_SESSION_STUDENT_TIMEZONE',\n        eventPayload: { timezone: getTimezone() },\n      });\n    }\n  }, [publish, userType]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const handleRemoveOptionalSlides = useCallback(\n    (grade?: string) => {\n      if (trialHomeResponse && milestoneConfigData) {\n        const updatedTrialHomeData = filterAndUpdateSlideNavigation({\n          milestoneConfigData,\n          trialHomeData: trialHomeResponse,\n          grade,\n        });\n\n        setTrialHomeData(updatedTrialHomeData);\n      }\n    },\n    [milestoneConfigData, trialHomeResponse],\n  );\n\n  useEffect(() => {\n    handleRemoveOptionalSlides?.();\n  }, [handleRemoveOptionalSlides]);\n\n  if ((isProcessingTrialHome && !trialHomeData) || isProcessingMilestoneConfig) {\n    return <AppLoader height={height} />;\n  }\n\n  if (isProcessingFailedTrialHome || isProcessingFailedMilestoneConfig) {\n    return <Error height={height} onTryAgain={fetchData} />;\n  }\n\n  if (trialHomeData && milestoneConfigData) {\n    return (\n      <TrialSessionView\n        {...props}\n        onTrialInformationUpdate={handleOnTrialInformationUpdate}\n        onStudentTimezoneUpdate={handleOnTrialStudentTimezoneUpdate}\n        trialHomeData={trialHomeData}\n        milestoneConfig={milestoneConfigData}\n        onRemoveOptionalSlides={handleRemoveOptionalSlides}\n        studentTimezone={studentTimezone}\n      />\n    );\n  }\n\n  return null;\n});\n\nexport default TrialSession;\n"],"names":["TrialSession","memo","props","userType","teacherId","studentId","teacherClassroomId","height","trialHomeData","setTrialHomeData","useState","studentTimezone","setStudentTimezone","trialHomeResponse","getTrialHome","isProcessingTrialHome","isProcessingFailedTrialHome","useGetTrialHome","getMilestoneConfig","milestoneConfigData","isProcessingMilestoneConfig","isProcessingFailedMilestoneConfig","useGetMileStoneConfig","fetchTrialHome","useCallback","fetchData","handleMessageReceive","messages","message","timezone","publish","useTrialSessionMessageBroker","handleOnTrialInformationUpdate","handleOnTrialStudentTimezoneUpdate","getTimezone","useEffect","handleRemoveOptionalSlides","grade","updatedTrialHomeData","filterAndUpdateSlideNavigation","jsx","AppLoader","Error","TrialSessionView","TrialSession$1"],"mappings":"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"}

package/dist/features/ui/accordion-section/accordion-section-styled.js

@@ -0,0 +1,27 @@
+import o from "styled-components";
+const r = o.div(({ $width: e }) => `
+    position: relative;
+    display: flex;
+    flex-direction: Column;
+    width: ${e ?? "auto"}${typeof e == "number" ? "px" : ""};
+    `), i = o.div(() => `
+    cursor: pointer;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    overflow: hidden;
+  `), c = o.div(({ $visible: e, $overflow: n }) => `
+    position: relative;
+    max-height: ${e ? "1000vh" : 0};
+    overflow: ${n ?? "hidden"};
+    transform-origin: top;
+    transform: ${e ? "scaleY(1)" : "scaleY(0)"};
+    opacity: ${e ? 1 : 0};
+    transition: all 0.2s ease-in-out;
+  `);
+export {
+  c as AccordionSectionBody,
+  r as AccordionSectionContainer,
+  i as AccordionSectionHeader
+};
+//# sourceMappingURL=accordion-section-styled.js.map

package/dist/features/ui/accordion-section/accordion-section-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-section-styled.js","sources":["../../../../src/features/ui/accordion-section/accordion-section-styled.tsx"],"sourcesContent":["import type { TStyleAttrubutes } from './accordion-section-types';\n\nimport styled from 'styled-components';\n\ninterface IAccordionSectionContainerProps {\n  $width?: string | number;\n}\n\nconst AccordionSectionContainer = styled.div<IAccordionSectionContainerProps>(({ $width }) => {\n  return `\n    position: relative;\n    display: flex;\n    flex-direction: Column;\n    width: ${$width ?? 'auto'}${typeof $width === 'number' ? 'px' : ''};\n    `;\n});\n\nconst AccordionSectionHeader = styled.div(() => {\n  return `\n    cursor: pointer;\n    -webkit-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    overflow: hidden;\n  `;\n});\n\ninterface IAccordionSectionBodyProps {\n  $visible?: boolean;\n  $overflow?: TStyleAttrubutes['overflow'];\n}\n\nconst AccordionSectionBody = styled.div<IAccordionSectionBodyProps>(({ $visible, $overflow }) => {\n  return `\n    position: relative;\n    max-height: ${$visible ? '1000vh' : 0};\n    overflow: ${$overflow ?? 'hidden'};\n    transform-origin: top;\n    transform: ${$visible ? 'scaleY(1)' : 'scaleY(0)'};\n    opacity: ${$visible ? 1 : 0};\n    transition: all 0.2s ease-in-out;\n  `;\n});\n\nexport { AccordionSectionContainer, AccordionSectionBody, AccordionSectionHeader };\n"],"names":["AccordionSectionContainer","styled","$width","AccordionSectionHeader","AccordionSectionBody","$visible","$overflow"],"mappings":";AAQA,MAAMA,IAA4BC,EAAO,IAAqC,CAAC,EAAE,QAAAC,QACxE;AAAA;AAAA;AAAA;AAAA,aAIIA,KAAU,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,KAErE,GAEKC,IAAyBF,EAAO,IAAI,MACjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAOKG,IAAuBH,EAAO,IAAgC,CAAC,EAAE,UAAAI,GAAU,WAAAC,QACxE;AAAA;AAAA,kBAESD,IAAW,WAAW,CAAC;AAAA,gBACzBC,KAAa,QAAQ;AAAA;AAAA,iBAEpBD,IAAW,cAAc,WAAW;AAAA,eACtCA,IAAW,IAAI,CAAC;AAAA;AAAA,GAG9B;"}

package/dist/features/ui/accordion-section/accordion-section.js

@@ -0,0 +1,28 @@
+import { jsxs as S, jsx as r } from "react/jsx-runtime";
+import p, { useState as A, useCallback as n } from "react";
+import { AccordionSectionContainer as h, AccordionSectionHeader as $, AccordionSectionBody as w } from "./accordion-section-styled.js";
+const x = p.memo(
+  ({
+    headerElement: s,
+    bodyElement: d,
+    width: l,
+    visible: e,
+    defaultVisible: i,
+    bodyOverFlow: a,
+    onBodyVisibilityChange: o
+  }) => {
+    const [f, c] = A(i ?? !1), m = n(() => {
+      c(!0), o(!0);
+    }, [o]), u = n(() => {
+      c(!1), o(!1);
+    }, [o]), t = e !== void 0 ? e : f;
+    return /* @__PURE__ */ S(h, { $width: l, children: [
+      /* @__PURE__ */ r($, { onClick: t ? u : m, children: s }),
+      /* @__PURE__ */ r(w, { $visible: t, $overflow: a, children: d })
+    ] });
+  }
+), _ = x;
+export {
+  _ as default
+};
+//# sourceMappingURL=accordion-section.js.map

package/dist/features/ui/accordion-section/accordion-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-section.js","sources":["../../../../src/features/ui/accordion-section/accordion-section.tsx"],"sourcesContent":["import type { IAccordionSectionProps } from './accordion-section-types';\n\nimport React, { useCallback, useState, type FC } from 'react';\n\nimport * as Styled from './accordion-section-styled';\n\n//TODO: add complete jsdocs\n\n/**\n * AccordionSection component.\n *\n * @prop {boolean} visible - if this value is passed, then the component is controlled by parent else it uses its own state.\n * @returns {JSX.Element} - The JSX element of the component.\n */\n\nconst AccordionSection: FC<IAccordionSectionProps> = React.memo(\n  ({\n    headerElement,\n    bodyElement,\n    width,\n    visible,\n    defaultVisible,\n    bodyOverFlow,\n    onBodyVisibilityChange,\n  }) => {\n    const [bodyVisible, setBodyVisible] = useState(defaultVisible ?? false);\n\n    const handleOpen = useCallback(() => {\n      setBodyVisible(true);\n      onBodyVisibilityChange(true);\n    }, [onBodyVisibilityChange]);\n\n    const handleClose = useCallback(() => {\n      setBodyVisible(false);\n      onBodyVisibilityChange(false);\n    }, [onBodyVisibilityChange]);\n\n    const showBody = visible !== undefined ? visible : bodyVisible;\n\n    return (\n      <Styled.AccordionSectionContainer $width={width}>\n        <Styled.AccordionSectionHeader onClick={showBody ? handleClose : handleOpen}>\n          {headerElement}\n        </Styled.AccordionSectionHeader>\n        <Styled.AccordionSectionBody $visible={showBody} $overflow={bodyOverFlow}>\n          {bodyElement}\n        </Styled.AccordionSectionBody>\n      </Styled.AccordionSectionContainer>\n    );\n  },\n);\n\nexport default AccordionSection;\n"],"names":["AccordionSection","React","headerElement","bodyElement","width","visible","defaultVisible","bodyOverFlow","onBodyVisibilityChange","bodyVisible","setBodyVisible","useState","handleOpen","useCallback","handleClose","showBody","jsxs","Styled.AccordionSectionContainer","jsx","Styled.AccordionSectionHeader","Styled.AccordionSectionBody","AccordionSection$1"],"mappings":";;;AAeA,MAAMA,IAA+CC,EAAM;AAAA,EACzD,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,MACI;AACJ,UAAM,CAACC,GAAaC,CAAc,IAAIC,EAASL,KAAkB,EAAK,GAEhEM,IAAaC,EAAY,MAAM;AACnC,MAAAH,EAAe,EAAI,GACnBF,EAAuB,EAAI;AAAA,IAAA,GAC1B,CAACA,CAAsB,CAAC,GAErBM,IAAcD,EAAY,MAAM;AACpC,MAAAH,EAAe,EAAK,GACpBF,EAAuB,EAAK;AAAA,IAAA,GAC3B,CAACA,CAAsB,CAAC,GAErBO,IAAWV,MAAY,SAAYA,IAAUI;AAEnD,WACG,gBAAAO,EAAAC,GAAA,EAAiC,QAAQb,GACxC,UAAA;AAAA,MAAA,gBAAAc,EAACC,GAAA,EAA8B,SAASJ,IAAWD,IAAcF,GAC9D,UACHV,GAAA;AAAA,MACA,gBAAAgB,EAACE,GAAA,EAA4B,UAAUL,GAAU,WAAWR,GACzD,UACHJ,GAAA;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAkB,IAAerB;"}

package/dist/features/ui/animated-arc/animated-arc-constants.js

@@ -0,0 +1,6 @@
+const A = 1.4333333333333333, I = 1;
+export {
+  I as ANIMATED_ARC_Z_INDEX,
+  A as RAINBOW_COLOR_ANIMATION_DURATION
+};
+//# sourceMappingURL=animated-arc-constants.js.map

package/dist/features/ui/animated-arc/animated-arc-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-arc-constants.js","sources":["../../../../src/features/ui/animated-arc/animated-arc-constants.ts"],"sourcesContent":["export const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\nexport const ANIMATED_ARC_Z_INDEX = 1;\n"],"names":["RAINBOW_COLOR_ANIMATION_DURATION","ANIMATED_ARC_Z_INDEX"],"mappings":"AAAO,MAAMA,IAAmC,oBACnCC,IAAuB;"}

package/dist/features/ui/animated-arc/animated-arc-helpers.js

@@ -0,0 +1,14 @@
+const r = (o, a, t, s) => {
+  const n = (s - 90) * (Math.PI / 180);
+  return {
+    x: o + t * Math.cos(n),
+    y: a + t * Math.sin(n)
+  };
+}, M = (o, a, t, s, n) => {
+  const $ = s + n, c = r(o, a, t, s), e = r(o, a, t, $), d = n > 180 ? 1 : 0;
+  return `M ${c.x} ${c.y} A ${t} ${t} 0 ${d} 1 ${e.x} ${e.y}`;
+};
+export {
+  M as describeArc
+};
+//# sourceMappingURL=animated-arc-helpers.js.map

package/dist/features/ui/animated-arc/animated-arc-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-arc-helpers.js","sources":["../../../../src/features/ui/animated-arc/animated-arc-helpers.ts"],"sourcesContent":["const polarToCartesian = (cx: number, cy: number, r: number, angleDeg: number) => {\n  const angleRad = (angleDeg - 90) * (Math.PI / 180);\n\n  return {\n    x: cx + r * Math.cos(angleRad),\n    y: cy + r * Math.sin(angleRad),\n  };\n};\n\nexport const describeArc = (\n  cx: number,\n  cy: number,\n  r: number,\n  startAngle: number,\n  sweepAngle: number,\n) => {\n  const endAngle = startAngle + sweepAngle;\n  const start = polarToCartesian(cx, cy, r, startAngle);\n  const end = polarToCartesian(cx, cy, r, endAngle);\n  const largeArcFlag = sweepAngle > 180 ? 1 : 0;\n\n  return `M ${start.x} ${start.y} A ${r} ${r} 0 ${largeArcFlag} 1 ${end.x} ${end.y}`;\n};\n"],"names":["polarToCartesian","cx","cy","r","angleDeg","angleRad","describeArc","startAngle","sweepAngle","endAngle","start","end","largeArcFlag"],"mappings":"AAAA,MAAMA,IAAmB,CAACC,GAAYC,GAAYC,GAAWC,MAAqB;AAChF,QAAMC,KAAYD,IAAW,OAAO,KAAK,KAAK;AAEvC,SAAA;AAAA,IACL,GAAGH,IAAKE,IAAI,KAAK,IAAIE,CAAQ;AAAA,IAC7B,GAAGH,IAAKC,IAAI,KAAK,IAAIE,CAAQ;AAAA,EAAA;AAEjC,GAEaC,IAAc,CACzBL,GACAC,GACAC,GACAI,GACAC,MACG;AACH,QAAMC,IAAWF,IAAaC,GACxBE,IAAQV,EAAiBC,GAAIC,GAAIC,GAAGI,CAAU,GAC9CI,IAAMX,EAAiBC,GAAIC,GAAIC,GAAGM,CAAQ,GAC1CG,IAAeJ,IAAa,MAAM,IAAI;AAE5C,SAAO,KAAKE,EAAM,CAAC,IAAIA,EAAM,CAAC,MAAMP,CAAC,IAAIA,CAAC,MAAMS,CAAY,MAAMD,EAAI,CAAC,IAAIA,EAAI,CAAC;AAClF;"}

package/dist/features/ui/animated-arc/animated-arc-styled.js

@@ -0,0 +1,33 @@
+import r, { keyframes as e } from "styled-components";
+import { ANIMATED_ARC_Z_INDEX as n, RAINBOW_COLOR_ANIMATION_DURATION as s } from "./animated-arc-constants.js";
+const F = e`
+  0% {
+    stroke: #FFB700;
+    color: #FFB700;
+  }
+  33% {
+    stroke: #FF884C;
+    color: #FF884C;
+  }
+  66% {
+    stroke: #FF80F4;
+    color: #FF80F4;
+  }
+  100% {
+    stroke: #33CCFF;
+    color: #33CCFF;
+  }
+`, C = r.svg`
+  position: absolute;
+  z-index: ${n};
+  pointer-events: none;
+`, c = r.path`
+  stroke: ${({ theme: o, stroke: t }) => o.colors[t]};
+  animation: ${({ $showAnimatedRainbowArc: o }) => o ? F : "undefined"}
+    ${s}s ease infinite forwards;
+`;
+export {
+  c as Path,
+  C as Svg
+};
+//# sourceMappingURL=animated-arc-styled.js.map

package/dist/features/ui/animated-arc/animated-arc-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-arc-styled.js","sources":["../../../../src/features/ui/animated-arc/animated-arc-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../types';\n\nimport styled, { keyframes } from 'styled-components';\n\nimport { ANIMATED_ARC_Z_INDEX, RAINBOW_COLOR_ANIMATION_DURATION } from './animated-arc-constants';\n\nconst rainbowColorAnimation = keyframes`\n  0% {\n    stroke: #FFB700;\n    color: #FFB700;\n  }\n  33% {\n    stroke: #FF884C;\n    color: #FF884C;\n  }\n  66% {\n    stroke: #FF80F4;\n    color: #FF80F4;\n  }\n  100% {\n    stroke: #33CCFF;\n    color: #33CCFF;\n  }\n`;\n\nexport const Svg = styled.svg`\n  position: absolute;\n  z-index: ${ANIMATED_ARC_Z_INDEX};\n  pointer-events: none;\n`;\n\nexport const Path = styled.path<{ stroke: TColorNames; $showAnimatedRainbowArc: boolean }>`\n  stroke: ${({ theme, stroke }) => theme.colors[stroke]};\n  animation: ${({ $showAnimatedRainbowArc }) =>\n      $showAnimatedRainbowArc ? rainbowColorAnimation : 'undefined'}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["rainbowColorAnimation","keyframes","Svg","styled","ANIMATED_ARC_Z_INDEX","Path","theme","stroke","$showAnimatedRainbowArc","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAMA,MAAMA,IAAwBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBjBC,IAAMC,EAAO;AAAA;AAAA,aAEbC,CAAoB;AAAA;AAAA,GAIpBC,IAAOF,EAAO;AAAA,YACf,CAAC,EAAE,OAAAG,GAAO,QAAAC,EAAA,MAAaD,EAAM,OAAOC,CAAM,CAAC;AAAA,eACxC,CAAC,EAAE,yBAAAC,EAAA,MACZA,IAA0BR,IAAwB,WAAW;AAAA,MAC7DS,CAAgC;AAAA;"}

package/dist/features/ui/animated-arc/animated-arc.js

@@ -0,0 +1,49 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as u, useMemo as A, useLayoutEffect as g } from "react";
+import { describeArc as w } from "./animated-arc-helpers.js";
+import { Svg as R, Path as k } from "./animated-arc-styled.js";
+const b = ({
+  radius: e,
+  strokeWidth: i,
+  color: y,
+  targetAngle: a,
+  startAngle: c = 0,
+  duration: o = 2,
+  mode: s = "draw",
+  delay: n = 0,
+  showAnimatedRainbowArc: $ = !1
+}) => {
+  const f = u(null), r = e, l = e - i / 2, h = A(
+    () => w(r, r, l, c, a),
+    [a, c, l, r]
+  );
+  return g(() => {
+    const t = f.current;
+    if (t) {
+      if (s === "draw") {
+        const m = t.getTotalLength();
+        t.style.strokeDasharray = `${m}`, t.style.strokeDashoffset = `${m}`, t.getBoundingClientRect(), requestAnimationFrame(() => {
+          t.style.transition = `stroke-dashoffset ${o}s linear ${n}s`, t.style.strokeDashoffset = "0";
+        });
+      }
+      s === "fade" && (t.style.opacity = "0", t.getBoundingClientRect(), requestAnimationFrame(() => {
+        t.style.transition = `opacity ${o} ease-in-out ${n}s`, t.style.opacity = "1";
+      }));
+    }
+  }, [h, s, o, n]), /* @__PURE__ */ p(R, { width: 2 * e, height: 2 * e, viewBox: `0 0 ${2 * e} ${2 * e}`, children: /* @__PURE__ */ p(
+    k,
+    {
+      ref: f,
+      d: h,
+      fill: "none",
+      stroke: y,
+      strokeWidth: i,
+      strokeLinecap: "butt",
+      $showAnimatedRainbowArc: $
+    }
+  ) });
+}, L = b;
+export {
+  L as default
+};
+//# sourceMappingURL=animated-arc.js.map

package/dist/features/ui/animated-arc/animated-arc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-arc.js","sources":["../../../../src/features/ui/animated-arc/animated-arc.tsx"],"sourcesContent":["import type { IAnimatedArcProps } from './animated-arc-types';\n\nimport React, { useRef, useLayoutEffect, useMemo } from 'react';\n\nimport { describeArc } from './animated-arc-helpers';\nimport * as Styled from './animated-arc-styled';\n\nconst AnimatedArc: React.FC<IAnimatedArcProps> = ({\n  radius,\n  strokeWidth,\n  color,\n  targetAngle,\n  startAngle = 0,\n  duration = 2,\n  mode = 'draw',\n  delay = 0,\n  showAnimatedRainbowArc = false,\n}) => {\n  const pathRef = useRef<SVGPathElement>(null);\n\n  const center = radius;\n  const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n  const arcPath = useMemo(\n    () => describeArc(center, center, arcRadius, startAngle, targetAngle),\n    [targetAngle, startAngle, arcRadius, center],\n  );\n\n  useLayoutEffect(() => {\n    const path = pathRef.current;\n\n    if (!path) return;\n\n    if (mode === 'draw') {\n      const length = path.getTotalLength();\n\n      path.style.strokeDasharray = `${length}`;\n      path.style.strokeDashoffset = `${length}`;\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n        path.style.strokeDashoffset = '0';\n      });\n    }\n\n    if (mode === 'fade') {\n      path.style.opacity = '0';\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `opacity ${duration} ease-in-out ${delay}s`;\n        path.style.opacity = '1';\n      });\n    }\n  }, [arcPath, mode, duration, delay]);\n\n  return (\n    <Styled.Svg width={2 * radius} height={2 * radius} viewBox={`0 0 ${2 * radius} ${2 * radius}`}>\n      <Styled.Path\n        ref={pathRef}\n        d={arcPath}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"butt\"\n        $showAnimatedRainbowArc={showAnimatedRainbowArc}\n      />\n    </Styled.Svg>\n  );\n};\n\nexport default AnimatedArc;\n"],"names":["AnimatedArc","radius","strokeWidth","color","targetAngle","startAngle","duration","mode","delay","showAnimatedRainbowArc","pathRef","useRef","center","arcRadius","arcPath","useMemo","describeArc","useLayoutEffect","path","length","Styled.Svg","jsx","Styled.Path","AnimatedArc$1"],"mappings":";;;;AAOA,MAAMA,IAA2C,CAAC;AAAA,EAChD,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,wBAAAC,IAAyB;AAC3B,MAAM;AACE,QAAAC,IAAUC,EAAuB,IAAI,GAErCC,IAASX,GACTY,IAAYZ,IAASC,IAAc,GACnCY,IAAUC;AAAA,IACd,MAAMC,EAAYJ,GAAQA,GAAQC,GAAWR,GAAYD,CAAW;AAAA,IACpE,CAACA,GAAaC,GAAYQ,GAAWD,CAAM;AAAA,EAAA;AAG7C,SAAAK,EAAgB,MAAM;AACpB,UAAMC,IAAOR,EAAQ;AAErB,QAAKQ,GAEL;AAAA,UAAIX,MAAS,QAAQ;AACb,cAAAY,IAASD,EAAK;AAEf,QAAAA,EAAA,MAAM,kBAAkB,GAAGC,CAAM,IACjCD,EAAA,MAAM,mBAAmB,GAAGC,CAAM,IACvCD,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,UAAAA,EAAK,MAAM,aAAa,qBAAqBZ,CAAQ,YAAYE,CAAK,KACtEU,EAAK,MAAM,mBAAmB;AAAA,QAAA,CAC/B;AAAA,MACH;AAEA,MAAIX,MAAS,WACXW,EAAK,MAAM,UAAU,KACrBA,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,QAAAA,EAAK,MAAM,aAAa,WAAWZ,CAAQ,gBAAgBE,CAAK,KAChEU,EAAK,MAAM,UAAU;AAAA,MAAA,CACtB;AAAA;AAAA,KAEF,CAACJ,GAASP,GAAMD,GAAUE,CAAK,CAAC,qBAGhCY,GAAA,EAAW,OAAO,IAAInB,GAAQ,QAAQ,IAAIA,GAAQ,SAAS,OAAO,IAAIA,CAAM,IAAI,IAAIA,CAAM,IACzF,UAAA,gBAAAoB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKZ;AAAA,MACL,GAAGI;AAAA,MACH,MAAK;AAAA,MACL,QAAQX;AAAA,MACR,aAAAD;AAAA,MACA,eAAc;AAAA,MACd,yBAAyBO;AAAA,IAAA;AAAA,EAE7B,EAAA,CAAA;AAEJ,GAEAc,IAAevB;"}