@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/_shared/hooks/useInfoExchangeGroup.js

@@ -0,0 +1,51 @@
+import { useCallback, useEffect } from 'react';
+import { useExamQuestionStore } from '../../../../shared/lib/stores/examQuestionStore';
+const EMPTY_DATA = {
+    title: '', imageUrl: '', fields: [],
+    candidateFields: [], examinerFields: [],
+};
+export function useInfoExchangeGroup(partId, groupNumber) {
+    const { getSharedInfoExchangeData, setSharedInfoExchangeData } = useExamQuestionStore();
+    const isValid = partId !== undefined && groupNumber !== undefined;
+    const rawData = isValid
+        ? getSharedInfoExchangeData(partId, groupNumber)
+        : undefined;
+    const groupData = {
+        title: rawData?.title || '',
+        imageUrl: rawData?.imageUrl || '',
+        fields: rawData?.fields || [],
+        candidateFields: rawData?.candidateFields || rawData?.fields || [],
+        examinerFields: rawData?.examinerFields || [],
+    };
+    // Sync from localStorage on mount
+    useEffect(() => {
+        if (!isValid)
+            return;
+        const current = getSharedInfoExchangeData(partId, groupNumber);
+        if (!current) {
+            try {
+                const key = `exam_info_exchange_${partId}_${groupNumber}`;
+                const saved = localStorage.getItem(key);
+                if (saved) {
+                    const parsed = JSON.parse(saved);
+                    if (parsed?.payload) {
+                        setSharedInfoExchangeData(partId, groupNumber, parsed.payload);
+                    }
+                }
+            }
+            catch { }
+        }
+    }, [partId, groupNumber, isValid, getSharedInfoExchangeData, setSharedInfoExchangeData]);
+    const updateGroupData = useCallback((data) => {
+        if (!isValid)
+            return;
+        const current = getSharedInfoExchangeData(partId, groupNumber) || EMPTY_DATA;
+        setSharedInfoExchangeData(partId, groupNumber, { ...current, ...data });
+    }, [isValid, partId, groupNumber, getSharedInfoExchangeData, setSharedInfoExchangeData]);
+    return {
+        ...groupData,
+        updateGroupData,
+        isValid,
+    };
+}
+//# sourceMappingURL=useInfoExchangeGroup.js.map

package/dist/components/questions/_shared/hooks/useInfoExchangeGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfoExchangeGroup.js","sourceRoot":"","sources":["../../../../../src/components/questions/_shared/hooks/useInfoExchangeGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAU7E,MAAM,UAAU,GAA0B;IACtC,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;IACnC,eAAe,EAAE,EAAE,EAAE,cAAc,EAAE,EAAE;CAC1C,CAAC;AAEF,MAAM,UAAU,oBAAoB,CAAC,MAAe,EAAE,WAAoB;IACtE,MAAM,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAExF,MAAM,OAAO,GAAG,MAAM,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,CAAC;IAElE,MAAM,OAAO,GAAG,OAAO;QACnB,CAAC,CAAC,yBAAyB,CAAC,MAAM,EAAE,WAAW,CAAC;QAChD,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,SAAS,GAA0B;QACrC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE;QAC3B,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE;QACjC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,EAAE;QAC7B,eAAe,EAAE,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,IAAI,EAAE;QAClE,cAAc,EAAE,OAAO,EAAE,cAAc,IAAI,EAAE;KAChD,CAAC;IAEF,kCAAkC;IAClC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,OAAO,GAAG,yBAAyB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,IAAI,CAAC;gBACD,MAAM,GAAG,GAAG,sBAAsB,MAAM,IAAI,WAAW,EAAE,CAAC;gBAC1D,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBACxC,IAAI,KAAK,EAAE,CAAC;oBACR,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBACjC,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;wBAClB,yBAAyB,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;oBACnE,CAAC;gBACL,CAAC;YACL,CAAC;YAAC,MAAM,CAAC,CAAA,CAAC;QACd,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,yBAAyB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAEzF,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,IAAoC,EAAE,EAAE;QACrC,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,OAAO,GAAG,yBAAyB,CAAC,MAAM,EAAE,WAAW,CAAC,IAAI,UAAU,CAAC;QAC7E,yBAAyB,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;IAC5E,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,yBAAyB,EAAE,yBAAyB,CAAC,CACvF,CAAC;IAEF,OAAO;QACH,GAAG,SAAS;QACZ,eAAe;QACf,OAAO;KACV,CAAC;AACN,CAAC"}

package/dist/components/questions/_shared/hooks/useQuestionFormState.d.ts

