@tipp/ui 2.3.25 → 2.3.26

package/dist/chunk-GXPEADVY.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-GXWE3QNN.js

@@ -0,0 +1,145 @@
+import {
+  DatePickerButton
+} from "./chunk-HWK3UPZ3.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-GXWE3QNN.js.map

package/dist/chunk-GXWE3QNN.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-HLL4QJJY.js

@@ -0,0 +1,69 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-VH37R5IH.js";
+import {
+  curriculum_file_download_default
+} from "./chunk-ZFTQ2XBH.js";
+import {
+  curriculum_review_default
+} from "./chunk-R3ZYNS4D.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-DLP4UUNG.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-HLL4QJJY.js.map

package/dist/chunk-HLL4QJJY.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-HWK3UPZ3.js

@@ -0,0 +1,75 @@
+import {
+  DatePicker
+} from "./chunk-LFYQFYWO.js";
+import {
+  TextField
+} from "./chunk-6NPTJBFE.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  CalendarIcon
+} from "./chunk-DLP4UUNG.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/date-picker/date-picker-button.tsx
+import { useMemo } from "react";
+import { format } from "date-fns";
+import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DatePickerButton(props) {
+  const _a = props, { size, format: formatProps, disabled } = _a, rest = __objRest(_a, ["size", "format", "disabled"]);
+  const placeholder = rest.placeholder || "\uB0A0\uC9DC\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694";
+  const buttonProps = useMemo(() => {
+    const variant = "outline";
+    const color = "gray";
+    return { size, color, variant, disabled };
+  }, [disabled, size]);
+  const selectFormat = useMemo(() => {
+    if (formatProps) return formatProps;
+    return (date) => {
+      return date ? format(date, "yyyy\uB144 MM\uC6D4 dd\uC77C") : "";
+    };
+  }, [formatProps]);
+  const className = useMemo(() => {
+    return clsx(
+      "date-picker-button",
+      (disabled || props.readOnly) && "disabled"
+    );
+  }, [disabled, props.readOnly]);
+  const placeholderVisible = useMemo(() => {
+    return rest.selected ? "" : "placeholder-visible";
+  }, [rest.selected]);
+  return /* @__PURE__ */ jsx(Box, { p: "0", width: "100%", children: /* @__PURE__ */ jsx(
+    DatePicker,
+    __spreadProps(__spreadValues({
+      customInput: /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ asChild: true, className, type: "button" }, buttonProps), { children: /* @__PURE__ */ jsxs(
+        TextField.Root,
+        {
+          className: placeholderVisible,
+          placeholder: placeholder || "",
+          value: rest.selected ? selectFormat(rest.selected) : placeholder,
+          children: [
+            /* @__PURE__ */ jsx(TextField.Slot, { className: "hide-slot" }),
+            /* @__PURE__ */ jsx(TextField.Slot, { children: /* @__PURE__ */ jsx(CalendarIcon, {}) })
+          ]
+        }
+      ) })),
+      wrapperClassName: "full-width"
+    }, rest), {
+      disabled
+    })
+  ) });
+}
+
+export {
+  DatePickerButton
+};
+//# sourceMappingURL=chunk-HWK3UPZ3.js.map

