@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/types/gn-speaking-interview/register.js

@@ -0,0 +1,122 @@
+import { GNSpeakingInterviewCreator } from './GNSpeakingInterviewCreator';
+export const gnSpeakingInterviewRegistration = {
+    component: GNSpeakingInterviewCreator,
+    transformInitialData: (initialData) => {
+        const content = initialData?.content;
+        const answer = initialData?.answer || initialData?.correctAnswer || initialData?.correct_answer;
+        const points = initialData?.total_points !== undefined && initialData?.total_points !== null
+            ? parseFloat(initialData.total_points)
+            : (initialData?.points ?? content?.points ?? answer?.points ?? 1);
+        const explanation = initialData?.explanation || content?.explanation || answer?.explanation || '';
+        // Normalize expected answers
+        const normalizeSampleAnswers = () => {
+            const newArr = answer?.expectedAnswers;
+            if (Array.isArray(newArr) && newArr.length > 0)
+                return newArr;
+            const arr = answer?.sampleAnswers;
+            if (Array.isArray(arr) && arr.length > 0)
+                return arr;
+            const single = answer?.sampleAnswer;
+            if (single)
+                return [single];
+            return [''];
+        };
+        if (content && typeof content === 'object' && content.targetCandidate !== undefined) {
+            return {
+                inputType: content.inputType || 'TEXT',
+                audioUrl: content.audioUrl || '',
+                imageUrl: content.imageUrl || '',
+                questionText: content.questionText || '',
+                targetCandidate: content.targetCandidate || 'REAL',
+                virtualAnswerText: content.virtualAnswer?.answerText || '',
+                virtualAnswerAudioUrl: content.virtualAnswer?.audioUrl || '',
+                isExtendedResponse: content.isExtendedResponse || false,
+                sampleAnswers: normalizeSampleAnswers(),
+                explanation,
+                points,
+            };
+        }
+        return {
+            inputType: answer?.inputType || content?.inputType || 'TEXT',
+            audioUrl: answer?.audioUrl || content?.audioUrl || '',
+            imageUrl: answer?.imageUrl || content?.imageUrl || '',
+            questionText: answer?.questionText || content?.questionText || '',
+            targetCandidate: answer?.targetCandidate || content?.targetCandidate || 'REAL',
+            virtualAnswerText: answer?.virtualAnswerText || content?.virtualAnswer?.answerText || '',
+            virtualAnswerAudioUrl: answer?.virtualAnswerAudioUrl || content?.virtualAnswer?.audioUrl || '',
+            isExtendedResponse: answer?.isExtendedResponse || content?.isExtendedResponse || false,
+            sampleAnswers: normalizeSampleAnswers(),
+            explanation,
+            points,
+        };
+    },
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+    }),
+    wrapOnSave: (data, ctx) => {
+        const expectedAnswers = (data.sampleAnswers || []).filter((s) => s && s.trim() !== '');
+        const isVirtual = data.targetCandidate === 'VIRTUAL'; // VIRTUAL = virtual by default
+        return {
+            type: ctx.questionType,
+            content: {
+                ...(typeof ctx.state.content === 'object' && ctx.state.content !== null
+                    ? ctx.state.content
+                    : {}),
+                inputType: data.inputType,
+                audioUrl: data.audioUrl || '',
+                imageUrl: data.imageUrl || '',
+                questionText: data.inputType === 'TEXT' ? data.questionText : undefined,
+                targetCandidate: data.targetCandidate || 'REAL',
+                virtualAnswer: isVirtual
+                    ? {
+                        answerText: data.virtualAnswerText || '',
+                        audioUrl: data.virtualAnswerAudioUrl || '',
+                    }
+                    : undefined,
+                isExtendedResponse: data.isExtendedResponse || false,
+            },
+            points: isVirtual ? 0 : (data?.points ?? ctx.state.points ?? 1),
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: {
+                expectedAnswers: isVirtual ? [] : expectedAnswers,
+            },
+            explanation: data?.explanation || '',
+        };
+    },
+    wrapOnChange: (data, ctx) => {
+        const expectedAnswers = data.sampleAnswers || [''];
+        const isVirtual = data.targetCandidate === 'VIRTUAL';
+        return {
+            type: ctx.questionType,
+            content: {
+                ...(typeof ctx.state.content === 'object' && ctx.state.content !== null
+                    ? ctx.state.content
+                    : {}),
+                inputType: data.inputType,
+                audioUrl: data.audioUrl || '',
+                imageUrl: data.imageUrl || '',
+                questionText: data.inputType === 'TEXT' ? data.questionText : undefined,
+                targetCandidate: data.targetCandidate || 'REAL',
+                virtualAnswer: isVirtual
+                    ? {
+                        answerText: data.virtualAnswerText || '',
+                        audioUrl: data.virtualAnswerAudioUrl || '',
+                    }
+                    : undefined,
+                isExtendedResponse: data.isExtendedResponse || false,
+            },
+            points: isVirtual ? 0 : (data?.points ?? ctx.state.points ?? 1),
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: {
+                expectedAnswers: isVirtual ? [] : expectedAnswers,
+            },
+            explanation: data?.explanation || '',
+        };
+    },
+};
+//# sourceMappingURL=register.js.map

