@tipp/ui 1.5.6 → 1.5.7

package/dist/icon.js

@@ -22,6 +22,7 @@ import {
   DotsVerticalIcon,
   DoubleArrowLeftIcon,
   DoubleArrowRightIcon,
+  DownloadIcon,
   ExclamationTriangleIcon,
   ExitIcon,
   FileIcon,
@@ -39,8 +40,10 @@ import {
   RocketIcon,
   RowsIcon,
   Share1Icon,
-  TrashIcon
-} from "./chunk-SU3E53WX.js";
+  TargetIcon,
+  TrashIcon,
+  UpdateIcon
+} from "./chunk-OXXF2CUB.js";
 import "./chunk-N552FDTV.js";
 export {
   ArchiveIcon,
@@ -66,6 +69,7 @@ export {
   DotsVerticalIcon,
   DoubleArrowLeftIcon,
   DoubleArrowRightIcon,
+  DownloadIcon,
   ExclamationTriangleIcon,
   ExitIcon,
   FileIcon,
@@ -83,6 +87,8 @@ export {
   RocketIcon,
   RowsIcon,
   Share1Icon,
-  TrashIcon
+  TargetIcon,
+  TrashIcon,
+  UpdateIcon
 };
 //# sourceMappingURL=icon.js.map

package/dist/index.cjs

@@ -111,6 +111,7 @@ __export(src_exports, {
   DoubleArrowLeftIcon: () => import_react_icons3.DoubleArrowLeftIcon,
   DoubleArrowRightIcon: () => import_react_icons3.DoubleArrowRightIcon,
   DownloadCard: () => DownloadCard,
+  DownloadIcon: () => import_react_icons3.DownloadIcon,
   Drawer: () => Drawer,
   DropdownMenu: () => DropdownMenu,
   EchartDefaultProps: () => EchartDefaultProps,
@@ -181,6 +182,7 @@ __export(src_exports, {
   TabNav: () => import_themes43.TabNav,
   Tabs: () => import_themes44.Tabs,
   TagSelector: () => TagSelector,
+  TargetIcon: () => import_react_icons3.TargetIcon,
   TextArea: () => TextArea,
   TextField: () => TextField,
   ThemeProvider: () => ThemeProvider,
@@ -190,6 +192,7 @@ __export(src_exports, {
   TrashIcon: () => import_react_icons3.TrashIcon,
   Trigger: () => Trigger5,
   Typo: () => Typo,
+  UpdateIcon: () => import_react_icons3.UpdateIcon,
   createColumnHelper: () => import_react_table2.createColumnHelper,
   getCellAlign: () => getCellAlign,
   getColumnMeta: () => getColumnMeta,
@@ -552,7 +555,7 @@ function Content2(props) {
       }, rest), {
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_themes19.Flex, { gap: "2", justify: "between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Title, { asChild: true, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Heading2, { variant: "heading3", children: title }) : title }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Title, { asChild: true, children: typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Heading2, { align: "center", mb: "2", variant: "heading3", children: title }) : title }),
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes18.IconButton, { color: "gray", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_icons2.Cross1Icon, {}) }) })
           ] }),
           children,
@@ -1078,27 +1081,33 @@ function Content6(props) {
   (0, import_react17.useEffect)(() => {
     containerRef.current = document.getElementsByClassName("radix-themes")[0];
   }, []);
+  const mobileHeaderSize = 48;
+  const desktopHeaderSize = 64;
+  const separatorSize = 1;
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Dialog2.Portal, { container: containerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_themes50.Theme, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Dialog2.Overlay, { className: "DrawerOverlay" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Dialog2.Content,
       __spreadProps(__spreadValues({
         className: `DrawerContent ${position} ${className || ""}`,
         onPointerDownOutside: preventDefault2
       }, rest), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_themes22.Flex,
-            {
-              align: "center",
-              px: { initial: "4", md: "6" },
-              py: { initial: "2", md: "4" },
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes18.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ClosePanelArrowIcon, {}) }) })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes39.Separator, { orientation: "horizontal", size: "4" }),
-          children
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          import_themes50.Grid,
+          {
+            height: "100%",
+            overflow: "hidden",
+            rows: {
+              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,
+              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes22.Flex, { align: "center", px: { initial: "4", md: "6" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes18.IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ClosePanelArrowIcon, {}) }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes39.Separator, { orientation: "horizontal", size: "4" }),
+              children
+            ]
+          }
+        )
       })
     )
   ] }) });
