@cuemath/leap 3.3.1 → 3.3.2-link.0

package/dist/features/ui/inputs/checkbox-input-list/checkbox-input-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <Styled.CheckboxInputListWrapper>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </Styled.CheckboxInputListWrapper>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","Styled.CheckboxInputListWrapper","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","jsx","ArrowTooltip","CheckboxOption","CheckboxInputList$1"],"mappings":";;;;;AAQA,MAAMA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAV,GAEEW,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKP,EAAM,UAAUO;AAAA,IACrE,CAACA,GAAkBP,EAAM,MAAM;AAAA,EAAA,GAG3BW,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGR,GAAOa,CAAa,CAAC,IALpCL,EAASR,EAAM,OAAO,CAAOe,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBT,CAAK;AAAA,EAAA;AAGtD,2BACGgB,GAAA,EACE,UAAAf,EAAQ,IAAI,CAAUgB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAEhBG,IAAUpB,EAAM,SAASkB,CAAE,GAC3BG,IAAcZ,KAAoB,CAACW,GACnCE,KAAepB,KAAA,gBAAAA,EAAU,SAASgB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAanB,KAAc,GAChE,UAAA,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACc;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAG;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOR;AAAA,YACP,MAAAnB;AAAA,YACA,OAAAoB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAjB;AAAA,YACA,UAAUmB;AAAA,YACV,UAAUX;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,KAlB+BY,CAoBnC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEAS,IAAe9B;"}
+{"version":3,"file":"checkbox-input-list.js","sources":["../../../../../src/features/ui/inputs/checkbox-input-list/checkbox-input-list.tsx"],"sourcesContent":["import type { ICheckboxInputProps } from './checkbox-input-list-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport ArrowTooltip from '../../arrow-tooltip/arrow-tooltip';\nimport CheckboxOption from '../checkbox-input/checkbox-input';\nimport * as Styled from './checkbox-input-list-styled';\n\nconst CheckboxInputList = <IDType extends string | number>(props: ICheckboxInputProps<IDType>) => {\n  const {\n    size,\n    value,\n    options,\n    disabled,\n    renderAs,\n    numColumns,\n    itemSpacing,\n    indeterminate,\n    visibleOnCheck,\n    maximumSelection,\n    onChange,\n  } = props;\n\n  const reachedMaxLength = useMemo(\n    () => !!(maximumSelection && maximumSelection > 1 && value.length >= maximumSelection),\n    [maximumSelection, value.length],\n  );\n\n  const handleOnChange = useCallback(\n    (selectedValue: IDType, selected: boolean) => {\n      if (!selected) {\n        onChange(value.filter(val => val !== selectedValue));\n      } else {\n        if (maximumSelection === 1) {\n          onChange([selectedValue]);\n        } else if (!reachedMaxLength || !maximumSelection) {\n          onChange([...value, selectedValue]);\n        }\n      }\n    },\n    [maximumSelection, onChange, reachedMaxLength, value],\n  );\n\n  return (\n    <Styled.CheckboxInputListWrapper $itemSpacing={itemSpacing}>\n      {options.map(option => {\n        const { id, label } = option;\n\n        const checked = value.includes(id);\n        const showTooltip = reachedMaxLength && !checked;\n        const disableCheck = disabled?.includes(id) || showTooltip;\n\n        return (\n          <Styled.CheckboxOptionWrapper key={id} $numColumns={numColumns ?? 1}>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              tooltipItem={`${maximumSelection} options already selected`}\n              hidden={!showTooltip}\n              zIndex={2}\n            >\n              <CheckboxOption<IDType>\n                value={id}\n                size={size}\n                label={label}\n                checked={checked}\n                renderAs={renderAs}\n                disabled={disableCheck}\n                onChange={handleOnChange}\n                indeterminate={indeterminate} //* Took this name from Mui.\n                visibleOnCheck={visibleOnCheck}\n              />\n            </ArrowTooltip>\n          </Styled.CheckboxOptionWrapper>\n        );\n      })}\n    </Styled.CheckboxInputListWrapper>\n  );\n};\n\nexport default CheckboxInputList;\n"],"names":["CheckboxInputList","props","size","value","options","disabled","renderAs","numColumns","itemSpacing","indeterminate","visibleOnCheck","maximumSelection","onChange","reachedMaxLength","useMemo","handleOnChange","useCallback","selectedValue","selected","val","jsx","Styled.CheckboxInputListWrapper","option","id","label","checked","showTooltip","disableCheck","Styled.CheckboxOptionWrapper","ArrowTooltip","CheckboxOption","CheckboxInputList$1"],"mappings":";;;;;AAQA,MAAMA,IAAoB,CAAiCC,MAAuC;AAC1F,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAX,GAEEY,IAAmBC;AAAA,IACvB,MAAM,CAAC,EAAEH,KAAoBA,IAAmB,KAAKR,EAAM,UAAUQ;AAAA,IACrE,CAACA,GAAkBR,EAAM,MAAM;AAAA,EAAA,GAG3BY,IAAiBC;AAAA,IACrB,CAACC,GAAuBC,MAAsB;AAC5C,MAAKA,IAGCP,MAAqB,IACdC,EAAA,CAACK,CAAa,CAAC,KACf,CAACJ,KAAoB,CAACF,MAC/BC,EAAS,CAAC,GAAGT,GAAOc,CAAa,CAAC,IALpCL,EAAST,EAAM,OAAO,CAAOgB,MAAAA,MAAQF,CAAa,CAAC;AAAA,IAQvD;AAAA,IACA,CAACN,GAAkBC,GAAUC,GAAkBV,CAAK;AAAA,EAAA;AAIpD,SAAA,gBAAAiB,EAACC,GAAA,EAAgC,cAAcb,GAC5C,UAAAJ,EAAQ,IAAI,CAAUkB,MAAA;AACf,UAAA,EAAE,IAAAC,GAAI,OAAAC,EAAU,IAAAF,GAEhBG,IAAUtB,EAAM,SAASoB,CAAE,GAC3BG,IAAcb,KAAoB,CAACY,GACnCE,KAAetB,KAAA,gBAAAA,EAAU,SAASkB,OAAOG;AAE/C,6BACGE,GAAA,EAAsC,aAAarB,KAAc,GAChE,UAAA,gBAAAa;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGlB,CAAgB;AAAA,QAChC,QAAQ,CAACe;AAAA,QACT,QAAQ;AAAA,QAER,UAAA,gBAAAN;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,OAAOP;AAAA,YACP,MAAArB;AAAA,YACA,OAAAsB;AAAA,YACA,SAAAC;AAAA,YACA,UAAAnB;AAAA,YACA,UAAUqB;AAAA,YACV,UAAUZ;AAAA,YACV,eAAAN;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,KAlB+Ba,CAoBnC;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ,GAEAQ,IAAe/B;"}

