@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/groups/ArticlesGroupCard.d.ts

@@ -0,0 +1,35 @@
+import type { ArticleData } from '../_shared/types/question-group.type';
+export interface ArticlesGroupCardProps {
+    /** Which group number is being displayed (shown in the badge) */
+    groupNumber: number;
+    /** Number of articles to display */
+    articleCount: number;
+    /** Current articles data */
+    articles: ArticleData[];
+    /** Called when any article field changes */
+    onArticlesChange: (articles: ArticleData[]) => void;
+    /** Title for the entire group of articles */
+    title?: string;
+    /** Called when the title changes */
+    onTitleChange?: (value: string) => void;
+    /** Whether the user is allowed to edit the group fields */
+    isReadOnly?: boolean;
+    /**
+     * Scopes the FileUpload `id` attribute to avoid DOM id collisions.
+     * Defaults to `"articles-group"`.
+     */
+    uploadIdPrefix?: string;
+}
+/**
+ * `ArticlesGroupCard`
+ *
+ * Renders N article cards within a single group. Each article has:
+ *   - name (e.g. "Ariel", "Clive", "Vicky")
+ *   - content (textarea for the reading passage)
+ *   - imageUrl (file upload for the person's photo)
+ *
+ * Used for question types that require multiple reading passages per group,
+ * such as KEY_FOR_SCHOOLS Reading Part 2.
+ */
+export declare function ArticlesGroupCard({ groupNumber, articleCount, articles, onArticlesChange, title, onTitleChange, isReadOnly, uploadIdPrefix, }: ArticlesGroupCardProps): import("react").JSX.Element;
+//# sourceMappingURL=ArticlesGroupCard.d.ts.map

package/dist/components/questions/groups/ArticlesGroupCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticlesGroupCard.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/groups/ArticlesGroupCard.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;AA4K5F,MAAM,WAAW,sBAAsB;IACrC,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,4CAA4C;IAC5C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAEpD,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,KAAU,EACV,aAAa,EACb,UAAkB,EAClB,cAAiC,GAClC,EAAE,sBAAsB,+BA6MxB"}

package/dist/components/questions/groups/ArticlesGroupCard.js

