@tipp/ui 2.3.21 → 2.3.23

package/dist/chunk-IQUJPIZD.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-ITKUKDDV.js

@@ -0,0 +1,196 @@
+import {
+  CurriculumReviewSteps_default
+} from "./chunk-7U5EZJOD.js";
+import {
+  useCurriculumContext
+} from "./chunk-WA5A2GB4.js";
+import {
+  Dialog
+} from "./chunk-AH4A53SZ.js";
+import {
+  IconButton
+} from "./chunk-XK6VEVOK.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
+import { useCallback, useMemo, useState } from "react";
+import { Cross1Icon } from "@radix-ui/react-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumReview(props) {
+  const { item, sectionTitle } = props;
+  const { description, buttonTitle } = item;
+  const {
+    curriculum,
+    onReviewSubmit: _onReviewSubmit,
+    onReviewValueChange: _onReviewValueChange,
+    curriculumReviewAnswers,
+    tempCurriculumReviewAnswers,
+    curriculumCompleteMap
+  } = useCurriculumContext();
+  const [open, setOpen] = useState(false);
+  const [isChanged, setIsChanged] = useState(false);
+  const [closeDialogOpen, setCloseDialogOpen] = useState(false);
+  const onReviewValueChange = useCallback(
+    ({
+      reviewId,
+      answer
+    }) => {
+      if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {
+        return;
+      }
+      setIsChanged(true);
+      _onReviewValueChange({ reviewId, answer });
+    },
+    [_onReviewValueChange, curriculumReviewAnswers]
+  );
+  const onReviewSubmit = useCallback(
+    (values) => {
+      return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(
+        (result) => {
+          setIsChanged(false);
+          return result;
+        }
+      );
+    },
+    [item.uuid, _onReviewSubmit]
+  );
+  const onClickEndReview = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const onClickCloseDrawer = useCallback(() => {
+    if (isChanged) {
+      setCloseDialogOpen(true);
+    } else {
+      setOpen(false);
+    }
+  }, [isChanged]);
+  const mode = useMemo(() => {
+    return item.questions.every(
+      (question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== ""
+    ) ? "edit" : "create";
+  }, [curriculumReviewAnswers, item.questions]);
+  const defaultValues = useMemo(() => {
+    const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
+    return item.questions.reduce((acc, question) => {
+      acc[question.uuid] = allAnswers[question.uuid] || "";
+      return acc;
+    }, {});
+  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
+  const done = useMemo(() => {
+    return Boolean(curriculumCompleteMap[item.uuid]);
+  }, [curriculumCompleteMap, item.uuid]);
+  const bgColor = done ? "var(--color-panel-solid)" : void 0;
+  return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        align: "center",
+        direction: "column",
+        height: "100%",
+        justify: "center",
+        px: "3",
+        py: "3",
+        style: {
+          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,
+          backgroundPosition: "center",
+          backgroundSize: "cover",
+          backgroundRepeat: "no-repeat"
+        },
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
+          /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
+          /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              mt: "3",
+              style: { minWidth: 232, backgroundColor: bgColor },
+              variant: done ? "outline" : "solid",
+              children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle })
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Dialog.Content,
+      {
+        height: "100%",
+        hideCloseButton: true,
+        style: { borderRadius: 0, padding: 0 },
+        title: "",
+        width: "100%",
+        children: /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            align: "center",
+            height: "100%",
+            justify: "center",
+            pb: "3",
+            position: "relative",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ jsx(
+                CurriculumReviewSteps_default,
+                {
+                  contents: item,
+                  curriculum,
+                  defaultValues,
+                  done,
+                  mode,
+                  onClickEndReview,
+                  onReviewValueChange,
+                  onSubmit: onReviewSubmit,
+                  title: sectionTitle
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsxs(
+                IconButton,
+                {
+                  color: "gray",
+                  onClick: onClickCloseDrawer,
+                  variant: "ghost",
+                  children: [
+                    /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
+                    /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: setCloseDialogOpen, open: closeDialogOpen, children: /* @__PURE__ */ jsx(
+                Dialog.Content,
+                {
+                  buttons: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
+                    /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uB3CC\uC544\uAC00\uAE30" }) }),
+                    /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "red", onClick: onClickEndReview, children: "\uB098\uAC00\uAE30" }) })
+                  ] }),
+                  title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
+                  children: /* @__PURE__ */ jsx(Typo, { children: "\uD398\uC774\uC9C0\uC5D0\uC11C \uBC97\uC5B4\uB098\uBA74 \uC791\uC131\uD55C \uB0B4\uC6A9\uC774 \uC800\uC7A5\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var curriculum_review_default = CurriculumReview;
+
+export {
+  curriculum_review_default
+};
+//# sourceMappingURL=chunk-ITKUKDDV.js.map

package/dist/chunk-ITKUKDDV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Dialog } from '@/atoms/dialog';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\nimport { Typo } from '@/atoms/typo';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n  item: CurriculumReviewContents;\n  sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n  const { item, sectionTitle } = props;\n  const { description, buttonTitle } = item;\n  const {\n    curriculum,\n    onReviewSubmit: _onReviewSubmit,\n    onReviewValueChange: _onReviewValueChange,\n    curriculumReviewAnswers,\n    tempCurriculumReviewAnswers,\n    curriculumCompleteMap,\n  } = useCurriculumContext();\n  const [open, setOpen] = useState(false);\n  const [isChanged, setIsChanged] = useState(false);\n  const [closeDialogOpen, setCloseDialogOpen] = useState(false);\n\n  const onReviewValueChange = useCallback(\n    ({\n      reviewId,\n      answer,\n    }: {\n      reviewId: string;\n      answer: Record<string, string>;\n    }) => {\n      if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {\n        return;\n      }\n\n      setIsChanged(true);\n      _onReviewValueChange({ reviewId, answer });\n    },\n    [_onReviewValueChange, curriculumReviewAnswers]\n  );\n\n  const onReviewSubmit = useCallback(\n    (values: Record<string, string>) => {\n      return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(\n        (result) => {\n          setIsChanged(false);\n          return result;\n        }\n      );\n    },\n    [item.uuid, _onReviewSubmit]\n  );\n\n  const onClickEndReview = useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  const onClickCloseDrawer = useCallback(() => {\n    if (isChanged) {\n      setCloseDialogOpen(true);\n    } else {\n      setOpen(false);\n    }\n  }, [isChanged]);\n\n  const mode = useMemo(() => {\n    return item.questions.every(\n      (question) =>\n        curriculumReviewAnswers[question.uuid] &&\n        curriculumReviewAnswers[question.uuid] !== ''\n    )\n      ? 'edit'\n      : 'create';\n  }, [curriculumReviewAnswers, item.questions]);\n\n  const defaultValues = useMemo(() => {\n    const allAnswers = {\n      ...tempCurriculumReviewAnswers,\n      ...curriculumReviewAnswers,\n    };\n\n    return item.questions.reduce<Record<string, string>>((acc, question) => {\n      acc[question.uuid] = allAnswers[question.uuid] || '';\n      return acc;\n    }, {});\n  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n  const done = useMemo(() => {\n    return Boolean(curriculumCompleteMap[item.uuid]);\n  }, [curriculumCompleteMap, item.uuid]);\n\n  const bgColor = done ? 'var(--color-panel-solid)' : undefined;\n\n  return (\n    <Dialog.Root onOpenChange={setOpen} open={open}>\n      <Flex\n        align=\"center\"\n        direction=\"column\"\n        height=\"100%\"\n        justify=\"center\"\n        px=\"3\"\n        py=\"3\"\n        style={{\n          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,\n          backgroundPosition: 'center',\n          backgroundSize: 'cover',\n          backgroundRepeat: 'no-repeat',\n        }}\n        width=\"100%\"\n      >\n        <Typo color=\"gray\" weight=\"bold\">\n          {curriculum.title}\n        </Typo>\n        <Typo align=\"center\" as=\"p\" color=\"gray\">\n          {description}\n        </Typo>\n\n        <Dialog.Trigger>\n          <Button\n            mt=\"3\"\n            style={{ minWidth: 232, backgroundColor: bgColor }}\n            variant={done ? 'outline' : 'solid'}\n          >\n            <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n          </Button>\n        </Dialog.Trigger>\n      </Flex>\n      <Dialog.Content\n        height=\"100%\"\n        hideCloseButton\n        style={{ borderRadius: 0, padding: 0 }}\n        title=\"\"\n        width=\"100%\"\n      >\n        <Flex\n          align=\"center\"\n          height=\"100%\"\n          justify=\"center\"\n          pb=\"3\"\n          position=\"relative\"\n          width=\"100%\"\n        >\n          <CurriculumReviewSteps\n            contents={item}\n            curriculum={curriculum}\n            defaultValues={defaultValues}\n            done={done}\n            mode={mode}\n            onClickEndReview={onClickEndReview}\n            onReviewValueChange={onReviewValueChange}\n            onSubmit={onReviewSubmit}\n            title={sectionTitle}\n          />\n          {/* 닫기 버튼 */}\n          <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n            <IconButton\n              color=\"gray\"\n              onClick={onClickCloseDrawer}\n              variant=\"ghost\"\n            >\n              <Box display={{ initial: 'none', md: 'block' }}>\n                <Cross1Icon height={20} width={20} />\n              </Box>\n              <Box display={{ initial: 'block', md: 'none' }}>\n                <Cross1Icon height={16} width={16} />\n              </Box>\n            </IconButton>\n          </Box>\n\n          {/* 진짜 닫겠습니까 모달 */}\n          <Dialog.Root onOpenChange={setCloseDialogOpen} open={closeDialogOpen}>\n            <Dialog.Content\n              buttons={\n                <Flex gap=\"3\" justify=\"end\">\n                  <Dialog.Close asChild>\n                    <Button color=\"gray\" variant=\"outline\">\n                      돌아가기\n                    </Button>\n                  </Dialog.Close>\n                  <Dialog.Close>\n                    <Button color=\"red\" onClick={onClickEndReview}>\n                      나가기\n                    </Button>\n                  </Dialog.Close>\n                </Flex>\n              }\n              title=\"작성을 중단하시겠습니까?\"\n            >\n              <Typo>페이지에서 벗어나면 작성한 내용이 저장되지 않습니다.</Typo>\n            </Dialog.Content>\n          </Dialog.Root>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}

package/dist/chunk-J333WVWG.js

@@ -0,0 +1,145 @@
+import {
+  DatePickerButton
+} from "./chunk-XYDK5OWF.js";
+import {
+  Form
+} from "./chunk-QDC3LFHS.js";
+import {
+  TextArea
+} from "./chunk-5XYPLDI5.js";
+import {
+  TextField
+} from "./chunk-6NPTJBFE.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/platform/goal-manage-card-edit.tsx
+import { useCallback, useState } from "react";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+var initialValues = {
+  goal: "",
+  effect: "",
+  huddle: "",
+  dueDate: void 0
+};
+var dummyFn = () => {
+};
+function GoalManageCardEdit(props) {
+  const { defaultValues, errors } = props;
+  const [values, setValues] = useState(defaultValues || initialValues);
+  const onChange = useCallback(
+    (v) => {
+      var _a;
+      setValues((prev) => __spreadValues(__spreadValues({}, prev), v));
+      (_a = props.onChange) == null ? void 0 : _a.call(props, v);
+    },
+    [props]
+  );
+  const onClickInit = useCallback(() => {
+    var _a;
+    setValues(initialValues);
+    (_a = props.onChange) == null ? void 0 : _a.call(props, defaultValues || initialValues);
+  }, [defaultValues, props]);
+  const onClickSubmit = useCallback(() => {
+    var _a;
+    (_a = props.onSubmit) == null ? void 0 : _a.call(props, values);
+  }, [props, values]);
+  return /* @__PURE__ */ jsx(Card, { style: { width: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { onSubmit: dummyFn, children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
+      /* @__PURE__ */ jsxs(Form.Field, { name: "title", children: [
+        /* @__PURE__ */ jsx(Form.Label, { children: "\uC774\uBC88 \uCF54\uCE6D\uC758 \uBAA9\uD45C\uB294 \uC544\uB798\uC640 \uAC19\uC2B5\uB2C8\uB2E4" }),
+        /* @__PURE__ */ jsx(
+          TextField.Root,
+          {
+            error: Boolean(errors == null ? void 0 : errors.goal),
+            onChange: (e) => {
+              onChange({ goal: e.target.value });
+            },
+            placeholder: "\uC774\uBC88 \uCF54\uCE6D \uACFC\uC815\uC758 \uBAA9\uD45C\uB97C \uD55C \uBB38\uC7A5\uC73C\uB85C \uC801\uC5B4\uC8FC\uC138\uC694",
+            value: values.goal
+          }
+        ),
+        /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.goal), children: errors == null ? void 0 : errors.goal })
+      ] }),
+      /* @__PURE__ */ jsxs(Form.Field, { name: "effect", children: [
+        /* @__PURE__ */ jsx(Form.Label, { children: "\uAE30\uB300\uD6A8\uACFC" }),
+        /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            error: Boolean(errors == null ? void 0 : errors.effect),
+            onChange: (e) => {
+              onChange({ effect: e.target.value });
+            },
+            placeholder: "\uC608\uC2DC : \uD300\uC6D0\uB4E4\uACFC \uB354 \uCE5C\uBC00\uD574\uC9C0\uACE0, \uD300\uC6D0\uB4E4\uC5D0 \uB300\uD55C \uC774\uD574\uB3C4\uAC00 \uC313\uC774\uBA70 \uB354 \uD6A8\uC728\uC801\uC778 \uC778\uC7AC\uAD00\uB9AC\uB97C \uC704\uD55C \uAD00\uACC4\uD615\uC131\uC774 \uAC00\uB2A5\uD574\uC9D1\uB2C8\uB2E4.",
+            resize: "vertical",
+            value: values.effect
+          }
+        ),
+        /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.effect), children: errors == null ? void 0 : errors.effect })
+      ] }),
+      /* @__PURE__ */ jsxs(Form.Field, { name: "huddle", children: [
+        /* @__PURE__ */ jsx(Form.Label, { children: "\uBC29\uD574\uC694\uC18C" }),
+        /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            error: Boolean(errors == null ? void 0 : errors.huddle),
+            onChange: (e) => {
+              onChange({ huddle: e.target.value });
+            },
+            placeholder: `- \uAC11\uC790\uAE30 \uC7A1\uD788\uB294 \uBBF8\uD305\uB4E4
+- MZ \uC138\uB300\uC640\uC758 \uC790\uC5F0\uC2A4\uB7FD\uC9C0 \uC54A\uC740 \uC18C\uD1B5
+- \uB300\uD654\uC5D0\uC11C \uCC38\uC744\uC131 \uBD80\uC871`,
+            resize: "vertical",
+            value: values.huddle
+          }
+        ),
+        /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.huddle), children: errors == null ? void 0 : errors.huddle })
+      ] }),
+      /* @__PURE__ */ jsxs(Form.Field, { name: "dueDate", children: [
+        /* @__PURE__ */ jsx(Form.Label, { children: "\uBAA9\uD45C \uB2EC\uC131 \uAE30\uD55C\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4" }),
+        /* @__PURE__ */ jsx(
+          DatePickerButton,
+          {
+            format: (v) => format(v, "yyyy\uB144 MM\uC6D4 dd\uC77C"),
+            onChange: (date) => {
+              date && onChange({ dueDate: date });
+            },
+            placeholder: "YYYY\uB144 MM\uC6D4 DD\uC77C",
+            selected: values.dueDate
+          }
+        ),
+        /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errors == null ? void 0 : errors.dueDate), children: errors == null ? void 0 : errors.dueDate })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", width: "100%", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          color: "gray",
+          onClick: onClickInit,
+          size: "small",
+          type: "button",
+          variant: "outline",
+          children: "\uCD08\uAE30\uD654\uD558\uAE30"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { onClick: onClickSubmit, size: "small", type: "button", children: "\uC800\uC7A5\uD558\uAE30" })
+    ] })
+  ] }) });
+}
+
+export {
+  GoalManageCardEdit
+};
+//# sourceMappingURL=chunk-J333WVWG.js.map

