@tipp/ui 2.3.19 → 2.3.21

package/dist/chunk-DPPRU4D3.js

@@ -0,0 +1,174 @@
+import {
+  DatePickerButton
+} from "./chunk-5ZIFEE7H.js";
+import {
+  TimeSelect
+} from "./chunk-7PF6I4RN.js";
+import {
+  getTimeOption,
+  parseTimeOption
+} from "./chunk-NWJSLIQ3.js";
+import {
+  Form
+} from "./chunk-ZVWUCJMB.js";
+import {
+  toast
+} from "./chunk-EEKOTWBE.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Dialog
+} from "./chunk-AH4A53SZ.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/platform/edit-coaching-time.tsx
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getValueFromDefaultValue = (args) => {
+  return {
+    startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
+    endTime: args.endAt ? getTimeOption(args.endAt) : "00:00",
+    date: args.startAt || /* @__PURE__ */ new Date()
+  };
+};
+var getDateFromValue = (date, time) => {
+  const { hour, minute } = parseTimeOption(time);
+  return new Date(
+    date.getFullYear(),
+    date.getMonth(),
+    date.getDate(),
+    hour,
+    minute
+  );
+};
+function EditCoachingTime(props) {
+  const { defaultEndAt, defaultStartAt, onClickCancel } = props;
+  const [values, setValues] = useState(() => {
+    return getValueFromDefaultValue({
+      startAt: defaultStartAt,
+      endAt: defaultEndAt
+    });
+  });
+  const [timeError, setTimeError] = useState("");
+  const checkTimeError = 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) {
+        setTimeError(error);
+        return false;
+      }
+      return true;
+    },
+    []
+  );
+  const onChangeStartTime = useCallback(
+    (v) => {
+      checkTimeError(v, values.endTime);
+      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
+        startTime: v
+      }));
+    },
+    [checkTimeError, values.endTime]
+  );
+  const onChangeEndTime = useCallback(
+    (v) => {
+      checkTimeError(values.startTime, v);
+      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
+        endTime: v
+      }));
+    },
+    [checkTimeError, values.startTime]
+  );
+  const onChangeDate = useCallback((date) => {
+    date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
+      date
+    }));
+  }, []);
+  const onClickSave = useCallback(() => {
+    if (checkTimeError(values.startTime, values.endTime)) {
+      const startAt = getDateFromValue(values.date, values.startTime);
+      const endAt = getDateFromValue(values.date, values.endTime);
+      props.onClickSave && props.onClickSave(startAt, endAt);
+    } else {
+      toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
+    }
+  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
+  return /* @__PURE__ */ jsx(Box, { width: { initial: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { children: [
+    /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
+      /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
+      /* @__PURE__ */ jsx(
+        DatePickerButton,
+        {
+          maxDate: /* @__PURE__ */ new Date(),
+          onChange: onChangeDate,
+          selected: values.date,
+          size: { initial: "large", xs: "medium" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      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__ */ jsx(Form.Field, { name: "startTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ jsx("div", {}),
+          /* @__PURE__ */ jsx(Form.Field, { name: "endTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ jsx(
+            TimeSelect,
+            {
+              onValueChange: onChangeStartTime,
+              size: { initial: "3", xs: "2" },
+              value: values.startTime
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Separator, {}) }),
+          /* @__PURE__ */ jsx(
+            TimeSelect,
+            {
+              onValueChange: onChangeEndTime,
+              size: { initial: "3", xs: "2" },
+              value: values.endTime
+            }
+          ),
+          /* @__PURE__ */ jsx(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
+    ] })
+  ] }) });
+}
+
+export {
+  EditCoachingTime
+};
+//# sourceMappingURL=chunk-DPPRU4D3.js.map

package/dist/chunk-DPPRU4D3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/edit-coaching-time.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Button,\n  Flex,\n  Form,\n  Grid,\n  Separator,\n  Box,\n  toast,\n  Dialog,\n} from '../../atoms';\nimport { DatePickerButton, TimeSelect } from '../../molecules';\nimport { getTimeOption, parseTimeOption } from '../../utils';\n\nexport interface EditCoachingTimeProps {\n  defaultStartAt?: Date;\n  defaultEndAt?: Date;\n  onClickSave?: (startAt: Date, endAt: Date) => void;\n  onClickCancel?: () => void;\n  sessionNumber?: number;\n}\n\ninterface Values {\n  startTime: string;\n  endTime: string;\n  date: Date;\n}\n\nconst getValueFromDefaultValue = (args: {\n  startAt?: Date;\n  endAt?: Date;\n}): Values => {\n  return {\n    startTime: args.startAt ? getTimeOption(args.startAt) : '00:00',\n    endTime: args.endAt ? getTimeOption(args.endAt) : '00:00',\n    date: args.startAt || new Date(),\n  };\n};\n\nconst getDateFromValue = (date: Date, time: string): Date => {\n  const { hour, minute } = parseTimeOption(time);\n  return new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    hour,\n    minute\n  );\n};\n\nexport function EditCoachingTime(\n  props: EditCoachingTimeProps\n): React.ReactNode {\n  const { defaultEndAt, defaultStartAt, onClickCancel } = props;\n\n  const [values, setValues] = useState<Values>(() => {\n    return getValueFromDefaultValue({\n      startAt: defaultStartAt,\n      endAt: defaultEndAt,\n    });\n  });\n\n  const [timeError, setTimeError] = useState('');\n\n  const checkTimeError = useCallback(\n    (startTime: string, endTime: string): boolean => {\n      const error =\n        startTime >= endTime\n          ? '시작시간을 종료시간보다 빠르게 선택해주세요.'\n          : '';\n      if (error) {\n        setTimeError(error);\n        return false;\n      }\n      return true;\n    },\n    []\n  );\n\n  const onChangeStartTime = useCallback(\n    (v: string) => {\n      checkTimeError(v, values.endTime);\n      setValues((prev) => ({\n        ...prev,\n        startTime: v,\n      }));\n    },\n    [checkTimeError, values.endTime]\n  );\n\n  const onChangeEndTime = useCallback(\n    (v: string) => {\n      checkTimeError(values.startTime, v);\n      setValues((prev) => ({\n        ...prev,\n        endTime: v,\n      }));\n    },\n    [checkTimeError, values.startTime]\n  );\n\n  const onChangeDate = useCallback((date: Date | null) => {\n    date &&\n      setValues((prev) => ({\n        ...prev,\n        date,\n      }));\n  }, []);\n\n  const onClickSave = useCallback(() => {\n    if (checkTimeError(values.startTime, values.endTime)) {\n      const startAt = getDateFromValue(values.date, values.startTime);\n      const endAt = getDateFromValue(values.date, values.endTime);\n      props.onClickSave && props.onClickSave(startAt, endAt);\n    } else {\n      toast.error('입력 값이 유효하지 않습니다.');\n    }\n  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);\n\n  return (\n    <Box width={{ initial: '100%' }}>\n      <Form.Root>\n        <Form.Field name=\"date\">\n          <Form.Label variant=\"caption\">날짜</Form.Label>\n          <DatePickerButton\n            maxDate={new Date()}\n            onChange={onChangeDate}\n            selected={values.date}\n            size={{ initial: 'large', xs: 'medium' }}\n          />\n        </Form.Field>\n        <Grid\n          align=\"center\"\n          columns={{\n            initial: '1fr 0 1fr',\n            xs: '1fr auto 1fr',\n          }}\n          gapX=\"3\"\n          gapY=\"2\"\n          justify=\"center\"\n          mb={{ initial: '5', xs: '4' }}\n          mt=\"5\"\n          width=\"100%\"\n        >\n          <Form.Field name=\"startTime\">\n            <Form.Label variant=\"caption\">시작 시간</Form.Label>\n          </Form.Field>\n          <div />\n          <Form.Field name=\"endTime\">\n            <Form.Label variant=\"caption\">종료 시간</Form.Label>\n          </Form.Field>\n          <TimeSelect\n            onValueChange={onChangeStartTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.startTime}\n          />\n          <Box overflow=\"hidden\">\n            <Separator />\n          </Box>\n\n          <TimeSelect\n            onValueChange={onChangeEndTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.endTime}\n          />\n          <Form.Field name=\"startEndTime\" style={{ gridColumn: '1/span 3' }}>\n            <Form.Message forceMatch={Boolean(timeError)}>\n              {timeError}\n            </Form.Message>\n          </Form.Field>\n        </Grid>\n        <Flex gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button onClick={onClickCancel} type=\"button\" variant=\"outline\">\n              취소하기\n            </Button>\n          </Dialog.Close>\n          <Dialog.Close>\n            <Button onClick={onClickSave} type=\"button\">\n              저장하기\n            </Button>\n          </Dialog.Close>\n        </Flex>\n      </Form.Root>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-DR3ELFWR.js

@@ -0,0 +1,69 @@
+import {
+  curriculum_review_default
+} from "./chunk-C5HQZR32.js";
+import {
+  curriculum_video_default
+} from "./chunk-QGKQ3IX7.js";
+import {
+  curriculum_ai_traning_default
+} from "./chunk-AZ2ZKABM.js";
+import {
+  curriculum_file_download_default
+} from "./chunk-PEFP2QUH.js";
+import {
+  useCurriculumContext
+} from "./chunk-Y7SJF3Y3.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  InfoCircledIcon
+} from "./chunk-W5TPOFOO.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/curriculumV2/CurriculumContents/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumBody() {
+  const { selectedItem, selectedSectionTitle } = useCurriculumContext();
+  switch (selectedItem.type) {
+    case "video":
+      return /* @__PURE__ */ jsx(curriculum_video_default, { item: selectedItem });
+    case "review":
+      return /* @__PURE__ */ jsx(
+        curriculum_review_default,
+        {
+          item: selectedItem,
+          sectionTitle: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title
+        }
+      );
+    case "aiTraining":
+      return /* @__PURE__ */ jsx(curriculum_ai_traning_default, { item: selectedItem });
+    case "fileDownload":
+      return /* @__PURE__ */ jsx(curriculum_file_download_default, { item: selectedItem });
+    default:
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "2",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(InfoCircledIcon, { height: 24, width: 24 }),
+            /* @__PURE__ */ jsx(Typo, { children: "\uCEE8\uD150\uCE20\uB97C \uB85C\uB529 \uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" }),
+            /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", variant: "caption", children: `[debug info]
+            ${JSON.stringify(selectedItem)}` })
+          ]
+        }
+      );
+  }
+}
+
+export {
+  CurriculumBody
+};
+//# sourceMappingURL=chunk-DR3ELFWR.js.map

package/dist/chunk-DR3ELFWR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { InfoCircledIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumVideo from './curriculum-video';\nimport CurriculumReview from './curriculum-review';\nimport CurriculumAiTraning from './curriculum-ai-traning';\nimport CurriculumFileDownload from './curriculum-file-download';\n\nexport function CurriculumBody(): React.ReactNode {\n  const { selectedItem, selectedSectionTitle } = useCurriculumContext();\n\n  switch (selectedItem.type) {\n    case 'video':\n      return <CurriculumVideo item={selectedItem} />;\n    case 'review':\n      return (\n        <CurriculumReview\n          item={selectedItem}\n          sectionTitle={selectedSectionTitle?.title}\n        />\n      );\n    case 'aiTraining':\n      return <CurriculumAiTraning item={selectedItem} />;\n    case 'fileDownload':\n      return <CurriculumFileDownload item={selectedItem} />;\n    default:\n      return (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"2\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <InfoCircledIcon height={24} width={24} />\n          <Typo>컨텐츠를 로딩 할 수 없습니다</Typo>\n          <Typo align=\"center\" color=\"gray\" variant=\"caption\">\n            {`[debug info]\n            ${JSON.stringify(selectedItem)}`}\n          </Typo>\n        </Flex>\n      );\n  }\n} "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAea,cAcL,YAdK;AALN,SAAS,iBAAkC;AAChD,QAAM,EAAE,cAAc,qBAAqB,IAAI,qBAAqB;AAEpE,UAAQ,aAAa,MAAM;AAAA,IACzB,KAAK;AACH,aAAO,oBAAC,4BAAgB,MAAM,cAAc;AAAA,IAC9C,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,cAAc,6DAAsB;AAAA;AAAA,MACtC;AAAA,IAEJ,KAAK;AACH,aAAO,oBAAC,iCAAoB,MAAM,cAAc;AAAA,IAClD,KAAK;AACH,aAAO,oBAAC,oCAAuB,MAAM,cAAc;AAAA,IACrD;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,mBAAgB,QAAQ,IAAI,OAAO,IAAI;AAAA,YACxC,oBAAC,QAAK,0FAAgB;AAAA,YACtB,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,SAAQ,WACvC;AAAA,cACC,KAAK,UAAU,YAAY,CAAC,IAChC;AAAA;AAAA;AAAA,MACF;AAAA,EAEN;AACF;","names":[]}

package/dist/chunk-DZ6LWD2X.js

@@ -0,0 +1,174 @@
+import {
+  DatePickerButton
+} from "./chunk-5ZIFEE7H.js";
+import {
+  TimeSelect
+} from "./chunk-7PF6I4RN.js";
+import {
+  getTimeOption,
+  parseTimeOption
+} from "./chunk-NWJSLIQ3.js";
+import {
+  Form
+} from "./chunk-GLZ66EYJ.js";
+import {
+  toast
+} from "./chunk-EEKOTWBE.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Dialog
+} from "./chunk-AH4A53SZ.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/platform/edit-coaching-time.tsx
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getValueFromDefaultValue = (args) => {
+  return {
+    startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
+    endTime: args.endAt ? getTimeOption(args.endAt) : "00:00",
+    date: args.startAt || /* @__PURE__ */ new Date()
+  };
+};
+var getDateFromValue = (date, time) => {
+  const { hour, minute } = parseTimeOption(time);
+  return new Date(
+    date.getFullYear(),
+    date.getMonth(),
+    date.getDate(),
+    hour,
+    minute
+  );
+};
+function EditCoachingTime(props) {
+  const { defaultEndAt, defaultStartAt, onClickCancel } = props;
+  const [values, setValues] = useState(() => {
+    return getValueFromDefaultValue({
+      startAt: defaultStartAt,
+      endAt: defaultEndAt
+    });
+  });
+  const [timeError, setTimeError] = useState("");
+  const checkTimeError = 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) {
+        setTimeError(error);
+        return false;
+      }
+      return true;
+    },
+    []
+  );
+  const onChangeStartTime = useCallback(
+    (v) => {
+      checkTimeError(v, values.endTime);
+      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
+        startTime: v
+      }));
+    },
+    [checkTimeError, values.endTime]
+  );
+  const onChangeEndTime = useCallback(
+    (v) => {
+      checkTimeError(values.startTime, v);
+      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
+        endTime: v
+      }));
+    },
+    [checkTimeError, values.startTime]
+  );
+  const onChangeDate = useCallback((date) => {
+    date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
+      date
+    }));
+  }, []);
+  const onClickSave = useCallback(() => {
+    if (checkTimeError(values.startTime, values.endTime)) {
+      const startAt = getDateFromValue(values.date, values.startTime);
+      const endAt = getDateFromValue(values.date, values.endTime);
+      props.onClickSave && props.onClickSave(startAt, endAt);
+    } else {
+      toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
+    }
+  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
+  return /* @__PURE__ */ jsx(Box, { width: { initial: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { children: [
+    /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
+      /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
+      /* @__PURE__ */ jsx(
+        DatePickerButton,
+        {
+          maxDate: /* @__PURE__ */ new Date(),
+          onChange: onChangeDate,
+          selected: values.date,
+          size: { initial: "large", xs: "medium" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      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__ */ jsx(Form.Field, { name: "startTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ jsx("div", {}),
+          /* @__PURE__ */ jsx(Form.Field, { name: "endTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
+          /* @__PURE__ */ jsx(
+            TimeSelect,
+            {
+              onValueChange: onChangeStartTime,
+              size: { initial: "3", xs: "2" },
+              value: values.startTime
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Separator, {}) }),
+          /* @__PURE__ */ jsx(
+            TimeSelect,
+            {
+              onValueChange: onChangeEndTime,
+              size: { initial: "3", xs: "2" },
+              value: values.endTime
+            }
+          ),
+          /* @__PURE__ */ jsx(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
+    ] })
+  ] }) });
+}
+
+export {
+  EditCoachingTime
+};
+//# sourceMappingURL=chunk-DZ6LWD2X.js.map

package/dist/chunk-DZ6LWD2X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/edit-coaching-time.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Button,\n  Flex,\n  Form,\n  Grid,\n  Separator,\n  Box,\n  toast,\n  Dialog,\n} from '../../atoms';\nimport { DatePickerButton, TimeSelect } from '../../molecules';\nimport { getTimeOption, parseTimeOption } from '../../utils';\n\nexport interface EditCoachingTimeProps {\n  defaultStartAt?: Date;\n  defaultEndAt?: Date;\n  onClickSave?: (startAt: Date, endAt: Date) => void;\n  onClickCancel?: () => void;\n  sessionNumber?: number;\n}\n\ninterface Values {\n  startTime: string;\n  endTime: string;\n  date: Date;\n}\n\nconst getValueFromDefaultValue = (args: {\n  startAt?: Date;\n  endAt?: Date;\n}): Values => {\n  return {\n    startTime: args.startAt ? getTimeOption(args.startAt) : '00:00',\n    endTime: args.endAt ? getTimeOption(args.endAt) : '00:00',\n    date: args.startAt || new Date(),\n  };\n};\n\nconst getDateFromValue = (date: Date, time: string): Date => {\n  const { hour, minute } = parseTimeOption(time);\n  return new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    hour,\n    minute\n  );\n};\n\nexport function EditCoachingTime(\n  props: EditCoachingTimeProps\n): React.ReactNode {\n  const { defaultEndAt, defaultStartAt, onClickCancel } = props;\n\n  const [values, setValues] = useState<Values>(() => {\n    return getValueFromDefaultValue({\n      startAt: defaultStartAt,\n      endAt: defaultEndAt,\n    });\n  });\n\n  const [timeError, setTimeError] = useState('');\n\n  const checkTimeError = useCallback(\n    (startTime: string, endTime: string): boolean => {\n      const error =\n        startTime >= endTime\n          ? '시작시간을 종료시간보다 빠르게 선택해주세요.'\n          : '';\n      if (error) {\n        setTimeError(error);\n        return false;\n      }\n      return true;\n    },\n    []\n  );\n\n  const onChangeStartTime = useCallback(\n    (v: string) => {\n      checkTimeError(v, values.endTime);\n      setValues((prev) => ({\n        ...prev,\n        startTime: v,\n      }));\n    },\n    [checkTimeError, values.endTime]\n  );\n\n  const onChangeEndTime = useCallback(\n    (v: string) => {\n      checkTimeError(values.startTime, v);\n      setValues((prev) => ({\n        ...prev,\n        endTime: v,\n      }));\n    },\n    [checkTimeError, values.startTime]\n  );\n\n  const onChangeDate = useCallback((date: Date | null) => {\n    date &&\n      setValues((prev) => ({\n        ...prev,\n        date,\n      }));\n  }, []);\n\n  const onClickSave = useCallback(() => {\n    if (checkTimeError(values.startTime, values.endTime)) {\n      const startAt = getDateFromValue(values.date, values.startTime);\n      const endAt = getDateFromValue(values.date, values.endTime);\n      props.onClickSave && props.onClickSave(startAt, endAt);\n    } else {\n      toast.error('입력 값이 유효하지 않습니다.');\n    }\n  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);\n\n  return (\n    <Box width={{ initial: '100%' }}>\n      <Form.Root>\n        <Form.Field name=\"date\">\n          <Form.Label variant=\"caption\">날짜</Form.Label>\n          <DatePickerButton\n            maxDate={new Date()}\n            onChange={onChangeDate}\n            selected={values.date}\n            size={{ initial: 'large', xs: 'medium' }}\n          />\n        </Form.Field>\n        <Grid\n          align=\"center\"\n          columns={{\n            initial: '1fr 0 1fr',\n            xs: '1fr auto 1fr',\n          }}\n          gapX=\"3\"\n          gapY=\"2\"\n          justify=\"center\"\n          mb={{ initial: '5', xs: '4' }}\n          mt=\"5\"\n          width=\"100%\"\n        >\n          <Form.Field name=\"startTime\">\n            <Form.Label variant=\"caption\">시작 시간</Form.Label>\n          </Form.Field>\n          <div />\n          <Form.Field name=\"endTime\">\n            <Form.Label variant=\"caption\">종료 시간</Form.Label>\n          </Form.Field>\n          <TimeSelect\n            onValueChange={onChangeStartTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.startTime}\n          />\n          <Box overflow=\"hidden\">\n            <Separator />\n          </Box>\n\n          <TimeSelect\n            onValueChange={onChangeEndTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.endTime}\n          />\n          <Form.Field name=\"startEndTime\" style={{ gridColumn: '1/span 3' }}>\n            <Form.Message forceMatch={Boolean(timeError)}>\n              {timeError}\n            </Form.Message>\n          </Form.Field>\n        </Grid>\n        <Flex gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button onClick={onClickCancel} type=\"button\" variant=\"outline\">\n              취소하기\n            </Button>\n          </Dialog.Close>\n          <Dialog.Close>\n            <Button onClick={onClickSave} type=\"button\">\n              저장하기\n            </Button>\n          </Dialog.Close>\n        </Flex>\n      </Form.Root>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-DZCLAKSB.js

@@ -0,0 +1,218 @@
+import {
+  DynamicFormField
+} from "./chunk-DXD774YC.js";
+import {
+  DynamicFormProvider,
+  useDynamicForm
+} from "./chunk-NCSMSA3X.js";
+import {
+  Form
+} from "./chunk-2OMSNCRH.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-form.tsx
+import { useMemo, useCallback, useEffect } from "react";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { Box } from "@radix-ui/themes";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function scrollToFirstError(errors, _fields) {
+  const firstErrorFieldName = Object.keys(errors)[0];
+  if (!firstErrorFieldName) return;
+  let fieldElement = document.querySelector(`[name="${firstErrorFieldName}"]`);
+  if (!fieldElement) {
+    fieldElement = document.querySelector(`[data-field-name="${firstErrorFieldName}"]`);
+  }
+  if (!fieldElement) {
+    fieldElement = document.querySelector(`[data-error-field="${firstErrorFieldName}"]`);
+  }
+  if (fieldElement) {
+    fieldElement.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }
+}
+function DynamicFormRoot({
+  fields,
+  initialValues = {},
+  onSubmit,
+  children,
+  readonly = false,
+  formStyle
+}) {
+  const validationSchema = useMemo(() => {
+    const schema = {};
+    fields.forEach((field) => {
+      if (field.validation) {
+        const validation = createYupValidation(field, field.validation);
+        if (validation) {
+          schema[field.name] = validation;
+        }
+      } else if (field.required) {
+        if (field.type === "choices") {
+          schema[field.name] = Yup.array().min(1, `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`).required(`${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
+        } else if (field.type === "yes_no") {
+          schema[field.name] = Yup.boolean().oneOf([true], `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
+        } else {
+          schema[field.name] = Yup.string().required(
+            `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
+          );
+        }
+      }
+    });
+    return Object.keys(schema).length > 0 ? Yup.object(schema) : void 0;
+  }, [fields]);
+  const handleSubmit = useCallback((values) => __async(null, null, function* () {
+    yield onSubmit(values);
+  }), [onSubmit]);
+  const formik = useFormik({
+    initialValues: fields.reduce((acc, field) => {
+      if (field.type === "choices") {
+        acc[field.name] = initialValues[field.name] || [];
+      } else if (field.type === "yes_no") {
+        acc[field.name] = initialValues[field.name] || false;
+      } else {
+        acc[field.name] = initialValues[field.name] || "";
+      }
+      return acc;
+    }, {}),
+    validationSchema,
+    validateOnBlur: true,
+    validateOnChange: true,
+    onSubmit: handleSubmit
+  });
+  useEffect(() => {
+    if (formik.submitCount > 0 && Object.keys(formik.errors).length > 0) {
+      const timeoutId = setTimeout(() => {
+        scrollToFirstError(formik.errors, fields);
+      }, 100);
+      return () => {
+        clearTimeout(timeoutId);
+      };
+    }
+  }, [formik.submitCount, formik.errors, fields]);
+  return /* @__PURE__ */ jsx(DynamicFormProvider, { fields, formStyle, formik, readonly, children });
+}
+function DynamicFormFieldList({
+  fields: fieldsProp,
+  labelVariant
+}) {
+  const { formik, fields: fieldsFromContext, readonly } = useDynamicForm();
+  const fields = fieldsProp || fieldsFromContext;
+  return /* @__PURE__ */ jsx(Fragment, { children: fields.map((field) => {
+    const errorMessage = !readonly && formik.touched[field.name] && formik.errors[field.name] ? String(formik.errors[field.name]) : void 0;
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        "data-error-field": errorMessage ? field.name : void 0,
+        "data-field-name": field.name,
+        mb: "2",
+        children: /* @__PURE__ */ jsxs(
+          Form.FormItem,
+          {
+            errorMessage,
+            label: field.label,
+            labelVariant,
+            name: field.name,
+            required: field.required,
+            children: [
+              field.description && field.type !== "yes_no" ? /* @__PURE__ */ jsx(Typo, { color: "gray", variant: "caption", children: field.description }) : null,
+              /* @__PURE__ */ jsx(DynamicFormField, { field })
+            ]
+          }
+        )
+      },
+      field.name
+    );
+  }) });
+}
+var DynamicForm = {
+  Root: DynamicFormRoot,
+  FieldList: DynamicFormFieldList
+};
+function createYupValidation(field, validation) {
+  if (!validation) return void 0;
+  let schema;
+  if (field.type === "number") {
+    schema = Yup.number();
+  } else if (field.type === "email") {
+    schema = Yup.string().email(
+      validation.message || "\uC62C\uBC14\uB978 \uC774\uBA54\uC77C \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+    );
+  } else if (field.type === "choices") {
+    schema = Yup.array();
+  } else if (field.type === "yes_no") {
+    schema = Yup.boolean();
+  } else {
+    schema = Yup.string();
+  }
+  if (validation.min !== void 0) {
+    if (field.type === "number") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "choices") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`
+      );
+    } else if (field.type === "yes_no") {
+    } else {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC790 \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  if (validation.max !== void 0) {
+    if (field.type === "number") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "choices") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uAC1C\uAE4C\uC9C0 \uC120\uD0DD \uAC00\uB2A5\uD569\uB2C8\uB2E4`
+      );
+    } else if (field.type === "yes_no") {
+    } else {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC790 \uC774\uD558\uC5EC\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  if (validation.pattern) {
+    if (field.type === "yes_no") {
+    } else {
+      schema = schema.matches(
+        new RegExp(validation.pattern),
+        validation.message || "\uC62C\uBC14\uB978 \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+      );
+    }
+  }
+  if (field.required) {
+    if (field.type === "yes_no") {
+      schema = schema.oneOf([true], validation.message || `${field.label}\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694`);
+    } else if (field.type === "choices") {
+      schema = schema.min(1, validation.message || `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`);
+    } else {
+      schema = schema.required(validation.message || `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
+    }
+  }
+  return schema;
+}
+
+export {
+  DynamicForm,
+  createYupValidation
+};
+//# sourceMappingURL=chunk-DZCLAKSB.js.map