@tipp/ui 2.3.21 → 2.3.23

package/dist/chunk-DDAZ4IAG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-editor-field-editor-panel.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box } from '@radix-ui/themes';\nimport { Button } from '@/atoms/button';\nimport { Card } from '@/atoms/card';\nimport { Checkbox } from '@/atoms/check-box';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\nimport { Select } from '@/atoms/select';\nimport { TextArea } from '@/atoms/text-area';\nimport { TextField } from '@/atoms/text-field';\nimport { Typo } from '@/atoms/typo';\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  CopyIcon,\n  PlusIcon,\n  TrashIcon,\n} from '@/icon';\nimport type {\n  DynamicFormFieldSchema,\n  FieldOption,\n  ImageFieldOption,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\nimport {\n  getFieldTypeLabel,\n  resetFieldType,\n  updateFieldCommonProps,\n  updateFieldValidation,\n  updateImageLayout,\n  updateImageOptions,\n  updateOptions,\n  updateOrientation,\n  updateTextPlaceholder,\n  type FieldType,\n} from './dynamic-form-editor-utils';\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction isFieldType(value: string, types: FieldType[]): value is FieldType {\n  return types.some((t) => t === value);\n}\n\nfunction parseOptionalNumber(value: string): number | undefined {\n  const trimmed: string = value.trim();\n  if (trimmed.length === 0) return undefined;\n  const num = Number(trimmed);\n  return Number.isFinite(num) ? num : undefined;\n}\n\nfunction getValidation(field: DynamicFormFieldSchema): ValidationRule {\n  return field.validation ? field.validation : {};\n}\n\nfunction cleanValidation(next: ValidationRule): ValidationRule | undefined {\n  const hasAny: boolean =\n    next.min !== undefined ||\n    next.max !== undefined ||\n    (typeof next.pattern === 'string' && next.pattern.trim().length > 0) ||\n    (typeof next.message === 'string' && next.message.trim().length > 0);\n  return hasAny ? next : undefined;\n}\n\nfunction moveItem<T>(items: T[], fromIndex: number, toIndex: number): T[] {\n  if (fromIndex < 0 || fromIndex >= items.length) return items;\n  if (toIndex < 0 || toIndex >= items.length) return items;\n  if (fromIndex === toIndex) return items;\n  const next: T[] = [...items];\n  const [item] = next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, item);\n  return next;\n}\n\nfunction getOptionDrafts(field: DynamicFormFieldSchema): { label: string; value: string }[] {\n  const raw: unknown = field.options;\n  if (!Array.isArray(raw)) return [];\n  return raw\n    .map((o): { label: string; value: string } | null => {\n      if (!isRecord(o)) return null;\n      const label = typeof o.label === 'string' ? o.label : '';\n      const valueRaw = o.value;\n      const value =\n        typeof valueRaw === 'string' || typeof valueRaw === 'number'\n          ? String(valueRaw)\n          : '';\n      return { label, value };\n    })\n    .filter((v): v is { label: string; value: string } => v !== null);\n}\n\nfunction getImageOptionDrafts(field: DynamicFormFieldSchema): {\n  label: string;\n  value: string;\n  imageSrc: string;\n  alt?: string;\n}[] {\n  const raw: unknown = field.options;\n  if (!Array.isArray(raw)) return [];\n  return raw\n    .map(\n      (\n        o\n      ):\n        | { label: string; value: string; imageSrc: string; alt?: string }\n        | null => {\n        if (!isRecord(o)) return null;\n        const label = typeof o.label === 'string' ? o.label : '';\n        const valueRaw = o.value;\n        const value =\n          typeof valueRaw === 'string' || typeof valueRaw === 'number'\n            ? String(valueRaw)\n            : '';\n        const imageSrc = typeof o.imageSrc === 'string' ? o.imageSrc : '';\n        const alt = typeof o.alt === 'string' ? o.alt : undefined;\n        return { label, value, imageSrc, ...(alt ? { alt } : {}) };\n      }\n    )\n    .filter(\n      (\n        v\n      ): v is { label: string; value: string; imageSrc: string; alt?: string } =>\n        v !== null\n    );\n}\n\nfunction toFieldOptions(options: { label: string; value: string }[]): FieldOption[] {\n  return options.map((o) => ({ label: o.label, value: o.value }));\n}\n\nfunction toImageFieldOptions(\n  options: { label: string; value: string; imageSrc: string; alt?: string }[]\n): ImageFieldOption[] {\n  return options.map((o) => ({\n    label: o.label,\n    value: o.value,\n    imageSrc: o.imageSrc,\n    ...(o.alt !== undefined ? { alt: o.alt } : {}),\n  }));\n}\n\nexport interface DynamicFormEditorFieldEditorPanelProps {\n  field: DynamicFormFieldSchema | null;\n  fieldIndex: number;\n  fields: DynamicFormFieldSchema[];\n  readonly: boolean;\n  fieldTypes: FieldType[];\n  onRenameField: (nextName: string) => void;\n  onUpdateField: (nextField: DynamicFormFieldSchema) => void;\n  onDeleteField: () => void;\n  onMoveField: (direction: 'up' | 'down') => void;\n  onDuplicateField: () => void;\n}\n\nexport function DynamicFormEditorFieldEditorPanel(\n  props: DynamicFormEditorFieldEditorPanelProps\n): React.ReactElement {\n  const {\n    field,\n    fieldIndex,\n    fields,\n    readonly,\n    fieldTypes,\n    onRenameField,\n    onUpdateField,\n    onDeleteField,\n    onMoveField,\n    onDuplicateField,\n  } = props;\n\n  const canMoveUp: boolean = fieldIndex > 0;\n  const canMoveDown: boolean = fieldIndex >= 0 && fieldIndex < fields.length - 1;\n\n  const placeholderValue: string = useMemo(() => {\n    if (!field) return '';\n    return String(field.placeholder || '');\n  }, [field]);\n\n  return (\n    <Card style={{ flex: 1, minWidth: 520, padding: 12 }}>\n      <Flex direction=\"column\" gap=\"4\">\n        <Flex align=\"center\" justify=\"between\">\n          <Typo variant=\"body\">필드 편집</Typo>\n          <Flex align=\"center\" gap=\"1\">\n            <IconButton\n              aria-label=\"필드 위로\"\n              disabled={readonly || !field || !canMoveUp}\n              onClick={(): void => { onMoveField('up'); }}\n              variant=\"soft\"\n            >\n              <ChevronUpIcon />\n            </IconButton>\n            <IconButton\n              aria-label=\"필드 아래로\"\n              disabled={readonly || !field || !canMoveDown}\n              onClick={(): void => { onMoveField('down'); }}\n              variant=\"soft\"\n            >\n              <ChevronDownIcon />\n            </IconButton>\n            <IconButton\n              aria-label=\"필드 복제\"\n              disabled={readonly || !field}\n              onClick={onDuplicateField}\n              variant=\"soft\"\n            >\n              <CopyIcon />\n            </IconButton>\n            <IconButton\n              aria-label=\"필드 삭제\"\n              disabled={readonly || !field}\n              onClick={onDeleteField}\n              variant=\"soft\"\n            >\n              <TrashIcon />\n            </IconButton>\n          </Flex>\n        </Flex>\n\n        {!field ? (\n          <Typo color=\"gray\" variant=\"caption\">\n            왼쪽에서 필드를 선택하세요.\n          </Typo>\n        ) : (\n          <Flex direction=\"column\" gap=\"3\">\n            <Flex align=\"end\" gap=\"2\">\n              <Box style={{ flex: 1 }}>\n                <Typo variant=\"caption\">name</Typo>\n                <TextField.Root\n                  disabled={readonly}\n                  onChange={(e): void => { onRenameField(e.target.value); }}\n                  value={field.name}\n                />\n              </Box>\n              <Box style={{ flex: 1 }}>\n                <Typo variant=\"caption\">label</Typo>\n                <TextField.Root\n                  disabled={readonly}\n                  onChange={(e): void => {\n                    onUpdateField(updateFieldCommonProps(field, { label: e.target.value }));\n                  }}\n                  value={field.label}\n                />\n              </Box>\n            </Flex>\n\n            <Flex align=\"center\" gap=\"2\">\n              <Select.Root\n                disabled={readonly}\n                onValueChange={(v: string): void => {\n                  if (!isFieldType(v, fieldTypes)) return;\n                  onUpdateField(resetFieldType(field, v, fields));\n                }}\n                value={field.type}\n              >\n                <Select.Trigger style={{ minWidth: 220 }} />\n                <Select.Content>\n                  {fieldTypes.map((t) => (\n                    <Select.Item key={t} value={t}>\n                      {getFieldTypeLabel(t)}\n                    </Select.Item>\n                  ))}\n                </Select.Content>\n              </Select.Root>\n\n              <Flex align=\"center\" gap=\"2\">\n                <Checkbox\n                  checked={Boolean(field.required)}\n                  disabled={readonly}\n                  onCheckedChange={(checked: boolean): void => {\n                    onUpdateField(updateFieldCommonProps(field, { required: checked }));\n                  }}\n                />\n                <Typo variant=\"caption\">필수</Typo>\n              </Flex>\n            </Flex>\n\n            <Box>\n              <Typo variant=\"caption\">description</Typo>\n              <TextArea\n                disabled={readonly}\n                onChange={(e): void => {\n                  onUpdateField(\n                    updateFieldCommonProps(field, { description: e.target.value })\n                  );\n                }}\n                rows={3}\n                value={field.description || ''}\n              />\n            </Box>\n\n            {field.type === 'short_text' ||\n            field.type === 'long_text' ||\n            field.type === 'number' ||\n            field.type === 'email' ||\n            field.type === 'dropdown' ? (\n              <Box>\n                <Typo variant=\"caption\">placeholder</Typo>\n                <TextField.Root\n                  disabled={readonly}\n                  onChange={(e): void => {\n                    onUpdateField(updateTextPlaceholder(field, e.target.value));\n                  }}\n                  value={placeholderValue}\n                />\n              </Box>\n            ) : null}\n\n            {field.type === 'choice' || field.type === 'choices' ? (\n              <Box>\n                <Typo variant=\"caption\">orientation</Typo>\n                <Select.Root\n                  disabled={readonly}\n                  onValueChange={(v: string): void => {\n                    const nextOrientation: 'horizontal' | 'vertical' =\n                      v === 'horizontal' ? 'horizontal' : 'vertical';\n                    onUpdateField(updateOrientation(field, nextOrientation));\n                  }}\n                  value={field.orientation || 'vertical'}\n                >\n                  <Select.Trigger style={{ minWidth: 220 }} />\n                  <Select.Content>\n                    <Select.Item value=\"vertical\">vertical</Select.Item>\n                    <Select.Item value=\"horizontal\">horizontal</Select.Item>\n                  </Select.Content>\n                </Select.Root>\n              </Box>\n            ) : null}\n\n            {field.type === 'dropdown' ||\n            field.type === 'choice' ||\n            field.type === 'radio_cards' ||\n            field.type === 'choices' ? (\n              <Card style={{ padding: 12 }}>\n                <Flex direction=\"column\" gap=\"2\">\n                  <Flex align=\"center\" justify=\"between\">\n                    <Typo variant=\"caption\">options</Typo>\n                    <Button\n                      disabled={readonly}\n                      onClick={(): void => {\n                        const drafts = getOptionDrafts(field);\n                        const nextDrafts = [\n                          ...drafts,\n                          {\n                            label: `옵션 ${drafts.length + 1}`,\n                            value: `option${drafts.length + 1}`,\n                          },\n                        ];\n                        onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                      }}\n                      size=\"small\"\n                      variant=\"soft\"\n                    >\n                      <PlusIcon /> 추가\n                    </Button>\n                  </Flex>\n\n                  {getOptionDrafts(field).map((opt, i) => (\n                    <Flex align=\"end\" gap=\"2\" key={`${opt.value}-${opt.label}`}>\n                      <Box style={{ flex: 1 }}>\n                        <Typo variant=\"caption\">label</Typo>\n                        <TextField.Root\n                          disabled={readonly}\n                          onChange={(e): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = drafts.map((d, idx) =>\n                              idx === i ? { ...d, label: e.target.value } : d\n                            );\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          value={opt.label}\n                        />\n                      </Box>\n                      <Box style={{ flex: 1 }}>\n                        <Typo variant=\"caption\">value</Typo>\n                        <TextField.Root\n                          disabled={readonly}\n                          onChange={(e): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = drafts.map((d, idx) =>\n                              idx === i ? { ...d, value: e.target.value } : d\n                            );\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          value={opt.value}\n                        />\n                      </Box>\n                      <Flex gap=\"1\">\n                        <IconButton\n                          aria-label=\"옵션 위로\"\n                          disabled={readonly || i === 0}\n                          onClick={(): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = moveItem(drafts, i, i - 1);\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          variant=\"soft\"\n                        >\n                          <ChevronUpIcon />\n                        </IconButton>\n                        <IconButton\n                          aria-label=\"옵션 아래로\"\n                          disabled={readonly || i === getOptionDrafts(field).length - 1}\n                          onClick={(): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = moveItem(drafts, i, i + 1);\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          variant=\"soft\"\n                        >\n                          <ChevronDownIcon />\n                        </IconButton>\n                        <IconButton\n                          aria-label=\"옵션 삭제\"\n                          disabled={readonly}\n                          onClick={(): void => {\n                            const drafts = getOptionDrafts(field);\n                            const nextDrafts = drafts.filter((_, idx) => idx !== i);\n                            onUpdateField(updateOptions(field, toFieldOptions(nextDrafts)));\n                          }}\n                          variant=\"soft\"\n                        >\n                          <TrashIcon />\n                        </IconButton>\n                      </Flex>\n                    </Flex>\n                  ))}\n                </Flex>\n              </Card>\n            ) : null}\n\n            {field.type === 'image_radio_card' ? (\n              <Card style={{ padding: 12 }}>\n                <Flex direction=\"column\" gap=\"3\">\n                  <Flex align=\"center\" justify=\"between\">\n                    <Typo variant=\"caption\">image options</Typo>\n                    <Button\n                      disabled={readonly}\n                      onClick={(): void => {\n                        const drafts = getImageOptionDrafts(field);\n                        const nextDrafts = [\n                          ...drafts,\n                          {\n                            label: `이미지 ${drafts.length + 1}`,\n                            value: `option${drafts.length + 1}`,\n                            imageSrc: 'https://placehold.co/300x300/png?text=new',\n                          },\n                        ];\n                        onUpdateField(updateImageOptions(field, toImageFieldOptions(nextDrafts)));\n                      }}\n                      size=\"small\"\n                      variant=\"soft\"\n                    >\n                      <PlusIcon /> 추가\n                    </Button>\n                  </Flex>\n\n                  {getImageOptionDrafts(field).map((opt, i) => (\n                    <Card\n                      key={`${opt.value}-${opt.label}-${opt.imageSrc}`}\n                      style={{ padding: 10 }}\n                    >\n                      <Flex direction=\"column\" gap=\"2\">\n                        <Flex align=\"end\" gap=\"2\">\n                          <Box style={{ flex: 1 }}>\n                            <Typo variant=\"caption\">label</Typo>\n                            <TextField.Root\n                              disabled={readonly}\n                              onChange={(e): void => {\n                                const drafts = getImageOptionDrafts(field);\n                                const nextDrafts = drafts.map((d, idx) =>\n                                  idx === i ? { ...d, label: e.target.value } : d\n                                );\n                                onUpdateField(\n                                  updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                                );\n                              }}\n                              value={opt.label}\n                            />\n                          </Box>\n                          <Box style={{ flex: 1 }}>\n                            <Typo variant=\"caption\">value</Typo>\n                            <TextField.Root\n                              disabled={readonly}\n                              onChange={(e): void => {\n                                const drafts = getImageOptionDrafts(field);\n                                const nextDrafts = drafts.map((d, idx) =>\n                                  idx === i ? { ...d, value: e.target.value } : d\n                                );\n                                onUpdateField(\n                                  updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                                );\n                              }}\n                              value={opt.value}\n                            />\n                          </Box>\n                        </Flex>\n\n                        <Box>\n                          <Typo variant=\"caption\">imageSrc</Typo>\n                          <TextField.Root\n                            disabled={readonly}\n                            onChange={(e): void => {\n                              const drafts = getImageOptionDrafts(field);\n                              const nextDrafts = drafts.map((d, idx) =>\n                                idx === i ? { ...d, imageSrc: e.target.value } : d\n                              );\n                              onUpdateField(\n                                updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                              );\n                            }}\n                            value={opt.imageSrc}\n                          />\n                        </Box>\n\n                        <Flex align=\"end\" gap=\"2\">\n                          <Box style={{ flex: 1 }}>\n                            <Typo variant=\"caption\">alt</Typo>\n                            <TextField.Root\n                              disabled={readonly}\n                              onChange={(e): void => {\n                                const drafts = getImageOptionDrafts(field);\n                                const nextAlt =\n                                  e.target.value.trim().length === 0 ? undefined : e.target.value;\n                                const nextDrafts = drafts.map((d, idx) =>\n                                  idx === i ? { ...d, alt: nextAlt } : d\n                                );\n                                onUpdateField(\n                                  updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                                );\n                              }}\n                              value={opt.alt || ''}\n                            />\n                          </Box>\n                          <IconButton\n                            aria-label=\"이미지 옵션 삭제\"\n                            disabled={readonly}\n                            onClick={(): void => {\n                              const drafts = getImageOptionDrafts(field);\n                              const nextDrafts = drafts.filter((_, idx) => idx !== i);\n                              onUpdateField(\n                                updateImageOptions(field, toImageFieldOptions(nextDrafts))\n                              );\n                            }}\n                            variant=\"soft\"\n                          >\n                            <TrashIcon />\n                          </IconButton>\n                        </Flex>\n                      </Flex>\n                    </Card>\n                  ))}\n\n                  <Flex gap=\"2\">\n                    <Box style={{ flex: 1 }}>\n                      <Typo variant=\"caption\">gridColumnsCount</Typo>\n                      <TextField.Root\n                        disabled={readonly}\n                        inputMode=\"numeric\"\n                        onChange={(e): void => {\n                          onUpdateField(\n                            updateImageLayout(field, {\n                              gridColumnsCount: parseOptionalNumber(e.target.value),\n                            })\n                          );\n                        }}\n                        value={String(field.gridColumnsCount || '')}\n                      />\n                    </Box>\n                    <Box style={{ flex: 1 }}>\n                      <Typo variant=\"caption\">gridItemHeight</Typo>\n                      <TextField.Root\n                        disabled={readonly}\n                        onChange={(e): void => {\n                          onUpdateField(\n                            updateImageLayout(field, { gridItemHeight: e.target.value })\n                          );\n                        }}\n                        value={String(field.gridItemHeight || '')}\n                      />\n                    </Box>\n                    <Box style={{ flex: 1 }}>\n                      <Typo variant=\"caption\">gridGap</Typo>\n                      <TextField.Root\n                        disabled={readonly}\n                        onChange={(e): void => {\n                          onUpdateField(updateImageLayout(field, { gridGap: e.target.value }));\n                        }}\n                        value={String(field.gridGap || '')}\n                      />\n                    </Box>\n                  </Flex>\n\n                  <Box>\n                    <Typo variant=\"caption\">imageFit</Typo>\n                    <Select.Root\n                      disabled={readonly}\n                      onValueChange={(v: string): void => {\n                        const nextFit: 'cover' | 'contain' =\n                          v === 'contain' ? 'contain' : 'cover';\n                        onUpdateField(updateImageLayout(field, { imageFit: nextFit }));\n                      }}\n                      value={field.imageFit || 'cover'}\n                    >\n                      <Select.Trigger style={{ minWidth: 220 }} />\n                      <Select.Content>\n                        <Select.Item value=\"cover\">cover</Select.Item>\n                        <Select.Item value=\"contain\">contain</Select.Item>\n                      </Select.Content>\n                    </Select.Root>\n                  </Box>\n                </Flex>\n              </Card>\n            ) : null}\n\n            <Card style={{ padding: 12 }}>\n              <Flex direction=\"column\" gap=\"2\">\n                <Typo variant=\"caption\">validation</Typo>\n                <Flex gap=\"2\">\n                  <Box style={{ flex: 1 }}>\n                    <Typo variant=\"caption\">min</Typo>\n                    <TextField.Root\n                      disabled={readonly}\n                      inputMode=\"numeric\"\n                      onChange={(e): void => {\n                        const current = getValidation(field);\n                        const next = cleanValidation({\n                          ...current,\n                          min: parseOptionalNumber(e.target.value),\n                        });\n                        onUpdateField(updateFieldValidation(field, next));\n                      }}\n                      value={getValidation(field).min !== undefined ? String(getValidation(field).min) : ''}\n                    />\n                  </Box>\n                  <Box style={{ flex: 1 }}>\n                    <Typo variant=\"caption\">max</Typo>\n                    <TextField.Root\n                      disabled={readonly}\n                      inputMode=\"numeric\"\n                      onChange={(e): void => {\n                        const current = getValidation(field);\n                        const next = cleanValidation({\n                          ...current,\n                          max: parseOptionalNumber(e.target.value),\n                        });\n                        onUpdateField(updateFieldValidation(field, next));\n                      }}\n                      value={getValidation(field).max !== undefined ? String(getValidation(field).max) : ''}\n                    />\n                  </Box>\n                </Flex>\n\n                <Box>\n                  <Typo variant=\"caption\">pattern</Typo>\n                  <TextField.Root\n                    disabled={readonly}\n                    onChange={(e): void => {\n                      const current = getValidation(field);\n                      const next = cleanValidation({ ...current, pattern: e.target.value });\n                      onUpdateField(updateFieldValidation(field, next));\n                    }}\n                    value={String(getValidation(field).pattern || '')}\n                  />\n                </Box>\n\n                <Box>\n                  <Typo variant=\"caption\">message</Typo>\n                  <TextField.Root\n                    disabled={readonly}\n                    onChange={(e): void => {\n                      const current = getValidation(field);\n                      const next = cleanValidation({ ...current, message: e.target.value });\n                      onUpdateField(updateFieldValidation(field, next));\n                    }}\n                    value={String(getValidation(field).message || '')}\n                  />\n                </Box>\n              </Flex>\n            </Card>\n          </Flex>\n        )}\n      </Flex>\n    </Card>\n  );\n}\n\n"],"mappings":"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","names":[]}