package/dist/components/questions/types/gn-speaking-interview/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/gn-speaking-interview/register.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/gn-speaking-interview/transform.d.ts

@@ -0,0 +1,3 @@
+import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
+export declare const transformGNSpeakingInterview: TransformHandler;
+//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/gn-speaking-interview/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/gn-speaking-interview/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,eAAO,MAAM,4BAA4B,EAAE,gBAmD1C,CAAC"}

package/dist/components/questions/types/gn-speaking-interview/transform.js

@@ -0,0 +1,49 @@
+export const transformGNSpeakingInterview = (question) => {
+    const contentData = question.content;
+    const answerData = question.answer;
+    const inputType = contentData?.inputType || 'TEXT';
+    const targetCandidate = contentData?.targetCandidate || 'REAL'; // VIRTUAL=Virtual, REAL=Real
+    const apiContent = {
+        inputType,
+        // Always include audioUrl — populated when AUDIO, empty string when TEXT
+        audioUrl: contentData?.audioUrl || '',
+        imageUrl: contentData?.imageUrl || '',
+        targetCandidate,
+        isExtendedResponse: contentData?.isExtendedResponse || false,
+    };
+    // Include questionText when inputType is TEXT
+    if (inputType === 'TEXT' && contentData?.questionText) {
+        apiContent.questionText = contentData.questionText;
+    }
+    // Include virtualAnswer when targetCandidate is 'VIRTUAL'
+    if (targetCandidate === 'VIRTUAL' && contentData?.virtualAnswer) {
+        apiContent.virtualAnswer = {
+            answerText: contentData.virtualAnswer.answerText || '',
+            audioUrl: contentData.virtualAnswer.audioUrl || '',
+        };
+    }
+    // Normalize: support expectedAnswers, sampleAnswers (array) and legacy sampleAnswer
+    const expectedAnswers = (() => {
+        // Virtual candidates do not have expected answers
+        if (targetCandidate === 'VIRTUAL')
+            return [];
+        const newArr = answerData?.expectedAnswers;
+        if (Array.isArray(newArr))
+            return newArr.filter((s) => s && s.trim() !== '');
+        const arr = answerData?.sampleAnswers;
+        if (Array.isArray(arr))
+            return arr.filter((s) => s && s.trim() !== '');
+        const single = answerData?.sampleAnswer;
+        if (single && single.trim() !== '')
+            return [single];
+        return [];
+    })();
+    const apiCorrectAnswer = {
+        expectedAnswers,
+    };
+    return {
+        apiContent,
+        apiCorrectAnswer,
+    };
+};
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/gn-speaking-interview/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/gn-speaking-interview/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,4BAA4B,GAAqB,CAAC,QAAQ,EAAE,EAAE;IACzE,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAc,CAAC;IAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAa,CAAC;IAE1C,MAAM,SAAS,GAAG,WAAW,EAAE,SAAS,IAAI,MAAM,CAAC;IACnD,MAAM,eAAe,GAAG,WAAW,EAAE,eAAe,IAAI,MAAM,CAAC,CAAC,6BAA6B;IAE7F,MAAM,UAAU,GAA4B;QAC1C,SAAS;QACT,yEAAyE;QACzE,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,EAAE;QACrC,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,EAAE;QACrC,eAAe;QACf,kBAAkB,EAAE,WAAW,EAAE,kBAAkB,IAAI,KAAK;KAC7D,CAAC;IAEF,8CAA8C;IAC9C,IAAI,SAAS,KAAK,MAAM,IAAI,WAAW,EAAE,YAAY,EAAE,CAAC;QACtD,UAAU,CAAC,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC;IACrD,CAAC;IAED,0DAA0D;IAC1D,IAAI,eAAe,KAAK,SAAS,IAAI,WAAW,EAAE,aAAa,EAAE,CAAC;QAChE,UAAU,CAAC,aAAa,GAAG;YACzB,UAAU,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,IAAI,EAAE;YACtD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,IAAI,EAAE;SACnD,CAAC;IACJ,CAAC;IAED,oFAAoF;IACpF,MAAM,eAAe,GAAa,CAAC,GAAG,EAAE;QACtC,kDAAkD;QAClD,IAAI,eAAe,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QAE7C,MAAM,MAAM,GAAG,UAAU,EAAE,eAAe,CAAC;QAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QACrF,MAAM,GAAG,GAAG,UAAU,EAAE,aAAa,CAAC;QACtC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAAE,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC/E,MAAM,MAAM,GAAG,UAAU,EAAE,YAAY,CAAC;QACxC,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE;YAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QACpD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,gBAAgB,GAA4B;QAChD,eAAe;KAChB,CAAC;IAEF,OAAO;QACL,UAAU;QACV,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingClient.d.ts