@@ -0,0 +1,122 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import TextAlign from '@tiptap/extension-text-align';
+import { ImagePreview } from '../../../components/ui/image-preview';
+import { Input } from '../../../components/ui/input';
+import { Label } from '../../../components/ui/label';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../components/ui/card';
+import { FileUpload } from '../../../components/ui/file-upload';
+import { ImageIcon, Layers, Type, FileText, PlusCircle, Trash2, Bold, Italic, Strikethrough, Heading1, Heading2, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, Undo2, Redo2, } from 'lucide-react';
+import { Button } from '../../../components/ui/button';
+import { usePresignedFileUrl } from '../../../shared/lib/hooks';
+// ---------------------------------------------------------------------------
+// Toolbar helpers
+// ---------------------------------------------------------------------------
+function ToolbarBtn({ onClick, active, disabled, title, children, }) {
+    return (_jsx("button", { type: "button", title: title, onClick: onClick, disabled: disabled, className: `flex h-7 w-7 items-center justify-center rounded-md text-sm transition-colors
+        ${active ? 'bg-teal-500 text-white shadow-sm' : 'text-gray-600 hover:bg-gray-200 hover:text-gray-900'}
+        ${disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'}
+      `, children: children }));
+}
+function ToolbarSep() {
+    return _jsx("div", { className: "mx-0.5 h-5 w-px shrink-0 bg-gray-300" });
+}
+function ArticleEditor({ value, onChange, isReadOnly = false }) {
+    const [mounted, setMounted] = useState(false);
+    const editor = useEditor({
+        immediatelyRender: false,
+        editable: !isReadOnly,
+        extensions: [
+            StarterKit,
+            TextAlign.configure({ types: ['heading', 'paragraph'] }),
+        ],
+        content: value || '',
+        onUpdate: ({ editor }) => {
+            onChange(editor.getHTML());
+        },
+        editorProps: {
+            attributes: {
+                class: [
+                    'focus:outline-none min-h-[120px] max-h-[400px] overflow-y-auto p-3 text-sm text-gray-800 leading-relaxed',
+                    'prose prose-sm max-w-none',
+                    '[&_h1]:text-xl [&_h1]:font-bold [&_h1]:mb-2',
+                    '[&_h2]:text-lg [&_h2]:font-bold [&_h2]:mb-1.5',
+                    '[&_ul]:list-disc [&_ul]:ml-5 [&_ol]:list-decimal [&_ol]:ml-5',
+                    '[&_li]:mb-0.5',
+                    '[&_strong]:font-bold [&_em]:italic [&_s]:line-through',
+                    '[&_hr]:border-gray-300 [&_hr]:my-3',
+                    isReadOnly ? 'bg-gray-50 cursor-not-allowed' : 'bg-white',
+                ].join(' '),
+            },
+        },
+    });
+    useEffect(() => { setMounted(true); }, []);
+    useEffect(() => {
+        if (editor && value !== undefined && value !== editor.getHTML()) {
+            setTimeout(() => editor.commands.setContent(value, { emitUpdate: false }), 0);
+        }
+    }, [value, editor]);
+    useEffect(() => {
+        editor?.setEditable(!isReadOnly);
+    }, [isReadOnly, editor]);
+    if (!mounted)
+        return null;
+    return (_jsxs("div", { className: `overflow-hidden rounded-sm border-2 transition-all ${isReadOnly
+            ? 'border-gray-200 bg-gray-50'
+            : 'border-gray-200 bg-white focus-within:border-teal-400 focus-within:shadow-sm focus-within:shadow-teal-100'}`, children: [!isReadOnly && (_jsxs("div", { className: "flex flex-wrap items-center gap-1 border-b border-gray-200 bg-gray-50/80 px-2 py-1.5", children: [_jsx(ToolbarBtn, { title: "Ho\u00E0n t\u00E1c", onClick: () => editor?.chain().focus().undo().run(), disabled: !editor?.can().undo(), children: _jsx(Undo2, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "L\u00E0m l\u1EA1i", onClick: () => editor?.chain().focus().redo().run(), disabled: !editor?.can().redo(), children: _jsx(Redo2, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { title: "Heading 1", active: editor?.isActive('heading', { level: 1 }), onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(), children: _jsx(Heading1, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "Heading 2", active: editor?.isActive('heading', { level: 2 }), onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(), children: _jsx(Heading2, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { title: "In \u0111\u1EADm", active: editor?.isActive('bold'), onClick: () => editor?.chain().focus().toggleBold().run(), children: _jsx(Bold, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "In nghi\u00EAng", active: editor?.isActive('italic'), onClick: () => editor?.chain().focus().toggleItalic().run(), children: _jsx(Italic, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "G\u1EA1ch ngang", active: editor?.isActive('strike'), onClick: () => editor?.chain().focus().toggleStrike().run(), children: _jsx(Strikethrough, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { title: "Danh s\u00E1ch ch\u1EA5m", active: editor?.isActive('bulletList'), onClick: () => editor?.chain().focus().toggleBulletList().run(), children: _jsx(List, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "Danh s\u00E1ch s\u1ED1", active: editor?.isActive('orderedList'), onClick: () => editor?.chain().focus().toggleOrderedList().run(), children: _jsx(ListOrdered, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { title: "C\u0103n tr\u00E1i", active: editor?.isActive({ textAlign: 'left' }), onClick: () => editor?.chain().focus().setTextAlign('left').run(), children: _jsx(AlignLeft, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "C\u0103n gi\u1EEFa", active: editor?.isActive({ textAlign: 'center' }), onClick: () => editor?.chain().focus().setTextAlign('center').run(), children: _jsx(AlignCenter, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "C\u0103n ph\u1EA3i", active: editor?.isActive({ textAlign: 'right' }), onClick: () => editor?.chain().focus().setTextAlign('right').run(), children: _jsx(AlignRight, { className: "h-3.5 w-3.5" }) })] })), _jsx(EditorContent, { editor: editor })] }));
+}
+// ---------------------------------------------------------------------------
+// Sub-component: single article image preview with presigned URL
+// ---------------------------------------------------------------------------
+function ArticleImagePreview({ src, alt }) {
+    const { previewUrl } = usePresignedFileUrl(src);
+    const displayUrl = previewUrl || '';
+    if (!displayUrl)
+        return null;
+    return (_jsx(ImagePreview, { src: displayUrl, alt: alt, className: "mt-2 h-40 w-full max-w-xs rounded-lg border border-gray-200" }));
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+/**
+ * `ArticlesGroupCard`
+ *
+ * Renders N article cards within a single group. Each article has:
+ *   - name (e.g. "Ariel", "Clive", "Vicky")
+ *   - content (textarea for the reading passage)
+ *   - imageUrl (file upload for the person's photo)
+ *
+ * Used for question types that require multiple reading passages per group,
+ * such as KEY_FOR_SCHOOLS Reading Part 2.
+ */
+export function ArticlesGroupCard({ groupNumber, articleCount, articles, onArticlesChange, title = '', onTitleChange, isReadOnly = false, uploadIdPrefix = 'articles-group', }) {
+    // Use the articles array directly. If empty, fallback to articleCount
+    const displayArticles = articles.length > 0
+        ? articles
+        : Array.from({ length: articleCount }, () => ({ name: '', content: '', imageUrl: '' }));
+    const handleFieldChange = (index, field, value) => {
+        if (isReadOnly)
+            return;
+        const updated = displayArticles.map((article, i) => i === index ? { ...article, [field]: value } : article);
+        onArticlesChange(updated);
+    };
+    const handleAddArticle = () => {
+        if (isReadOnly)
+            return;
+        onArticlesChange([...displayArticles, { name: '', content: '', imageUrl: '' }]);
+    };
+    const handleDeleteArticle = (index) => {
+        if (isReadOnly)
+            return;
+        const updated = displayArticles.filter((_, i) => i !== index);
+        onArticlesChange(updated);
+    };
+    return (_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-teal-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-teal-500 via-emerald-500 to-green-500" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-teal-500 to-emerald-600 shadow-md", children: _jsx(Layers, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg font-bold text-gray-900", children: "B\u00E0i vi\u1EBFt nh\u00F3m" }), _jsxs("span", { className: "inline-flex items-center rounded-full border border-teal-300 bg-teal-100 px-2.5 py-0.5 text-xs font-semibold text-teal-700", children: ["Nh\u00F3m ", groupNumber] }), _jsxs("span", { className: "inline-flex items-center rounded-full border border-emerald-200 bg-emerald-50 px-2.5 py-0.5 text-xs font-medium text-emerald-600", children: [articles.length || articleCount, " b\u00E0i vi\u1EBFt"] })] }), _jsxs("p", { className: "text-sm text-gray-500", children: ["Nh\u1EADp n\u1ED9i dung t\u1EEBng b\u00E0i vi\u1EBFt \u2014 d\u00F9ng chung cho t\u1EA5t c\u1EA3 c\u00E2u h\u1ECFi trong Nh\u00F3m ", groupNumber, ". B\u1EA1n c\u00F3 th\u1EC3 th\u00EAm ho\u1EB7c x\u00F3a b\u00E0i vi\u1EBFt."] })] })] }) }), _jsxs(CardContent, { className: "space-y-5", children: [_jsxs("div", { className: "space-y-2 pb-2", children: [_jsxs(Label, { htmlFor: `${uploadIdPrefix}-title`, className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(Type, { className: "h-4 w-4 text-teal-500" }), "Ti\u00EAu \u0111\u1EC1 nh\u00F3m b\u00E0i vi\u1EBFt", ' ', _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), _jsx(Input, { id: `${uploadIdPrefix}-title`, value: title, onChange: (e) => onTitleChange?.(e.target.value), placeholder: "Nh\u1EADp ti\u00EAu \u0111\u1EC1 chung cho nh\u00F3m b\u00E0i vi\u1EBFt\u2026", readOnly: isReadOnly, className: `border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-200 ${isReadOnly ? 'bg-gray-50 text-gray-500 cursor-not-allowed border-transparent focus:border-transparent focus:ring-0' : ''}` })] }), displayArticles.map((article, index) => {
+                        const letter = String.fromCharCode(65 + index); // A, B, C...
+                        return (_jsxs("div", { className: "rounded-xl border-2 border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-4 transition-all hover:border-teal-200 hover:shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-teal-500 to-emerald-600 text-sm font-bold text-white shadow-sm", children: letter }), _jsxs("span", { className: "text-sm font-semibold text-gray-700", children: ["B\u00E0i vi\u1EBFt ", index + 1] })] }), displayArticles.length > 1 && !isReadOnly && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => handleDeleteArticle(index), className: "h-8 w-8 p-0 text-red-500 hover:bg-red-50 hover:text-red-600", title: "X\u00F3a b\u00E0i vi\u1EBFt", children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsxs(Label, { htmlFor: `${uploadIdPrefix}-name-${index}`, className: "flex items-center gap-1.5 text-sm font-medium text-gray-700", children: [_jsx(Type, { className: "h-3.5 w-3.5 text-teal-500" }), "T\u00EAn ng\u01B0\u1EDDi / ti\u00EAu \u0111\u1EC1"] }), _jsx(Input, { id: `${uploadIdPrefix}-name-${index}`, value: article.name, onChange: (e) => handleFieldChange(index, 'name', e.target.value), placeholder: `VD: Ariel, Clive, Vicky...`, readOnly: isReadOnly, className: `border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-200 ${isReadOnly ? 'bg-gray-50 text-gray-500 cursor-not-allowed border-transparent focus:border-transparent focus:ring-0' : ''}` })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs(Label, { className: "flex items-center gap-1.5 text-sm font-medium text-gray-700", children: [_jsx(FileText, { className: "h-3.5 w-3.5 text-teal-500" }), "N\u1ED9i dung b\u00E0i vi\u1EBFt"] }), _jsx(ArticleEditor, { value: article.content, onChange: (html) => handleFieldChange(index, 'content', html), isReadOnly: isReadOnly })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs(Label, { className: "flex items-center gap-1.5 text-sm font-medium text-gray-700", children: [_jsx(ImageIcon, { className: "h-3.5 w-3.5 text-teal-500" }), "H\u00ECnh \u1EA3nh", ' ', _jsx("span", { className: "text-xs font-normal text-gray-400", children: "(T\u00F9y ch\u1ECDn)" })] }), !isReadOnly && (_jsx(FileUpload, { id: `${uploadIdPrefix}-image-${index}`, label: "", accept: "image/*", value: article.imageUrl, onChange: (url) => handleFieldChange(index, 'imageUrl', url), maxSize: 5, placeholder: "Upload \u1EA3nh ho\u1EB7c paste URL", autoUpload: true, prefix: "questions" })), article.imageUrl && (_jsx(ArticleImagePreview, { src: article.imageUrl, alt: `Article ${letter} image` }))] })] })] }, index));
+                    }), !isReadOnly && (_jsxs(Button, { type: "button", variant: "outline", className: "w-full border-dashed border-teal-300 bg-teal-50/50 text-teal-700 hover:bg-teal-50 hover:text-teal-800 hover:border-teal-400", onClick: handleAddArticle, children: [_jsx(PlusCircle, { className: "mr-2 h-4 w-4" }), "Th\u00EAm b\u00E0i vi\u1EBFt"] }))] })] }));
+}
+//# sourceMappingURL=ArticlesGroupCard.js.map