package/dist/chunk-DDVJMAYN.js

@@ -0,0 +1,230 @@
+import {
+  DynamicFormEditorFieldEditorPanel
+} from "./chunk-DDAZ4IAG.js";
+import {
+  DynamicFormEditorFieldListPanel
+} from "./chunk-PXPGCDNA.js";
+import {
+  DynamicFormEditorIssuesPanel
+} from "./chunk-KCCYHT23.js";
+import {
+  DynamicFormEditorPreviewPanel
+} from "./chunk-JZVK4NDF.js";
+import {
+  createDefaultField,
+  createUniqueFieldName,
+  duplicateField,
+  findFieldIndexByName,
+  getFieldTypes,
+  hasErrorIssues,
+  moveField,
+  normalizeSchema,
+  updateSchemaFields,
+  validateDynamicFormSchema
+} from "./chunk-Z7WNKARH.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-form-editor.tsx
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getInitialSchema(value, defaultValue) {
+  if (value !== void 0) return normalizeSchema(value);
+  return normalizeSchema(defaultValue);
+}
+function getSelectedField(schema, selectedFieldName) {
+  if (!selectedFieldName) return { field: null, index: -1 };
+  const index = findFieldIndexByName(schema.fields, selectedFieldName);
+  if (index < 0) return { field: null, index: -1 };
+  return { field: schema.fields[index], index };
+}
+function DynamicFormEditor(props) {
+  const {
+    value,
+    defaultValue,
+    onChange,
+    onSave,
+    onCancel,
+    readonly = false,
+    showPreview = false
+  } = props;
+  const isControlled = value !== void 0;
+  const [uncontrolledSchema, setUncontrolledSchema] = useState(
+    () => getInitialSchema(void 0, defaultValue)
+  );
+  const effectiveSchema = useMemo(() => {
+    if (isControlled) return normalizeSchema(value);
+    return uncontrolledSchema;
+  }, [isControlled, uncontrolledSchema, value]);
+  const [selectedFieldName, setSelectedFieldName] = useState(() => {
+    var _a, _b;
+    const initialSchema = getInitialSchema(value, defaultValue);
+    return (_b = (_a = initialSchema.fields[0]) == null ? void 0 : _a.name) != null ? _b : null;
+  });
+  const selected = useMemo(() => {
+    return getSelectedField(effectiveSchema, selectedFieldName);
+  }, [effectiveSchema, selectedFieldName]);
+  const issues = useMemo(() => {
+    return validateDynamicFormSchema(effectiveSchema);
+  }, [effectiveSchema]);
+  const errorFieldNameSet = useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    issues.forEach((i) => {
+      if (i.level === "error" && i.fieldName) set.add(i.fieldName);
+    });
+    return set;
+  }, [issues]);
+  const hasFieldError = useCallback(
+    (fieldName) => {
+      return errorFieldNameSet.has(fieldName);
+    },
+    [errorFieldNameSet]
+  );
+  const fieldTypes = useMemo(() => getFieldTypes(), []);
+  useEffect(() => {
+    var _a, _b;
+    if (selectedFieldName && selected.field) return;
+    setSelectedFieldName((_b = (_a = effectiveSchema.fields[0]) == null ? void 0 : _a.name) != null ? _b : null);
+  }, [effectiveSchema.fields, selected.field, selectedFieldName]);
+  useEffect(() => {
+    if (isControlled) return;
+    setUncontrolledSchema(getInitialSchema(void 0, defaultValue));
+  }, [defaultValue, isControlled]);
+  const applySchema = useCallback(
+    (next) => {
+      onChange == null ? void 0 : onChange(next);
+      if (!isControlled) setUncontrolledSchema(next);
+    },
+    [isControlled, onChange]
+  );
+  const handleAddField = useCallback(
+    (type) => {
+      if (readonly) return;
+      const nextField = createDefaultField(type, effectiveSchema.fields);
+      const nextFields = [...effectiveSchema.fields, nextField];
+      applySchema(updateSchemaFields(effectiveSchema, nextFields));
+      setSelectedFieldName(nextField.name);
+    },
+    [applySchema, effectiveSchema, readonly]
+  );
+  const handleUpdateSelectedField = useCallback(
+    (nextField) => {
+      if (readonly) return;
+      if (!selected.field || selected.index < 0) return;
+      const nextFields = effectiveSchema.fields.map(
+        (f, i) => i === selected.index ? nextField : f
+      );
+      applySchema(updateSchemaFields(effectiveSchema, nextFields));
+    },
+    [applySchema, effectiveSchema, readonly, selected.field, selected.index]
+  );
+  const handleRenameSelected = useCallback(
+    (nextName) => {
+      if (readonly) return;
+      const currentField = selected.field;
+      if (!currentField) return;
+      const others = effectiveSchema.fields.filter(
+        (f) => f.name !== currentField.name
+      );
+      const uniqueName = createUniqueFieldName(others, nextName);
+      const nextField = __spreadProps(__spreadValues({}, currentField), { name: uniqueName });
+      handleUpdateSelectedField(nextField);
+      setSelectedFieldName(uniqueName);
+    },
+    [effectiveSchema.fields, handleUpdateSelectedField, readonly, selected.field]
+  );
+  const handleDeleteSelected = useCallback(() => {
+    if (readonly) return;
+    if (!selected.field || selected.index < 0) return;
+    const nextFields = effectiveSchema.fields.filter(
+      (_, i) => i !== selected.index
+    );
+    applySchema(updateSchemaFields(effectiveSchema, nextFields));
+    let nextSelected = null;
+    if (nextFields.length > selected.index) nextSelected = nextFields[selected.index].name;
+    else if (nextFields.length > 0) nextSelected = nextFields[0].name;
+    setSelectedFieldName(nextSelected);
+  }, [applySchema, effectiveSchema, readonly, selected.field, selected.index]);
+  const handleMoveSelected = useCallback(
+    (direction) => {
+      if (readonly) return;
+      if (!selected.field || selected.index < 0) return;
+      const toIndex = direction === "up" ? selected.index - 1 : selected.index + 1;
+      const nextFields = moveField(
+        effectiveSchema.fields,
+        selected.index,
+        toIndex
+      );
+      applySchema(updateSchemaFields(effectiveSchema, nextFields));
+    },
+    [applySchema, effectiveSchema, readonly, selected.field, selected.index]
+  );
+  const handleDuplicateSelected = useCallback(() => {
+    if (readonly) return;
+    if (!selected.field || selected.index < 0) return;
+    const nextFields = duplicateField(
+      effectiveSchema.fields,
+      selected.index
+    );
+    applySchema(updateSchemaFields(effectiveSchema, nextFields));
+    const duplicatedIndex = selected.index + 1;
+    const nextSelected = nextFields.length > duplicatedIndex ? nextFields[duplicatedIndex].name : selected.field.name;
+    setSelectedFieldName(nextSelected);
+  }, [applySchema, effectiveSchema, readonly, selected.field, selected.index]);
+  const handleSave = useCallback(() => {
+    if (!onSave) return;
+    const result = onSave(effectiveSchema);
+    void result;
+  }, [effectiveSchema, onSave]);
+  const disableSave = readonly || !onSave || hasErrorIssues(issues);
+  return /* @__PURE__ */ jsxs(Flex, { align: "start", gap: "4", style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx(
+      DynamicFormEditorFieldListPanel,
+      {
+        fieldTypes,
+        fields: effectiveSchema.fields,
+        hasFieldError,
+        onAddField: handleAddField,
+        onSelectFieldName: setSelectedFieldName,
+        readonly,
+        selectedFieldName
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", style: { flex: 1, minWidth: 520 }, children: [
+      /* @__PURE__ */ jsx(
+        DynamicFormEditorFieldEditorPanel,
+        {
+          field: selected.field,
+          fieldIndex: selected.index,
+          fieldTypes,
+          fields: effectiveSchema.fields,
+          onDeleteField: handleDeleteSelected,
+          onDuplicateField: handleDuplicateSelected,
+          onMoveField: handleMoveSelected,
+          onRenameField: handleRenameSelected,
+          onUpdateField: handleUpdateSelectedField,
+          readonly
+        }
+      ),
+      /* @__PURE__ */ jsx(DynamicFormEditorIssuesPanel, { issues }),
+      onSave || onCancel ? /* @__PURE__ */ jsxs(Flex, { gap: "2", justify: "end", children: [
+        onCancel ? /* @__PURE__ */ jsx(Button, { disabled: readonly, onClick: onCancel, variant: "soft", children: "\uCDE8\uC18C" }) : null,
+        onSave ? /* @__PURE__ */ jsx(Button, { disabled: disableSave, onClick: handleSave, children: "\uC800\uC7A5" }) : null
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx(DynamicFormEditorPreviewPanel, { fields: effectiveSchema.fields, show: showPreview })
+  ] });
+}
+
+export {
+  DynamicFormEditor
+};
+//# sourceMappingURL=chunk-DDVJMAYN.js.map

package/dist/chunk-DDVJMAYN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-editor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Button } from '@/atoms/button';\nimport { Flex } from '@/atoms/flex';\nimport type {\n  DynamicFormFieldSchema,\n  DynamicFormSchema,\n} from '@/types/dynamic-form-schema-generated';\nimport {\n  createDefaultField,\n  createUniqueFieldName,\n  duplicateField,\n  findFieldIndexByName,\n  getFieldTypes,\n  hasErrorIssues,\n  moveField,\n  normalizeSchema,\n  updateSchemaFields,\n  validateDynamicFormSchema,\n  type FieldType,\n  type SchemaIssue,\n} from './dynamic-form-editor-utils';\nimport { DynamicFormEditorFieldEditorPanel } from './dynamic-form-editor-field-editor-panel';\nimport { DynamicFormEditorFieldListPanel } from './dynamic-form-editor-field-list-panel';\nimport { DynamicFormEditorIssuesPanel } from './dynamic-form-editor-issues-panel';\nimport { DynamicFormEditorPreviewPanel } from './dynamic-form-editor-preview-panel';\n\nfunction getInitialSchema(\n  value: DynamicFormSchema | undefined,\n  defaultValue: DynamicFormSchema | undefined\n): DynamicFormSchema {\n  if (value !== undefined) return normalizeSchema(value);\n  return normalizeSchema(defaultValue);\n}\n\nfunction getSelectedField(\n  schema: DynamicFormSchema,\n  selectedFieldName: string | null\n): { field: DynamicFormFieldSchema | null; index: number } {\n  if (!selectedFieldName) return { field: null, index: -1 };\n  const index: number = findFieldIndexByName(schema.fields, selectedFieldName);\n  if (index < 0) return { field: null, index: -1 };\n  return { field: schema.fields[index], index };\n}\n\nexport interface DynamicFormEditorProps {\n  value?: DynamicFormSchema;\n  defaultValue?: DynamicFormSchema;\n  onChange?: (next: DynamicFormSchema) => void;\n  onSave?: (next: DynamicFormSchema) => void | Promise<void>;\n  onCancel?: () => void;\n  readonly?: boolean;\n  showPreview?: boolean;\n}\n\nexport function DynamicFormEditor(props: DynamicFormEditorProps): React.ReactElement {\n  const {\n    value,\n    defaultValue,\n    onChange,\n    onSave,\n    onCancel,\n    readonly = false,\n    showPreview = false,\n  } = props;\n\n  const isControlled: boolean = value !== undefined;\n\n  const [uncontrolledSchema, setUncontrolledSchema] = useState<DynamicFormSchema>(() =>\n    getInitialSchema(undefined, defaultValue)\n  );\n\n  const effectiveSchema: DynamicFormSchema = useMemo(() => {\n    if (isControlled) return normalizeSchema(value);\n    return uncontrolledSchema;\n  }, [isControlled, uncontrolledSchema, value]);\n\n  const [selectedFieldName, setSelectedFieldName] = useState<string | null>(() => {\n    const initialSchema = getInitialSchema(value, defaultValue);\n    return initialSchema.fields[0]?.name ?? null;\n  });\n\n  const selected = useMemo(() => {\n    return getSelectedField(effectiveSchema, selectedFieldName);\n  }, [effectiveSchema, selectedFieldName]);\n\n  const issues: SchemaIssue[] = useMemo(() => {\n    return validateDynamicFormSchema(effectiveSchema);\n  }, [effectiveSchema]);\n\n  const errorFieldNameSet: Set<string> = useMemo(() => {\n    const set = new Set<string>();\n    issues.forEach((i) => {\n      if (i.level === 'error' && i.fieldName) set.add(i.fieldName);\n    });\n    return set;\n  }, [issues]);\n\n  const hasFieldError = useCallback(\n    (fieldName: string): boolean => {\n      return errorFieldNameSet.has(fieldName);\n    },\n    [errorFieldNameSet]\n  );\n\n  const fieldTypes: FieldType[] = useMemo(() => getFieldTypes(), []);\n\n  useEffect(() => {\n    if (selectedFieldName && selected.field) return;\n    setSelectedFieldName(effectiveSchema.fields[0]?.name ?? null);\n  }, [effectiveSchema.fields, selected.field, selectedFieldName]);\n\n  useEffect(() => {\n    if (isControlled) return;\n    setUncontrolledSchema(getInitialSchema(undefined, defaultValue));\n  }, [defaultValue, isControlled]);\n\n  const applySchema = useCallback(\n    (next: DynamicFormSchema): void => {\n      onChange?.(next);\n      if (!isControlled) setUncontrolledSchema(next);\n    },\n    [isControlled, onChange]\n  );\n\n  const handleAddField = useCallback(\n    (type: FieldType): void => {\n      if (readonly) return;\n      const nextField: DynamicFormFieldSchema = createDefaultField(type, effectiveSchema.fields);\n      const nextFields: DynamicFormFieldSchema[] = [...effectiveSchema.fields, nextField];\n      applySchema(updateSchemaFields(effectiveSchema, nextFields));\n      setSelectedFieldName(nextField.name);\n    },\n    [applySchema, effectiveSchema, readonly]\n  );\n\n  const handleUpdateSelectedField = useCallback(\n    (nextField: DynamicFormFieldSchema): void => {\n      if (readonly) return;\n      if (!selected.field || selected.index < 0) return;\n      const nextFields: DynamicFormFieldSchema[] = effectiveSchema.fields.map((f, i) =>\n        i === selected.index ? nextField : f\n      );\n      applySchema(updateSchemaFields(effectiveSchema, nextFields));\n    },\n    [applySchema, effectiveSchema, readonly, selected.field, selected.index]\n  );\n\n  const handleRenameSelected = useCallback(\n    (nextName: string): void => {\n      if (readonly) return;\n      const currentField = selected.field;\n      if (!currentField) return;\n\n      const others: DynamicFormFieldSchema[] = effectiveSchema.fields.filter(\n        (f) => f.name !== currentField.name\n      );\n      const uniqueName: string = createUniqueFieldName(others, nextName);\n      const nextField: DynamicFormFieldSchema = { ...currentField, name: uniqueName };\n      handleUpdateSelectedField(nextField);\n      setSelectedFieldName(uniqueName);\n    },\n    [effectiveSchema.fields, handleUpdateSelectedField, readonly, selected.field]\n  );\n\n  const handleDeleteSelected = useCallback((): void => {\n    if (readonly) return;\n    if (!selected.field || selected.index < 0) return;\n    const nextFields: DynamicFormFieldSchema[] = effectiveSchema.fields.filter(\n      (_, i) => i !== selected.index\n    );\n    applySchema(updateSchemaFields(effectiveSchema, nextFields));\n    let nextSelected: string | null = null;\n    if (nextFields.length > selected.index) nextSelected = nextFields[selected.index].name;\n    else if (nextFields.length > 0) nextSelected = nextFields[0].name;\n    setSelectedFieldName(nextSelected);\n  }, [applySchema, effectiveSchema, readonly, selected.field, selected.index]);\n\n  const handleMoveSelected = useCallback(\n    (direction: 'up' | 'down'): void => {\n      if (readonly) return;\n      if (!selected.field || selected.index < 0) return;\n      const toIndex: number = direction === 'up' ? selected.index - 1 : selected.index + 1;\n      const nextFields: DynamicFormFieldSchema[] = moveField(\n        effectiveSchema.fields,\n        selected.index,\n        toIndex\n      );\n      applySchema(updateSchemaFields(effectiveSchema, nextFields));\n    },\n    [applySchema, effectiveSchema, readonly, selected.field, selected.index]\n  );\n\n  const handleDuplicateSelected = useCallback((): void => {\n    if (readonly) return;\n    if (!selected.field || selected.index < 0) return;\n    const nextFields: DynamicFormFieldSchema[] = duplicateField(\n      effectiveSchema.fields,\n      selected.index\n    );\n    applySchema(updateSchemaFields(effectiveSchema, nextFields));\n    const duplicatedIndex: number = selected.index + 1;\n    const nextSelected: string =\n      nextFields.length > duplicatedIndex\n        ? nextFields[duplicatedIndex].name\n        : selected.field.name;\n    setSelectedFieldName(nextSelected);\n  }, [applySchema, effectiveSchema, readonly, selected.field, selected.index]);\n\n  const handleSave = useCallback((): void => {\n    if (!onSave) return;\n    const result = onSave(effectiveSchema);\n    void result;\n  }, [effectiveSchema, onSave]);\n\n  const disableSave: boolean = readonly || !onSave || hasErrorIssues(issues);\n\n  return (\n    <Flex align=\"start\" gap=\"4\" style={{ width: '100%' }}>\n      <DynamicFormEditorFieldListPanel\n        fieldTypes={fieldTypes}\n        fields={effectiveSchema.fields}\n        hasFieldError={hasFieldError}\n        onAddField={handleAddField}\n        onSelectFieldName={setSelectedFieldName}\n        readonly={readonly}\n        selectedFieldName={selectedFieldName}\n      />\n\n      <Flex direction=\"column\" gap=\"3\" style={{ flex: 1, minWidth: 520 }}>\n        <DynamicFormEditorFieldEditorPanel\n          field={selected.field}\n          fieldIndex={selected.index}\n          fieldTypes={fieldTypes}\n          fields={effectiveSchema.fields}\n          onDeleteField={handleDeleteSelected}\n          onDuplicateField={handleDuplicateSelected}\n          onMoveField={handleMoveSelected}\n          onRenameField={handleRenameSelected}\n          onUpdateField={handleUpdateSelectedField}\n          readonly={readonly}\n        />\n\n        <DynamicFormEditorIssuesPanel issues={issues} />\n\n        {(onSave || onCancel) ? <Flex gap=\"2\" justify=\"end\">\n            {onCancel ? (\n              <Button disabled={readonly} onClick={onCancel} variant=\"soft\">\n                취소\n              </Button>\n            ) : null}\n            {onSave ? (\n              <Button disabled={disableSave} onClick={handleSave}>\n                저장\n              </Button>\n            ) : null}\n          </Flex> : null}\n      </Flex>\n\n      <DynamicFormEditorPreviewPanel fields={effectiveSchema.fields} show={showPreview} />\n    </Flex>\n  );\n}\n\n"],"mappings":"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","names":[]}

package/dist/chunk-DJ24574O.js

@@ -0,0 +1,28 @@
+import {
+  DynamicForm
+} from "./chunk-ALETVN5F.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/dynamic-form-editor-preview-panel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DynamicFormEditorPreviewPanel(props) {
+  const { show, fields } = props;
+  if (!show) return null;
+  return /* @__PURE__ */ jsx(Card, { style: { width: 420, padding: 12 }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsx(Typo, { variant: "body", children: "\uD504\uB9AC\uBDF0" }),
+    /* @__PURE__ */ jsx(DynamicForm.Root, { fields, onSubmit: () => void 0, readonly: true, children: /* @__PURE__ */ jsx(DynamicForm.FieldList, { labelVariant: "body" }) })
+  ] }) });
+}
+
+export {
+  DynamicFormEditorPreviewPanel
+};
+//# sourceMappingURL=chunk-DJ24574O.js.map