@@ -0,0 +1,90 @@
+import { QuestionType, Level, Difficulty, Skill } from '../../../../shared/types/common.types';
+import { ArrangeLettersIntoWordsData } from '../types';
+export interface QuestionFormState {
+    questionType: QuestionType | '';
+    content: string;
+    level: Level;
+    difficulty: Difficulty;
+    skill: Skill;
+    points: number;
+    audioUrl: string;
+    images: Array<{
+        id: string;
+        url: string;
+        isCorrect: boolean;
+    }>;
+    blanks: string[];
+    options: string[];
+    correctOption: number;
+    mcImageUrl: string;
+    imageUrl: string;
+    statements: Array<{
+        id: string;
+        text: string;
+        isCorrect: boolean;
+    }>;
+    arrangeLettersData: ArrangeLettersIntoWordsData | undefined;
+    passage: string;
+    passageBlanks: Array<{
+        index: number;
+        correctAnswer: string;
+        alternatives?: string[];
+    }>;
+    viewImageMainImageUrl: string;
+    viewImageMainTitle: string;
+    viewImagePassage: string;
+    viewImageBlanks: Array<{
+        index: number;
+        correctAnswer: string;
+        alternatives?: string[];
+    }>;
+    viewImageWordBank: Array<{
+        id: string;
+        imageUrl: string;
+        text: string;
+    }>;
+    readChooseBestImageUrl: string;
+    readChooseBestQuestionerName: string;
+    readChooseBestResponderName: string;
+    readChooseBestSubQuestions: Array<{
+        id: string;
+        question: string;
+        options: Array<{
+            id: string;
+            text: string;
+            isCorrect?: boolean;
+        }>;
+    }>;
+    fillMissingWordsInGrid: Array<Array<string | null>>;
+    fillMissingWordsInGridRows: number;
+    fillMissingWordsInGridColumns: number;
+    fillMissingWordsInGridAnswers: Array<{
+        position: string;
+        correctAnswer: string;
+    }>;
+    lookPictureChooseSubQuestions: Array<{
+        id: string;
+        imageUrl: string;
+        question: string;
+        options: Array<{
+            id: string;
+            text: string;
+            isCorrect: boolean;
+        }>;
+    }>;
+    lookPictureFillWordHintSubQuestions: Array<{
+        id: string;
+        imageUrl: string;
+        word: string;
+        correctAnswer: string;
+        hintLetters?: string[];
+    }>;
+}
+export declare function useQuestionFormState(): {
+    state: QuestionFormState;
+    updateField: <K extends keyof QuestionFormState>(field: K, value: QuestionFormState[K]) => void;
+    resetState: () => void;
+    resetToInitialData: (initialData: Partial<QuestionFormState>) => void;
+    setState: import("react").Dispatch<import("react").SetStateAction<QuestionFormState>>;
+};
+//# sourceMappingURL=useQuestionFormState.d.ts.map

package/dist/components/questions/_shared/hooks/useQuestionFormState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionFormState.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/_shared/hooks/useQuestionFormState.ts"],"names":[],"mappings":"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"}

package/dist/components/questions/_shared/hooks/useQuestionFormState.js

@@ -0,0 +1,55 @@
+import { useState, useCallback } from 'react';
+const initialState = {
+    questionType: '',
+    content: '',
+    level: 'A1',
+    difficulty: 'EASY',
+    skill: 'READING',
+    points: 1,
+    audioUrl: '',
+    images: [],
+    blanks: [''],
+    options: ['', '', '', ''],
+    correctOption: 0,
+    mcImageUrl: '',
+    imageUrl: '',
+    statements: [{ id: '1', text: '', isCorrect: true }],
+    arrangeLettersData: undefined,
+    passage: '',
+    passageBlanks: [],
+    viewImageMainImageUrl: '',
+    viewImageMainTitle: '',
+    viewImagePassage: '',
+    viewImageBlanks: [],
+    viewImageWordBank: [],
+    readChooseBestImageUrl: '',
+    readChooseBestQuestionerName: '',
+    readChooseBestResponderName: '',
+    readChooseBestSubQuestions: [],
+    fillMissingWordsInGrid: [],
+    fillMissingWordsInGridRows: 4,
+    fillMissingWordsInGridColumns: 8,
+    fillMissingWordsInGridAnswers: [],
+    lookPictureChooseSubQuestions: [],
+    lookPictureFillWordHintSubQuestions: [],
+};
+export function useQuestionFormState() {
+    const [state, setState] = useState(initialState);
+    const updateField = useCallback((field, value) => {
+        setState((prev) => ({ ...prev, [field]: value }));
+    }, []);
+    const resetState = useCallback(() => {
+        setState(initialState);
+    }, []);
+    const resetToInitialData = useCallback((initialData) => {
+        setState((prev) => ({ ...prev, ...initialData }));
+    }, []);
+    return {
+        state,
+        updateField,
+        resetState,
+        resetToInitialData,
+        setState,
+    };
+}
+//# sourceMappingURL=useQuestionFormState.js.map