package/dist/components/questions/groups/ArticlesGroupCard.js.map

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

package/dist/components/questions/groups/BasicQuestionGroupCard.d.ts

@@ -0,0 +1,51 @@
+export interface BasicQuestionGroupCardProps {
+    /** Which group number is being displayed (shown in the badge) */
+    groupNumber: number;
+    title: string;
+    subtitle: string;
+    content: string;
+    imageUrl: string;
+    onTitleChange: (value: string) => void;
+    onSubtitleChange: (value: string) => void;
+    onContentChange: (value: string) => void;
+    /** Called with the S3 key / URL after upload completes */
+    onImageChange: (url: string) => void;
+    /** Called with the resolved presigned preview URL (for instant preview) */
+    onImagePresignedUrlChange?: (previewUrl: string) => void;
+    /**
+     * Whether to render the "Nội dung" (content / passage) textarea.
+     * Defaults to `true`.  Set to `false` for question types that only
+     * need title + image in the group header.
+     */
+    showContent?: boolean;
+    /**
+     * Config array from template indicating which group fields to display.
+     * Possible values: `'title'`, `'content'`, `'imageUrl'`.
+     * If undefined or empty, ALL fields are shown (backwards compatible).
+     */
+    groupConfig?: string[];
+    /**
+     * Scopes the FileUpload `id` attribute to avoid DOM id collisions when
+     * multiple creators are mounted simultaneously.
+     * Defaults to `"basic-group"`.
+     */
+    uploadIdPrefix?: string;
+    /** Whether the user is allowed to edit the group fields */
+    isReadOnly?: boolean;
+}
+/**
+ * `BasicQuestionGroupCard`
+ *
+ * The shared group header card used by:
+ *   - ANSWER_THE_QUESTION
+ *   - CHOOSE_THE_CORRECT_ANSWER
+ *   - FILL_IN_BLANK
+ *
+ * It renders three optional fields that are **shared across all questions in
+ * the same group**: a title, a content/passage textarea, and an image upload.
+ *
+ * This component is **purely presentational** – all state lives in the parent
+ * (managed by `useBasicQuestionGroup`).
+ */
+export declare function BasicQuestionGroupCard({ groupNumber, title, subtitle, content, imageUrl, onTitleChange, onSubtitleChange, onContentChange, onImageChange, onImagePresignedUrlChange, showContent, groupConfig, uploadIdPrefix, isReadOnly, }: BasicQuestionGroupCardProps): import("react").JSX.Element;
+//# sourceMappingURL=BasicQuestionGroupCard.d.ts.map

package/dist/components/questions/groups/BasicQuestionGroupCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicQuestionGroupCard.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/groups/BasicQuestionGroupCard.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,2BAA2B;IAC1C,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IAGjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,0DAA0D;IAC1D,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2EAA2E;IAC3E,yBAAyB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzD;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAEvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAMD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,yBAAyB,EACzB,WAAkB,EAClB,WAAW,EACX,cAA8B,EAC9B,UAAkB,GACnB,EAAE,2BAA2B,+BAmJ7B"}