package/dist/chunk-DJ24574O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-editor-preview-panel.tsx"],"sourcesContent":["import React from 'react';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\nimport { DynamicForm } from './dynamic-form';\n\nexport interface DynamicFormEditorPreviewPanelProps {\n  show: boolean;\n  fields: DynamicFormFieldSchema[];\n}\n\nexport function DynamicFormEditorPreviewPanel(\n  props: DynamicFormEditorPreviewPanelProps\n): React.ReactElement | null {\n  const { show, fields } = props;\n  if (!show) return null;\n\n  return (\n    <Card style={{ width: 420, padding: 12 }}>\n      <Flex direction=\"column\" gap=\"3\">\n        <Typo variant=\"body\">프리뷰</Typo>\n        <DynamicForm.Root fields={fields} onSubmit={(): void => undefined} readonly>\n          <DynamicForm.FieldList labelVariant=\"body\" />\n        </DynamicForm.Root>\n      </Flex>\n    </Card>\n  );\n}\n\n"],"mappings":";;;;;;;;;;;;;;AAoBM,SACE,KADF;AARC,SAAS,8BACd,OAC2B;AAC3B,QAAM,EAAE,MAAM,OAAO,IAAI;AACzB,MAAI,CAAC,KAAM,QAAO;AAElB,SACE,oBAAC,QAAK,OAAO,EAAE,OAAO,KAAK,SAAS,GAAG,GACrC,+BAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,wBAAC,QAAK,SAAQ,QAAO,gCAAG;AAAA,IACxB,oBAAC,YAAY,MAAZ,EAAiB,QAAgB,UAAU,MAAY,QAAW,UAAQ,MACzE,8BAAC,YAAY,WAAZ,EAAsB,cAAa,QAAO,GAC7C;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-DJCBLRLH.js

@@ -0,0 +1,69 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-INE4EFFO.js";
+import {
+  curriculum_file_download_default
+} from "./chunk-GFURX6GB.js";
+import {
+  curriculum_review_default
+} from "./chunk-X2OV53JW.js";
+import {
+  curriculum_video_default
+} from "./chunk-KFUBWOCN.js";
+import {
+  useCurriculumContext
+} from "./chunk-WA5A2GB4.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  InfoCircledIcon
+} from "./chunk-LTEJYJUM.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/curriculumV2/CurriculumContents/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumBody() {
+  const { selectedItem, selectedSectionTitle } = useCurriculumContext();
+  switch (selectedItem.type) {
+    case "video":
+      return /* @__PURE__ */ jsx(curriculum_video_default, { item: selectedItem });
+    case "review":
+      return /* @__PURE__ */ jsx(
+        curriculum_review_default,
+        {
+          item: selectedItem,
+          sectionTitle: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title
+        }
+      );
+    case "aiTraining":
+      return /* @__PURE__ */ jsx(curriculum_ai_traning_default, { item: selectedItem });
+    case "fileDownload":
+      return /* @__PURE__ */ jsx(curriculum_file_download_default, { item: selectedItem });
+    default:
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "2",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(InfoCircledIcon, { height: 24, width: 24 }),
+            /* @__PURE__ */ jsx(Typo, { children: "\uCEE8\uD150\uCE20\uB97C \uB85C\uB529 \uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" }),
+            /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", variant: "caption", children: `[debug info]
+            ${JSON.stringify(selectedItem)}` })
+          ]
+        }
+      );
+  }
+}
+
+export {
+  CurriculumBody
+};
+//# sourceMappingURL=chunk-DJCBLRLH.js.map

package/dist/chunk-DJCBLRLH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { InfoCircledIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumVideo from './curriculum-video';\nimport CurriculumReview from './curriculum-review';\nimport CurriculumAiTraning from './curriculum-ai-traning';\nimport CurriculumFileDownload from './curriculum-file-download';\n\nexport function CurriculumBody(): React.ReactNode {\n  const { selectedItem, selectedSectionTitle } = useCurriculumContext();\n\n  switch (selectedItem.type) {\n    case 'video':\n      return <CurriculumVideo item={selectedItem} />;\n    case 'review':\n      return (\n        <CurriculumReview\n          item={selectedItem}\n          sectionTitle={selectedSectionTitle?.title}\n        />\n      );\n    case 'aiTraining':\n      return <CurriculumAiTraning item={selectedItem} />;\n    case 'fileDownload':\n      return <CurriculumFileDownload item={selectedItem} />;\n    default:\n      return (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"2\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <InfoCircledIcon height={24} width={24} />\n          <Typo>컨텐츠를 로딩 할 수 없습니다</Typo>\n          <Typo align=\"center\" color=\"gray\" variant=\"caption\">\n            {`[debug info]\n            ${JSON.stringify(selectedItem)}`}\n          </Typo>\n        </Flex>\n      );\n  }\n} "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAea,cAcL,YAdK;AALN,SAAS,iBAAkC;AAChD,QAAM,EAAE,cAAc,qBAAqB,IAAI,qBAAqB;AAEpE,UAAQ,aAAa,MAAM;AAAA,IACzB,KAAK;AACH,aAAO,oBAAC,4BAAgB,MAAM,cAAc;AAAA,IAC9C,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,cAAc,6DAAsB;AAAA;AAAA,MACtC;AAAA,IAEJ,KAAK;AACH,aAAO,oBAAC,iCAAoB,MAAM,cAAc;AAAA,IAClD,KAAK;AACH,aAAO,oBAAC,oCAAuB,MAAM,cAAc;AAAA,IACrD;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,mBAAgB,QAAQ,IAAI,OAAO,IAAI;AAAA,YACxC,oBAAC,QAAK,0FAAgB;AAAA,YACtB,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,SAAQ,WACvC;AAAA,cACC,KAAK,UAAU,YAAY,CAAC,IAChC;AAAA;AAAA;AAAA,MACF;AAAA,EAEN;AACF;","names":[]}

package/dist/chunk-DTHR4ABO.js

@@ -0,0 +1,69 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-ULZHPTB5.js";
+import {
+  curriculum_file_download_default
+} from "./chunk-ZFTQ2XBH.js";
+import {
+  curriculum_review_default
+} from "./chunk-ITKUKDDV.js";
+import {
+  curriculum_video_default
+} from "./chunk-KFUBWOCN.js";
+import {
+  useCurriculumContext
+} from "./chunk-WA5A2GB4.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  InfoCircledIcon
+} from "./chunk-LTEJYJUM.js";
+
+// src/molecules/curriculumV2/CurriculumContents/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumBody() {
+  const { selectedItem, selectedSectionTitle } = useCurriculumContext();
+  switch (selectedItem.type) {
+    case "video":
+      return /* @__PURE__ */ jsx(curriculum_video_default, { item: selectedItem });
+    case "review":
+      return /* @__PURE__ */ jsx(
+        curriculum_review_default,
+        {
+          item: selectedItem,
+          sectionTitle: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title
+        }
+      );
+    case "aiTraining":
+      return /* @__PURE__ */ jsx(curriculum_ai_traning_default, { item: selectedItem });
+    case "fileDownload":
+      return /* @__PURE__ */ jsx(curriculum_file_download_default, { item: selectedItem });
+    default:
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "2",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(InfoCircledIcon, { height: 24, width: 24 }),
+            /* @__PURE__ */ jsx(Typo, { children: "\uCEE8\uD150\uCE20\uB97C \uB85C\uB529 \uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" }),
+            /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", variant: "caption", children: `[debug info]
+            ${JSON.stringify(selectedItem)}` })
+          ]
+        }
+      );
+  }
+}
+
+export {
+  CurriculumBody
+};
+//# sourceMappingURL=chunk-DTHR4ABO.js.map

package/dist/chunk-DTHR4ABO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { InfoCircledIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumVideo from './curriculum-video';\nimport CurriculumReview from './curriculum-review';\nimport CurriculumAiTraning from './curriculum-ai-traning';\nimport CurriculumFileDownload from './curriculum-file-download';\n\nexport function CurriculumBody(): React.ReactNode {\n  const { selectedItem, selectedSectionTitle } = useCurriculumContext();\n\n  switch (selectedItem.type) {\n    case 'video':\n      return <CurriculumVideo item={selectedItem} />;\n    case 'review':\n      return (\n        <CurriculumReview\n          item={selectedItem}\n          sectionTitle={selectedSectionTitle?.title}\n        />\n      );\n    case 'aiTraining':\n      return <CurriculumAiTraning item={selectedItem} />;\n    case 'fileDownload':\n      return <CurriculumFileDownload item={selectedItem} />;\n    default:\n      return (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"2\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <InfoCircledIcon height={24} width={24} />\n          <Typo>컨텐츠를 로딩 할 수 없습니다</Typo>\n          <Typo align=\"center\" color=\"gray\" variant=\"caption\">\n            {`[debug info]\n            ${JSON.stringify(selectedItem)}`}\n          </Typo>\n        </Flex>\n      );\n  }\n} "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAea,cAcL,YAdK;AALN,SAAS,iBAAkC;AAChD,QAAM,EAAE,cAAc,qBAAqB,IAAI,qBAAqB;AAEpE,UAAQ,aAAa,MAAM;AAAA,IACzB,KAAK;AACH,aAAO,oBAAC,4BAAgB,MAAM,cAAc;AAAA,IAC9C,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,cAAc,6DAAsB;AAAA;AAAA,MACtC;AAAA,IAEJ,KAAK;AACH,aAAO,oBAAC,iCAAoB,MAAM,cAAc;AAAA,IAClD,KAAK;AACH,aAAO,oBAAC,oCAAuB,MAAM,cAAc;AAAA,IACrD;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,mBAAgB,QAAQ,IAAI,OAAO,IAAI;AAAA,YACxC,oBAAC,QAAK,0FAAgB;AAAA,YACtB,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,SAAQ,WACvC;AAAA,cACC,KAAK,UAAU,YAAY,CAAC,IAChC;AAAA;AAAA;AAAA,MACF;AAAA,EAEN;AACF;","names":[]}

package/dist/chunk-DTK646M6.js

@@ -0,0 +1,87 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-B327EINU.js";
+import {
+  TextArea
+} from "./chunk-5XYPLDI5.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Callout
+} from "./chunk-B6XJN6EC.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  BellIcon
+} from "./chunk-LTEJYJUM.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionText(props) {
+  const { question, answer, onChange } = props;
+  const minLengthNotMet = question.minLength && answer.length < question.minLength;
+  const remainingLength = question.minLength && answer.length < question.minLength ? question.minLength - answer.length : 0;
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      size: "2",
+      style: {
+        width: "100%",
+        height: "100%"
+      },
+      children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", children: [
+        /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+          /* @__PURE__ */ jsx(
+            ReviewQuestionContentHeader,
+            {
+              icon: question.icon,
+              question: question.question,
+              title: question.title,
+              type: question.type
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextArea,
+            {
+              mt: "2",
+              onChange: (e) => {
+                onChange(e.target.value);
+              },
+              placeholder: question.placeholder,
+              value: answer
+            }
+          )
+        ] }),
+        minLengthNotMet ? /* @__PURE__ */ jsxs(Box, { mt: "2", children: [
+          /* @__PURE__ */ jsx(Typo, { align: "right", as: "p", color: "red", variant: "caption", children: `${remainingLength}\uC790 \uB354 \uC791\uC131\uD574\uC8FC\uC138\uC694.` }),
+          question.minLengthInfoMessage ? /* @__PURE__ */ jsxs(
+            Callout.Root,
+            {
+              color: "iris",
+              mt: "2",
+              style: { alignItems: "center" },
+              children: [
+                /* @__PURE__ */ jsx(Callout.Icon, { children: /* @__PURE__ */ jsx(BellIcon, {}) }),
+                /* @__PURE__ */ jsx(Callout.Text, { children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: question.minLengthInfoMessage }) })
+              ]
+            }
+          ) : null
+        ] }) : null
+      ] })
+    }
+  );
+}
+var review_question_text_default = ReviewQuestionText;
+
+export {
+  review_question_text_default
+};
+//# sourceMappingURL=chunk-DTK646M6.js.map