@tipp/ui 1.5.10 → 1.5.11

package/dist/chunk-YDPVHTY2.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 { endOfDay, format, setHours, 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.ReactElement {\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                {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":[]}

package/dist/index.cjs

@@ -1086,6 +1086,7 @@ function Content6(props) {
   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.jsx)(ToastContainer, {}),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Dialog2.Content,
       __spreadProps(__spreadValues({
@@ -2439,6 +2440,7 @@ function DatePickerButton(props) {
 
 // src/molecules/time-select.tsx
 var import_react27 = require("react");
+var import_date_fns2 = require("date-fns");
 
 // src/utils/get-cell-align.ts
 var getCellAlign = (type) => {
@@ -2511,18 +2513,40 @@ var getTimeOption = (time) => {
 
 // src/molecules/time-select.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
+var getOptionValue = (date, timeValue) => {
+  if (date && timeValue) {
+    if ((0, import_date_fns2.format)(date, "yyyyMMdd") === (0, import_date_fns2.format)(timeValue, "yyyyMMdd")) {
+      return (0, import_date_fns2.format)(date, "HH:mm");
+    }
+  }
+};
 function TimeSelect(_a) {
   var _b = _a, {
-    value
+    value,
+    maxTime,
+    minTime,
+    time
   } = _b, rest = __objRest(_b, [
-    "value"
+    "value",
+    "maxTime",
+    "minTime",
+    "time"
   ]);
   const timeOptions = (0, import_react27.useMemo)(() => {
     return getTimeOptions();
   }, []);
+  const [minOption, maxOption] = (0, import_react27.useMemo)(() => {
+    return [getOptionValue(minTime, time), getOptionValue(maxTime, time)];
+  }, [maxTime, minTime, time]);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Select.Root, __spreadProps(__spreadValues({ value }, rest), { children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes22.Flex, { direction: "column", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Select.Trigger, { placeholder: "-        ", style: { minWidth: "100px" } }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Select.Content, { children: timeOptions.map((time) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Select.Item, { value: time, children: time }, time)) })
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Select.Content, { children: timeOptions.map((option) => {
+      const visible = (!minOption || option >= minOption) && (!maxOption || option <= maxOption);
+      if (!visible) {
+        return null;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Select.Item, { value: option, children: option }, option);
+    }) })
   ] }));
 }
 
@@ -2788,20 +2812,12 @@ var EchartDefaultProps = {
 };
 
 // src/app/platform/userInfos/coaching-customer-info/small.tsx
-var import_react29 = require("react");
-var import_biz_utils = require("@tipp/biz-utils");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function CoachingCustomerInfoSmall({
   customer,
-  session,
-  children
+  children,
+  badge
 }) {
-  const badgeColor = (0, import_react29.useMemo)(() => {
-    return (0, import_biz_utils.getColorFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  const sessionText = (0, import_react29.useMemo)(() => {
-    return (0, import_biz_utils.getTextFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     import_themes22.Flex,
     {
@@ -2812,7 +2828,7 @@ function CoachingCustomerInfoSmall({
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes23.Grid, { align: "center", columns: "auto auto 1fr", gapX: "3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading2, { variant: "heading3", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typo, { color: "gray", truncate: true, variant: "body", children: customer == null ? void 0 : customer.company }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes6.Box, { style: { justifySelf: "end" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Badge, { color: badgeColor, children: sessionText }) })
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes6.Box, { style: { justifySelf: "end" }, children: badge })
         ] }) }),
         children
       ]
@@ -2820,12 +2836,8 @@ function CoachingCustomerInfoSmall({
   );
 }
 
-// src/app/platform/userInfos/coaching-customer-info/medium.tsx
-var import_react30 = require("react");
-var import_biz_utils2 = require("@tipp/biz-utils");
-
 // src/app/platform/userInfos/utils.tsx
-var import_date_fns2 = require("date-fns");
+var import_date_fns3 = require("date-fns");
 var import_react_icons8 = require("@radix-ui/react-icons");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var infoList = [
@@ -2833,7 +2845,7 @@ var infoList = [
   { label: "\uC131\uBCC4", getValue: (customer) => customer == null ? void 0 : customer.gender },
   {
     label: "\uC0DD\uB144\uC6D4\uC77C",
-    getValue: (customer) => (customer == null ? void 0 : customer.birthdate) && (0, import_date_fns2.format)(customer.birthdate, "yyyy.MM.dd")
+    getValue: (customer) => (customer == null ? void 0 : customer.birthdate) && (0, import_date_fns3.format)(customer.birthdate, "yyyy.MM.dd")
   },
   { label: "\uBD80\uC11C", getValue: (customer) => customer == null ? void 0 : customer.team },
   { label: "\uC9C1\uCC45", getValue: (customer) => customer == null ? void 0 : customer.position },
@@ -2867,7 +2879,7 @@ var sessionList = [
   {
     label: "\uB2E4\uC74C \uC138\uC158 \uC77C\uC2DC",
     getValue: (session) => sessionStatusChecker(
-      (session == null ? void 0 : session.nextSessionDate) ? (0, import_date_fns2.format)(session.nextSessionDate, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84") : "-",
+      (session == null ? void 0 : session.nextSessionDate) ? (0, import_date_fns3.format)(session.nextSessionDate, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84") : "-",
       session
     )
   },
@@ -2877,7 +2889,7 @@ var sessionList = [
   },
   {
     label: "\uCF54\uCE6D \uB9CC\uB8CC \uAE30\uD55C",
-    getValue: (session) => (session == null ? void 0 : session.expiredAt) ? (0, import_date_fns2.format)(session.expiredAt, "yyyy\uB144 MM\uC6D4 dd\uC77C") : "-"
+    getValue: (session) => (session == null ? void 0 : session.expiredAt) ? (0, import_date_fns3.format)(session.expiredAt, "yyyy\uB144 MM\uC6D4 dd\uC77C") : "-"
   }
 ];
 var renderItem = (info, data) => {
@@ -2914,19 +2926,14 @@ var import_jsx_runtime44 = require("react/jsx-runtime");
 function CoachingCustomerInfoMedium({
   customer,
   session,
-  children
+  children,
+  badge
 }) {
-  const badgeColor = (0, import_react30.useMemo)(() => {
-    return (0, import_biz_utils2.getColorFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  const sessionText = (0, import_react30.useMemo)(() => {
-    return (0, import_biz_utils2.getTextFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes6.Box, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
         /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Badge, { color: badgeColor, children: sessionText })
+        badge
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
     ] }),
@@ -2943,25 +2950,18 @@ function CoachingCustomerInfoMedium({
 }
 
 // src/app/platform/userInfos/coaching-customer-info/large.tsx
-var import_react31 = require("react");
-var import_biz_utils3 = require("@tipp/biz-utils");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function CoachingCustomerInfoLarge({
   customer,
   session,
-  children
+  children,
+  badge
 }) {
-  const badgeColor = (0, import_react31.useMemo)(() => {
-    return (0, import_biz_utils3.getColorFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  const sessionText = (0, import_react31.useMemo)(() => {
-    return (0, import_biz_utils3.getTextFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_themes6.Box, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Badge, { color: badgeColor, children: sessionText })
+        badge
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
     ] }),
@@ -2983,8 +2983,8 @@ function CoachingCustomerInfo(props) {
 }
 
 // src/app/platform/goal-manage-card-read.tsx
-var import_react32 = require("react");
-var import_date_fns3 = require("date-fns");
+var import_react29 = require("react");
+var import_date_fns4 = require("date-fns");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function GoalManageCardRead(props) {
   const {
@@ -2999,29 +2999,29 @@ function GoalManageCardRead(props) {
     onClickIncomplete,
     onClickComplete
   } = props;
-  const [open, setOpen] = (0, import_react32.useState)(Boolean(defaultOpen));
-  const onClickOpen = (0, import_react32.useCallback)(() => {
+  const [open, setOpen] = (0, import_react29.useState)(Boolean(defaultOpen));
+  const onClickOpen = (0, import_react29.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 badgeMeta = (0, import_react32.useMemo)(() => {
+  const badgeMeta = (0, import_react29.useMemo)(() => {
     if (!completed && dueDate) {
-      if (dueDate < /* @__PURE__ */ new Date())
-        return { color: "error", children: "\uBBF8\uB2EC\uC131" };
-      return {
-        color: "success",
-        children: "\uC9C4\uD589 \uC911"
-      };
+      if (dueDate >= (0, import_date_fns4.startOfDay)(/* @__PURE__ */ new Date()))
+        return {
+          color: "success",
+          children: "\uC9C4\uD589 \uC911"
+        };
+      return { color: "error", children: "\uBBF8\uB2EC\uC131" };
     }
     return null;
   }, [completed, dueDate]);
-  const renderSubTitle = (0, import_react32.useCallback)((subTitle) => {
+  const renderSubTitle = (0, import_react29.useCallback)((subTitle) => {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Heading2, { mb: "2", variant: "heading5", children: subTitle });
   }, []);
-  const renderSubContent = (0, import_react32.useCallback)((content) => {
+  const renderSubContent = (0, import_react29.useCallback)((content) => {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Typo, { as: "p", color: "gray", children: content });
   }, []);
-  const renderCompleteButton = (0, import_react32.useCallback)(() => {
+  const renderCompleteButton = (0, import_react29.useCallback)(() => {
     if (completed) {
       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" });
     }
@@ -3045,7 +3045,7 @@ function GoalManageCardRead(props) {
     /* @__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: [
         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 })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Typo, { color: "gray", children: dueDate ? (0, import_date_fns4.format)(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
       ] }),
       renderCompleteButton()
     ] }),
@@ -3067,7 +3067,9 @@ function GoalManageCardRead(props) {
           renderSubContent(expectedEffect)
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_themes6.Box, { children: [
-          renderSubTitle("\uD574\uB2F9 \uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uAE30 \uC704\uD574 \uD544\uC694\uD55C \uD5C8\uB4E4"),
+          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)
         ] })
       ] }),
@@ -3095,8 +3097,8 @@ function GoalManageCardRead(props) {
 }
 
 // src/app/platform/goal-manage-card-edit.tsx
-var import_react33 = require("react");
-var import_date_fns4 = require("date-fns");
+var import_react30 = require("react");
+var import_date_fns5 = require("date-fns");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var initialValues = {
   goal: "",
@@ -3108,8 +3110,8 @@ var dummyFn = () => {
 };
 function GoalManageCardEdit(props) {
   const { defaultValues, errors } = props;
-  const [values, setValues] = (0, import_react33.useState)(defaultValues || initialValues);
-  const onChange = (0, import_react33.useCallback)(
+  const [values, setValues] = (0, import_react30.useState)(defaultValues || initialValues);
+  const onChange = (0, import_react30.useCallback)(
     (v) => {
       var _a;
       setValues((prev) => __spreadValues(__spreadValues({}, prev), v));
@@ -3117,12 +3119,12 @@ function GoalManageCardEdit(props) {
     },
     [props]
   );
-  const onClickInit = (0, import_react33.useCallback)(() => {
+  const onClickInit = (0, import_react30.useCallback)(() => {
     var _a;
     setValues(initialValues);
     (_a = props.onChange) == null ? void 0 : _a.call(props, defaultValues || initialValues);
   }, [defaultValues, props]);
-  const onClickSubmit = (0, import_react33.useCallback)(() => {
+  const onClickSubmit = (0, import_react30.useCallback)(() => {
     var _a;
     (_a = props.onSubmit) == null ? void 0 : _a.call(props, values);
   }, [props, values]);
@@ -3182,7 +3184,7 @@ function GoalManageCardEdit(props) {
         /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           DatePickerButton,
           {
-            format: (v) => (0, import_date_fns4.format)(v, "yyyy\uB144 MM\uC6D4 dd\uC77C"),
+            format: (v) => (0, import_date_fns5.format)(v, "yyyy\uB144 MM\uC6D4 dd\uC77C"),
             onChange: (date) => {
               date && onChange({ dueDate: date });
             },
@@ -3211,11 +3213,11 @@ function GoalManageCardEdit(props) {
 }
 
 // src/app/platform/session-card.tsx
-var import_react36 = require("react");
-var import_date_fns5 = require("date-fns");
+var import_react33 = require("react");
+var import_date_fns6 = require("date-fns");
 
 // src/app/platform/edit-coaching-time.tsx
-var import_react34 = require("react");
+var import_react31 = require("react");
 
 // src/layouts/response-display.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
@@ -3276,14 +3278,14 @@ var getDateFromValue = (date, time) => {
 };
 function EditCoachingTime(props) {
   const { defaultEndAt, defaultStartAt, onClickCancel } = props;
-  const [values, setValues] = (0, import_react34.useState)(() => {
+  const [values, setValues] = (0, import_react31.useState)(() => {
     return getValueFromDefaultValue({
       startAt: defaultStartAt,
       endAt: defaultEndAt
     });
   });
-  const [timeError, setTimeError] = (0, import_react34.useState)("");
-  const checkTimeError = (0, import_react34.useCallback)(
+  const [timeError, setTimeError] = (0, import_react31.useState)("");
+  const checkTimeError = (0, import_react31.useCallback)(
     (startTime, endTime) => {
       const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
       if (error) {
@@ -3294,7 +3296,7 @@ function EditCoachingTime(props) {
     },
     []
   );
-  const onChangeStartTime = (0, import_react34.useCallback)(
+  const onChangeStartTime = (0, import_react31.useCallback)(
     (v) => {
       checkTimeError(v, values.endTime);
       setValues((prev) => __spreadProps(__spreadValues({}, prev), {
@@ -3303,7 +3305,7 @@ function EditCoachingTime(props) {
     },
     [checkTimeError, values.endTime]
   );
-  const onChangeEndTime = (0, import_react34.useCallback)(
+  const onChangeEndTime = (0, import_react31.useCallback)(
     (v) => {
       checkTimeError(values.startTime, v);
       setValues((prev) => __spreadProps(__spreadValues({}, prev), {
@@ -3312,12 +3314,12 @@ function EditCoachingTime(props) {
     },
     [checkTimeError, values.startTime]
   );
-  const onChangeDate = (0, import_react34.useCallback)((date) => {
+  const onChangeDate = (0, import_react31.useCallback)((date) => {
     date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
       date
     }));
   }, []);
-  const onClickSave = (0, import_react34.useCallback)(() => {
+  const onClickSave = (0, import_react31.useCallback)(() => {
     if (checkTimeError(values.startTime, values.endTime)) {
       const startAt = getDateFromValue(values.date, values.startTime);
       const endAt = getDateFromValue(values.date, values.endTime);
@@ -3386,7 +3388,7 @@ function EditCoachingTime(props) {
 }
 
 // src/app/platform/edit-service-type.tsx
-var import_react35 = require("react");
+var import_react32 = require("react");
 
 // src/app/platform/on-offline-radio-card.tsx
 var import_react_icons9 = require("@radix-ui/react-icons");
@@ -3429,10 +3431,10 @@ function OnOfflineRadioCard(props) {
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function EditServiceType(props) {
   const { defaultServiceType, onClickCancel } = props;
-  const [sessionType, setSessionType] = (0, import_react35.useState)(
+  const [sessionType, setSessionType] = (0, import_react32.useState)(
     defaultServiceType
   );
-  const onClickSave = (0, import_react35.useCallback)(() => {
+  const onClickSave = (0, import_react32.useCallback)(() => {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, sessionType);
   }, [props, sessionType]);
@@ -3486,13 +3488,13 @@ function SessionCard(props) {
     "endAt",
     "sessionType"
   ]);
-  const renderEditButton = (0, import_react36.useCallback)(() => {
+  const renderEditButton = (0, import_react33.useCallback)(() => {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { color: "gray", ml: "2", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_icons3.Pencil1Icon, {}) });
   }, []);
-  const sessionTimeStr = (0, import_react36.useMemo)(() => {
+  const sessionTimeStr = (0, import_react33.useMemo)(() => {
     if (!startAt || !endAt)
       return "\uC54C \uC218 \uC5C6\uC74C";
-    return `${(0, import_date_fns5.format)(startAt, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84")} ~ ${(0, import_date_fns5.format)(endAt, "HH\uC2DC mm\uBD84")}`;
+    return `${(0, import_date_fns6.format)(startAt, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84")} ~ ${(0, import_date_fns6.format)(endAt, "HH\uC2DC mm\uBD84")}`;
   }, [startAt, endAt]);
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Card, __spreadProps(__spreadValues({ error: Boolean(error) }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_themes22.Flex, { align: "center", width: "100%", children: [
@@ -3572,8 +3574,8 @@ function CoachQuestionList({
 }
 
 // src/app/platform/reservation-card.tsx
-var import_react37 = require("react");
-var import_date_fns6 = require("date-fns");
+var import_react34 = require("react");
+var import_date_fns7 = require("date-fns");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function ReservationCard(props) {
   const {
@@ -3583,64 +3585,90 @@ function ReservationCard(props) {
     defaultTime,
     defaultType,
     error,
+    minTime,
+    maxTime,
     onClickReserve,
     onClickCancel,
     onClickCompleteSession
   } = props;
-  const [editValues, setEditValues] = (0, import_react37.useState)({
+  const [editValues, setEditValues] = (0, import_react34.useState)({
     date: props.defaultTime,
     type: props.defaultType
   });
   const date = readonly ? defaultTime : editValues.date;
   const type = readonly ? defaultType : editValues.type;
   const time = date && getTimeOption(date);
-  const onClickSave = (0, import_react37.useCallback)(() => {
+  const onClickSave = (0, import_react34.useCallback)(() => {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, editValues);
   }, [editValues, props]);
-  const onClickReset = (0, import_react37.useCallback)(() => {
+  const onClickReset = (0, import_react34.useCallback)(() => {
     setEditValues({
       date: defaultTime,
       type: defaultType
     });
   }, [defaultTime, defaultType]);
-  const ActionButtons = (0, import_react37.useMemo)(() => {
+  const ActionButtons = (0, import_react34.useMemo)(() => {
     if (readonly) {
       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, {}) });
   }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
-  const onChangeDate = (0, import_react37.useCallback)(
+  const onChangeDate = (0, import_react34.useCallback)(
     (newDate) => {
       if (!newDate)
         return;
       const { hour = 0, minute = 0 } = time ? parseTimeOption(time) : {};
       setEditValues((prev) => {
         return __spreadProps(__spreadValues({}, prev), {
-          date: (0, import_date_fns6.setMinutes)((0, import_date_fns6.setHours)(newDate, hour), minute)
+          date: (0, import_date_fns7.setMinutes)((0, import_date_fns7.setHours)(newDate, hour), minute)
         });
       });
     },
     [time]
   );
-  const onChangeType = (0, import_react37.useCallback)((newType) => {
+  const onChangeType = (0, import_react34.useCallback)((newType) => {
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
         type: newType
       });
     });
   }, []);
-  const onChangeTime = (0, import_react37.useCallback)(
+  const onChangeTime = (0, import_react34.useCallback)(
     (v) => {
       const { hour, minute } = parseTimeOption(v);
       setEditValues((prev) => {
         return __spreadProps(__spreadValues({}, prev), {
-          date: (0, import_date_fns6.setMinutes)((0, import_date_fns6.setHours)(date || /* @__PURE__ */ new Date(), hour), minute)
+          date: (0, import_date_fns7.setMinutes)((0, import_date_fns7.setHours)(date || /* @__PURE__ */ new Date(), hour), minute)
         });
       });
     },
     [date]
   );
+  (0, import_react34.useEffect)(() => {
+    if (!minTime || !editValues.date)
+      return;
+    if (editValues.date < minTime) {
+      import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+      setEditValues((prev) => {
+        return __spreadProps(__spreadValues({}, prev), {
+          date: minTime
+        });
+      });
+    }
+  }, [editValues, minTime]);
+  (0, import_react34.useEffect)(() => {
+    if (!maxTime || !editValues.date)
+      return;
+    if (editValues.date > maxTime) {
+      import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+      setEditValues((prev) => {
+        return __spreadProps(__spreadValues({}, prev), {
+          date: maxTime
+        });
+      });
+    }
+  }, [editValues, maxTime]);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     Card,
     {
@@ -3685,7 +3713,8 @@ function ReservationCard(props) {
                     DatePickerButton,
                     {
                       disabled: readonly,
-                      minDate: /* @__PURE__ */ new Date(),
+                      maxDate: maxTime,
+                      minDate: minTime,
                       onChange: onChangeDate,
                       placeholder: "\uC77C\uC790\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694",
                       selected: date,
@@ -3696,8 +3725,11 @@ function ReservationCard(props) {
                     TimeSelect,
                     {
                       disabled: readonly,
+                      maxTime,
+                      minTime,
                       onValueChange: onChangeTime,
                       size: "3",
+                      time: date,
                       value: time
                     }
                   )
@@ -3757,7 +3789,7 @@ function ReservationCard(props) {
 }
 
 // src/app/platform/session-review-simple-read.tsx
-var import_react38 = require("react");
+var import_react35 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function SubTitleWrapper({
   children,
@@ -3772,7 +3804,7 @@ function SessionReviewSimpleRead({
   helpfulness,
   review
 }) {
-  const helpfulnessMeta = (0, import_react38.useMemo)(() => {
+  const helpfulnessMeta = (0, import_react35.useMemo)(() => {
     if (helpfulness) {
       return {
         text: "\uB124",
@@ -3821,11 +3853,11 @@ function SessionUserInfoDetail({
 }
 
 // src/app/platform/report-card.tsx
-var import_react39 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function ReportCard(props) {
   const { title, file, status } = props;
-  const onClickDownload = (0, import_react39.useCallback)(() => {
+  const onClickDownload = (0, import_react36.useCallback)(() => {
     if (!file)
       return;
     const { url, fileName } = file;