package/dist/chunk-HWK3UPZ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/date-picker/date-picker-button.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { clsx } from 'clsx';\nimport type { ButtonProps } from '@/atoms/button.type';\nimport { Button } from '@/atoms/button';\nimport { TextField } from '@/atoms/text-field';\nimport { Box } from '@/atoms/box';\nimport { CalendarIcon } from '../../icon';\nimport type { DatePickerProps } from '.';\nimport { DatePicker } from '.';\n\nexport type DatePickerButtonProps = DatePickerProps & {\n  placeholder?: string;\n  format?: (date: Date) => string;\n  size?: ButtonProps['size'];\n};\n\nexport function DatePickerButton(\n  props: DatePickerButtonProps\n): React.ReactNode {\n  const { size, format: formatProps, disabled, ...rest } = props;\n  const placeholder = rest.placeholder || '날짜를 선택해주세요';\n\n  const buttonProps = useMemo(() => {\n    const variant: ButtonProps['variant'] = 'outline';\n    const color: ButtonProps['color'] = 'gray';\n    return { size, color, variant, disabled };\n  }, [disabled, size]);\n\n  const selectFormat = useMemo(() => {\n    if (formatProps) return formatProps;\n    return (date?: Date) => {\n      return date ? format(date, 'yyyy년 MM월 dd일') : '';\n    };\n  }, [formatProps]);\n\n  const className = useMemo(() => {\n    return clsx(\n      'date-picker-button',\n      (disabled || props.readOnly) && 'disabled'\n    );\n  }, [disabled, props.readOnly]);\n\n  const placeholderVisible = useMemo(() => {\n    return rest.selected ? '' : 'placeholder-visible';\n  }, [rest.selected]);\n\n  return (\n    <Box p=\"0\" width=\"100%\">\n      <DatePicker\n        customInput={\n          <Button asChild className={className} type=\"button\" {...buttonProps}>\n            <TextField.Root\n              className={placeholderVisible}\n              placeholder={placeholder || ''}\n              value={rest.selected ? selectFormat(rest.selected) : placeholder}\n            >\n              <TextField.Slot className=\"hide-slot\" />\n              <TextField.Slot>\n                <CalendarIcon />\n              </TextField.Slot>\n            </TextField.Root>\n          </Button>\n        }\n        wrapperClassName=\"full-width\"\n        {...rest}\n        disabled={disabled}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAC/B,SAAS,cAAc;AACvB,SAAS,YAAY;AAkDT,SAKE,KALF;AAnCL,SAAS,iBACd,OACiB;AACjB,QAAyD,YAAjD,QAAM,QAAQ,aAAa,SApBrC,IAoB2D,IAAT,iBAAS,IAAT,CAAxC,QAAM,UAAqB;AACnC,QAAM,cAAc,KAAK,eAAe;AAExC,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,UAAkC;AACxC,UAAM,QAA8B;AACpC,WAAO,EAAE,MAAM,OAAO,SAAS,SAAS;AAAA,EAC1C,GAAG,CAAC,UAAU,IAAI,CAAC;AAEnB,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,YAAa,QAAO;AACxB,WAAO,CAAC,SAAgB;AACtB,aAAO,OAAO,OAAO,MAAM,8BAAe,IAAI;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,YAAY,QAAQ,MAAM;AAC9B,WAAO;AAAA,MACL;AAAA,OACC,YAAY,MAAM,aAAa;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,QAAQ,CAAC;AAE7B,QAAM,qBAAqB,QAAQ,MAAM;AACvC,WAAO,KAAK,WAAW,KAAK;AAAA,EAC9B,GAAG,CAAC,KAAK,QAAQ,CAAC;AAElB,SACE,oBAAC,OAAI,GAAE,KAAI,OAAM,QACf;AAAA,IAAC;AAAA;AAAA,MACC,aACE,oBAAC,uCAAO,SAAO,MAAC,WAAsB,MAAK,YAAa,cAAvD,EACC;AAAA,QAAC,UAAU;AAAA,QAAV;AAAA,UACC,WAAW;AAAA,UACX,aAAa,eAAe;AAAA,UAC5B,OAAO,KAAK,WAAW,aAAa,KAAK,QAAQ,IAAI;AAAA,UAErD;AAAA,gCAAC,UAAU,MAAV,EAAe,WAAU,aAAY;AAAA,YACtC,oBAAC,UAAU,MAAV,EACC,8BAAC,gBAAa,GAChB;AAAA;AAAA;AAAA,MACF,IACF;AAAA,MAEF,kBAAiB;AAAA,OACb,OAhBL;AAAA,MAiBC;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/chunk-I5RQ5T4B.js

@@ -0,0 +1,165 @@
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Popover
+} from "./chunk-5AVBYDPB.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Collapse
+} from "./chunk-NFDQJVFA.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.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 {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  ChevronDownIcon,
+  ChevronUpIcon,
+  Pencil1Icon,
+  RocketIcon,
+  TrashIcon
+} from "./chunk-DLP4UUNG.js";
+import {
+  Badge
+} from "./chunk-U3BQT7ZO.js";
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/platform/goal-manage-card-read.tsx
+import { useCallback, useMemo, useState } from "react";
+import { format, startOfDay } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function GoalManageCardRead(props) {
+  const {
+    title,
+    dueDate,
+    completed,
+    expectedEffect,
+    huddle,
+    onClickDelete,
+    onClickEdit,
+    defaultOpen,
+    onClickIncomplete,
+    onClickComplete
+  } = props;
+  const [open, setOpen] = useState(Boolean(defaultOpen));
+  const onClickOpen = useCallback(() => {
+    setOpen((p) => !p);
+  }, []);
+  const icon = open ? /* @__PURE__ */ jsx(ChevronUpIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {});
+  const badgeMeta = useMemo(() => {
+    if (!completed && dueDate) {
+      if (dueDate >= startOfDay(/* @__PURE__ */ new Date()))
+        return {
+          color: "success",
+          children: "\uC9C4\uD589 \uC911"
+        };
+      return { color: "error", children: "\uBBF8\uB2EC\uC131" };
+    }
+    return null;
+  }, [completed, dueDate]);
+  const renderSubTitle = useCallback((subTitle) => {
+    return /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", children: subTitle });
+  }, []);
+  const renderSubContent = useCallback((content) => {
+    return /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", children: content });
+  }, []);
+  const renderCompleteButton = useCallback(() => {
+    if (completed) {
+      return /* @__PURE__ */ jsx(Button, { onClick: onClickIncomplete, size: "small", variant: "surface", children: "\uC9C4\uD589\uC911\uC778 \uACFC\uC81C\uB85C \uB3CC\uB824\uB193\uAE30" });
+    }
+    return /* @__PURE__ */ jsxs(Popover.Root, { children: [
+      /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsxs(Button, { size: "small", children: [
+        /* @__PURE__ */ jsx(RocketIcon, {}),
+        "\uB2EC\uC131\uD558\uAE30"
+      ] }) }),
+      /* @__PURE__ */ jsxs(Popover.Content, { children: [
+        /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
+        /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: "3", children: [
+          /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
+          /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickComplete, size: "small", children: "\uC608" }) })
+        ] })
+      ] })
+    ] });
+  }, [completed, onClickIncomplete, onClickComplete]);
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto 1fr", gapX: "3", children: [
+    /* @__PURE__ */ jsx(IconButton, { onClick: onClickOpen, variant: "ghost", children: icon }),
+    /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gridColumnStart: "2", justify: "between", mt: "2", children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", children: [
+        badgeMeta ? /* @__PURE__ */ jsx(Badge, __spreadValues({}, badgeMeta)) : null,
+        /* @__PURE__ */ jsx(Typo, { color: "gray", children: dueDate ? format(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
+      ] }),
+      renderCompleteButton()
+    ] }),
+    open ? /* @__PURE__ */ jsx(
+      Separator,
+      {
+        mb: "4",
+        mt: "4",
+        size: "4",
+        style: { gridColumnStart: "span 2" }
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(Box, { gridColumnStart: "2", p: "0", children: /* @__PURE__ */ jsxs(Collapse, { open, children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          renderSubTitle(
+            "\uD574\uB2F9 \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uBA74, \uC544\uB798\uC640 \uAC19\uC740 \uACB0\uACFC\uB97C \uC5BB\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4"
+          ),
+          renderSubContent(expectedEffect)
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          renderSubTitle(
+            "\uBAA9\uD45C\uB97C \uC774\uB8E8\uAE30\uAE4C\uC9C0 \uBC29\uD574\uAC00 \uB420 \uC218 \uC788\uB294 \uC694\uC18C\uB4E4\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4"
+          ),
+          renderSubContent(huddle)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "end", mt: "3", children: [
+        /* @__PURE__ */ jsxs(Popover.Root, { children: [
+          /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsxs(Button, { color: "gray", size: "small", variant: "ghost", children: [
+            /* @__PURE__ */ jsx(TrashIcon, {}),
+            "\uC0AD\uC81C\uD558\uAE30"
+          ] }) }),
+          /* @__PURE__ */ jsxs(Popover.Content, { children: [
+            /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
+            /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: "3", children: [
+              /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
+              /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickDelete, size: "small", children: "\uC608" }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { onClick: onClickEdit, size: "small", variant: "surface", children: [
+          /* @__PURE__ */ jsx(Pencil1Icon, {}),
+          "\uC218\uC815\uD558\uAE30"
+        ] })
+      ] })
+    ] }) })
+  ] }) });
+}
+
+export {
+  GoalManageCardRead
+};
+//# sourceMappingURL=chunk-I5RQ5T4B.js.map