package/dist/components/questions/groups/BasicQuestionGroupCard.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImagePreview } from '../../../components/ui/image-preview';
+import { Input } from '../../../components/ui/input';
+import { Label } from '../../../components/ui/label';
+import { Textarea } from '../../../components/ui/textarea';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../components/ui/card';
+import { FileUpload } from '../../../components/ui/file-upload';
+import { ImageIcon, Layers, MessageSquare, Type } from 'lucide-react';
+import { usePresignedFileUrl } from '../../../shared/lib/hooks';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+/**
+ * `BasicQuestionGroupCard`
+ *
+ * The shared group header card used by:
+ *   - ANSWER_THE_QUESTION
+ *   - CHOOSE_THE_CORRECT_ANSWER
+ *   - FILL_IN_BLANK
+ *
+ * It renders three optional fields that are **shared across all questions in
+ * the same group**: a title, a content/passage textarea, and an image upload.
+ *
+ * This component is **purely presentational** – all state lives in the parent
+ * (managed by `useBasicQuestionGroup`).
+ */
+export function BasicQuestionGroupCard({ groupNumber, title, subtitle, content, imageUrl, onTitleChange, onSubtitleChange, onContentChange, onImageChange, onImagePresignedUrlChange, showContent = true, groupConfig, uploadIdPrefix = 'basic-group', isReadOnly = false, }) {
+    const hasConfig = groupConfig && groupConfig.length > 0;
+    const showTitle = !hasConfig || groupConfig.includes('title');
+    const showSubtitle = !hasConfig || groupConfig.includes('subtitle');
+    const showContentField = (!hasConfig || groupConfig.includes('content')) && showContent;
+    const showImage = !hasConfig || groupConfig.includes('imageUrl');
+    // Resolve presigned preview URL for the stored image key
+    const { previewUrl } = usePresignedFileUrl(imageUrl);
+    const displayPreviewUrl = previewUrl || '';
+    return (_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-purple-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-purple-500 via-violet-500 to-indigo-500" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-purple-500 to-violet-600 shadow-md", children: _jsx(Layers, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg font-bold text-gray-900", children: "D\u1EEF li\u1EC7u nh\u00F3m" }), _jsxs("span", { className: "inline-flex items-center rounded-full border border-purple-300 bg-purple-100 px-2.5 py-0.5 text-xs font-semibold text-purple-700", children: ["Nh\u00F3m ", groupNumber] })] }), _jsxs("p", { className: "text-sm text-gray-500", children: ["D\u00F9ng chung cho t\u1EA5t c\u1EA3 c\u00E2u h\u1ECFi trong Nh\u00F3m ", groupNumber] })] })] }) }), _jsxs(CardContent, { className: "space-y-5", children: [showTitle && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: `${uploadIdPrefix}-title`, className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(Type, { className: "h-4 w-4 text-purple-500" }), "Ti\u00EAu \u0111\u1EC1 nh\u00F3m", ' ', _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), _jsx(Input, { id: `${uploadIdPrefix}-title`, value: title, onChange: (e) => {
+                                    if (!isReadOnly)
+                                        onTitleChange(e.target.value);
+                                }, readOnly: isReadOnly, placeholder: "Nh\u1EADp ti\u00EAu \u0111\u1EC1 nh\u00F3m c\u00E2u h\u1ECFi\u2026", className: `border-gray-200 bg-white transition-all focus:border-purple-300 focus:ring-purple-200 ${isReadOnly ? 'bg-gray-50 text-gray-500 cursor-not-allowed border-transparent focus:border-transparent focus:ring-0' : ''}` })] })), showSubtitle && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: `${uploadIdPrefix}-subtitle`, className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(Type, { className: "h-4 w-4 text-purple-500" }), "Ph\u1EE5 \u0111\u1EC1 nh\u00F3m", ' ', _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), _jsx(Input, { id: `${uploadIdPrefix}-subtitle`, value: subtitle, onChange: (e) => {
+                                    if (!isReadOnly)
+                                        onSubtitleChange(e.target.value);
+                                }, readOnly: isReadOnly, placeholder: "Nh\u1EADp ph\u1EE5 \u0111\u1EC1 nh\u00F3m c\u00E2u h\u1ECFi\u2026", className: `border-gray-200 bg-white transition-all focus:border-purple-300 focus:ring-purple-200 ${isReadOnly ? 'bg-gray-50 text-gray-500 cursor-not-allowed border-transparent focus:border-transparent focus:ring-0' : ''}` })] })), showContentField && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: `${uploadIdPrefix}-content`, className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(MessageSquare, { className: "h-4 w-4 text-purple-500" }), "N\u1ED9i dung nh\u00F3m", ' ', _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), _jsx(Textarea, { id: `${uploadIdPrefix}-content`, value: content, onChange: (e) => {
+                                    if (!isReadOnly)
+                                        onContentChange(e.target.value);
+                                }, readOnly: isReadOnly, placeholder: "Nh\u1EADp \u0111o\u1EA1n v\u0103n / c\u00E2u chuy\u1EC7n chung cho nh\u00F3m c\u00E2u h\u1ECFi n\u00E0y\u2026", rows: 5, className: `min-h-[120px] border-gray-200 bg-white transition-all focus:border-purple-300 focus:ring-purple-200 ${isReadOnly ? 'bg-gray-50 text-gray-500 cursor-not-allowed border-transparent focus:border-transparent focus:ring-0' : ''}` })] })), showImage && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-purple-500" }), "H\u00ECnh \u1EA3nh nh\u00F3m", ' ', _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), !isReadOnly && (_jsx(FileUpload, { id: `${uploadIdPrefix}-image`, label: "", accept: "image/*", value: imageUrl, onChange: (url) => {
+                                    if (!isReadOnly)
+                                        onImageChange(url);
+                                }, onPresignedUrlChange: onImagePresignedUrlChange, maxSize: 5, placeholder: "Upload \u1EA3nh ho\u1EB7c paste URL", autoUpload: true, prefix: "questions" })), displayPreviewUrl && (_jsx(ImagePreview, { src: displayPreviewUrl, alt: "Group image preview", className: "mt-2 h-48 w-full max-w-md rounded-lg border border-gray-200" }))] }))] })] }));
+}
+//# sourceMappingURL=BasicQuestionGroupCard.js.map

package/dist/components/questions/groups/BasicQuestionGroupCard.js.map

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

package/dist/components/questions/groups/DocumentGroupCard.d.ts

@@ -0,0 +1,35 @@
+export interface DocumentGroupCardProps {
+    /** Which group number is being displayed */
+    groupNumber: number;
+    title: string;
+    subtitle?: string;
+    content: string;
+    imageUrl: string;
+    onTitleChange: (value: string) => void;
+    onSubtitleChange?: (value: string) => void;
+    onContentChange: (html: string) => void;
+    onImageChange: (url: string) => void;
+    onImagePresignedUrlChange?: (previewUrl: string) => void;
+    /**
+     * Config array from template indicating which group fields to display.
+     * Possible values: `'title'`, `'subtitle'`, `'content'`, `'imageUrl'`.
+     * If undefined or empty, ALL fields are shown.
+     */
+    groupConfig?: string[];
+    /**
+     * Scopes the FileUpload `id` attribute to avoid DOM id collisions.
+     * Defaults to `"document-group"`.
+     */
+    uploadIdPrefix?: string;
+    /** Whether the user is allowed to edit the group fields */
+    isReadOnly?: boolean;
+}
+/**
+ * `DocumentGroupCard`
+ *
+ * Group header card that uses TipTap for structured rich-text content.
+ * Ideal for TOEIC Part 6 / Part 7 reading passages, emails, memos,
+ * advertisements and other formatted texts shared across a question group.
+ */
+export declare function DocumentGroupCard({ groupNumber, title, subtitle, content, imageUrl, onTitleChange, onSubtitleChange, onContentChange, onImageChange, onImagePresignedUrlChange, groupConfig, uploadIdPrefix, isReadOnly, }: DocumentGroupCardProps): import("react").JSX.Element;
+//# sourceMappingURL=DocumentGroupCard.d.ts.map