@@ -1648,8 +1657,8 @@ var renderCustomHeader = (props) => {
     prevMonthButtonDisabled,
     nextMonthButtonDisabled
   } = props;
-  const year = date ? date.getFullYear() : "-";
-  const month = date ? date.getMonth() + 1 : "-";
+  const year = date ? new Date(date).getFullYear() : "-";
+  const month = date ? new Date(date).getMonth() + 1 : "-";
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       import_themes18.IconButton,
@@ -2531,14 +2540,7 @@ function Root10(props) {
     },
     [props]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_themes33.RadioCards.Root,
-    __spreadProps(__spreadValues({
-      color: "yellow"
-    }, props), {
-      onValueChange
-    })
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes33.RadioCards.Root, __spreadProps(__spreadValues({}, props), { onValueChange })) });
 }
 function Item(_a) {
   var _b = _a, {
@@ -2849,7 +2851,7 @@ var infoList = [
 var sessionList = [
   {
     label: "\uC9C4\uD589\uC911\uC778 \uC138\uC158",
-    getValue: (session) => `${(session == null ? void 0 : session.restSession) || "-"}\uD68C\uCC28/${(session == null ? void 0 : session.totalSession) || "-"}\uD68C\uCC28`
+    getValue: (session) => `${(session == null ? void 0 : session.currentSession) || "-"}\uD68C\uCC28/${(session == null ? void 0 : session.totalSession) || "-"}\uD68C\uCC28`
   },
   {
     label: "\uB2E4\uC74C \uC138\uC158 \uC77C\uC2DC",
@@ -2980,28 +2982,25 @@ function GoalManageCardRead(props) {
     onClickDelete,
     onClickEdit,
     defaultOpen,
-    onCompleteChange
+    onClickIncomplete,
+    onClickComplete
   } = props;
   const [open, setOpen] = (0, import_react32.useState)(Boolean(defaultOpen));
   const onClickOpen = (0, import_react32.useCallback)(() => {
     setOpen((p) => !p);
   }, []);
   const icon = open ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons3.ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons3.ChevronDownIcon, {});
-  const status = (0, import_react32.useMemo)(() => {
-    if (completed)
-      return;
-    if (!dueDate)
-      return "\uBBF8\uC815";
-    if (dueDate < /* @__PURE__ */ new Date())
-      return "\uBBF8\uB2EC\uC131";
-    return "\uC9C4\uD589 \uC911";
+  const badgeMeta = (0, import_react32.useMemo)(() => {
+    if (!completed && dueDate) {
+      if (dueDate < /* @__PURE__ */ new Date())
+        return { color: "error", children: "\uBBF8\uB2EC\uC131" };
+      return {
+        color: "success",
+        children: "\uC9C4\uD589 \uC911"
+      };
+    }
+    return null;
   }, [completed, dueDate]);
-  const statusColor = (0, import_react32.useMemo)(() => {
-    if (status === "\uC9C4\uD589 \uC911")
-      return "success";
-    if (status === "\uBBF8\uB2EC\uC131")
-      return "error";
-  }, [status]);
   const renderSubTitle = (0, import_react32.useCallback)((subTitle) => {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Heading2, { mb: "2", variant: "heading5", children: subTitle });
   }, []);
@@ -3010,36 +3009,28 @@ function GoalManageCardRead(props) {
   }, []);
   const renderCompleteButton = (0, import_react32.useCallback)(() => {
     if (completed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes29.Popover.Root, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button, { size: "small", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons3.RocketIcon, {}),
-          "\uB2EC\uC131\uD558\uAE30"
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes29.Popover.Content, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { onClick: props.onClickComplete, size: "small", children: "\uC608" }) })
-          ] })
-        ] })
-      ] });
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { onClick: onClickIncomplete, size: "small", variant: "surface", children: "\uC9C4\uD589\uC911\uC778 \uACFC\uC81C\uB85C \uB3CC\uB824\uB193\uAE30" });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-      Button,
-      {
-        onClick: () => onCompleteChange == null ? void 0 : onCompleteChange(false),
-        size: "small",
-        variant: "surface",
-        children: "\uC9C4\uD589\uC911\uC778 \uACFC\uC81C\uB85C \uB3CC\uB824\uB193\uAE30"
-      }
-    );
-  }, [completed, onCompleteChange, props.onClickComplete]);
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes29.Popover.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button, { size: "small", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons3.RocketIcon, {}),
+        "\uB2EC\uC131\uD558\uAE30"
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes29.Popover.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { onClick: onClickComplete, size: "small", children: "\uC608" }) })
+        ] })
+      ] })
+    ] });
+  }, [completed, onClickIncomplete, onClickComplete]);
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gapX: "3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes18.IconButton, { onClick: onClickOpen, variant: "ghost", children: icon }),
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Heading2, { variant: "heading4", children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes22.Flex, { align: "center", gridColumnStart: "2", justify: "between", mt: "2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes22.Flex, { align: "center", gap: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge, { color: statusColor, children: status }),
+        badgeMeta ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge, __spreadValues({}, badgeMeta)) : null,
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Typo, { color: "gray", children: dueDate ? (0, import_date_fns3.format)(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
       ] }),
       renderCompleteButton()