@@ -0,0 +1,8 @@
+import type { ReadAndColorObjectsClientProps } from '../../_shared/types/read-and-color-objects.type';
+interface ImageObjectMatchingClientExportProps extends ReadAndColorObjectsClientProps {
+    explanation?: string;
+    isReviewMode?: boolean;
+}
+export declare function ImageObjectMatchingClient(props: ImageObjectMatchingClientExportProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ImageObjectMatchingClient.d.ts.map

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageObjectMatchingClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/ImageObjectMatchingClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AAcvH,UAAU,oCAAqC,SAAQ,8BAA8B;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,oCAAoC,+BAEpF"}

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingClient.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ColorRegionClient } from '../../components/ColorRegionClient';
+const imageObjectMatchingConfig = {
+    creatorTitle: 'Ghép nối hình ảnh',
+    creatorSubtitle: 'Tạo câu hỏi ghép nối hình ảnh với đối tượng',
+    instructionsLabel: 'Hướng dẫn ghép nối',
+    instructionsTips: [],
+    instructionPlaceholder: '',
+    previewTitle: 'Image Object Matching (Preview)',
+    clientTitle: 'Image Object Matching',
+    clientSubtitle: 'Ghép nối hình ảnh với đối tượng tương ứng',
+};
+export function ImageObjectMatchingClient(props) {
+    return _jsx(ColorRegionClient, { ...props, config: imageObjectMatchingConfig });
+}
+//# sourceMappingURL=ImageObjectMatchingClient.js.map

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageObjectMatchingClient.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/ImageObjectMatchingClient.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAIxF,MAAM,yBAAyB,GAAsB;IACnD,YAAY,EAAE,mBAAmB;IACjC,eAAe,EAAE,6CAA6C;IAC9D,iBAAiB,EAAE,oBAAoB;IACvC,gBAAgB,EAAE,EAAE;IACpB,sBAAsB,EAAE,EAAE;IAC1B,YAAY,EAAE,iCAAiC;IAC/C,WAAW,EAAE,uBAAuB;IACpC,cAAc,EAAE,2CAA2C;CAC5D,CAAC;AAOF,MAAM,UAAU,yBAAyB,CAAC,KAA2C;IACnF,OAAO,KAAC,iBAAiB,OAAK,KAAK,EAAE,MAAM,EAAE,yBAAyB,GAAI,CAAC;AAC7E,CAAC"}

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingCreator.d.ts

