@tipp/ui 1.5.5 → 1.5.7

package/dist/app/index.cjs

@@ -426,7 +426,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,
@@ -509,22 +509,6 @@ var import_themes27 = require("@radix-ui/themes");
 var import_react9 = require("react");
 var import_themes28 = require("@radix-ui/themes");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-function Link(props) {
-  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
-  const radixSize = (0, import_react9.useMemo)(() => {
-    switch (variant) {
-      case "caption":
-        return "1";
-      case "body":
-        return "2";
-      case "subtitle":
-        return "3";
-      default:
-        return size;
-    }
-  }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes27.Link, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
-}
 
 // src/atoms/popover.tsx
 var import_themes29 = require("@radix-ui/themes");
@@ -1015,7 +999,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",
@@ -1146,28 +1130,25 @@ function GoalManageCardRead(props) {
     onClickDelete,
     onClickEdit,
     defaultOpen,
-    onCompleteChange
+    onClickIncomplete,
+    onClickComplete
   } = props;
   const [open, setOpen] = (0, import_react23.useState)(Boolean(defaultOpen));
   const onClickOpen = (0, import_react23.useCallback)(() => {
     setOpen((p) => !p);
   }, []);
   const icon = open ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons3.ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons3.ChevronDownIcon, {});
-  const status = (0, import_react23.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_react23.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_react23.useMemo)(() => {
-    if (status === "\uC9C4\uD589 \uC911")
-      return "success";
-    if (status === "\uBBF8\uB2EC\uC131")
-      return "error";
-  }, [status]);
   const renderSubTitle = (0, import_react23.useCallback)((subTitle) => {
     return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading2, { mb: "2", variant: "heading5", children: subTitle });
   }, []);
@@ -1176,36 +1157,28 @@ function GoalManageCardRead(props) {
   }, []);
   const renderCompleteButton = (0, import_react23.useCallback)(() => {
     if (completed) {
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes29.Popover.Root, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Button, { size: "small", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons3.RocketIcon, {}),
-          "\uB2EC\uC131\uD558\uAE30"
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes29.Popover.Content, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { onClick: props.onClickComplete, size: "small", children: "\uC608" }) })
-          ] })
-        ] })
-      ] });
+      return /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.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_runtime30.jsxs)(import_themes29.Popover.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Button, { size: "small", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons3.RocketIcon, {}),
+        "\uB2EC\uC131\uD558\uAE30"
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes29.Popover.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { onClick: onClickComplete, size: "small", children: "\uC608" }) })
+        ] })
+      ] })
+    ] });
+  }, [completed, onClickIncomplete, onClickComplete]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gapX: "3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes18.IconButton, { onClick: onClickOpen, variant: "ghost", children: icon }),
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading2, { variant: "heading4", children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { align: "center", gridColumnStart: "2", justify: "between", mt: "2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { align: "center", gap: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { color: statusColor, children: status }),
+        badgeMeta ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, __spreadValues({}, badgeMeta)) : null,
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typo, { color: "gray", children: dueDate ? (0, import_date_fns2.format)(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
       ] }),
       renderCompleteButton()
@@ -1233,20 +1206,20 @@ function GoalManageCardRead(props) {
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", mt: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-          Button,
-          {
-            color: "gray",
-            onClick: onClickEdit,
-            size: "small",
-            variant: "ghost",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons3.TrashIcon, {}),
-              "\uC0AD\uC81C\uD558\uAE30"
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Button, { onClick: onClickDelete, size: "small", variant: "surface", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes29.Popover.Root, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Button, { color: "gray", size: "small", variant: "ghost", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons3.TrashIcon, {}),
+            "\uC0AD\uC81C\uD558\uAE30"
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes29.Popover.Content, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: "3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_themes29.Popover.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { onClick: onClickDelete, size: "small", children: "\uC608" }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Button, { onClick: onClickEdit, size: "small", variant: "surface", children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons3.Pencil1Icon, {}),
           "\uC218\uC815\uD558\uAE30"
         ] })