@@ -3067,20 +3058,20 @@ function GoalManageCardRead(props) {
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", mt: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
-          Button,
-          {
-            color: "gray",
-            onClick: onClickEdit,
-            size: "small",
-            variant: "ghost",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons3.TrashIcon, {}),
-              "\uC0AD\uC81C\uD558\uAE30"
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button, { onClick: onClickDelete, size: "small", variant: "surface", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes29.Popover.Root, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button, { color: "gray", size: "small", variant: "ghost", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons3.TrashIcon, {}),
+            "\uC0AD\uC81C\uD558\uAE30"
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes29.Popover.Content, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { onClick: onClickDelete, size: "small", children: "\uC608" }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button, { onClick: onClickEdit, size: "small", variant: "surface", children: [
           /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons3.Pencil1Icon, {}),
           "\uC218\uC815\uD558\uAE30"
         ] })
@@ -3270,7 +3261,7 @@ var getDateFromValue = (date, time) => {
   );
 };
 function EditCoachingTime(props) {
-  const { defaultEndAt, defaultStartAt, onClickCancel, sessionNumber } = props;
+  const { defaultEndAt, defaultStartAt, onClickCancel } = props;
   const [values, setValues] = (0, import_react34.useState)(() => {
     return getValueFromDefaultValue({
       startAt: defaultStartAt,
@@ -3321,89 +3312,62 @@ function EditCoachingTime(props) {
       import_react_toastify2.toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
     }
   }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
-  const title = `${sessionNumber || "-"}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes6.Box, { width: { initial: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      ResponseDisplay,
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes6.Box, { width: { initial: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Form.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Form.Field, { name: "date", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        DatePickerButton,
+        {
+          onChange: onChangeDate,
+          selected: values.date,
+          size: { initial: "large", xs: "medium" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+      import_themes23.Grid,
       {
-        initial: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Heading2, { align: "center", mb: "2", variant: "heading3", children: title }),
-        xs: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: title })
+        align: "center",
+        columns: {
+          initial: "1fr 0 1fr",
+          xs: "1fr auto 1fr"
+        },
+        gapX: "3",
+        gapY: "2",
+        justify: "center",
+        mb: { initial: "5", xs: "4" },
+        mt: "5",
+        width: "100%",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Field, { name: "startTime", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Field, { name: "endTime", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            TimeSelect,
+            {
+              onValueChange: onChangeStartTime,
+              size: { initial: "3", xs: "2" },
+              value: values.startTime
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ResponseDisplay, { initial: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {}), xs: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes39.Separator, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            TimeSelect,
+            {
+              onValueChange: onChangeEndTime,
+              size: { initial: "3", xs: "2" },
+              value: values.endTime
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
+        ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Form.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Form.Field, { name: "date", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          DatePickerButton,
-          {
-            onChange: onChangeDate,
-            selected: values.date,
-            size: { initial: "large", xs: "medium" }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-        import_themes23.Grid,
-        {
-          align: "center",
-          columns: {
-            initial: "1fr 0 1fr",
-            xs: "1fr auto 1fr"
-          },
-          gapX: "3",
-          gapY: "2",
-          justify: "center",
-          mb: { initial: "5", xs: "4" },
-          mt: "5",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Field, { name: "startTime", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Field, { name: "endTime", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-              TimeSelect,
-              {
-                onValueChange: onChangeStartTime,
-                size: { initial: "3", xs: "2" },
-                value: values.startTime
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ResponseDisplay, { initial: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {}), xs: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_themes39.Separator, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-              TimeSelect,
-              {
-                onValueChange: onChangeEndTime,
-                size: { initial: "3", xs: "2" },
-                value: values.endTime
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          Button,
-          {
-            onClick: onClickCancel,
-            size: { initial: "large", xs: "small" },
-            type: "button",
-            variant: "outline",
-            children: "\uCDE8\uC18C\uD558\uAE30"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          Button,
-          {
-            onClick: onClickSave,
-            size: { initial: "large", xs: "small" },
-            type: "button",
-            children: "\uC800\uC7A5\uD558\uAE30"
-          }
-        )
-      ] })
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
     ] })
-  ] });
+  ] }) });
 }
 
 // src/app/platform/edit-service-type.tsx
@@ -3449,7 +3413,7 @@ function OnOfflineRadioCard(props) {
 // src/app/platform/edit-service-type.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function EditServiceType(props) {
-  const { sessionNumber, defaultServiceType, onClickCancel } = props;
+  const { defaultServiceType, onClickCancel } = props;
   const [sessionType, setSessionType] = (0, import_react35.useState)(
     defaultServiceType
   );
@@ -3457,15 +3421,7 @@ function EditServiceType(props) {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, sessionType);
   }, [props, sessionType]);
-  const title = `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`;
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_themes6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-      ResponseDisplay,
-      {
-        initial: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Heading2, { align: "center", mb: "2", variant: "heading3", children: title }),
-        xs: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: title })
-      }
-    ),
     /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       Typo,
       {
@@ -3478,17 +3434,8 @@ function EditServiceType(props) {
     ),
     /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(OnOfflineRadioCard, { onValueChange: setSessionType, value: sessionType }),
     /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: { initial: "6", xs: "3" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-        Button,
-        {
-          color: "gray",
-          onClick: onClickCancel,
-          size: { initial: "medium", xs: "small" },
-          variant: "outline",
-          children: "\uCDE8\uC18C\uD558\uAE30"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { onClick: onClickSave, size: { initial: "medium", xs: "small" }, children: "\uC800\uC7A5\uD558\uAE30" })
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { onClick: onClickSave, children: "\uC800\uC7A5\uD558\uAE30" }) })
     ] })
   ] });
 }
@@ -3550,6 +3497,7 @@ function SessionCard(props) {
               {
                 onOpenAutoFocus: preventDefault3,
                 style: { overflow: "visible" },
+                title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`,
                 children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   EditCoachingTime,
                   {
@@ -3570,13 +3518,19 @@ function SessionCard(props) {
             sessionType === "offlineCoaching" ? "\uC624\uD504\uB77C\uC778" : "\uC628\uB77C\uC778",
             editable ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Dialog.Root, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Dialog.Trigger, { children: renderEditButton() }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Dialog.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                EditServiceType,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                Dialog.Content,
                 {
-                  defaultServiceType: sessionType,
-                  onClickSave: onSaveSessionType
+                  title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC9C4\uD589 \uBC29\uC2DD \uBCC0\uACBD\uD558\uAE30`,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    EditServiceType,
+                    {
+                      defaultServiceType: sessionType,
+                      onClickSave: onSaveSessionType
+                    }
+                  )
                 }
-              ) })
+              )
             ] }) : null
           ] })
         ] }),
@@ -3637,10 +3591,10 @@ function ReservationCard(props) {
   }, [defaultTime, defaultType]);
   const ActionButtons = (0, import_react37.useMemo)(() => {
     if (readonly) {
-      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: "\uC608\uC57D\uD558\uAE30" });
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: defaultTime && defaultType ? "\uC608\uC57D \uC218\uC815\uD558\uAE30" : "\uC608\uC57D\uD558\uAE30" });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_icons3.Cross1Icon, {}) });
-  }, [onClickCancel, onClickReserve, readonly]);
+  }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
   const onChangeDate = (0, import_react37.useCallback)(
     (newDate) => {
       if (!newDate)
@@ -3800,9 +3754,7 @@ function SubTitleWrapper({
 }
 function SessionReviewSimpleRead({
   helpfulness,
-  review,
-  sessionNumber,
-  customerName
+  review
 }) {
   const helpfulnessMeta = (0, import_react38.useMemo)(() => {
     if (helpfulness) {
@@ -3822,18 +3774,10 @@ function SessionReviewSimpleRead({
       color: "error"
     };
   }, [helpfulness]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Heading2, { mb: "5", variant: "heading5", children: [
-      customerName || "-",
-      "\uB2D8\uC758 ",
-      sessionNumber || "-",
-      "\uD68C\uCC28 \uC138\uC158 \uD6C4\uAE30"
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SubTitleWrapper, { title: "\uC774\uBC88 \uCF54\uCE6D\uC774 \uBAA9\uD45C \uB2EC\uC131\uC5D0 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB098\uC694?", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Badge, { color: helpfulnessMeta.color, children: helpfulnessMeta.text }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SubTitleWrapper, { title: "\uC138\uC158 \uD6C4\uAE30", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card, { children: review ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Typo, { as: "p", children: review }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Typo, { color: "gray", children: "\uC785\uB825\uB41C \uD6C4\uAE30\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) }) })
-    ] })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SubTitleWrapper, { title: "\uC774\uBC88 \uCF54\uCE6D\uC774 \uBAA9\uD45C \uB2EC\uC131\uC5D0 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB098\uC694?", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Badge, { color: helpfulnessMeta.color, children: helpfulnessMeta.text }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SubTitleWrapper, { title: "\uC138\uC158 \uD6C4\uAE30", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Card, { children: review ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Typo, { as: "p", children: review }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Typo, { color: "gray", children: "\uC785\uB825\uB41C \uD6C4\uAE30\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) }) })
+  ] }) });
 }
 
 // src/app/platform/userInfos/session-user-info-detail.tsx
@@ -3861,18 +3805,43 @@ function SessionUserInfoDetail({
 }
 
 // src/app/platform/report-card.tsx
+var import_react39 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function ReportCard(props) {
   const { title, file, status } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
+  const onClickDownload = (0, import_react39.useCallback)(() => {
+    if (!file)
+      return;
+    const { url, fileName } = file;
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileName;
+    link.target = "_blank";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }, [file]);
+  if (status) {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Heading2, { variant: "heading4", children: title }),
       status
-    ] }),
-    file == null ? void 0 : file.map((el) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DownloadCard, __spreadValues({}, el), el.url);
-    })
-  ] });
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+    import_themes22.Flex,
+    {
+      direction: { initial: "column", xs: "row" },
+      gapY: "2",
+      justify: "between",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Heading2, { variant: "heading4", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { onClick: onClickDownload, variant: "surface", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_themes22.Flex, { gap: "2", width: "100%", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons3.DownloadIcon, {}),
+          file == null ? void 0 : file.buttonName
+        ] }) }, file == null ? void 0 : file.url)
+      ]
+    }
+  ) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -3928,6 +3897,7 @@ function ReportCard(props) {
   DoubleArrowLeftIcon,
   DoubleArrowRightIcon,
   DownloadCard,
+  DownloadIcon,
   Drawer,
   DropdownMenu,
   EchartDefaultProps,
@@ -3998,6 +3968,7 @@ function ReportCard(props) {
   TabNav,
   Tabs,
   TagSelector,
+  TargetIcon,
   TextArea,
   TextField,
   ThemeProvider,
@@ -4007,6 +3978,7 @@ function ReportCard(props) {
   TrashIcon,
   Trigger,
   Typo,
+  UpdateIcon,
   createColumnHelper,
   getCellAlign,
   getColumnMeta,