@@ -0,0 +1,3 @@
+import type { ReadAndColorObjectsCreatorProps } from '../../_shared/types/read-and-color-objects.type';
+export declare function ImageObjectMatchingCreator(props: ReadAndColorObjectsCreatorProps): import("react").JSX.Element;
+//# sourceMappingURL=ImageObjectMatchingCreator.d.ts.map

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageObjectMatchingCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/ImageObjectMatchingCreator.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,kEAAkE,CAAC;AAuBxH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,+BAQhF"}

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingCreator.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ColorRegionCreator } from '../../components/ColorRegionCreator';
+import { ImageObjectMatchingClient } from './ImageObjectMatchingClient';
+const imageObjectMatchingConfig = {
+    creatorTitle: 'Ghép nối hình ảnh',
+    creatorSubtitle: 'Tạo câu hỏi ghép nối hình ảnh với đối tượng',
+    instructionsLabel: 'Hướng dẫn ghép nối',
+    instructionsTips: [
+        'Upload hình ảnh nền cần ghép nối',
+        'Thêm đối tượng kèm label (ví dụ: Tom) và tạo vùng tương ứng trên hình ảnh',
+        'Kéo thả các vùng để điều chỉnh vị trí',
+        'Thêm hướng dẫn ghép nối cho mỗi câu lệnh (ví dụ: "Match the red object with the apple")',
+    ],
+    instructionPlaceholder: 'Match the red object with the apple',
+    instructionsRequired: false,
+    showColorLabel: true,
+    colorLabelPlaceholder: 'Nhập tên (ví dụ: Tom, Apple, Cat...)',
+    addItemLabel: 'Thêm đối tượng',
+    emptyItemMessage: 'Chưa có đối tượng nào. Nhấn "Thêm đối tượng" để bắt đầu.',
+    previewTitle: 'Image Object Matching (Preview)',
+    clientTitle: 'Image Object Matching',
+    clientSubtitle: 'Ghép nối hình ảnh với đối tượng tương ứng',
+};
+export function ImageObjectMatchingCreator(props) {
+    return (_jsx(ColorRegionCreator, { ...props, config: imageObjectMatchingConfig, ClientComponent: ImageObjectMatchingClient }));
+}
+//# sourceMappingURL=ImageObjectMatchingCreator.js.map

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageObjectMatchingCreator.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/ImageObjectMatchingCreator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC1F,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,MAAM,yBAAyB,GAAsB;IACnD,YAAY,EAAE,mBAAmB;IACjC,eAAe,EAAE,6CAA6C;IAC9D,iBAAiB,EAAE,oBAAoB;IACvC,gBAAgB,EAAE;QAChB,kCAAkC;QAClC,2EAA2E;QAC3E,uCAAuC;QACvC,yFAAyF;KAC1F;IACD,sBAAsB,EAAE,qCAAqC;IAC7D,oBAAoB,EAAE,KAAK;IAC3B,cAAc,EAAE,IAAI;IACpB,qBAAqB,EAAE,sCAAsC;IAC7D,YAAY,EAAE,gBAAgB;IAC9B,gBAAgB,EAAE,0DAA0D;IAC5E,YAAY,EAAE,iCAAiC;IAC/C,WAAW,EAAE,uBAAuB;IACpC,cAAc,EAAE,2CAA2C;CAC5D,CAAC;AAEF,MAAM,UAAU,0BAA0B,CAAC,KAAsC;IAC/E,OAAO,CACL,KAAC,kBAAkB,OACb,KAAK,EACT,MAAM,EAAE,yBAAyB,EACjC,eAAe,EAAE,yBAAyB,GAC1C,CACH,CAAC;AACJ,CAAC"}

package/dist/components/questions/types/image-object-matching/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ImageObjectMatchingCreator';
+export * from './ImageObjectMatchingClient';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/image-object-matching/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}

package/dist/components/questions/types/image-object-matching/index.js

@@ -0,0 +1,3 @@
+export * from './ImageObjectMatchingCreator';
+export * from './ImageObjectMatchingClient';
+//# sourceMappingURL=index.js.map

package/dist/components/questions/types/image-object-matching/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}

package/dist/components/questions/types/image-object-matching/register.d.ts

@@ -0,0 +1,2 @@
+export declare const imageObjectMatchingRegistration: import("../..").QuestionTypeRegistration;
+//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/image-object-matching/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/register.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,+BAA+B,0CAA4D,CAAC"}

package/dist/components/questions/types/image-object-matching/register.js

@@ -0,0 +1,4 @@
+import { ImageObjectMatchingCreator } from './ImageObjectMatchingCreator';
+import { createColorRegionRegistration } from '../../_shared/utils/createColorRegionRegistration';
+export const imageObjectMatchingRegistration = createColorRegionRegistration(ImageObjectMatchingCreator);
+//# sourceMappingURL=register.js.map

package/dist/components/questions/types/image-object-matching/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/register.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oEAAoE,CAAC;AAEnH,MAAM,CAAC,MAAM,+BAA+B,GAAG,6BAA6B,CAAC,0BAA0B,CAAC,CAAC"}