package/dist/components/questions/groups/DocumentGroupCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentGroupCard.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/groups/DocumentGroupCard.tsx"],"names":[],"mappings":"AA2SA,MAAM,WAAW,sBAAsB;IACrC,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IAGjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yBAAyB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzD;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAEvB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAMD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,KAAK,EACL,QAAa,EACb,OAAO,EACP,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,yBAAyB,EACzB,WAAW,EACX,cAAiC,EACjC,UAAkB,GACnB,EAAE,sBAAsB,+BAqJxB"}

package/dist/components/questions/groups/DocumentGroupCard.js

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import TextAlign from '@tiptap/extension-text-align';
+import { ImagePreview } from '../../../components/ui/image-preview';
+import { Input } from '../../../components/ui/input';
+import { Label } from '../../../components/ui/label';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../components/ui/card';
+import { FileUpload } from '../../../components/ui/file-upload';
+import { usePresignedFileUrl } from '../../../shared/lib/hooks';
+import { Layers, Type, Pilcrow, ImageIcon, Bold, Italic, Strikethrough, Heading1, Heading2, Heading3, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, Minus, Undo2, Redo2, FileText, Info, } from 'lucide-react';
+// ---------------------------------------------------------------------------
+// Toolbar button
+// ---------------------------------------------------------------------------
+function ToolbarBtn({ onClick, active, disabled, title, children, }) {
+    return (_jsx("button", { type: "button", title: title, onClick: onClick, disabled: disabled, className: `flex h-7 w-7 items-center justify-center rounded-md text-sm transition-colors
+        ${active
+            ? 'bg-indigo-500 text-white shadow-sm'
+            : 'text-gray-600 hover:bg-gray-200 hover:text-gray-900'}
+        ${disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer'}
+      `, children: children }));
+}
+function ToolbarSep() {
+    return _jsx("div", { className: "mx-0.5 h-5 w-px shrink-0 bg-gray-300" });
+}
+/** Replace `{0}`, `{1}`, … placeholders with a visible blank underline */
+function replacePlaceholdersWithBlanks(html) {
+    return html.replace(/\{(\d+)\}/g, (_match, num) => `<span style="display:inline-block;min-width:120px;padding:1px 5px;margin:0 4px;background:#eef2ff;border-bottom:2px solid #6366f1;color:#4f46e5;font-weight:700;font-size:0.85em;text-align:center;vertical-align:baseline;letter-spacing:2px">———(${Number(num) + 1})———</span>`);
+}
+function DocumentEditor({ value, onChange, isReadOnly = false, placeholder }) {
+    const [mounted, setMounted] = useState(false);
+    const editor = useEditor({
+        immediatelyRender: false,
+        editable: !isReadOnly,
+        extensions: [
+            StarterKit,
+            TextAlign.configure({ types: ['heading', 'paragraph'] }),
+        ],
+        // Always use raw value — never inject replaced HTML into the editor
+        content: value || '',
+        onUpdate: ({ editor }) => {
+            onChange(editor.getHTML());
+        },
+        editorProps: {
+            attributes: {
+                class: [
+                    'focus:outline-none min-h-[200px] max-h-[520px] overflow-y-auto p-4 text-sm text-gray-800 leading-relaxed',
+                    'prose prose-sm max-w-none',
+                    '[&_h1]:text-xl [&_h1]:font-bold [&_h1]:mb-2',
+                    '[&_h2]:text-lg [&_h2]:font-bold [&_h2]:mb-1.5',
+                    '[&_h3]:text-base [&_h3]:font-semibold [&_h3]:mb-1',
+                    '[&_ul]:list-disc [&_ul]:ml-5 [&_ol]:list-decimal [&_ol]:ml-5',
+                    '[&_li]:mb-0.5',
+                    '[&_strong]:font-bold [&_em]:italic [&_s]:line-through',
+                    '[&_hr]:border-gray-300 [&_hr]:my-3',
+                    'bg-white',
+                ].join(' '),
+                ...(placeholder && !value ? { 'data-placeholder': placeholder } : {}),
+            },
+        },
+    });
+    useEffect(() => { setMounted(true); }, []);
+    useEffect(() => {
+        if (editor && value !== undefined && value !== editor.getHTML()) {
+            // Always sync raw value — replacement is handled at render time for read-only display
+            setTimeout(() => editor.commands.setContent(value, { emitUpdate: false }), 0);
+        }
+    }, [value, editor]);
+    useEffect(() => {
+        editor?.setEditable(!isReadOnly);
+    }, [isReadOnly, editor]);
+    if (!mounted)
+        return null;
+    return (_jsxs("div", { className: `overflow-hidden rounded-sm border-2 transition-all ${isReadOnly
+            ? 'border-gray-200'
+            : 'border-gray-200 focus-within:border-indigo-400 focus-within:ring-2 focus-within:ring-indigo-100'}`, children: [!isReadOnly && (_jsxs("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-gray-200 bg-gray-50 px-2 py-1.5", children: [_jsx(ToolbarBtn, { title: "Ho\u00E0n t\u00E1c", onClick: () => editor?.chain().focus().undo().run(), disabled: !editor?.can().undo(), children: _jsx(Undo2, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "L\u00E0m l\u1EA1i", onClick: () => editor?.chain().focus().redo().run(), disabled: !editor?.can().redo(), children: _jsx(Redo2, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { title: "Ti\u00EAu \u0111\u1EC1 1", active: editor?.isActive('heading', { level: 1 }), onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(), children: _jsx(Heading1, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "Ti\u00EAu \u0111\u1EC1 2", active: editor?.isActive('heading', { level: 2 }), onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(), children: _jsx(Heading2, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "Ti\u00EAu \u0111\u1EC1 3", active: editor?.isActive('heading', { level: 3 }), onClick: () => editor?.chain().focus().toggleHeading({ level: 3 }).run(), children: _jsx(Heading3, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { title: "In \u0111\u1EADm", active: editor?.isActive('bold'), onClick: () => editor?.chain().focus().toggleBold().run(), children: _jsx(Bold, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "In nghi\u00EAng", active: editor?.isActive('italic'), onClick: () => editor?.chain().focus().toggleItalic().run(), children: _jsx(Italic, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "G\u1EA1ch ngang", active: editor?.isActive('strike'), onClick: () => editor?.chain().focus().toggleStrike().run(), children: _jsx(Strikethrough, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { title: "Danh s\u00E1ch", active: editor?.isActive('bulletList'), onClick: () => editor?.chain().focus().toggleBulletList().run(), children: _jsx(List, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "Danh s\u00E1ch s\u1ED1", active: editor?.isActive('orderedList'), onClick: () => editor?.chain().focus().toggleOrderedList().run(), children: _jsx(ListOrdered, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { title: "C\u0103n tr\u00E1i", active: editor?.isActive({ textAlign: 'left' }), onClick: () => editor?.chain().focus().setTextAlign('left').run(), children: _jsx(AlignLeft, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "C\u0103n gi\u1EEFa", active: editor?.isActive({ textAlign: 'center' }), onClick: () => editor?.chain().focus().setTextAlign('center').run(), children: _jsx(AlignCenter, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { title: "C\u0103n ph\u1EA3i", active: editor?.isActive({ textAlign: 'right' }), onClick: () => editor?.chain().focus().setTextAlign('right').run(), children: _jsx(AlignRight, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { title: "\u0110\u01B0\u1EDDng k\u1EBB ngang", onClick: () => editor?.chain().focus().setHorizontalRule().run(), children: _jsx(Minus, { className: "h-3.5 w-3.5" }) })] })), isReadOnly ? (
+            /* Read-only display: render replaced HTML but never push it into the editor */
+            _jsx("div", { className: [
+                    'min-h-[120px] max-h-[520px] overflow-y-auto p-4 text-sm text-gray-800 leading-relaxed bg-gray-50 cursor-not-allowed',
+                    'prose prose-sm max-w-none',
+                    '[&_h1]:text-xl [&_h1]:font-bold [&_h1]:mb-2',
+                    '[&_h2]:text-lg [&_h2]:font-bold [&_h2]:mb-1.5',
+                    '[&_h3]:text-base [&_h3]:font-semibold [&_h3]:mb-1',
+                    '[&_ul]:list-disc [&_ul]:ml-5 [&_ol]:list-decimal [&_ol]:ml-5',
+                    '[&_li]:mb-0.5',
+                    '[&_strong]:font-bold [&_em]:italic [&_s]:line-through',
+                    '[&_hr]:border-gray-300 [&_hr]:my-3',
+                ].join(' '), dangerouslySetInnerHTML: { __html: replacePlaceholdersWithBlanks(value || '') } })) : (_jsx(EditorContent, { editor: editor }))] }));
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+/**
+ * `DocumentGroupCard`
+ *
+ * Group header card that uses TipTap for structured rich-text content.
+ * Ideal for TOEIC Part 6 / Part 7 reading passages, emails, memos,
+ * advertisements and other formatted texts shared across a question group.
+ */
+export function DocumentGroupCard({ groupNumber, title, subtitle = '', content, imageUrl, onTitleChange, onSubtitleChange, onContentChange, onImageChange, onImagePresignedUrlChange, groupConfig, uploadIdPrefix = 'document-group', isReadOnly = false, }) {
+    const hasConfig = groupConfig && groupConfig.length > 0;
+    const showTitle = !hasConfig || groupConfig.includes('title');
+    const showSubtitle = !hasConfig || groupConfig.includes('subtitle');
+    const showContent = !hasConfig || groupConfig.includes('content');
+    const showImage = !hasConfig || groupConfig.includes('imageUrl');
+    const { previewUrl } = usePresignedFileUrl(imageUrl);
+    const displayPreviewUrl = previewUrl || '';
+    return (_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-indigo-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-indigo-500 via-violet-500 to-purple-500" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-indigo-500 to-violet-600 shadow-md", children: _jsx(Layers, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg font-bold text-gray-900", children: "\u0110o\u1EA1n v\u0103n nh\u00F3m" }), _jsxs("span", { className: "inline-flex items-center rounded-full border border-indigo-300 bg-indigo-100 px-2.5 py-0.5 text-xs font-semibold text-indigo-700", children: ["Nh\u00F3m ", groupNumber] })] }), _jsxs("p", { className: "text-sm text-gray-500", children: ["N\u1ED9i dung \u0111\u1ECBnh d\u1EA1ng phong ph\u00FA \u2014 d\u00F9ng chung cho t\u1EA5t c\u1EA3 c\u00E2u h\u1ECFi trong Nh\u00F3m ", groupNumber] })] })] }) }), _jsxs(CardContent, { className: "space-y-5", children: [showTitle && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: `${uploadIdPrefix}-title`, className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(Type, { className: "h-4 w-4 text-indigo-500" }), "Ti\u00EAu \u0111\u1EC1 nh\u00F3m", ' ', _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), _jsx(Input, { id: `${uploadIdPrefix}-title`, value: title, onChange: (e) => { if (!isReadOnly)
+                                    onTitleChange(e.target.value); }, readOnly: isReadOnly, placeholder: "Nh\u1EADp ti\u00EAu \u0111\u1EC1 nh\u00F3m c\u00E2u h\u1ECFi\u2026", className: `border-gray-200 bg-white transition-all focus:border-indigo-300 focus:ring-indigo-200 ${isReadOnly ? 'cursor-not-allowed border-transparent bg-gray-50 text-gray-500 focus:border-transparent focus:ring-0' : ''}` })] })), showSubtitle && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: `${uploadIdPrefix}-subtitle`, className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(Pilcrow, { className: "h-4 w-4 text-indigo-500" }), "Ph\u1EE5 \u0111\u1EC1", ' ', _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), _jsx(Input, { id: `${uploadIdPrefix}-subtitle`, value: subtitle, onChange: (e) => { if (!isReadOnly)
+                                    onSubtitleChange?.(e.target.value); }, readOnly: isReadOnly, placeholder: "Nh\u1EADp ph\u1EE5 \u0111\u1EC1 ho\u1EB7c m\u00F4 t\u1EA3 ng\u1EAFn\u2026", className: `border-gray-200 bg-white transition-all focus:border-indigo-300 focus:ring-indigo-200 ${isReadOnly ? 'cursor-not-allowed border-transparent bg-gray-50 text-gray-500 focus:border-transparent focus:ring-0' : ''}` })] })), showContent && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(FileText, { className: "h-4 w-4 text-indigo-500" }), "N\u1ED9i dung \u0111o\u1EA1n v\u0103n", ' ', _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), _jsx(DocumentEditor, { value: content, onChange: onContentChange, isReadOnly: isReadOnly, placeholder: "Nh\u1EADp \u0111o\u1EA1n v\u0103n, email, th\u00F4ng b\u00E1o, qu\u1EA3ng c\u00E1o\u2026 d\u00F9ng chung cho nh\u00F3m c\u00E2u h\u1ECFi n\u00E0y", uploadIdPrefix: uploadIdPrefix }), !isReadOnly && (_jsxs("div", { className: "flex items-start gap-2.5 rounded-lg border border-amber-200 bg-amber-50 px-3.5 py-2.5", children: [_jsx(Info, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500" }), _jsxs("div", { className: "text-xs text-amber-800 leading-relaxed", children: [_jsx("span", { className: "font-semibold", children: "G\u1EE3i \u00FD (ch\u1EC9 d\u00E0nh cho d\u1EA1ng \u0111i\u1EC1n t\u1EEB):" }), ' ', "N\u1EBFu \u0111o\u1EA1n v\u0103n c\u00F3 kho\u1EA3ng tr\u1ED1ng c\u1EA7n \u0111i\u1EC1n, h\u00E3y \u0111\u00E1nh d\u1EA5u b\u1EB1ng", ' ', _jsx("code", { className: "rounded bg-amber-100 px-1 py-0.5 font-mono font-semibold text-amber-700", children: '{0}' }), ",", ' ', _jsx("code", { className: "rounded bg-amber-100 px-1 py-0.5 font-mono font-semibold text-amber-700", children: '{1}' }), ",", ' ', _jsx("code", { className: "rounded bg-amber-100 px-1 py-0.5 font-mono font-semibold text-amber-700", children: '{2}' }), "\u2026 \u2014 m\u1ED7i s\u1ED1 t\u01B0\u01A1ng \u1EE9ng th\u1EE9 t\u1EF1 c\u00E2u h\u1ECFi trong nh\u00F3m. V\u1EDBi d\u1EA1ng b\u00E0i \u0111\u1ECDc th\u00F4ng th\u01B0\u1EDDng, b\u1EA1n kh\u00F4ng c\u1EA7n d\u00F9ng k\u00FD hi\u1EC7u n\u00E0y."] })] }))] })), showImage && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-indigo-500" }), "H\u00ECnh \u1EA3nh nh\u00F3m", ' ', _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), !isReadOnly && (_jsx(FileUpload, { id: `${uploadIdPrefix}-image`, label: "", accept: "image/*", value: imageUrl, onChange: (url) => { if (!isReadOnly)
+                                    onImageChange(url); }, onPresignedUrlChange: onImagePresignedUrlChange, maxSize: 5, placeholder: "Upload \u1EA3nh ho\u1EB7c paste URL", autoUpload: true, prefix: "questions" })), displayPreviewUrl && (_jsx(ImagePreview, { src: displayPreviewUrl, alt: "Group image preview", className: "mt-2 h-48 w-full max-w-md rounded-lg border border-gray-200" }))] }))] })] }));
+}
+//# sourceMappingURL=DocumentGroupCard.js.map

