@tinyweb_dev/oe-exam-sdk 0.1.0 → 0.1.2

package/dist/components/questions/types/listen-and-speak-image-group/register.js

@@ -1,82 +1 @@
-import { ListenAndSpeakImageGroupCreator } from './ListenAndSpeakImageGroupCreator';
-export const listenAndSpeakImageGroupRegistration = {
-    component: ListenAndSpeakImageGroupCreator,
-    transformInitialData: (apiData) => {
-        const { content, answer, questionGroup, explanation, points } = apiData;
-        let creatorData = {
-            audioUrl: '',
-            expectedAnswers: [''],
-        };
-        if (content && typeof content === 'object') {
-            creatorData = {
-                audioUrl: content.audioUrl || '',
-                activeImageId: content.activeImageId || '',
-                expectedAnswers: answer?.expectedAnswers || [],
-                groupImages: answer?.groupImages || content.groupImages || questionGroup?.payload?.images || [],
-                groupNumber: answer?.groupNumber || content.groupNumber || questionGroup?.groupNumber || 1,
-                explanation,
-                points: points || 1,
-                isBackup: content.isBackup || false,
-            };
-        }
-        else if (answer && typeof answer === 'object') {
-            creatorData = {
-                ...answer,
-                audioUrl: answer.audioUrl || content?.audioUrl || '',
-                activeImageId: answer.activeImageId || content?.activeImageId || '',
-                groupImages: answer.groupImages || content?.groupImages || questionGroup?.payload?.images || [],
-                groupNumber: answer.groupNumber || content?.groupNumber || questionGroup?.groupNumber || 1,
-                explanation,
-                points: points || 1,
-                isBackup: content?.isBackup || false,
-            };
-        }
-        return creatorData;
-    },
-    getExtraProps: (ctx) => ({
-        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
-        validationRef: ctx.validationRef,
-        groups: ctx.groups,
-        questionIndexInPart: ctx.questionIndexInPart,
-        partId: ctx.partId,
-    }),
-    wrapOnSave: (data, ctx) => ({
-        type: ctx.questionType,
-        content: {
-            ...(typeof ctx.state.content === 'object' && ctx.state.content !== null ? ctx.state.content : {}),
-            audioUrl: data.audioUrl,
-            activeImageId: data.activeImageId,
-            groupImages: data.groupImages,
-            groupNumber: data.groupNumber,
-            isBackup: data.isBackup || false,
-        },
-        points: data?.points ?? ctx.state.points ?? 1,
-        level: ctx.state.level,
-        difficulty: ctx.state.difficulty,
-        skill: ctx.state.skill,
-        answer: {
-            expectedAnswers: data.expectedAnswers,
-        },
-        explanation: data?.explanation || '',
-    }),
-    wrapOnChange: (data, ctx) => ({
-        type: ctx.questionType,
-        content: {
-            ...(typeof ctx.state.content === 'object' && ctx.state.content !== null ? ctx.state.content : {}),
-            audioUrl: data.audioUrl,
-            activeImageId: data.activeImageId,
-            groupImages: data.groupImages,
-            groupNumber: data.groupNumber,
-            isBackup: data.isBackup || false,
-        },
-        points: data?.points ?? ctx.state.points ?? 1,
-        level: ctx.state.level,
-        difficulty: ctx.state.difficulty,
-        skill: ctx.state.skill,
-        answer: {
-            expectedAnswers: data.expectedAnswers,
-        },
-        explanation: data?.explanation || '',
-    }),
-};
-//# sourceMappingURL=register.js.map
+import{ListenAndSpeakImageGroupCreator as e}from"./ListenAndSpeakImageGroupCreator";export const listenAndSpeakImageGroupRegistration={component:e,transformInitialData:e=>{const{content:t,answer:a,questionGroup:o,explanation:n,points:s}=e;let p={audioUrl:"",expectedAnswers:[""]};return t&&"object"==typeof t?p={audioUrl:t.audioUrl||"",activeImageId:t.activeImageId||"",expectedAnswers:a?.expectedAnswers||[],groupImages:a?.groupImages||t.groupImages||o?.payload?.images||[],groupNumber:a?.groupNumber||t.groupNumber||o?.groupNumber||1,explanation:n,points:s||1,isBackup:t.isBackup||!1}:a&&"object"==typeof a&&(p={...a,audioUrl:a.audioUrl||t?.audioUrl||"",activeImageId:a.activeImageId||t?.activeImageId||"",groupImages:a.groupImages||t?.groupImages||o?.payload?.images||[],groupNumber:a.groupNumber||t?.groupNumber||o?.groupNumber||1,explanation:n,points:s||1,isBackup:t?.isBackup||!1}),p},getExtraProps:e=>({onUnsavedChangesChange:e.onUnsavedChangesChange,validationRef:e.validationRef,groups:e.groups,questionIndexInPart:e.questionIndexInPart,partId:e.partId}),wrapOnSave:(e,t)=>({type:t.questionType,content:{..."object"==typeof t.state.content&&null!==t.state.content?t.state.content:{},audioUrl:e.audioUrl,activeImageId:e.activeImageId,groupImages:e.groupImages,groupNumber:e.groupNumber,isBackup:e.isBackup||!1},points:e?.points??t.state.points??1,level:t.state.level,difficulty:t.state.difficulty,skill:t.state.skill,answer:{expectedAnswers:e.expectedAnswers},explanation:e?.explanation||""}),wrapOnChange:(e,t)=>({type:t.questionType,content:{..."object"==typeof t.state.content&&null!==t.state.content?t.state.content:{},audioUrl:e.audioUrl,activeImageId:e.activeImageId,groupImages:e.groupImages,groupNumber:e.groupNumber,isBackup:e.isBackup||!1},points:e?.points??t.state.points??1,level:t.state.level,difficulty:t.state.difficulty,skill:t.state.skill,answer:{expectedAnswers:e.expectedAnswers},explanation:e?.explanation||""})};