package/dist/chunk-I5RQ5T4B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/goal-manage-card-read.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { format, startOfDay } from 'date-fns';\nimport type { BadgeProps } from '../../atoms';\nimport {\n  Box,\n  Button,\n  Card,\n  Collapse,\n  Flex,\n  Heading,\n  Badge,\n  Typo,\n  Popover,\n  Grid,\n  Separator,\n  IconButton,\n} from '../../atoms';\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  Pencil1Icon,\n  RocketIcon,\n  TrashIcon,\n} from '../../icon';\n\nexport interface GoalManageCardProps {\n  defaultOpen?: boolean;\n  title?: string;\n  dueDate?: Date;\n  completed?: boolean;\n  expectedEffect?: string;\n  huddle?: string;\n  onClickDelete?: () => void;\n  onClickEdit?: () => void;\n  onClickComplete?: () => void;\n  onClickIncomplete?: () => void;\n}\n\nexport function GoalManageCardRead(\n  props: GoalManageCardProps\n): React.ReactNode {\n  const {\n    title,\n    dueDate,\n    completed,\n    expectedEffect,\n    huddle,\n    onClickDelete,\n    onClickEdit,\n    defaultOpen,\n    onClickIncomplete,\n    onClickComplete,\n  } = props;\n  const [open, setOpen] = useState<boolean>(Boolean(defaultOpen));\n  const onClickOpen = useCallback(() => {\n    setOpen((p) => !p);\n  }, []);\n\n  const icon = open ? <ChevronUpIcon /> : <ChevronDownIcon />;\n\n  const badgeMeta = useMemo<BadgeProps | null>(() => {\n    if (!completed && dueDate) {\n      if (dueDate >= startOfDay(new Date()))\n        return {\n          color: 'success',\n          children: '진행 중',\n        } as const;\n      return { color: 'error', children: '미달성' };\n    }\n    return null;\n  }, [completed, dueDate]);\n\n  const renderSubTitle = useCallback((subTitle: string) => {\n    return (\n      <Heading mb=\"2\" variant=\"heading5\">\n        {subTitle}\n      </Heading>\n    );\n  }, []);\n\n  const renderSubContent = useCallback((content?: string) => {\n    return (\n      <Typo as=\"p\" color=\"gray\">\n        {content}\n      </Typo>\n    );\n  }, []);\n\n  const renderCompleteButton = useCallback(() => {\n    if (completed) {\n      return (\n        <Button onClick={onClickIncomplete} size=\"small\" variant=\"surface\">\n          진행중인 과제로 돌려놓기\n        </Button>\n      );\n    }\n\n    return (\n      <Popover.Root>\n        <Popover.Trigger>\n          <Button size=\"small\">\n            <RocketIcon />\n            달성하기\n          </Button>\n        </Popover.Trigger>\n        <Popover.Content>\n          <Typo color=\"gray\">목표를 달성하시겠습니까?</Typo>\n          <Flex gap=\"3\" justify=\"end\" mt=\"3\">\n            <Popover.Close>\n              <Button color=\"gray\" size=\"small\" variant=\"outline\">\n                아니요\n              </Button>\n            </Popover.Close>\n            <Popover.Close>\n              <Button onClick={onClickComplete} size=\"small\">\n                예\n              </Button>\n            </Popover.Close>\n          </Flex>\n        </Popover.Content>\n      </Popover.Root>\n    );\n  }, [completed, onClickIncomplete, onClickComplete]);\n\n  return (\n    <Card>\n      <Grid align=\"center\" columns=\"auto 1fr\" gapX=\"3\">\n        <IconButton onClick={onClickOpen} variant=\"ghost\">\n          {icon}\n        </IconButton>\n        <Heading variant=\"heading4\">{title}</Heading>\n\n        <Flex align=\"center\" gridColumnStart=\"2\" justify=\"between\" mt=\"2\">\n          <Flex align=\"center\" gap=\"3\">\n            {badgeMeta ? <Badge {...badgeMeta} /> : null}\n            <Typo color=\"gray\">\n              {dueDate ? format(dueDate, 'yyyy년 MM월 dd일') : null}\n            </Typo>\n          </Flex>\n          {renderCompleteButton()}\n        </Flex>\n        {open ? (\n          <Separator\n            mb=\"4\"\n            mt=\"4\"\n            size=\"4\"\n            style={{ gridColumnStart: 'span 2' }}\n          />\n        ) : null}\n        <Box gridColumnStart=\"2\" p=\"0\">\n          <Collapse open={open}>\n            <Flex direction=\"column\" gap=\"5\">\n              <Box>\n                {renderSubTitle(\n                  '해당 목표를 달성하면, 아래와 같은 결과를 얻을 수 있습니다'\n                )}\n                {renderSubContent(expectedEffect)}\n              </Box>\n              <Box>\n                {renderSubTitle(\n                  '목표를 이루기까지 방해가 될 수 있는 요소들은 다음과 같습니다'\n                )}\n                {renderSubContent(huddle)}\n              </Box>\n            </Flex>\n            <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"3\">\n              <Popover.Root>\n                <Popover.Trigger>\n                  <Button color=\"gray\" size=\"small\" variant=\"ghost\">\n                    <TrashIcon />\n                    삭제하기\n                  </Button>\n                </Popover.Trigger>\n                <Popover.Content>\n                  <Typo color=\"gray\">목표를 삭제하시겠습니까?</Typo>\n                  <Flex gap=\"3\" justify=\"end\" mt=\"3\">\n                    <Popover.Close>\n                      <Button color=\"gray\" size=\"small\" variant=\"outline\">\n                        아니요\n                      </Button>\n                    </Popover.Close>\n                    <Popover.Close>\n                      <Button onClick={onClickDelete} size=\"small\">\n                        예\n                      </Button>\n                    </Popover.Close>\n                  </Flex>\n                </Popover.Content>\n              </Popover.Root>\n              <Button onClick={onClickEdit} size=\"small\" variant=\"surface\">\n                <Pencil1Icon />\n                수정하기\n              </Button>\n            </Flex>\n          </Collapse>\n        </Box>\n      </Grid>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}