package/dist/components/questions/_shared/hooks/useQuestionFormState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionFormState.js","sourceRoot":"","sources":["../../../../../src/components/questions/_shared/hooks/useQuestionFormState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AA8E9C,MAAM,YAAY,GAAsB;IACtC,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACzB,aAAa,EAAE,CAAC;IAChB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACpD,kBAAkB,EAAE,SAAS;IAC7B,OAAO,EAAE,EAAE;IACX,aAAa,EAAE,EAAE;IACjB,qBAAqB,EAAE,EAAE;IACzB,kBAAkB,EAAE,EAAE;IACtB,gBAAgB,EAAE,EAAE;IACpB,eAAe,EAAE,EAAE;IACnB,iBAAiB,EAAE,EAAE;IACrB,sBAAsB,EAAE,EAAE;IAC1B,4BAA4B,EAAE,EAAE;IAChC,2BAA2B,EAAE,EAAE;IAC/B,0BAA0B,EAAE,EAAE;IAC9B,sBAAsB,EAAE,EAAE;IAC1B,0BAA0B,EAAE,CAAC;IAC7B,6BAA6B,EAAE,CAAC;IAChC,6BAA6B,EAAE,EAAE;IACjC,6BAA6B,EAAE,EAAE;IACjC,mCAAmC,EAAE,EAAE;CACxC,CAAC;AAEF,MAAM,UAAU,oBAAoB;IAClC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,YAAY,CAAC,CAAC;IAEpE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAoC,KAAQ,EAAE,KAA2B,EAAE,EAAE;QAC3E,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACpD,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,WAAuC,EAAE,EAAE;QACjF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,KAAK;QACL,WAAW;QACX,UAAU;QACV,kBAAkB;QAClB,QAAQ;KACT,CAAC;AACJ,CAAC"}

package/dist/components/questions/_shared/hooks/useQuestionInitialization.d.ts

@@ -0,0 +1,13 @@
+import { QuestionType, Skill } from '../../../../shared/types/common.types';
+import { QuestionFormState } from './useQuestionFormState';
+interface UseQuestionInitializationProps {
+    initialData?: any;
+    prefilledType?: QuestionType;
+    prefilledSkill?: Skill;
+    updateField: <K extends keyof QuestionFormState>(field: K, value: QuestionFormState[K]) => void;
+}
+export declare function useQuestionInitialization({ initialData, prefilledType, prefilledSkill, updateField, }: UseQuestionInitializationProps): {
+    isInitializing: () => boolean;
+};
+export {};
+//# sourceMappingURL=useQuestionInitialization.d.ts.map

package/dist/components/questions/_shared/hooks/useQuestionInitialization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionInitialization.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/_shared/hooks/useQuestionInitialization.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D,UAAU,8BAA8B;IACtC,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,WAAW,EAAE,CAAC,CAAC,SAAS,MAAM,iBAAiB,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjG;AAED,wBAAgB,yBAAyB,CAAC,EACxC,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,GACZ,EAAE,8BAA8B;;EA4HhC"}

package/dist/components/questions/_shared/hooks/useQuestionInitialization.js