package/dist/components/questions/groups/DocumentGroupCard.js.map

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

package/dist/components/questions/groups/MatchAnswerGroupCard.d.ts

@@ -0,0 +1,19 @@
+import type { MatchByWritingAnswerOption } from '../_shared/types/match-by-writing-answer.type';
+export interface MatchAnswerGroupCardProps {
+    currentGroupNumber: number;
+    groupTitle: string;
+    groupImageUrl: string;
+    groupImagePreviewUrl: string;
+    options: MatchByWritingAnswerOption[];
+    groupConfig?: string[];
+    showGroupTitle: boolean;
+    showGroupImageUrl: boolean;
+    onGroupTitleChange: (value: string) => void;
+    onGroupImageChange: (value: string) => void;
+    onGroupImagePreviewUrlChange: (value: string) => void;
+    onUpdateOption: (index: number, field: keyof MatchByWritingAnswerOption, value: string) => void;
+    onRemoveOption: (index: number) => void;
+    onAddOption: () => void;
+}
+export declare function MatchAnswerGroupCard({ currentGroupNumber, groupTitle, groupImageUrl, groupImagePreviewUrl, options, groupConfig, showGroupTitle, showGroupImageUrl, onGroupTitleChange, onGroupImageChange, onGroupImagePreviewUrlChange, onUpdateOption, onRemoveOption, onAddOption, }: MatchAnswerGroupCardProps): import("react").JSX.Element;
+//# sourceMappingURL=MatchAnswerGroupCard.d.ts.map