package/dist/components/questions/types/image-object-matching/transform.d.ts

@@ -0,0 +1,2 @@
+export { transformReadAndColorObjects as transformImageObjectMatching } from '../read-and-color-objects/transform';
+//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/image-object-matching/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/transform.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,IAAI,4BAA4B,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/components/questions/types/image-object-matching/transform.js

@@ -0,0 +1,3 @@
+// IMAGE_OBJECT_MATCHING reuses the same transform as READ_AND_COLOR_OBJECTS
+export { transformReadAndColorObjects as transformImageObjectMatching } from '../read-and-color-objects/transform';
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/image-object-matching/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/image-object-matching/transform.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,OAAO,EAAE,4BAA4B,IAAI,4BAA4B,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/components/questions/types/label-the-picture/LabelThePictureClient.d.ts

@@ -0,0 +1,7 @@
+import { LabelThePictureClientProps } from '../../_shared/types/label-the-picture.type';
+interface ExtendedProps extends LabelThePictureClientProps {
+    explanation?: string;
+}
+export declare function LabelThePictureClient({ questionData, userAnswer, isReviewMode, explanation, onSubmit, }: ExtendedProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=LabelThePictureClient.d.ts.map

package/dist/components/questions/types/label-the-picture/LabelThePictureClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelThePictureClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/label-the-picture/LabelThePictureClient.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,0BAA0B,EAC3B,MAAM,6DAA6D,CAAC;AAGrE,UAAU,aAAc,SAAQ,0BAA0B;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,UAAe,EACf,YAAoB,EACpB,WAAW,EACX,QAAQ,GACT,EAAE,aAAa,+BAmSf"}

package/dist/components/questions/types/label-the-picture/LabelThePictureClient.js

@@ -0,0 +1,103 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { cn } from '../../../../shared/lib/utils';
+import { Input } from '../../../../components/ui/input';
+import { Lightbulb } from 'lucide-react';
+import { usePresignedFileUrl } from '../../../../shared/lib/hooks';
+export function LabelThePictureClient({ questionData, userAnswer = {}, isReviewMode = false, explanation, onSubmit, }) {
+    const { imageUrl, wordBank, labels } = questionData;
+    // Initialize answers with pre-filled values
+    const initialAnswers = labels.reduce((acc, label) => {
+        if (label.isPreFilled && label.correctAnswer) {
+            acc[label.id] = label.correctAnswer;
+        }
+        return acc;
+    }, {});
+    const [answers, setAnswers] = useState(userAnswer || initialAnswers);
+    // Use refs to track previous values and prevent infinite loops
+    const previousUserAnswerRef = useRef('');
+    const previousLabelsRef = useRef('');
+    useEffect(() => {
+        // Serialize current values for comparison
+        const currentUserAnswerStr = JSON.stringify(userAnswer || {});
+        const currentLabelsStr = JSON.stringify(labels);
+        // Only update if values actually changed
+        if (previousUserAnswerRef.current === currentUserAnswerStr &&
+            previousLabelsRef.current === currentLabelsStr) {
+            return;
+        }
+        // Update refs
+        previousUserAnswerRef.current = currentUserAnswerStr;
+        previousLabelsRef.current = currentLabelsStr;
+        // Re-calculate pre-filled answers
+        const preFilledAnswers = labels.reduce((acc, label) => {
+            if (label.isPreFilled && label.correctAnswer) {
+                acc[label.id] = label.correctAnswer;
+            }
+            return acc;
+        }, {});
+        if (userAnswer && Object.keys(userAnswer).length > 0) {
+            // Merge user answers with pre-filled values
+            const mergedAnswers = { ...preFilledAnswers, ...userAnswer };
+            setAnswers(mergedAnswers);
+        }
+        else {
+            // Initialize with pre-filled values if no user answer
+            setAnswers(preFilledAnswers);
+        }
+    }, [userAnswer, labels]);
+    const handleAnswerChange = (labelId, value) => {
+        if (isReviewMode)
+            return;
+        const newAnswers = {
+            ...answers,
+            [labelId]: value,
+        };
+        setAnswers(newAnswers);
+        onSubmit?.(newAnswers);
+    };
+    const { previewUrl, isLoading: isLoadingUrl, error: urlError } = usePresignedFileUrl(imageUrl);
+    // Debug logging
+    console.log('🖼️ LabelThePictureClient image debug:', {
+        inputImageUrl: imageUrl,
+        previewUrl,
+        isLoadingUrl,
+        urlError,
+        finalSrc: previewUrl || imageUrl,
+    });
+    // Sort labels by number
+    const sortedLabels = [...labels].sort((a, b) => a.number - b.number);
+    return (_jsxs("div", { className: "space-y-5", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Label the Picture" }), _jsx("p", { className: "text-sm text-gray-500", children: "Nh\u00ECn tranh v\u00E0 \u0111i\u1EC1n t\u1EEB v\u00E0o c\u00E1c v\u1ECB tr\u00ED t\u01B0\u01A1ng \u1EE9ng" })] }) }), _jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-lg", children: [_jsx("div", { className: "border-b border-gray-100 bg-gradient-to-r from-gray-50 to-white px-5 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-red-400" }), _jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-yellow-400" }), _jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-green-400" }), _jsx("span", { className: "ml-3 text-sm font-medium text-gray-500", children: "H\u00ECnh \u1EA3nh" })] }) }), _jsx("div", { className: "flex justify-center bg-gradient-to-br from-slate-50 to-gray-100 p-4", children: _jsxs("div", { className: "relative max-h-[400px] w-full max-w-2xl overflow-hidden rounded-lg", children: [isLoadingUrl && (_jsx("div", { className: "flex h-64 items-center justify-center", children: _jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-gray-200 border-t-blue-500" }) })), !isLoadingUrl && (previewUrl || imageUrl) ? (
+                                /* eslint-disable-next-line @next/next/no-img-element */
+                                _jsx("img", { src: previewUrl || imageUrl, alt: "Label the picture", className: "h-full w-full object-contain", onError: (e) => {
+                                        console.error('Failed to load image:', imageUrl, 'previewUrl:', previewUrl);
+                                        // Replace with default placeholder
+                                        const target = e.target;
+                                        target.onerror = null; // Prevent infinite loop
+                                        target.src = '/images/placeholder-image.svg';
+                                    } })) : (_jsxs("div", { className: "flex h-64 flex-col items-center justify-center gap-3 bg-gray-50 rounded-lg border-2 border-dashed border-gray-200", children: [_jsx("svg", { className: "h-16 w-16 text-gray-300", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), _jsx("p", { className: "text-gray-400 font-medium", children: "Ch\u01B0a c\u00F3 h\u00ECnh \u1EA3nh" })] }))] }) })] }), wordBank.length > 0 && (_jsxs("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-gray-100 bg-gradient-to-r from-amber-50 to-orange-50 px-4 py-2.5", children: [_jsx("svg", { className: "h-5 w-5 text-amber-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" }) }), _jsx("h3", { className: "text-sm font-semibold text-gray-800", children: "Word Bank" })] }), _jsx("div", { className: "p-4", children: _jsx("div", { className: "flex flex-wrap gap-2", children: wordBank.map((word, index) => {
+                                const isUsedAsPreFilled = labels.some((label) => label.isPreFilled && label.correctAnswer === word);
+                                const isUsedByUser = Object.values(answers).includes(word);
+                                return (_jsxs("div", { className: cn('flex items-center gap-1.5 rounded-lg border-2 px-3 py-1.5 text-sm font-semibold transition-all', isUsedAsPreFilled
+                                        ? 'border-blue-300 bg-blue-50 text-blue-700'
+                                        : isUsedByUser
+                                            ? 'border-green-300 bg-green-50 text-green-700'
+                                            : 'border-gray-200 bg-white text-gray-700 hover:border-gray-300 hover:shadow-sm'), children: [word, isUsedAsPreFilled && (_jsx("span", { className: "rounded bg-blue-200 px-1 py-0.5 text-xs", children: "s\u1EB5n" })), isUsedByUser && !isUsedAsPreFilled && (_jsx("span", { className: "rounded bg-green-200 px-1 py-0.5 text-xs", children: "\u2713" }))] }, index));
+                            }) }) })] })), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("svg", { className: "h-5 w-5 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) }), _jsx("h3", { className: "text-sm font-semibold text-gray-800", children: "\u0110i\u1EC1n t\u1EEB v\u00E0o c\u00E1c v\u1ECB tr\u00ED" })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: sortedLabels.map((label) => {
+                            const userAnswerValue = answers[label.id] || '';
+                            const correctAnswer = label.correctAnswer.trim().toLowerCase();
+                            const userAnswerLower = userAnswerValue.trim().toLowerCase();
+                            const isCorrect = isReviewMode && userAnswerLower === correctAnswer && userAnswerValue.trim() !== '';
+                            const isWrong = isReviewMode && userAnswerValue.trim() !== '' && userAnswerLower !== correctAnswer;
+                            const isPreFilled = label.isPreFilled || false;
+                            return (_jsxs("div", { className: cn('group overflow-hidden rounded-xl border bg-white shadow-sm transition-all hover:shadow-md', isPreFilled && 'border-blue-300 bg-blue-50/30', isReviewMode && isCorrect && !isPreFilled && 'border-green-400 bg-green-50/50', isReviewMode && isWrong && !isPreFilled && 'border-red-400 bg-red-50/50', !isReviewMode && !isPreFilled && 'border-gray-200'), children: [_jsxs("div", { className: cn('flex items-center justify-between px-4 py-2', isPreFilled ? 'bg-blue-100/50' : 'bg-gray-50'), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: cn('flex h-7 w-7 items-center justify-center rounded-lg text-xs font-bold text-white shadow-sm', isPreFilled
+                                                            ? 'bg-blue-500'
+                                                            : isCorrect
+                                                                ? 'bg-green-500'
+                                                                : isWrong
+                                                                    ? 'bg-red-500'
+                                                                    : 'bg-gradient-to-br from-blue-500 to-indigo-600'), children: label.number }), _jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["V\u1ECB tr\u00ED ", label.number] })] }), isPreFilled && (_jsx("span", { className: "rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-600", children: "\u0110i\u1EC1n s\u1EB5n" })), isReviewMode && isCorrect && !isPreFilled && (_jsx("span", { className: "rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-600", children: "\u2713 \u0110\u00FAng" })), isReviewMode && isWrong && !isPreFilled && (_jsx("span", { className: "rounded-full bg-red-100 px-2 py-0.5 text-xs font-medium text-red-600", children: "\u2717 Sai" }))] }), _jsxs("div", { className: "p-4", children: [_jsx(Input, { value: userAnswerValue, onChange: (e) => handleAnswerChange(label.id, e.target.value), readOnly: isReviewMode || isPreFilled, placeholder: isPreFilled ? '' : 'Nhập từ...', className: cn('w-full text-center font-semibold', isPreFilled && 'bg-blue-50 border-blue-200 cursor-not-allowed', isCorrect && !isPreFilled && 'bg-green-50 border-green-300', isWrong && !isPreFilled && 'bg-red-50 border-red-300') }), isReviewMode && isWrong && !isPreFilled && (_jsxs("div", { className: "mt-2 rounded-lg bg-green-50 p-2 flex items-center justify-center gap-1.5 border border-green-200", children: [_jsx("span", { className: "text-xs text-green-600", children: "\u0110\u00E1p \u00E1n:" }), _jsx("span", { className: "text-sm font-bold text-green-700", children: label.correctAnswer })] }))] })] }, label.id));
+                        }) })] }), isReviewMode && explanation && (_jsx("div", { className: "rounded-xl bg-gradient-to-r from-blue-50 to-indigo-50 p-4 border border-blue-200", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-white", children: _jsx(Lightbulb, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-xs font-semibold text-blue-700 uppercase tracking-wider", children: "Gi\u1EA3i th\u00EDch" }), _jsx("p", { className: "mt-1 text-sm text-gray-700 leading-relaxed", children: explanation })] })] }) }))] }));
+}
+//# sourceMappingURL=LabelThePictureClient.js.map

package/dist/components/questions/types/label-the-picture/LabelThePictureClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelThePictureClient.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/label-the-picture/LabelThePictureClient.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/label-the-picture/LabelThePictureCreator.d.ts

@@ -0,0 +1,3 @@
+import { LabelThePictureCreatorProps } from '../../_shared/types/label-the-picture.type';
+export declare function LabelThePictureCreator(props: LabelThePictureCreatorProps): import("react").JSX.Element;
+//# sourceMappingURL=LabelThePictureCreator.d.ts.map

package/dist/components/questions/types/label-the-picture/LabelThePictureCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelThePictureCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/label-the-picture/LabelThePictureCreator.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,2BAA2B,EAG5B,MAAM,6DAA6D,CAAC;AA8uBrE,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,+BAExE"}