package/dist/index.d.ts

@@ -630,12 +630,15 @@ export declare const GIF: {
     LEARNING_SESSION: string;
     LEARNING_SESSION_GRID_BG: string;
     MAX_WAVE: string;
+    PERSONALIZED_SESSION: string;
     PUZZLES: string;
+    REGULAR_PRACTICE: string;
     SCHOOL_SUCCESS: string;
     SCHOOL_SUCCESS_MINI: string;
     SKILLS: string;
     SPECKIE_WAVE: string;
     STAY_CONNECTED: string;
+    STEPUP: string;
     TERA_WAVE: string;
     TEST_PREP: string;
     TEST_PREP_MINI: string;
@@ -1169,6 +1172,7 @@ declare interface ICheckboxInputProps<IDType> {
     visibleOnCheck?: boolean;
     indeterminate?: boolean;
     numColumns?: number;
+    itemSpacing?: number;
     renderAs?: TCheckboxVariants;
     maximumSelection?: number;
     size?: TCheckboxSizes;
@@ -2219,6 +2223,7 @@ export declare const ILLUSTRATIONS: {
     ORANGE_FACE: string;
     PARENT_AVATAR: string;
     PEOPLE_WITH_ORANGE_FILL: string;
+    PERSONALIZATION: string;
     PLATFORM_GREEN: string;
     PLATFORM_PURPLE: string;
     PLAY: string;
@@ -3169,6 +3174,11 @@ declare interface IReferenceSheetProps {
     };
 }
 
+declare interface IReportInformationProps {
+    sessionReports: TSessionReport;
+    studentName: string;
+}
+
 declare interface IResetPasswordFormProps {
     onSubmit: (e: FormEvent<HTMLFormElement>) => void;
     onChange: (key: string, value: string) => void;
@@ -3322,6 +3332,11 @@ declare interface ISeparatorProps {
     background?: TColorNames;
 }
 
+declare interface ISessionInsightsQuery {
+    student_level: string;
+    student_name: string;
+}
+
 declare interface IShareInstructionModalProps {
     milestoneAchievementId: string;
     studentName: string;
@@ -3528,6 +3543,10 @@ declare interface IStudentDetailsProps extends IWinsPreviewProps {
     classStatus?: IClassStatus;
 }
 
+declare interface IStudentProfileHighlightsProps {
+    profileHighlights: TProfileHighlight[];
+}
+
 declare interface IStudentSchool {
     place_id: string;
     country_code: string;
@@ -3888,6 +3907,7 @@ export declare interface ITrialSessionFormFields {
     personalizedLevel?: string[];
     personalizedFocus?: string[];
     personalizedBehaviors?: string[];
+    personalizedObjectives?: string[];
     isCircleGamePlayed?: boolean;
     isCirclePuzzleSolved?: boolean;
     isCircleSkillCompleted?: boolean;
@@ -4944,6 +4964,8 @@ declare const PREFERENCE_CATEGORY: {
     readonly LEVEL: "Level";
     readonly FOCUS: "Focus";
     readonly BEHAVIOR: "Behaviors";
+    readonly OBJECTIVES: "Objectives";
+    readonly POSITION: "Position";
 };
 
 export declare const PreviewWorksheet: FC<IPreviewWorksheetProps>;
@@ -5037,6 +5059,8 @@ export declare const ReferenceSheet: FC<IReferenceSheetProps>;
 
 export declare const RemotePeerPointer: MemoExoticComponent<({ containerRef, onPublish, onSubscribe, responseId }: IPointerProps) => JSX.Element>;
 
+export declare const ReportInformation: FC<IReportInformationProps>;
+
 export declare const ResendOTP: NamedExoticComponent<IOTPResendProps>;
 
 export declare const ResetPasswordForm: MemoExoticComponent<({ onSubmit, onChange, formData, errors, isSubmitDisabled, isProcessing, isValid, }: IResetPasswordFormProps) => JSX.Element>;
@@ -5232,6 +5256,8 @@ export declare const StrikedEyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const StudentDetails: FC<IStudentDetailsProps>;
 
+export declare const StudentProfileHighlights: FC<IStudentProfileHighlightsProps>;
+
 export declare const SubmitMilestoneModal: React.FC<ISubmitModalProps>;
 
 export declare const SwitchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -6102,6 +6128,13 @@ declare type TPreference = {
 
 declare type TPreferenceCategory = (typeof PREFERENCE_CATEGORY)[keyof typeof PREFERENCE_CATEGORY];
 
+declare type TProfileHighlight = {
+    illustration: string;
+    background: TColorNames;
+    title: string;
+    description: string | string[];
+};
+
 declare type TPublish = (data: IPublishData) => boolean | undefined;
 
 declare type TPublishMouseMove = (points: IPointerData) => void;
@@ -6211,6 +6244,17 @@ export declare type TSelectedCountry = {
     code: string;
 };
 
+export declare type TSessionReport = {
+    problems_attempted: number;
+    new_concepts_learnt?: number;
+    improvement_percentage?: number;
+    solved_independently?: number;
+    solved_with_help?: number;
+    next_steps?: string;
+    topic_data?: TTopicData[];
+    default_topic_image_url?: string;
+};
+
 declare type TSheetAttemptLocation = keyof typeof SHEET_ATTEMPT_LOCATION;
 
 declare type TSheetAttemptLocation_2 = keyof typeof SHEET_ATTEMPT_LOCATION;
@@ -6327,6 +6371,13 @@ export declare type TTextVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'q
 
 declare type TTimeUnit = 'hours' | 'minutes' | 'days';
 
+declare type TTopicData = {
+    topic_name: string;
+    topic_image: string;
+    summary: string;
+    is_attempted: boolean;
+};
+
 export declare type TTrackCTA = (params: {
     label?: string;
     analyticsLabel?: string;
@@ -6550,6 +6601,20 @@ export declare const useGetPuzzleToAssign: (initialId?: string, initialQuery?: v
     } & Record<string, unknown>) | undefined;
 };
 
+export declare const useGetSessionReports: (initialId?: string, initialQuery?: ISessionInsightsQuery | undefined) => {
+    get: (id: string, query: ISessionInsightsQuery, meta: void) => Promise<void>;
+    resource: ResourceModel<TSessionReport> | undefined;
+    data: TSessionReport | undefined;
+    permissions: Record<string, unknown> | undefined;
+    isProcessing: boolean;
+    isProcessed: boolean;
+    isProcessingFailed: boolean;
+    isStale: boolean;
+    error: ({
+        message?: string | undefined;
+    } & Record<string, unknown>) | undefined;
+};
+
 export declare const useGetTestHelpData: (initialId?: string, initialQuery?: void | undefined) => {
     get: (id: string, query: void, meta: {
         studentId: string;