@@ -0,0 +1,124 @@
+import { useEffect, useRef } from 'react';
+export function useQuestionInitialization({ initialData, prefilledType, prefilledSkill, updateField, }) {
+    const isInitializingRef = useRef(false);
+    const previousInitialDataRef = useRef(null);
+    const previousPrefilledTypeRef = useRef(undefined);
+    const previousPrefilledSkillRef = useRef(undefined);
+    const updateFieldRef = useRef(updateField);
+    // Keep updateField ref up to date
+    useEffect(() => {
+        updateFieldRef.current = updateField;
+    }, [updateField]);
+    useEffect(() => {
+        // Check if initialData actually changed
+        const initialDataChanged = JSON.stringify(previousInitialDataRef.current) !== JSON.stringify(initialData);
+        const prefilledTypeChanged = previousPrefilledTypeRef.current !== prefilledType;
+        const prefilledSkillChanged = previousPrefilledSkillRef.current !== prefilledSkill;
+        // Only proceed if something actually changed
+        if (!initialDataChanged && !prefilledTypeChanged && !prefilledSkillChanged) {
+            return;
+        }
+        if (initialDataChanged) {
+            isInitializingRef.current = true;
+            previousInitialDataRef.current = initialData;
+        }
+        if (prefilledTypeChanged) {
+            previousPrefilledTypeRef.current = prefilledType;
+        }
+        if (prefilledSkillChanged) {
+            previousPrefilledSkillRef.current = prefilledSkill;
+        }
+        // Set prefilled values
+        if (prefilledType) {
+            updateFieldRef.current('questionType', prefilledType);
+        }
+        else if (initialData?.type) {
+            updateFieldRef.current('questionType', initialData.type);
+        }
+        if (prefilledSkill) {
+            updateFieldRef.current('skill', prefilledSkill);
+        }
+        // Load initial data if provided
+        if (initialData) {
+            if (initialData.content)
+                updateFieldRef.current('content', initialData.content);
+            if (initialData.level)
+                updateFieldRef.current('level', initialData.level);
+            if (initialData.difficulty)
+                updateFieldRef.current('difficulty', initialData.difficulty);
+            if (initialData.skill)
+                updateFieldRef.current('skill', initialData.skill);
+            if (initialData.points)
+                updateFieldRef.current('points', initialData.points);
+            // Load answer data based on question type
+            if (initialData.answer) {
+                const answerData = initialData.answer;
+                switch (initialData.type) {
+                    case 'LISTEN_AND_FILL_IN_THE_BLANK_WITH_IMAGE':
+                        if (answerData.audioUrl)
+                            updateFieldRef.current('audioUrl', answerData.audioUrl);
+                        if (answerData.blanks)
+                            updateFieldRef.current('blanks', answerData.blanks);
+                        break;
+                    case 'CHOOSE_THE_CORRECT_ANSWER':
+                        if (answerData.options)
+                            updateFieldRef.current('options', answerData.options);
+                        if (answerData.correctAnswer !== undefined)
+                            updateFieldRef.current('correctOption', answerData.correctAnswer);
+                        if (answerData.imageUrl)
+                            updateFieldRef.current('mcImageUrl', answerData.imageUrl);
+                        if (answerData.audioUrl)
+                            updateFieldRef.current('audioUrl', answerData.audioUrl);
+                        break;
+                    case 'TICK_TRUE_OR_FALSE':
+                    case 'TICK_YES_OR_NO':
+                        if (answerData.statements)
+                            updateFieldRef.current('statements', answerData.statements);
+                        break;
+                    case 'ARRANGE_LETTERS_INTO_WORDS':
+                        if (answerData.subQuestions) {
+                            updateFieldRef.current('arrangeLettersData', {
+                                subQuestions: answerData.subQuestions,
+                            });
+                        }
+                        break;
+                    case 'READ_PASSAGE_AND_COMPLETE_STORY':
+                        if (answerData.passage)
+                            updateFieldRef.current('passage', answerData.passage);
+                        if (answerData.blanks)
+                            updateFieldRef.current('passageBlanks', answerData.blanks);
+                        break;
+                    case 'FILL_MISSING_WORDS_IN_GRID':
+                        if (answerData.grid)
+                            updateFieldRef.current('fillMissingWordsInGrid', answerData.grid);
+                        if (answerData.rows !== undefined)
+                            updateFieldRef.current('fillMissingWordsInGridRows', answerData.rows);
+                        if (answerData.columns !== undefined)
+                            updateFieldRef.current('fillMissingWordsInGridColumns', answerData.columns);
+                        if (answerData.missingLetters)
+                            updateFieldRef.current('fillMissingWordsInGridAnswers', answerData.missingLetters);
+                        break;
+                    case 'LOOK_PICTURE_CHOOSE_CORRECT_ANSWER':
+                    case 'LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER':
+                        if (answerData.subQuestions)
+                            updateFieldRef.current('lookPictureChooseSubQuestions', answerData.subQuestions);
+                        break;
+                    case 'LOOK_PICTURE_FILL_WORD_HINT':
+                        if (answerData.subQuestions)
+                            updateFieldRef.current('lookPictureFillWordHintSubQuestions', answerData.subQuestions);
+                        break;
+                }
+            }
+        }
+        // Reset flag after initialization completes
+        if (initialDataChanged) {
+            setTimeout(() => {
+                isInitializingRef.current = false;
+            }, 100);
+        }
+    }, [initialData, prefilledType, prefilledSkill]);
+    return {
+        isInitializing: () => isInitializingRef.current,
+    };
+}
+//# sourceMappingURL=useQuestionInitialization.js.map