@@ -1374,8 +1347,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_runtime36.jsxs)(import_themes22.Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       import_themes18.IconButton,
@@ -1527,14 +1500,7 @@ function Root8(props) {
     },
     [props]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    import_themes33.RadioCards.Root,
-    __spreadProps(__spreadValues({
-      color: "yellow"
-    }, props), {
-      onValueChange
-    })
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_themes33.RadioCards.Root, __spreadProps(__spreadValues({}, props), { onValueChange })) });
 }
 function Item(_a) {
   var _b = _a, {
@@ -1571,38 +1537,6 @@ var RadioButtonCard = {
 // src/molecules/download-card.tsx
 var import_react_icons8 = require("@radix-ui/react-icons");
 var import_jsx_runtime46 = require("react/jsx-runtime");
-function DownloadCard({
-  fileName,
-  url,
-  createdAt,
-  size
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Link, { download: fileName, href: url, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-    import_themes18.IconButton,
-    {
-      mt: "3",
-      size: "4",
-      style: { width: "100%", height: 56 },
-      variant: "soft",
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_themes22.Flex, { align: "center", gap: "3", pl: "4", width: "100%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Typo, { color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_icons8.DownloadIcon, { height: 20, width: 20 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_themes22.Flex, { align: "start", direction: "column", gap: "1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-            Typo,
-            {
-              style: {
-                color: "var(--gray-12)"
-              },
-              variant: "caption",
-              children: fileName
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Typo, { color: "gray", variant: "caption", children: size })
-        ] })
-      ] })
-    }
-  ) }, (createdAt == null ? void 0 : createdAt.valueOf()) + fileName);
-}
 
 // src/app/platform/goal-manage-card-edit.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -1783,7 +1717,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,
@@ -1834,89 +1768,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_runtime49.jsxs)(import_themes6.Box, { width: { initial: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      ResponseDisplay,
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes6.Box, { width: { initial: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Form.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Form.Field, { name: "date", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        DatePickerButton,
+        {
+          onChange: onChangeDate,
+          selected: values.date,
+          size: { initial: "large", xs: "medium" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      import_themes23.Grid,
       {
-        initial: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Heading2, { align: "center", mb: "2", variant: "heading3", children: title }),
-        xs: /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.jsx)(Form.Field, { name: "startTime", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Field, { name: "endTime", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            TimeSelect,
+            {
+              onValueChange: onChangeStartTime,
+              size: { initial: "3", xs: "2" },
+              value: values.startTime
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ResponseDisplay, { initial: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {}), xs: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes39.Separator, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            TimeSelect,
+            {
+              onValueChange: onChangeEndTime,
+              size: { initial: "3", xs: "2" },
+              value: values.endTime
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
+        ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Form.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Form.Field, { name: "date", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-          DatePickerButton,
-          {
-            onChange: onChangeDate,
-            selected: values.date,
-            size: { initial: "large", xs: "medium" }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.jsx)(Form.Field, { name: "startTime", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Field, { name: "endTime", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              TimeSelect,
-              {
-                onValueChange: onChangeStartTime,
-                size: { initial: "3", xs: "2" },
-                value: values.startTime
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ResponseDisplay, { initial: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {}), xs: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_themes39.Separator, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              TimeSelect,
-              {
-                onValueChange: onChangeEndTime,
-                size: { initial: "3", xs: "2" },
-                value: values.endTime
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-          Button,
-          {
-            onClick: onClickCancel,
-            size: { initial: "large", xs: "small" },
-            type: "button",
-            variant: "outline",
-            children: "\uCDE8\uC18C\uD558\uAE30"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-          Button,
-          {
-            onClick: onClickSave,
-            size: { initial: "large", xs: "small" },
-            type: "button",
-            children: "\uC800\uC7A5\uD558\uAE30"
-          }
-        )
-      ] })
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
     ] })
-  ] });
+  ] }) });
 }
 
 // src/app/platform/edit-service-type.tsx
@@ -1962,7 +1869,7 @@ function OnOfflineRadioCard(props) {
 // src/app/platform/edit-service-type.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function EditServiceType(props) {
-  const { sessionNumber, defaultServiceType, onClickCancel } = props;
+  const { defaultServiceType, onClickCancel } = props;
   const [sessionType, setSessionType] = (0, import_react35.useState)(
     defaultServiceType
   );
@@ -1970,15 +1877,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_runtime51.jsxs)(import_themes6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-      ResponseDisplay,
-      {
-        initial: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Heading2, { align: "center", mb: "2", variant: "heading3", children: title }),
-        xs: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: title })
-      }
-    ),
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       Typo,
       {
@@ -1991,17 +1890,8 @@ function EditServiceType(props) {
     ),
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(OnOfflineRadioCard, { onValueChange: setSessionType, value: sessionType }),
     /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", mt: { initial: "6", xs: "3" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-        Button,
-        {
-          color: "gray",
-          onClick: onClickCancel,
-          size: { initial: "medium", xs: "small" },
-          variant: "outline",
-          children: "\uCDE8\uC18C\uD558\uAE30"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, { onClick: onClickSave, size: { initial: "medium", xs: "small" }, children: "\uC800\uC7A5\uD558\uAE30" })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, { onClick: onClickSave, children: "\uC800\uC7A5\uD558\uAE30" }) })
     ] })
   ] });
 }