package/dist/components/questions/types/listen-and-speak-image-group/transform.d.ts

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

package/dist/components/questions/types/listen-and-speak-image-group/transform.js

@@ -1,27 +1 @@
-export const transformListenAndSpeakImageGroup = (question) => {
-    const contentData = question.content;
-    const answerData = question.answer;
-    const questionGroup = question.questionGroup;
-    const expectedAnswers = answerData?.expectedAnswers || [];
-    const apiContent = {
-        audioUrl: contentData?.audioUrl || answerData?.audioUrl || '',
-        activeImageId: contentData?.activeImageId || answerData?.activeImageId || '',
-        isBackup: contentData?.isBackup || answerData?.isBackup || false,
-    };
-    const result = {
-        apiContent,
-        apiCorrectAnswer: {
-            expectedAnswers: expectedAnswers,
-        },
-    };
-    if (contentData?.groupImages) {
-        result.sceneData = { images: contentData.groupImages };
-        result.groupNumber = contentData.groupNumber || questionGroup?.groupNumber || 1;
-    }
-    else if (questionGroup?.payload?.images) {
-        result.sceneData = { images: questionGroup.payload.images };
-        result.groupNumber = questionGroup.groupNumber;
-    }
-    return result;
-};
-//# sourceMappingURL=transform.js.map
+export const transformListenAndSpeakImageGroup=e=>{const a=e.content,r=e.answer,o=e.questionGroup,s=r?.expectedAnswers||[],u={apiContent:{audioUrl:a?.audioUrl||r?.audioUrl||"",activeImageId:a?.activeImageId||r?.activeImageId||"",isBackup:a?.isBackup||r?.isBackup||!1},apiCorrectAnswer:{expectedAnswers:s}};return a?.groupImages?(u.sceneData={images:a.groupImages},u.groupNumber=a.groupNumber||o?.groupNumber||1):o?.payload?.images&&(u.sceneData={images:o.payload.images},u.groupNumber=o.groupNumber),u};

package/dist/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeClient.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { ListenAndSpeakInfoExchangeClientProps } from '../../_shared/types/listen-and-speak-info-exchange.type';
 export declare function ListenAndSpeakInfoExchangeClient({ questionData, isReviewMode, viewMode, }: ListenAndSpeakInfoExchangeClientProps): React.JSX.Element;
-//# sourceMappingURL=ListenAndSpeakInfoExchangeClient.d.ts.map

package/dist/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeClient.js