package/dist/components/questions/_shared/hooks/useQuestionInitialization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionInitialization.js","sourceRoot":"","sources":["../../../../../src/components/questions/_shared/hooks/useQuestionInitialization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAY1C,MAAM,UAAU,yBAAyB,CAAC,EACxC,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,GACoB;IAC/B,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,sBAAsB,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACjD,MAAM,wBAAwB,GAAG,MAAM,CAA2B,SAAS,CAAC,CAAC;IAC7E,MAAM,yBAAyB,GAAG,MAAM,CAAoB,SAAS,CAAC,CAAC;IACvE,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAE3C,kCAAkC;IAClC,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;IACvC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,wCAAwC;QACxC,MAAM,kBAAkB,GACtB,IAAI,CAAC,SAAS,CAAC,sBAAsB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACjF,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,OAAO,KAAK,aAAa,CAAC;QAChF,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,OAAO,KAAK,cAAc,CAAC;QAEnF,6CAA6C;QAC7C,IAAI,CAAC,kBAAkB,IAAI,CAAC,oBAAoB,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC3E,OAAO;QACT,CAAC;QAED,IAAI,kBAAkB,EAAE,CAAC;YACvB,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;YACjC,sBAAsB,CAAC,OAAO,GAAG,WAAW,CAAC;QAC/C,CAAC;QAED,IAAI,oBAAoB,EAAE,CAAC;YACzB,wBAAwB,CAAC,OAAO,GAAG,aAAa,CAAC;QACnD,CAAC;QAED,IAAI,qBAAqB,EAAE,CAAC;YAC1B,yBAAyB,CAAC,OAAO,GAAG,cAAc,CAAC;QACrD,CAAC;QAED,uBAAuB;QACvB,IAAI,aAAa,EAAE,CAAC;YAClB,cAAc,CAAC,OAAO,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,WAAW,EAAE,IAAI,EAAE,CAAC;YAC7B,cAAc,CAAC,OAAO,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3D,CAAC;QAED,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QAClD,CAAC;QAED,gCAAgC;QAChC,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,WAAW,CAAC,OAAO;gBAAE,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;YAChF,IAAI,WAAW,CAAC,KAAK;gBAAE,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;YAC1E,IAAI,WAAW,CAAC,UAAU;gBAAE,cAAc,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;YACzF,IAAI,WAAW,CAAC,KAAK;gBAAE,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;YAC1E,IAAI,WAAW,CAAC,MAAM;gBAAE,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;YAE7E,0CAA0C;YAC1C,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;gBACvB,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;gBAEtC,QAAQ,WAAW,CAAC,IAAI,EAAE,CAAC;oBAEzB,KAAK,yCAAyC;wBAC5C,IAAI,UAAU,CAAC,QAAQ;4BAAE,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;wBACjF,IAAI,UAAU,CAAC,MAAM;4BAAE,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;wBAC3E,MAAM;oBACR,KAAK,2BAA2B;wBAC9B,IAAI,UAAU,CAAC,OAAO;4BAAE,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;wBAC9E,IAAI,UAAU,CAAC,aAAa,KAAK,SAAS;4BACxC,cAAc,CAAC,OAAO,CAAC,eAAe,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;wBACpE,IAAI,UAAU,CAAC,QAAQ;4BAAE,cAAc,CAAC,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;wBACnF,IAAI,UAAU,CAAC,QAAQ;4BAAE,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;wBACjF,MAAM;oBAER,KAAK,oBAAoB,CAAC;oBAC1B,KAAK,gBAAgB;wBACnB,IAAI,UAAU,CAAC,UAAU;4BAAE,cAAc,CAAC,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;wBACvF,MAAM;oBACR,KAAK,4BAA4B;wBAC/B,IAAI,UAAU,CAAC,YAAY,EAAE,CAAC;4BAC5B,cAAc,CAAC,OAAO,CAAC,oBAAoB,EAAE;gCAC3C,YAAY,EAAE,UAAU,CAAC,YAAY;6BACP,CAAC,CAAC;wBACpC,CAAC;wBACD,MAAM;oBACR,KAAK,iCAAiC;wBACpC,IAAI,UAAU,CAAC,OAAO;4BAAE,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;wBAC9E,IAAI,UAAU,CAAC,MAAM;4BAAE,cAAc,CAAC,OAAO,CAAC,eAAe,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;wBAClF,MAAM;oBAER,KAAK,4BAA4B;wBAC/B,IAAI,UAAU,CAAC,IAAI;4BACjB,cAAc,CAAC,OAAO,CAAC,wBAAwB,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;wBACpE,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS;4BAC/B,cAAc,CAAC,OAAO,CAAC,4BAA4B,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;wBACxE,IAAI,UAAU,CAAC,OAAO,KAAK,SAAS;4BAClC,cAAc,CAAC,OAAO,CAAC,+BAA+B,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;wBAC9E,IAAI,UAAU,CAAC,cAAc;4BAC3B,cAAc,CAAC,OAAO,CAAC,+BAA+B,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;wBACrF,MAAM;oBACR,KAAK,oCAAoC,CAAC;oBAC1C,KAAK,uCAAuC;wBAC1C,IAAI,UAAU,CAAC,YAAY;4BACzB,cAAc,CAAC,OAAO,CAAC,+BAA+B,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;wBACnF,MAAM;oBACR,KAAK,6BAA6B;wBAChC,IAAI,UAAU,CAAC,YAAY;4BACzB,cAAc,CAAC,OAAO,CAAC,qCAAqC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;wBACzF,MAAM;gBACV,CAAC;YACH,CAAC;QACH,CAAC;QAED,4CAA4C;QAC5C,IAAI,kBAAkB,EAAE,CAAC;YACvB,UAAU,CAAC,GAAG,EAAE;gBACd,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;YACpC,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEjD,OAAO;QACL,cAAc,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO;KAChD,CAAC;AACJ,CAAC"}