package/dist/components/questions/groups/MatchAnswerGroupCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchAnswerGroupCard.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/groups/MatchAnswerGroupCard.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mEAAmE,CAAC;AAqGpH,MAAM,WAAW,yBAAyB;IACxC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,EAAE,0BAA0B,EAAE,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,4BAA4B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,0BAA0B,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChG,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,4BAA4B,EAC5B,cAAc,EACd,cAAc,EACd,WAAW,GACZ,EAAE,yBAAyB,+BAiG3B"}

package/dist/components/questions/groups/MatchAnswerGroupCard.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ImagePreview } from '../../../components/ui/image-preview';
+import { Button } from '../../../components/ui/button';
+import { Label } from '../../../components/ui/label';
+import { Input } from '../../../components/ui/input';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../components/ui/card';
+import { FileUpload } from '../../../components/ui/file-upload';
+import { usePresignedFileUrl } from '../../../shared/lib/hooks';
+import { ImageIcon, Layers, Plus, Type, X } from 'lucide-react';
+function OptionRow({ option, index, canRemove, onUpdate, onRemove, groupConfig, }) {
+    const [localPreviewUrl, setLocalPreviewUrl] = useState('');
+    const { previewUrl: presignedUrl } = usePresignedFileUrl(option.imageUrl || '');
+    const displayUrl = localPreviewUrl || presignedUrl || '';
+    const showAnswer = !groupConfig || groupConfig.includes('answer');
+    const showContent = groupConfig?.includes('content') ?? false;
+    const showImageUrl = !groupConfig || groupConfig.includes('imageUrl');
+    return (_jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-purple-100 bg-gradient-to-r from-purple-50/50 to-violet-50/50 p-4", children: [_jsx("div", { className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-purple-500 to-violet-600 text-base font-bold text-white shadow-sm", children: index + 1 }), _jsxs("div", { className: "flex-1 space-y-3", children: [_jsxs("div", { className: "flex items-end gap-3", children: [showAnswer && (_jsx("div", { className: "flex-1", children: _jsx(Input, { value: option.answer, onChange: (e) => onUpdate(index, 'answer', e.target.value), placeholder: `Nhãn (ví dụ: ${String.fromCharCode(65 + index)} hoặc "a pineapple")`, className: "border-purple-200 bg-white focus:border-purple-400 focus:ring-purple-200" }) })), showContent && (_jsx("div", { className: "flex-1", children: _jsx(Input, { value: option.content || '', onChange: (e) => onUpdate(index, 'content', e.target.value), placeholder: "N\u1ED9i dung (m\u00F4 t\u1EA3 th\u00EAm cho \u0111\u00E1p \u00E1n)", className: "border-purple-200 bg-white focus:border-purple-400 focus:ring-purple-200" }) })), showImageUrl && (_jsx("div", { className: "flex-1", children: _jsx(FileUpload, { id: `option-image-${index}`, label: "", accept: "image/*", value: option.imageUrl || '', onChange: (url) => onUpdate(index, 'imageUrl', url), onPresignedUrlChange: setLocalPreviewUrl, maxSize: 5, placeholder: "Upload \u1EA3nh cho \u0111\u00E1p \u00E1n", autoUpload: true, prefix: "questions" }) }))] }), showImageUrl && displayUrl && (_jsx("div", { className: "relative h-32 w-32 overflow-hidden rounded-lg border border-purple-200 bg-white shadow-sm", children: _jsx("img", { src: displayUrl, alt: option.answer || `Option ${index + 1}`, className: "h-full w-full object-contain" }) }))] }), canRemove && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => onRemove(index), className: "flex-shrink-0 text-red-500 hover:bg-red-50 hover:text-red-700", children: _jsx(X, { className: "h-4 w-4" }) }))] }));
+}
+export function MatchAnswerGroupCard({ currentGroupNumber, groupTitle, groupImageUrl, groupImagePreviewUrl, options, groupConfig, showGroupTitle, showGroupImageUrl, onGroupTitleChange, onGroupImageChange, onGroupImagePreviewUrlChange, onUpdateOption, onRemoveOption, onAddOption, }) {
+    const { previewUrl: groupImagePresignedUrl } = usePresignedFileUrl(groupImageUrl || '');
+    const displayGroupImageUrl = groupImagePreviewUrl || groupImagePresignedUrl || '';
+    return (_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-purple-100/50", children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-purple-500 to-violet-600 shadow-md", children: _jsx(Layers, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg font-bold text-gray-900", children: "\u0110\u00E1p \u00E1n gh\u00E9p n\u1ED1i" }), _jsxs("span", { className: "inline-flex items-center rounded-full border border-purple-300 bg-purple-100 px-2.5 py-0.5 text-xs font-semibold text-purple-700", children: ["Nh\u00F3m ", currentGroupNumber] })] }), _jsx("p", { className: "text-sm text-gray-500", children: "C\u00E1c \u0111\u00E1p \u00E1n (h\u00ECnh \u1EA3nh + nh\u00E3n) d\u00F9ng \u0111\u1EC3 gh\u00E9p n\u1ED1i v\u1EDBi t\u1EEBng c\u00E2u h\u1ECFi trong nh\u00F3m" })] })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [showGroupTitle && (_jsxs("div", { className: "space-y-2 rounded-xl border border-purple-100 bg-gradient-to-r from-purple-50/30 to-violet-50/30 p-4", children: [_jsxs(Label, { htmlFor: "group-title", className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(Type, { className: "h-4 w-4 text-purple-500" }), "Ti\u00EAu \u0111\u1EC1 nh\u00F3m", _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(d\u00F9ng chung cho c\u1EA3 nh\u00F3m)" })] }), _jsx(Input, { id: "group-title", value: groupTitle, onChange: (e) => onGroupTitleChange(e.target.value), placeholder: "Nh\u1EADp ti\u00EAu \u0111\u1EC1 nh\u00F3m...", className: "border-purple-200 bg-white focus:border-purple-400 focus:ring-purple-200" })] })), showGroupImageUrl && (_jsxs("div", { className: "space-y-2 rounded-xl border border-purple-100 bg-gradient-to-r from-purple-50/30 to-violet-50/30 p-4", children: [_jsxs(Label, { className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-purple-500" }), "H\u00ECnh \u1EA3nh nh\u00F3m ", _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn - d\u00F9ng chung cho c\u1EA3 nh\u00F3m)" })] }), _jsx(FileUpload, { id: "group-image", label: "", accept: "image/*", value: groupImageUrl || '', onChange: onGroupImageChange, onPresignedUrlChange: onGroupImagePreviewUrlChange, maxSize: 5, placeholder: "Upload \u1EA3nh nh\u00F3m ho\u1EB7c paste URL", autoUpload: true, prefix: "questions" }), displayGroupImageUrl && (_jsx(ImagePreview, { src: displayGroupImageUrl, alt: "Group image preview", className: "mt-2 h-48 w-full max-w-md rounded-lg border border-gray-200" }))] })), _jsx("div", { className: "space-y-4", children: options.map((option, index) => (_jsx(OptionRow, { option: option, index: index, canRemove: options.length > 2, onUpdate: onUpdateOption, onRemove: onRemoveOption, groupConfig: groupConfig }, index))) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: onAddOption, className: "gap-2 border-purple-300 text-purple-600 hover:bg-purple-50 hover:text-purple-700", children: [_jsx(Plus, { className: "h-4 w-4" }), "Th\u00EAm \u0111\u00E1p \u00E1n (", options.length + 1, ")"] })] })] }));
+}
+//# sourceMappingURL=MatchAnswerGroupCard.js.map