package/dist/chunk-J333WVWG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/goal-manage-card-edit.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { format } from 'date-fns';\nimport { Button, Card, Flex, Form, TextArea, TextField } from '../../atoms';\nimport { DatePickerButton } from '../../molecules';\n\ninterface Values {\n  goal?: string;\n  effect?: string;\n  huddle?: string;\n  dueDate?: Date;\n}\n\ninterface GoalManageCardEditProps {\n  onChange?: (values: Partial<Values>) => void;\n  defaultValues?: Values;\n  errors?: { [key in keyof Values]: string };\n  onSubmit?: (values: Values) => void;\n}\n\nconst initialValues: Values = {\n  goal: '',\n  effect: '',\n  huddle: '',\n  dueDate: undefined,\n};\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function -- dummy용 함수\nconst dummyFn = (): void => {};\n\nexport function GoalManageCardEdit(\n  props: GoalManageCardEditProps\n): React.ReactNode {\n  const { defaultValues, errors } = props;\n  const [values, setValues] = useState(defaultValues || initialValues);\n\n  const onChange = useCallback(\n    (v: Partial<Values>) => {\n      setValues((prev) => ({ ...prev, ...v }));\n      props.onChange?.(v);\n    },\n    [props]\n  );\n\n  const onClickInit = useCallback(() => {\n    setValues(initialValues);\n    props.onChange?.(defaultValues || initialValues);\n  }, [defaultValues, props]);\n\n  const onClickSubmit = useCallback(() => {\n    props.onSubmit?.(values);\n  }, [props, values]);\n\n  return (\n    <Card style={{ width: '100%' }}>\n      <Form.Root onSubmit={dummyFn}>\n        <Flex direction=\"column\" gap=\"5\">\n          <Form.Field name=\"title\">\n            <Form.Label>이번 코칭의 목표는 아래와 같습니다</Form.Label>\n            <TextField.Root\n              error={Boolean(errors?.goal)}\n              onChange={(e) => {\n                onChange({ goal: e.target.value });\n              }}\n              placeholder=\"이번 코칭 과정의 목표를 한 문장으로 적어주세요\"\n              value={values.goal}\n            />\n            <Form.Message forceMatch={Boolean(errors?.goal)}>\n              {errors?.goal}\n            </Form.Message>\n          </Form.Field>\n\n          <Form.Field name=\"effect\">\n            <Form.Label>기대효과</Form.Label>\n            <TextArea\n              error={Boolean(errors?.effect)}\n              onChange={(e) => {\n                onChange({ effect: e.target.value });\n              }}\n              placeholder=\"예시 : 팀원들과 더 친밀해지고, 팀원들에 대한 이해도가 쌓이며 더 효율적인 인재관리를 위한 관계형성이 가능해집니다.\"\n              resize=\"vertical\"\n              value={values.effect}\n            />\n            <Form.Message forceMatch={Boolean(errors?.effect)}>\n              {errors?.effect}\n            </Form.Message>\n          </Form.Field>\n\n          <Form.Field name=\"huddle\">\n            <Form.Label>방해요소</Form.Label>\n            <TextArea\n              error={Boolean(errors?.huddle)}\n              onChange={(e) => {\n                onChange({ huddle: e.target.value });\n              }}\n              placeholder={`- 갑자기 잡히는 미팅들\n- MZ 세대와의 자연스럽지 않은 소통\n- 대화에서 참을성 부족`}\n              resize=\"vertical\"\n              value={values.huddle}\n            />\n            <Form.Message forceMatch={Boolean(errors?.huddle)}>\n              {errors?.huddle}\n            </Form.Message>\n          </Form.Field>\n\n          <Form.Field name=\"dueDate\">\n            <Form.Label>목표 달성 기한은 다음과 같습니다</Form.Label>\n            <DatePickerButton\n              format={(v) => format(v, 'yyyy년 MM월 dd일')}\n              onChange={(date) => {\n                date && onChange({ dueDate: date });\n              }}\n              placeholder=\"YYYY년 MM월 DD일\"\n              selected={values.dueDate}\n            />\n            <Form.Message forceMatch={Boolean(errors?.dueDate)}>\n              {errors?.dueDate}\n            </Form.Message>\n          </Form.Field>\n        </Flex>\n\n        <Flex gap=\"3\" justify=\"end\" width=\"100%\">\n          <Button\n            color=\"gray\"\n            onClick={onClickInit}\n            size=\"small\"\n            type=\"button\"\n            variant=\"outline\"\n          >\n            초기화하기\n          </Button>\n          <Button onClick={onClickSubmit} size=\"small\" type=\"button\">\n            저장하기\n          </Button>\n        </Flex>\n      </Form.Root>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-JADEGHJI.js

@@ -0,0 +1,101 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-FN2CUDUP.js";
+import {
+  RadioButtonCard
+} from "./chunk-CSKNBWPB.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
+import { useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var correctAnswerStyle = {
+  backgroundColor: "var(--green-a2)"
+};
+function ReviewQuestionRadio(props) {
+  const { question, answer, onChange } = props;
+  const [isCheckAnswer, setIsCheckAnswer] = useState(false);
+  const checkAnswer = useCallback(() => {
+    setIsCheckAnswer(true);
+  }, []);
+  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;
+  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;
+  const radioColor = useMemo(() => {
+    if (isCorrect) return "green";
+    if (isWrong) return "red";
+    return void 0;
+  }, [isCorrect, isWrong]);
+  return /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+    /* @__PURE__ */ jsx(Card, { mb: "4", size: "2", children: /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: question.question,
+        title: question.title,
+        type: question.type
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
+      /* @__PURE__ */ jsx(Box, { position: "relative", children: /* @__PURE__ */ jsx(
+        RadioButtonCard.Root,
+        {
+          color: radioColor,
+          onValueChange: onChange,
+          style: {
+            width: "100%",
+            height: "100%",
+            overflowY: "auto",
+            position: "absolute"
+          },
+          value: answer,
+          children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", width: "100%", children: question.options.map((option, i) => {
+            const isThisOptionCorrect = isCheckAnswer && i === question.correctAnswer;
+            const isThisOptionSelected = isCheckAnswer && i === Number(answer);
+            const isThisOptionWrong = isCheckAnswer && isThisOptionSelected && i !== question.correctAnswer;
+            const style = (() => {
+              if (isThisOptionCorrect) return correctAnswerStyle;
+              return {};
+            })();
+            return /* @__PURE__ */ jsx(
+              RadioButtonCard.Item,
+              {
+                style,
+                value: i.toString(),
+                children: /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(Typo, { as: "p", children: option.label }),
+                  isThisOptionCorrect ? /* @__PURE__ */ jsx(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
+                  isThisOptionWrong ? /* @__PURE__ */ jsx(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
+                ] })
+              },
+              `${option.label}-${i}`
+            );
+          }) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ jsx(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
+    ] })
+  ] });
+}
+var review_question_radio_default = ReviewQuestionRadio;
+
+export {
+  review_question_radio_default
+};
+//# sourceMappingURL=chunk-JADEGHJI.js.map

package/dist/chunk-JADEGHJI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Grid } from '@/atoms/grid';\nimport { Typo } from '@/atoms/typo';\nimport { type CurriculumReviewQuestionRadio } from '@/types/curriculumContents.type'; \nimport { RadioButtonCard } from \"../../../../radio-button-card\";\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionRadioProps {\n  question: CurriculumReviewQuestionRadio;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nconst correctAnswerStyle: React.CSSProperties = {\n  backgroundColor: 'var(--green-a2)',\n};\n\nfunction ReviewQuestionRadio(props: ReviewQuestionRadioProps): React.ReactNode {\n  const { question, answer, onChange } = props;\n  const [isCheckAnswer, setIsCheckAnswer] = useState(false);\n\n  const checkAnswer = useCallback(() => {\n    setIsCheckAnswer(true);\n  }, []);\n\n  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;\n  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;\n  const radioColor = useMemo(() => {\n    if (isCorrect) return 'green';\n    if (isWrong) return 'red';\n    return undefined;\n  }, [isCorrect, isWrong]);\n\n  return (\n    <Grid height=\"100%\" rows=\"auto 1fr\" width=\"100%\">\n      <Card mb=\"4\" size=\"2\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={question.question}\n          title={question.title}\n          type={question.type}\n        />\n      </Card>\n\n      <Grid height=\"100%\" rows=\"1fr auto\" width=\"100%\">\n        <Box position=\"relative\">\n          <RadioButtonCard.Root\n            color={radioColor}\n            onValueChange={onChange}\n            style={{\n              width: '100%',\n              height: '100%',\n              overflowY: 'auto',\n              position: 'absolute',\n            }}\n            value={answer}\n          >\n            <Flex direction=\"column\" gap=\"2\" width=\"100%\">\n              {question.options.map((option, i) => {\n                const isThisOptionCorrect =\n                  isCheckAnswer && i === question.correctAnswer;\n                const isThisOptionSelected =\n                  isCheckAnswer && i === Number(answer);\n                const isThisOptionWrong =\n                  isCheckAnswer &&\n                  isThisOptionSelected &&\n                  i !== question.correctAnswer;\n                const style = (() => {\n                  if (isThisOptionCorrect) return correctAnswerStyle;\n                  return {};\n                })();\n\n                return (\n                  <RadioButtonCard.Item\n                    // eslint-disable-next-line react/no-array-index-key -- 조합 키로 중복 회피\n                    key={`${option.label}-${i}`}\n                    style={style}\n                    value={i.toString()}\n                  >\n                    <Box>\n                      <Typo as=\"p\">{option.label}</Typo>\n                      {isThisOptionCorrect ? (\n                        <Typo color=\"green\">정답입니다</Typo>\n                      ) : null}\n                      {isThisOptionWrong ? (\n                        <Typo color=\"red\">정답이 아닙니다</Typo>\n                      ) : null}\n                    </Box>\n                  </RadioButtonCard.Item>\n                );\n              })}\n            </Flex>\n          </RadioButtonCard.Root>\n        </Box>\n        <Flex justify=\"end\" mt=\"2\">\n          <Button onClick={checkAnswer}>정답 확인</Button>\n        </Flex>\n      </Grid>\n    </Grid>\n  );\n}\n\nexport default ReviewQuestionRadio;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,SAAS,gBAAgB;AAyC9C,cA2CY,YA3CZ;AAvBR,IAAM,qBAA0C;AAAA,EAC9C,iBAAiB;AACnB;AAEA,SAAS,oBAAoB,OAAkD;AAC7E,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AACvC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM,cAAc,YAAY,MAAM;AACpC,qBAAiB,IAAI;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC/D,QAAM,UAAU,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC7D,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,UAAW,QAAO;AACtB,QAAI,QAAS,QAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,SACE,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,wBAAC,QAAK,IAAG,KAAI,MAAK,KAChB;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA,QAChB,MAAM,SAAS;AAAA;AAAA,IACjB,GACF;AAAA,IAEA,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,0BAAC,OAAI,UAAS,YACZ;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,YACX,UAAU;AAAA,UACZ;AAAA,UACA,OAAO;AAAA,UAEP,8BAAC,QAAK,WAAU,UAAS,KAAI,KAAI,OAAM,QACpC,mBAAS,QAAQ,IAAI,CAAC,QAAQ,MAAM;AACnC,kBAAM,sBACJ,iBAAiB,MAAM,SAAS;AAClC,kBAAM,uBACJ,iBAAiB,MAAM,OAAO,MAAM;AACtC,kBAAM,oBACJ,iBACA,wBACA,MAAM,SAAS;AACjB,kBAAM,SAAS,MAAM;AACnB,kBAAI,oBAAqB,QAAO;AAChC,qBAAO,CAAC;AAAA,YACV,GAAG;AAEH,mBACE;AAAA,cAAC,gBAAgB;AAAA,cAAhB;AAAA,gBAGC;AAAA,gBACA,OAAO,EAAE,SAAS;AAAA,gBAElB,+BAAC,OACC;AAAA,sCAAC,QAAK,IAAG,KAAK,iBAAO,OAAM;AAAA,kBAC1B,sBACC,oBAAC,QAAK,OAAM,SAAQ,4CAAK,IACvB;AAAA,kBACH,oBACC,oBAAC,QAAK,OAAM,OAAM,yDAAQ,IACxB;AAAA,mBACN;AAAA;AAAA,cAZK,GAAG,OAAO,KAAK,IAAI,CAAC;AAAA,YAa3B;AAAA,UAEJ,CAAC,GACH;AAAA;AAAA,MACF,GACF;AAAA,MACA,oBAAC,QAAK,SAAQ,OAAM,IAAG,KACrB,8BAAC,UAAO,SAAS,aAAa,uCAAK,GACrC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}