package/dist/components/questions/_shared/hooks/useQuestionListGroup.d.ts

@@ -0,0 +1,20 @@
+import type { QuestionGroupConfig } from '../types/question-group.type';
+import { LookPictureQuestionItem } from '../../../../shared/types/questions/listen-and-speak-question-list';
+export declare function getGroupNumberForIndex(questionIndexInPart: number | undefined, groups: QuestionGroupConfig[] | undefined): number;
+export interface QuestionListGroupData {
+    questions?: LookPictureQuestionItem[];
+}
+export interface UseQuestionListGroupOptions {
+    partId?: string;
+    groups?: QuestionGroupConfig[];
+    questionIndexInPart?: number;
+    initialData?: QuestionListGroupData;
+}
+export interface UseQuestionListGroupReturn {
+    isGrouped: boolean;
+    currentGroupNumber: number;
+    questions: LookPictureQuestionItem[];
+    setQuestions: (value: LookPictureQuestionItem[] | ((prev: LookPictureQuestionItem[]) => LookPictureQuestionItem[])) => void;
+}
+export declare function useQuestionListGroup({ partId, groups, questionIndexInPart, initialData, }: UseQuestionListGroupOptions): UseQuestionListGroupReturn;
+//# sourceMappingURL=useQuestionListGroup.d.ts.map

package/dist/components/questions/_shared/hooks/useQuestionListGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionListGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/_shared/hooks/useQuestionListGroup.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAElG,wBAAgB,sBAAsB,CAClC,mBAAmB,EAAE,MAAM,GAAG,SAAS,EACvC,MAAM,EAAE,mBAAmB,EAAE,GAAG,SAAS,GAC1C,MAAM,CAUR;AAED,MAAM,WAAW,qBAAqB;IAClC,SAAS,CAAC,EAAE,uBAAuB,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,2BAA2B;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAED,MAAM,WAAW,0BAA0B;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,uBAAuB,EAAE,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,uBAAuB,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,uBAAuB,EAAE,KAAK,uBAAuB,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/H;AAED,wBAAgB,oBAAoB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,WAAW,GACd,EAAE,2BAA2B,GAAG,0BAA0B,CAgH1D"}

package/dist/components/questions/_shared/hooks/useQuestionListGroup.js