@@ -1,39 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Volume2, Mic, CheckCircle2, Play, Pause, Info, ArrowLeftRight } from 'lucide-react';
-import { Button } from '../../../../components/ui/button';
-import { usePresignedFileUrl, useAudioPreview } from '../../../../shared/lib/hooks';
-// ─── Sub-component: Custom Audio Player ──────────────────────────────────────
-function QuestionAudioPlayer({ audioUrl }) {
-    const { previewUrl } = usePresignedFileUrl(audioUrl);
-    const { isPlaying, currentTime, duration, progressPercentage, handlePlayPause, handleProgressClick, formatTime, } = useAudioPreview(previewUrl);
-    return (_jsxs("div", { className: "flex items-center gap-3 rounded-lg bg-gradient-to-r from-indigo-50 to-purple-50 border border-indigo-200 px-4 py-2.5", children: [_jsx(Button, { variant: "outline", size: "icon", onClick: handlePlayPause, disabled: !previewUrl, className: "h-8 w-8 border-indigo-300 text-indigo-600 hover:bg-indigo-100", children: isPlaying ? _jsx(Pause, { className: "h-3.5 w-3.5" }) : _jsx(Play, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "text-muted-foreground min-w-[70px] text-xs", children: [formatTime(currentTime), " / ", formatTime(duration)] }), _jsx("div", { className: "bg-indigo-200 relative h-1.5 flex-1 cursor-pointer rounded-full", onClick: handleProgressClick, children: _jsx("div", { className: "bg-indigo-500 absolute top-0 left-0 h-full rounded-full transition-all", style: { width: `${progressPercentage}%` } }) }), _jsx(Volume2, { className: "h-4 w-4 text-indigo-400" })] }));
-}
-// ─── Sub-component: Presigned Image Preview ──────────────────────────────────
-function ImagePreview({ imageUrl, title }) {
-    const { previewUrl, isLoading } = usePresignedFileUrl(imageUrl);
-    if (isLoading) {
-        return (_jsx("div", { className: "w-full aspect-[4/3] rounded-xl border-2 border-gray-200 bg-gray-100 animate-pulse flex items-center justify-center", children: _jsx("span", { className: "text-gray-400 text-sm", children: "\u0110ang t\u1EA3i..." }) }));
-    }
-    if (!previewUrl)
-        return null;
-    return (_jsx("img", { src: previewUrl, alt: title || 'Illustration', className: "w-full rounded-xl border-2 border-gray-200 object-cover shadow-sm" }));
-}
-// ─── Sub-component: Info Table ────────────────────────────────────────────────
-function InfoTable({ label, title, rows, headerColor, }) {
-    return (_jsxs("div", { className: "rounded-xl overflow-hidden border border-gray-200 shadow-sm", children: [_jsx("div", { className: `${headerColor} text-white text-xs font-bold text-center py-1.5 tracking-widest uppercase`, children: label }), _jsx("div", { className: "bg-amber-50 text-center font-semibold text-sm py-2 border-b border-gray-200", children: title }), _jsx("table", { className: "w-full text-sm", children: _jsx("tbody", { children: rows.map((row, index) => (_jsxs("tr", { className: "border-b border-gray-100 last:border-0 bg-white", children: [_jsx("td", { className: "px-3 py-2 font-medium text-gray-700 w-1/2", children: row.key }), _jsx("td", { className: `px-3 py-2 w-1/2 ${row.value === '?' ? 'text-gray-400 font-bold text-base' : 'text-gray-800'}`, children: row.value })] }, index))) }) })] }));
-}
-// ─── Main Client Component ───────────────────────────────────────────────────
-export function ListenAndSpeakInfoExchangeClient({ questionData, isReviewMode = false, viewMode = 'ANSWER', }) {
-    const { audioUrl, title, imageUrl, fields, expectedAnswers = [], explanation } = questionData;
-    const qData = questionData;
-    // Use dual fields if available, fall back to legacy single fields
-    const candidateRows = (qData.candidateFields || fields || [])
-        .map((f) => ({ key: f.key, value: f.answer }));
-    const examinerRows = (qData.examinerFields || [])
-        .map((f) => ({ key: f.key, value: f.answer }));
-    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: [_jsx("div", { className: "flex items-center justify-between border-b border-gray-100 bg-gradient-to-r from-indigo-50 to-blue-50 px-5 py-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-indigo-500 to-blue-600 text-white shadow-sm", children: _jsx(ArrowLeftRight, { className: "h-4 w-4" }) }), _jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["Nghe v\u00E0 n\u00F3i (Trao \u0111\u1ED5i th\u00F4ng tin \u2014 ", viewMode === 'ANSWER' ? 'Trả lời' : 'Đặt câu hỏi', ")"] })] }) }), _jsxs("div", { className: "p-5 space-y-5", children: [audioUrl ? (_jsx(QuestionAudioPlayer, { audioUrl: audioUrl })) : (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-3", children: [_jsx(Volume2, { className: "h-4 w-4 text-gray-400" }), _jsx("span", { className: "text-xs text-gray-400", children: "Ch\u01B0a c\u00F3 audio c\u00E2u h\u1ECFi" })] })), _jsxs("div", { className: "flex flex-col lg:flex-row gap-4", children: [imageUrl && (_jsx("div", { className: "lg:w-1/2", children: _jsx(ImagePreview, { imageUrl: imageUrl, title: title }) })), _jsxs("div", { className: "flex-1 space-y-4", children: [_jsx(InfoTable, { label: "CANDIDATE'S COPY", title: title, rows: candidateRows, headerColor: "bg-teal-600" }), _jsx(InfoTable, { label: "EXAMINER'S COPY", title: title, rows: examinerRows, headerColor: "bg-amber-600" })] })] }), _jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-dashed border-gray-300 bg-gray-50/80 px-4 py-3", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-indigo-50 ring-2 ring-indigo-100/50", children: _jsx(Mic, { className: "w-4 h-4 text-indigo-400" }) }), _jsx("p", { className: "text-xs text-gray-400", children: viewMode === 'ANSWER'
-                                        ? 'Học sinh sẽ nhấn nút ghi âm và nói câu trả lời tại đây'
-                                        : 'Học sinh sẽ nhấn nút ghi âm và đặt câu hỏi tại đây' })] }), isReviewMode && expectedAnswers.length > 0 && (_jsxs("div", { className: "rounded-xl border border-green-200 bg-green-50/80 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsx("h4", { className: "text-sm font-semibold text-green-800", children: viewMode === 'ANSWER' ? 'Các đáp án mong muốn' : 'Các câu hỏi mong muốn' })] }), _jsx("div", { className: "space-y-2", children: expectedAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-center gap-2.5 rounded-lg bg-white/70 border border-green-100 px-3 py-2", children: [_jsx("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-green-100 text-green-700 text-xs font-bold", children: index + 1 }), _jsx("span", { className: "text-sm text-green-800", children: answer })] }, index))) })] })), isReviewMode && explanation && (_jsxs("div", { className: "rounded-xl border border-indigo-200 bg-indigo-50 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Info, { className: "h-4 w-4 text-indigo-600" }), _jsx("p", { className: "text-sm font-semibold text-indigo-800", children: "Gi\u1EA3i th\u00EDch" })] }), _jsx("p", { className: "text-sm text-indigo-700 leading-relaxed", children: explanation })] }))] })] }) }));
-}
-//# sourceMappingURL=ListenAndSpeakInfoExchangeClient.js.map
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Volume2 as i,Mic as t,CheckCircle2 as a,Play as l,Pause as s,Info as d,ArrowLeftRight as n}from"lucide-react";import{Button as o}from"../../../../components/ui/button";import{usePresignedFileUrl as c,useAudioPreview as m}from"../../../../shared/lib/hooks";function g({audioUrl:t}){const{previewUrl:a}=c(t),{isPlaying:d,currentTime:n,duration:g,progressPercentage:h,handlePlayPause:x,handleProgressClick:b,formatTime:u}=m(a);return r("div",{className:"flex items-center gap-3 rounded-lg bg-gradient-to-r from-indigo-50 to-purple-50 border border-indigo-200 px-4 py-2.5",children:[e(o,{variant:"outline",size:"icon",onClick:x,disabled:!a,className:"h-8 w-8 border-indigo-300 text-indigo-600 hover:bg-indigo-100",children:e(d?s:l,{className:"h-3.5 w-3.5"})}),r("div",{className:"text-muted-foreground min-w-[70px] text-xs",children:[u(n)," / ",u(g)]}),e("div",{className:"bg-indigo-200 relative h-1.5 flex-1 cursor-pointer rounded-full",onClick:b,children:e("div",{className:"bg-indigo-500 absolute top-0 left-0 h-full rounded-full transition-all",style:{width:`${h}%`}})}),e(i,{className:"h-4 w-4 text-indigo-400"})]})}function h({imageUrl:r,title:i}){const{previewUrl:t,isLoading:a}=c(r);return a?e("div",{className:"w-full aspect-[4/3] rounded-xl border-2 border-gray-200 bg-gray-100 animate-pulse flex items-center justify-center",children:e("span",{className:"text-gray-400 text-sm",children:"Đang tải..."})}):t?e("img",{src:t,alt:i||"Illustration",className:"w-full rounded-xl border-2 border-gray-200 object-cover shadow-sm"}):null}function x({label:i,title:t,rows:a,headerColor:l}){return r("div",{className:"rounded-xl overflow-hidden border border-gray-200 shadow-sm",children:[e("div",{className:`${l} text-white text-xs font-bold text-center py-1.5 tracking-widest uppercase`,children:i}),e("div",{className:"bg-amber-50 text-center font-semibold text-sm py-2 border-b border-gray-200",children:t}),e("table",{className:"w-full text-sm",children:e("tbody",{children:a.map((i,t)=>r("tr",{className:"border-b border-gray-100 last:border-0 bg-white",children:[e("td",{className:"px-3 py-2 font-medium text-gray-700 w-1/2",children:i.key}),e("td",{className:"px-3 py-2 w-1/2 "+("?"===i.value?"text-gray-400 font-bold text-base":"text-gray-800"),children:i.value})]},t))})})]})}export function ListenAndSpeakInfoExchangeClient({questionData:l,isReviewMode:s=!1,viewMode:o="ANSWER"}){const{audioUrl:c,title:m,imageUrl:b,fields:u,expectedAnswers:p=[],explanation:f}=l,N=l,y=(N.candidateFields||u||[]).map(e=>({key:e.key,value:e.answer})),v=(N.examinerFields||[]).map(e=>({key:e.key,value:e.answer}));return e("div",{className:"space-y-4",children:r("div",{className:"overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",children:[e("div",{className:"flex items-center justify-between border-b border-gray-100 bg-gradient-to-r from-indigo-50 to-blue-50 px-5 py-3",children:r("div",{className:"flex items-center gap-3",children:[e("div",{className:"flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-indigo-500 to-blue-600 text-white shadow-sm",children:e(n,{className:"h-4 w-4"})}),r("span",{className:"text-sm font-medium text-gray-700",children:["Nghe và nói (Trao đổi thông tin — ","ANSWER"===o?"Trả lời":"Đặt câu hỏi",")"]})]})}),r("div",{className:"p-5 space-y-5",children:[c?e(g,{audioUrl:c}):r("div",{className:"flex items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-3",children:[e(i,{className:"h-4 w-4 text-gray-400"}),e("span",{className:"text-xs text-gray-400",children:"Chưa có audio câu hỏi"})]}),r("div",{className:"flex flex-col lg:flex-row gap-4",children:[b&&e("div",{className:"lg:w-1/2",children:e(h,{imageUrl:b,title:m})}),r("div",{className:"flex-1 space-y-4",children:[e(x,{label:"CANDIDATE'S COPY",title:m,rows:y,headerColor:"bg-teal-600"}),e(x,{label:"EXAMINER'S COPY",title:m,rows:v,headerColor:"bg-amber-600"})]})]}),r("div",{className:"flex items-center gap-3 rounded-lg border border-dashed border-gray-300 bg-gray-50/80 px-4 py-3",children:[e("div",{className:"flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-indigo-50 ring-2 ring-indigo-100/50",children:e(t,{className:"w-4 h-4 text-indigo-400"})}),e("p",{className:"text-xs text-gray-400",children:"ANSWER"===o?"Học sinh sẽ nhấn nút ghi âm và nói câu trả lời tại đây":"Học sinh sẽ nhấn nút ghi âm và đặt câu hỏi tại đây"})]}),s&&p.length>0&&r("div",{className:"rounded-xl border border-green-200 bg-green-50/80 p-4",children:[r("div",{className:"flex items-center gap-2 mb-3",children:[e(a,{className:"h-4 w-4 text-green-600"}),e("h4",{className:"text-sm font-semibold text-green-800",children:"ANSWER"===o?"Các đáp án mong muốn":"Các câu hỏi mong muốn"})]}),e("div",{className:"space-y-2",children:p.map((i,t)=>r("div",{className:"flex items-center gap-2.5 rounded-lg bg-white/70 border border-green-100 px-3 py-2",children:[e("span",{className:"flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-green-100 text-green-700 text-xs font-bold",children:t+1}),e("span",{className:"text-sm text-green-800",children:i})]},t))})]}),s&&f&&r("div",{className:"rounded-xl border border-indigo-200 bg-indigo-50 p-4",children:[r("div",{className:"flex items-center gap-2 mb-2",children:[e(d,{className:"h-4 w-4 text-indigo-600"}),e("p",{className:"text-sm font-semibold text-indigo-800",children:"Giải thích"})]}),e("p",{className:"text-sm text-indigo-700 leading-relaxed",children:f})]})]})]})})}

package/dist/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeCreator.d.ts

@@ -9,4 +9,3 @@ interface ExtendedCreatorProps extends Omit<ListenAndSpeakInfoExchangeCreatorPro
 }
 export declare function ListenAndSpeakInfoExchangeCreator({ questionIndex, initialData, onChange, validationRef, onUnsavedChangesChange, isFirstInGroup: isFirstInGroupProp, partId, groups, questionIndexInPart, viewMode, }: ExtendedCreatorProps): React.JSX.Element;
 export {};
-//# sourceMappingURL=ListenAndSpeakInfoExchangeCreator.d.ts.map