@@ -2063,6 +1953,7 @@ function SessionCard(props) {
               {
                 onOpenAutoFocus: preventDefault2,
                 style: { overflow: "visible" },
+                title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`,
                 children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   EditCoachingTime,
                   {
@@ -2083,13 +1974,19 @@ function SessionCard(props) {
             sessionType === "offlineCoaching" ? "\uC624\uD504\uB77C\uC778" : "\uC628\uB77C\uC778",
             editable ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Dialog.Root, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Dialog.Trigger, { children: renderEditButton() }),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Dialog.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                EditServiceType,
+              /* @__PURE__ */ (0, import_jsx_runtime52.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_runtime52.jsx)(
+                    EditServiceType,
+                    {
+                      defaultServiceType: sessionType,
+                      onClickSave: onSaveSessionType
+                    }
+                  )
                 }
-              ) })
+              )
             ] }) : null
           ] })
         ] }),
@@ -2150,10 +2047,10 @@ function ReservationCard(props) {
   }, [defaultTime, defaultType]);
   const ActionButtons = (0, import_react37.useMemo)(() => {
     if (readonly) {
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: "\uC608\uC57D\uD558\uAE30" });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_icons3.Cross1Icon, {}) });
-  }, [onClickCancel, onClickReserve, readonly]);
+  }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
   const onChangeDate = (0, import_react37.useCallback)(
     (newDate) => {
       if (!newDate)
@@ -2313,9 +2210,7 @@ function SubTitleWrapper({
 }
 function SessionReviewSimpleRead({
   helpfulness,
-  review,
-  sessionNumber,
-  customerName
+  review
 }) {
   const helpfulnessMeta = (0, import_react38.useMemo)(() => {
     if (helpfulness) {
@@ -2335,18 +2230,10 @@ function SessionReviewSimpleRead({
       color: "error"
     };
   }, [helpfulness]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes6.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Heading2, { mb: "5", variant: "heading5", children: [
-      customerName || "-",
-      "\uB2D8\uC758 ",
-      sessionNumber || "-",
-      "\uD68C\uCC28 \uC138\uC158 \uD6C4\uAE30"
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.jsx)(Badge, { color: helpfulnessMeta.color, children: helpfulnessMeta.text }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SubTitleWrapper, { title: "\uC138\uC158 \uD6C4\uAE30", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Card, { children: review ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typo, { as: "p", children: review }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typo, { color: "gray", children: "\uC785\uB825\uB41C \uD6C4\uAE30\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) }) })
-    ] })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.jsx)(Badge, { color: helpfulnessMeta.color, children: helpfulnessMeta.text }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SubTitleWrapper, { title: "\uC138\uC158 \uD6C4\uAE30", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Card, { children: review ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typo, { as: "p", children: review }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typo, { color: "gray", children: "\uC785\uB825\uB41C \uD6C4\uAE30\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) }) })
+  ] }) });
 }
 
 // src/app/platform/userInfos/session-user-info-detail.tsx
@@ -2374,18 +2261,43 @@ function SessionUserInfoDetail({
 }
 
 // src/app/platform/report-card.tsx
+var import_react39 = require("react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function ReportCard(props) {
   const { title, file, status } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime57.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes22.Flex, { align: "center", justify: "between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Heading2, { variant: "heading4", children: title }),
       status
-    ] }),
-    file == null ? void 0 : file.map((el) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DownloadCard, __spreadValues({}, el), el.url);
-    })
-  ] });
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    import_themes22.Flex,
+    {
+      direction: { initial: "column", xs: "row" },
+      gapY: "2",
+      justify: "between",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Heading2, { variant: "heading4", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { onClick: onClickDownload, variant: "surface", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_themes22.Flex, { gap: "2", width: "100%", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.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 = {