@@ -0,0 +1,122 @@
+'use client';
+import { useState, useEffect, useRef } from 'react';
+import { useExamQuestionStore } from '../../../../shared/lib/stores/examQuestionStore';
+export function getGroupNumberForIndex(questionIndexInPart, groups) {
+    if (!groups || groups.length === 0 || questionIndexInPart === undefined)
+        return 1;
+    let cumulative = 0;
+    for (const group of groups) {
+        cumulative += group.questionCount;
+        if (questionIndexInPart < cumulative) {
+            return group.number;
+        }
+    }
+    return groups[groups.length - 1]?.number ?? 1;
+}
+export function useQuestionListGroup({ partId, groups, questionIndexInPart, initialData, }) {
+    const setSharedListData = useExamQuestionStore((s) => s.setSharedListData);
+    const getSharedListData = useExamQuestionStore((s) => s.getSharedListData);
+    const sharedListData = useExamQuestionStore((s) => s.sharedListData);
+    const isGrouped = Boolean(groups && groups.length > 0);
+    const currentGroupNumber = getGroupNumberForIndex(questionIndexInPart, groups);
+    const resolveInitial = () => {
+        if (isGrouped && partId) {
+            const stored = getSharedListData(partId, currentGroupNumber);
+            if (stored && stored.questions !== undefined) {
+                return {
+                    questions: stored.questions && stored.questions.length > 0
+                        ? stored.questions
+                        : initialData?.questions ?? [],
+                };
+            }
+        }
+        return {
+            questions: initialData?.questions ?? [],
+        };
+    };
+    const initial = resolveInitial();
+    const [questionsState, setQuestionsState] = useState(initial.questions ?? []);
+    const prevGroupNumberRef = useRef(currentGroupNumber);
+    useEffect(() => {
+        if (!isGrouped || !partId)
+            return;
+        if (!initialData)
+            return;
+        const stored = getSharedListData(partId, currentGroupNumber);
+        if (stored && stored.questions !== undefined)
+            return;
+        const newQuestions = initialData.questions && initialData.questions.length > 0
+            ? initialData.questions
+            : null;
+        if (newQuestions === null)
+            return;
+        setQuestionsState(newQuestions);
+        setSharedListData(partId, currentGroupNumber, {
+            ...(stored || {}),
+            questions: newQuestions,
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initialData, partId, currentGroupNumber, isGrouped]);
+    useEffect(() => {
+        if (prevGroupNumberRef.current === currentGroupNumber)
+            return;
+        prevGroupNumberRef.current = currentGroupNumber;
+        if (!isGrouped || !partId)
+            return;
+        const stored = getSharedListData(partId, currentGroupNumber);
+        if (stored && stored.questions && stored.questions.length > 0) {
+            setQuestionsState(stored.questions);
+        }
+        else {
+            setQuestionsState(initialData?.questions ?? []);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [currentGroupNumber, partId, isGrouped]);
+    // ------------------------------------------------------------------
+    // Subscribe to external store changes (from other questions in group)
+    // ------------------------------------------------------------------
+    useEffect(() => {
+        if (!isGrouped || !partId)
+            return;
+        const stored = getSharedListData(partId, currentGroupNumber);
+        if (stored && stored.questions) {
+            // Only update if references/lengths differ to avoid infinite loops,
+            // or perform a deep comparison if needed. For now, basic length/ref check:
+            setQuestionsState((prev) => {
+                if (JSON.stringify(prev) !== JSON.stringify(stored.questions)) {
+                    return stored.questions || [];
+                }
+                return prev;
+            });
+        }
+    }, [sharedListData, isGrouped, partId, currentGroupNumber, getSharedListData]);
+    const persistToStore = (nodes) => {
+        if (!isGrouped || !partId)
+            return;
+        const stored = getSharedListData(partId, currentGroupNumber);
+        setSharedListData(partId, currentGroupNumber, {
+            ...(stored || {}),
+            questions: nodes,
+        });
+    };
+    const setQuestions = (value) => {
+        if (typeof value === 'function') {
+            setQuestionsState((prev) => {
+                const next = value(prev);
+                persistToStore(next);
+                return next;
+            });
+        }
+        else {
+            setQuestionsState(value);
+            persistToStore(value);
+        }
+    };
+    return {
+        isGrouped,
+        currentGroupNumber,
+        questions: questionsState,
+        setQuestions,
+    };
+}
+//# sourceMappingURL=useQuestionListGroup.js.map

package/dist/components/questions/_shared/hooks/useQuestionListGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionListGroup.js","sourceRoot":"","sources":["../../../../../src/components/questions/_shared/hooks/useQuestionListGroup.ts"],"names":[],"mappings":"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"}

package/dist/components/questions/_shared/hooks/useQuestionOnChange.d.ts

@@ -0,0 +1,13 @@
+import { QuestionType } from '../../../../shared/types/common.types';
+import { ExamQuestion } from '../../../../shared/types/entities/exam.types';
+import { QuestionFormState } from './useQuestionFormState';
+interface UseQuestionOnChangeProps {
+    onChange?: (questionData: Partial<ExamQuestion>) => void;
+    state: QuestionFormState;
+    isInitializing: () => boolean;
+    /** Matches QuestionCreator — used before `state.questionType` is hydrated */
+    prefilledType?: QuestionType;
+}
+export declare function useQuestionOnChange({ onChange, state, isInitializing, prefilledType, }: UseQuestionOnChangeProps): void;
+export {};
+//# sourceMappingURL=useQuestionOnChange.d.ts.map

package/dist/components/questions/_shared/hooks/useQuestionOnChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionOnChange.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/_shared/hooks/useQuestionOnChange.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACzD,KAAK,EAAE,iBAAiB,CAAC;IACzB,cAAc,EAAE,MAAM,OAAO,CAAC;IAC9B,6EAA6E;IAC7E,aAAa,CAAC,EAAE,YAAY,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,cAAc,EACd,aAAa,GACd,EAAE,wBAAwB,QA8E1B"}

package/dist/components/questions/_shared/hooks/useQuestionOnChange.js

@@ -0,0 +1,71 @@
+import { useEffect, useRef } from 'react';
+import { QUESTION_TYPES_WITH_DEDICATED_COMPONENTS } from '../config/question-types.config';
+import { buildAnswerPayload } from '../utils/answer-builder';
+export function useQuestionOnChange({ onChange, state, isInitializing, prefilledType, }) {
+    const onChangeRef = useRef(onChange);
+    const previousPayloadRef = useRef('');
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    useEffect(() => {
+        if (!onChange)
+            return;
+        const effectiveQuestionType = (state.questionType || prefilledType || '');
+        // Skip entirely for question types that render a dedicated creator component.
+        // Those components push real answer payloads via their own `onChange`; the
+        // generic `useQuestionFormState` is often stale or empty for them. Running
+        // this hook anyway causes spurious `onChange` calls on unrelated parent
+        // re-renders (e.g. LISTENING part audio upload), flipping the question to
+        // "Chưa lưu". Example: WORD_FILL_STRUCTURED_FORM was missing from the old
+        // manual allowlist while CHOOSE_THE_CORRECT_ANSWER was listed — behaviour
+        // diverged between those types.
+        if (effectiveQuestionType &&
+            QUESTION_TYPES_WITH_DEDICATED_COMPONENTS.includes(effectiveQuestionType)) {
+            return;
+        }
+        const questionType = state.questionType;
+        // Skip onChange during initialization to prevent infinite loop
+        if (isInitializing())
+            return;
+        const computedAnswer = buildAnswerPayload(questionType, state);
+        const payload = {
+            type: questionType || undefined,
+            content: state.content,
+            points: state.points,
+            level: state.level,
+            difficulty: state.difficulty,
+            skill: state.skill,
+        };
+        if (computedAnswer !== undefined) {
+            payload.answer = computedAnswer;
+        }
+        // Serialize payload for comparison
+        const payloadString = JSON.stringify(payload);
+        // Only call onChange if payload actually changed
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            onChangeRef.current?.(payload);
+        }
+    }, [
+        onChange,
+        prefilledType,
+        state.questionType,
+        state.content,
+        state.points,
+        state.level,
+        state.difficulty,
+        state.skill,
+        state.audioUrl,
+        state.blanks,
+        state.options,
+        state.correctOption,
+        state.imageUrl,
+        state.statements,
+        state.arrangeLettersData,
+        state.passage,
+        state.passageBlanks,
+        state.mcImageUrl,
+        isInitializing,
+    ]);
+}
+//# sourceMappingURL=useQuestionOnChange.js.map

package/dist/components/questions/_shared/hooks/useQuestionOnChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuestionOnChange.js","sourceRoot":"","sources":["../../../../../src/components/questions/_shared/hooks/useQuestionOnChange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,wCAAwC,EAAE,MAAM,iCAAiC,CAAC;AAE3F,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAU7D,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,cAAc,EACd,aAAa,GACY;IACzB,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,MAAM,kBAAkB,GAAG,MAAM,CAAS,EAAE,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,qBAAqB,GAAG,CAAC,KAAK,CAAC,YAAY,IAAI,aAAa,IAAI,EAAE,CAAiB,CAAC;QAE1F,8EAA8E;QAC9E,2EAA2E;QAC3E,2EAA2E;QAC3E,wEAAwE;QACxE,0EAA0E;QAC1E,0EAA0E;QAC1E,0EAA0E;QAC1E,gCAAgC;QAChC,IACE,qBAAqB;YACrB,wCAAwC,CAAC,QAAQ,CAAC,qBAAqC,CAAC,EACxF,CAAC;YACD,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,KAAK,CAAC,YAA4B,CAAC;QAExD,+DAA+D;QAC/D,IAAI,cAAc,EAAE;YAAE,OAAO;QAE7B,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAE/D,MAAM,OAAO,GAA0B;YACrC,IAAI,EAAE,YAAY,IAAI,SAAS;YAC/B,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,CAAC;QAEF,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;YACjC,OAAO,CAAC,MAAM,GAAG,cAAqB,CAAC;QACzC,CAAC;QAED,mCAAmC;QACnC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAE9C,iDAAiD;QACjD,IAAI,kBAAkB,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;YACjD,kBAAkB,CAAC,OAAO,GAAG,aAAa,CAAC;YAC3C,WAAW,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,EAAE;QACD,QAAQ;QACR,aAAa;QACb,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,OAAO;QACb,KAAK,CAAC,MAAM;QACZ,KAAK,CAAC,KAAK;QACX,KAAK,CAAC,UAAU;QAChB,KAAK,CAAC,KAAK;QACX,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,MAAM;QACZ,KAAK,CAAC,OAAO;QACb,KAAK,CAAC,aAAa;QACnB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,UAAU;QAChB,KAAK,CAAC,kBAAkB;QACxB,KAAK,CAAC,OAAO;QACb,KAAK,CAAC,aAAa;QACnB,KAAK,CAAC,UAAU;QAEhB,cAAc;KACf,CAAC,CAAC;AACL,CAAC"}