@tipp/ui 1.5.4 → 1.5.6

package/dist/chunk-IZXQPBJR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/session-card.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { format } from 'date-fns';\nimport type { ServiceType } from '@/types/biz.type';\nimport type { CardProps } from '../../atoms';\nimport {\n  BulletText,\n  Button,\n  Card,\n  DataList,\n  Dialog,\n  Flex,\n  Grid,\n  Heading,\n} from '../../atoms';\nimport { Pencil1Icon } from '../../icon';\nimport { EditCoachingTime } from './edit-coaching-time';\nimport { EditServiceType } from './edit-service-type';\n\nconst preventDefault = (e: Event): void => {\n  e.preventDefault();\n};\nexport type SessionCardProps = Omit<CardProps, 'error'> & {\n  error?: string;\n  startAt?: Date;\n  endAt?: Date;\n  sessionType: ServiceType;\n  userName?: string;\n  sessionNumber?: number;\n  ExtraButtons: React.ReactNode;\n  editable?: boolean;\n  TitleExtra?: React.ReactNode;\n  onSaveDate?: (startTime: Date, endTime: Date) => void;\n  onSaveSessionType?: (sessionType: string) => void;\n};\n\nexport function SessionCard(props: SessionCardProps): React.ReactElement {\n  const {\n    sessionNumber,\n    userName,\n    error,\n    ExtraButtons,\n    TitleExtra,\n    editable,\n    onSaveDate,\n    onSaveSessionType,\n    startAt,\n    endAt,\n    sessionType,\n    ...rest\n  } = props;\n\n  const renderEditButton = useCallback((): JSX.Element => {\n    return (\n      <Button color=\"gray\" ml=\"2\" variant=\"transparent\">\n        <Pencil1Icon />\n      </Button>\n    );\n  }, []);\n\n  const sessionTimeStr = useMemo(() => {\n    if (!startAt || !endAt) return '알 수 없음';\n\n    return `${format(startAt, 'yyyy년 MM월 dd일 HH시 mm분')} ~ ${format(endAt, 'HH시 mm분')}`;\n  }, [startAt, endAt]);\n\n  return (\n    <Card error={Boolean(error)} {...rest}>\n      <Flex direction=\"column\" gap=\"3\">\n        <Flex align=\"center\" width=\"100%\">\n          <Heading variant=\"heading4\">\n            {`${userName || '알 수 없음'}님 ${sessionNumber || '-'}회차`}\n          </Heading>\n          {TitleExtra}\n          {error ? (\n            <BulletText as=\"p\" color=\"red\" variant=\"caption\">\n              {error}\n            </BulletText>\n          ) : null}\n        </Flex>\n        <DataList.Root>\n          <DataList.Item>\n            <DataList.Label>코칭 일시</DataList.Label>\n            <DataList.Value>\n              {sessionTimeStr}\n              {editable ? (\n                <Dialog.Root>\n                  <Dialog.Trigger>{renderEditButton()}</Dialog.Trigger>\n                  <Dialog.Content\n                    onOpenAutoFocus={preventDefault}\n                    style={{ overflow: 'visible' }}\n                  >\n                    <EditCoachingTime\n                      defaultEndAt={endAt}\n                      defaultStartAt={startAt}\n                      onClickSave={onSaveDate}\n                    />\n                  </Dialog.Content>\n                </Dialog.Root>\n              ) : null}\n            </DataList.Value>\n          </DataList.Item>\n          <Grid columns={{ initial: '1', xs: '2' }} style={{ gap: 'inherit' }}>\n            <DataList.Item>\n              <DataList.Label>세션 참여 방식</DataList.Label>\n              <DataList.Value>\n                {sessionType === 'offlineCoaching' ? '오프라인' : '온라인'}\n                {editable ? (\n                  <Dialog.Root>\n                    <Dialog.Trigger>{renderEditButton()}</Dialog.Trigger>\n                    <Dialog.Content>\n                      <EditServiceType\n                        defaultServiceType={sessionType}\n                        onClickSave={onSaveSessionType}\n                      />\n                    </Dialog.Content>\n                  </Dialog.Root>\n                ) : null}\n              </DataList.Value>\n            </DataList.Item>\n\n            <Flex gap=\"2\" justify=\"end\">\n              {ExtraButtons}\n            </Flex>\n          </Grid>\n        </DataList.Root>\n      </Flex>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,eAAe;AAC5C,SAAS,cAAc;AAqDf,cAcA,YAdA;AApCR,IAAM,iBAAiB,CAAC,MAAmB;AACzC,IAAE,eAAe;AACnB;AAeO,SAAS,YAAY,OAA6C;AACvE,QAaI,YAZF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA/CJ,IAiDM,IADC,iBACD,IADC;AAAA,IAXH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,mBAAmB,YAAY,MAAmB;AACtD,WACE,oBAAC,UAAO,OAAM,QAAO,IAAG,KAAI,SAAQ,eAClC,8BAAC,eAAY,GACf;AAAA,EAEJ,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC,WAAW,CAAC;AAAO,aAAO;AAE/B,WAAO,GAAG,OAAO,SAAS,gDAAuB,CAAC,MAAM,OAAO,OAAO,mBAAS,CAAC;AAAA,EAClF,GAAG,CAAC,SAAS,KAAK,CAAC;AAEnB,SACE,oBAAC,qCAAK,OAAO,QAAQ,KAAK,KAAO,OAAhC,EACC,+BAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,yBAAC,QAAK,OAAM,UAAS,OAAM,QACzB;AAAA,0BAAC,WAAQ,SAAQ,YACd,aAAG,YAAY,4BAAQ,UAAK,iBAAiB,GAAG,gBACnD;AAAA,MACC;AAAA,MACA,QACC,oBAAC,cAAW,IAAG,KAAI,OAAM,OAAM,SAAQ,WACpC,iBACH,IACE;AAAA,OACN;AAAA,IACA,qBAAC,SAAS,MAAT,EACC;AAAA,2BAAC,SAAS,MAAT,EACC;AAAA,4BAAC,SAAS,OAAT,EAAe,uCAAK;AAAA,QACrB,qBAAC,SAAS,OAAT,EACE;AAAA;AAAA,UACA,WACC,qBAAC,OAAO,MAAP,EACC;AAAA,gCAAC,OAAO,SAAP,EAAgB,2BAAiB,GAAE;AAAA,YACpC;AAAA,cAAC,OAAO;AAAA,cAAP;AAAA,gBACC,iBAAiB;AAAA,gBACjB,OAAO,EAAE,UAAU,UAAU;AAAA,gBAE7B;AAAA,kBAAC;AAAA;AAAA,oBACC,cAAc;AAAA,oBACd,gBAAgB;AAAA,oBAChB,aAAa;AAAA;AAAA,gBACf;AAAA;AAAA,YACF;AAAA,aACF,IACE;AAAA,WACN;AAAA,SACF;AAAA,MACA,qBAAC,QAAK,SAAS,EAAE,SAAS,KAAK,IAAI,IAAI,GAAG,OAAO,EAAE,KAAK,UAAU,GAChE;AAAA,6BAAC,SAAS,MAAT,EACC;AAAA,8BAAC,SAAS,OAAT,EAAe,oDAAQ;AAAA,UACxB,qBAAC,SAAS,OAAT,EACE;AAAA,4BAAgB,oBAAoB,6BAAS;AAAA,YAC7C,WACC,qBAAC,OAAO,MAAP,EACC;AAAA,kCAAC,OAAO,SAAP,EAAgB,2BAAiB,GAAE;AAAA,cACpC,oBAAC,OAAO,SAAP,EACC;AAAA,gBAAC;AAAA;AAAA,kBACC,oBAAoB;AAAA,kBACpB,aAAa;AAAA;AAAA,cACf,GACF;AAAA,eACF,IACE;AAAA,aACN;AAAA,WACF;AAAA,QAEA,oBAAC,QAAK,KAAI,KAAI,SAAQ,OACnB,wBACH;AAAA,SACF;AAAA,OACF;AAAA,KACF,IACF;AAEJ;","names":[]}

package/dist/chunk-JYLNC7NT.js

@@ -0,0 +1,101 @@
+import {
+  Heading
+} from "./chunk-HK224ADT.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "./chunk-PGIAKER2.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/molecules/date-picker/index.tsx
+import { forwardRef } from "react";
+import * as RDP from "react-datepicker";
+import { registerLocale, setDefaultLocale } from "react-datepicker";
+import { ko as fnKo } from "date-fns/locale";
+import { jsx, jsxs } from "react/jsx-runtime";
+registerLocale("ko", fnKo);
+setDefaultLocale("ko");
+var ReactDatePicker = RDP.default.default || RDP.default || RDP;
+var DatePicker = forwardRef(
+  (props, ref) => {
+    const _a = props, { fullWidth } = _a, rest = __objRest(_a, ["fullWidth"]);
+    const fullWidthClassName = fullWidth ? "full-width" : "";
+    return /* @__PURE__ */ jsx(Flex, { p: "0", width: "100%", children: /* @__PURE__ */ jsx(
+      ReactDatePicker,
+      __spreadProps(__spreadValues({
+        dateFormat: "YYYY/MM/dd",
+        nextMonthButtonLabel: "\uB2E4\uC74C \uB2EC",
+        placeholderText: "YYYY/mm/dd",
+        popperProps: { strategy: "fixed" },
+        previousMonthButtonLabel: "\uC774\uC804 \uB2EC",
+        ref,
+        renderCustomHeader,
+        showPopperArrow: false,
+        timeIntervals: 10
+      }, rest), {
+        calendarClassName: `tipp_datePicker_calendar ${rest.calendarClassName || ""}`,
+        timeCaption: "\uC2DC\uAC04",
+        wrapperClassName: `tipp_datePicker ${fullWidthClassName} ${rest.wrapperClassName || ""}`
+      })
+    ) });
+  }
+);
+DatePicker.displayName = "DatePicker";
+var renderCustomHeader = (props) => {
+  const {
+    date,
+    decreaseMonth,
+    increaseMonth,
+    prevMonthButtonDisabled,
+    nextMonthButtonDisabled
+  } = props;
+  const year = date ? date.getFullYear() : "-";
+  const month = date ? date.getMonth() + 1 : "-";
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        disabled: prevMonthButtonDisabled,
+        onClick: decreaseMonth,
+        type: "button",
+        variant: "ghost",
+        children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { gap: "3", children: [
+      /* @__PURE__ */ jsxs(Heading, { variant: "heading4", weight: "regular", children: [
+        year,
+        "\uB144"
+      ] }),
+      /* @__PURE__ */ jsxs(Heading, { variant: "heading4", weight: "regular", children: [
+        month,
+        "\uC6D4"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        disabled: nextMonthButtonDisabled,
+        onClick: increaseMonth,
+        type: "button",
+        variant: "ghost",
+        children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+      }
+    )
+  ] });
+};
+
+export {
+  DatePicker
+};
+//# sourceMappingURL=chunk-JYLNC7NT.js.map

package/dist/chunk-JYLNC7NT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/date-picker/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access  -- ReactPicker의 렌더러가 object를 return함 버그를 해결하기 위해 강제 assertion 사용 */\nimport type { ElementRef } from 'react';\nimport React, { forwardRef } from 'react';\nimport type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';\nimport * as RDP from 'react-datepicker';\nimport { registerLocale, setDefaultLocale } from 'react-datepicker';\nimport { ko as fnKo } from 'date-fns/locale';\nimport { IconButton } from '../../atoms/icon-button';\nimport { Flex } from '../../atoms/flex';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../icon';\nimport { Heading } from '../../atoms/heading';\n\nregisterLocale('ko', fnKo);\nsetDefaultLocale('ko');\n\nexport type DatePickerProps = ReactDatePickerProps & {\n  fullWidth?: boolean;\n};\ntype DatePickerRef = ElementRef<typeof ReactDatePicker>;\n\nconst ReactDatePicker = ((RDP.default as any).default ||\n  (RDP.default as any) ||\n  (RDP as any)) as typeof RDP.default;\n\nexport const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(\n  (props, ref): React.ReactElement => {\n    const { fullWidth, ...rest } = props;\n    const fullWidthClassName = fullWidth ? 'full-width' : '';\n    return (\n      <Flex p=\"0\" width=\"100%\">\n        <ReactDatePicker\n          dateFormat=\"YYYY/MM/dd\"\n          nextMonthButtonLabel=\"다음 달\"\n          placeholderText=\"YYYY/mm/dd\"\n          popperProps={{ strategy: 'fixed' }}\n          previousMonthButtonLabel=\"이전 달\"\n          ref={ref}\n          renderCustomHeader={renderCustomHeader}\n          showPopperArrow={false}\n          timeIntervals={10}\n          {...rest}\n          calendarClassName={`tipp_datePicker_calendar ${rest.calendarClassName || ''}`}\n          timeCaption=\"시간\"\n          wrapperClassName={`tipp_datePicker ${fullWidthClassName} ${rest.wrapperClassName || ''}`}\n        />\n      </Flex>\n    );\n  }\n);\n\nDatePicker.displayName = 'DatePicker';\n\nconst renderCustomHeader: ReactDatePickerProps['renderCustomHeader'] = (\n  props\n) => {\n  const {\n    date,\n    decreaseMonth,\n    increaseMonth,\n    prevMonthButtonDisabled,\n    nextMonthButtonDisabled,\n  } = props;\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- date가 undefined일 수 있음\n  const year = date ? date.getFullYear() : '-';\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- date가 undefined일 수 있음\n  const month = date ? date.getMonth() + 1 : '-';\n\n  return (\n    <Flex align=\"center\" justify=\"between\" pb=\"2\" pl=\"2\" pr=\"2\">\n      <IconButton\n        disabled={prevMonthButtonDisabled}\n        onClick={decreaseMonth}\n        type=\"button\"\n        variant=\"ghost\"\n      >\n        <ChevronLeftIcon />\n      </IconButton>\n      <Flex gap=\"3\">\n        <Heading variant=\"heading4\" weight=\"regular\">\n          {year}년\n        </Heading>\n        <Heading variant=\"heading4\" weight=\"regular\">\n          {month}월\n        </Heading>\n      </Flex>\n\n      <IconButton\n        disabled={nextMonthButtonDisabled}\n        onClick={increaseMonth}\n        type=\"button\"\n        variant=\"ghost\"\n      >\n        <ChevronRightIcon />\n      </IconButton>\n    </Flex>\n  );\n};\n\n// DatePicker.displayName = 'DatePicker';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,SAAgB,kBAAkB;AAElC,YAAY,SAAS;AACrB,SAAS,gBAAgB,wBAAwB;AACjD,SAAS,MAAM,YAAY;AAwBnB,cAiDA,YAjDA;AAlBR,eAAe,MAAM,IAAI;AACzB,iBAAiB,IAAI;AAOrB,IAAM,kBAAwB,YAAgB,WACvC,eACJ;AAEI,IAAM,aAAa;AAAA,EACxB,CAAC,OAAO,QAA4B;AAClC,UAA+B,YAAvB,YA3BZ,IA2BmC,IAAT,iBAAS,IAAT,CAAd;AACR,UAAM,qBAAqB,YAAY,eAAe;AACtD,WACE,oBAAC,QAAK,GAAE,KAAI,OAAM,QAChB;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,sBAAqB;AAAA,QACrB,iBAAgB;AAAA,QAChB,aAAa,EAAE,UAAU,QAAQ;AAAA,QACjC,0BAAyB;AAAA,QACzB;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,eAAe;AAAA,SACX,OAVL;AAAA,QAWC,mBAAmB,4BAA4B,KAAK,qBAAqB,EAAE;AAAA,QAC3E,aAAY;AAAA,QACZ,kBAAkB,mBAAmB,kBAAkB,IAAI,KAAK,oBAAoB,EAAE;AAAA;AAAA,IACxF,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAM,qBAAiE,CACrE,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAGJ,QAAM,OAAO,OAAO,KAAK,YAAY,IAAI;AAEzC,QAAM,QAAQ,OAAO,KAAK,SAAS,IAAI,IAAI;AAE3C,SACE,qBAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,IAAG,KAAI,IAAG,KACtD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAK;AAAA,QACL,SAAQ;AAAA,QAER,8BAAC,mBAAgB;AAAA;AAAA,IACnB;AAAA,IACA,qBAAC,QAAK,KAAI,KACR;AAAA,2BAAC,WAAQ,SAAQ,YAAW,QAAO,WAChC;AAAA;AAAA,QAAK;AAAA,SACR;AAAA,MACA,qBAAC,WAAQ,SAAQ,YAAW,QAAO,WAChC;AAAA;AAAA,QAAM;AAAA,SACT;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAK;AAAA,QACL,SAAQ;AAAA,QAER,8BAAC,oBAAiB;AAAA;AAAA,IACpB;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-K4SP3COU.js

@@ -0,0 +1,203 @@
+import {
+  DatePickerButton
+} from "./chunk-HUXMVGOU.js";
+import {
+  TimeSelect
+} from "./chunk-K55LGP5B.js";
+import {
+  getTimeOption,
+  parseTimeOption
+} from "./chunk-VAXB7NV2.js";
+import {
+  ResponseDisplay
+} from "./chunk-O4ZX5Z2J.js";
+import {
+  toast
+} from "./chunk-CYYWMYE7.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Form
+} from "./chunk-SRZ6X74X.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Button
+} from "./chunk-U7JPP7WJ.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Heading
+} from "./chunk-HK224ADT.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.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, sessionNumber } = 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]);
+  const title = `${sessionNumber || "-"}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`;
+  return /* @__PURE__ */ jsxs(Box, { width: { initial: "100%" }, children: [
+    /* @__PURE__ */ jsx(
+      ResponseDisplay,
+      {
+        initial: /* @__PURE__ */ jsx(Heading, { align: "center", mb: "2", variant: "heading3", children: title }),
+        xs: /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", weight: "regular", children: title })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Form.Root, { children: [
+      /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
+        /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
+        /* @__PURE__ */ jsx(
+          DatePickerButton,
+          {
+            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(ResponseDisplay, { initial: /* @__PURE__ */ jsx("div", {}), xs: /* @__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(
+          Button,
+          {
+            onClick: onClickCancel,
+            size: { initial: "large", xs: "small" },
+            type: "button",
+            variant: "outline",
+            children: "\uCDE8\uC18C\uD558\uAE30"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: onClickSave,
+            size: { initial: "large", xs: "small" },
+            type: "button",
+            children: "\uC800\uC7A5\uD558\uAE30"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+export {
+  EditCoachingTime
+};
+//# sourceMappingURL=chunk-K4SP3COU.js.map

package/dist/chunk-K4SP3COU.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  Heading,\n  Separator,\n  Box,\n  toast,\n} from '../../atoms';\nimport { DatePickerButton, TimeSelect } from '../../molecules';\nimport { getTimeOption, parseTimeOption } from '../../utils';\nimport { ResponseDisplay } from '../../layouts';\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.ReactElement {\n  const { defaultEndAt, defaultStartAt, onClickCancel, sessionNumber } = 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  const title = `${sessionNumber || '-'}회차 세션 일시 변경하기`;\n\n  return (\n    <Box width={{ initial: '100%' }}>\n      <ResponseDisplay\n        initial={\n          <Heading align=\"center\" mb=\"2\" variant=\"heading3\">\n            {title}\n          </Heading>\n        }\n        xs={\n          <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n            {title}\n          </Heading>\n        }\n      />\n\n      <Form.Root>\n        <Form.Field name=\"date\">\n          <Form.Label variant=\"caption\">날짜</Form.Label>\n          <DatePickerButton\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          <ResponseDisplay initial={<div />} xs={<Separator />} />\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          <Button\n            onClick={onClickCancel}\n            size={{ initial: 'large', xs: 'small' }}\n            type=\"button\"\n            variant=\"outline\"\n          >\n            취소하기\n          </Button>\n          <Button\n            onClick={onClickSave}\n            size={{ initial: 'large', xs: 'small' }}\n            type=\"button\"\n          >\n            저장하기\n          </Button>\n        </Flex>\n      </Form.Root>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-KAMO3OQK.js

@@ -0,0 +1,64 @@
+import {
+  infoList,
+  renderDataListItem,
+  sessionList
+} from "./chunk-AUNNPRJI.js";
+import {
+  DataList
+} from "./chunk-VTJZMOSP.js";
+import {
+  Heading
+} from "./chunk-HK224ADT.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Card
+} from "./chunk-2ZQK7NTN.js";
+import {
+  Badge
+} from "./chunk-EWD4AO5N.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/app/platform/userInfos/coaching-customer-info/large.tsx
+import { useMemo } from "react";
+import {
+  getColorFromProjectState,
+  getTextFromProjectState
+} from "@tipp/biz-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CoachingCustomerInfoLarge({
+  customer,
+  session,
+  children
+}) {
+  const badgeColor = useMemo(() => {
+    return getColorFromProjectState(session == null ? void 0 : session.state);
+  }, [session == null ? void 0 : session.state]);
+  const sessionText = useMemo(() => {
+    return getTextFromProjectState(session == null ? void 0 : session.state);
+  }, [session == null ? void 0 : session.state]);
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
+        /* @__PURE__ */ jsx(Heading, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
+        /* @__PURE__ */ jsx(Badge, { color: badgeColor, children: sessionText })
+      ] }),
+      /* @__PURE__ */ jsx(Heading, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
+    ] }),
+    children,
+    /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(DataList.Root, { children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
+    /* @__PURE__ */ jsx(Separator, { size: "4" }),
+    /* @__PURE__ */ jsx(DataList.Root, { children: infoList.map((info) => renderDataListItem(info, customer)) })
+  ] });
+}
+
+export {
+  CoachingCustomerInfoLarge
+};
+//# sourceMappingURL=chunk-KAMO3OQK.js.map

package/dist/chunk-KAMO3OQK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/large.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport {\n  Badge,\n  Box,\n  Card,\n  DataList,\n  Flex,\n  Heading,\n  Separator,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { infoList, renderDataListItem, sessionList } from '../utils';\n\nexport function CoachingCustomerInfoLarge({\n  customer,\n  session,\n  children,\n}: CoachingCustomerInfoProps): React.ReactElement {\n  const badgeColor = useMemo(() => {\n    return getColorFromProjectState(session?.state);\n  }, [session?.state]);\n\n  const sessionText = useMemo(() => {\n    return getTextFromProjectState(session?.state);\n  }, [session?.state]);\n\n  return (\n    <Flex direction=\"column\" gap=\"5\">\n      {/* 이름, 사명 */}\n      <Box>\n        <Flex align=\"center\" justify=\"between\" mb=\"1\" width=\"100%\">\n          <Heading variant=\"heading2\">\n            {customer?.username || '이름 없음'}\n          </Heading>\n          <Badge color={badgeColor}>{sessionText}</Badge>\n        </Flex>\n        <Heading truncate variant=\"heading4\" weight=\"regular\">\n          {customer?.company}\n        </Heading>\n      </Box>\n\n      {children}\n\n      {/* 세션 정보 */}\n      <Card size=\"2\">\n        <DataList.Root>\n          {sessionList.map((el) => renderDataListItem(el, session))}\n        </DataList.Root>\n      </Card>\n\n      {/* 회원 정보 */}\n      <Separator size=\"4\" />\n      <DataList.Root>\n        {infoList.map((info) => renderDataListItem(info, customer))}\n      </DataList.Root>\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AA8BC,SACE,KADF;AAjBD,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AACF,GAAkD;AAChD,QAAM,aAAa,QAAQ,MAAM;AAC/B,WAAO,yBAAyB,mCAAS,KAAK;AAAA,EAChD,GAAG,CAAC,mCAAS,KAAK,CAAC;AAEnB,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,wBAAwB,mCAAS,KAAK;AAAA,EAC/C,GAAG,CAAC,mCAAS,KAAK,CAAC;AAEnB,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAE3B;AAAA,yBAAC,OACC;AAAA,2BAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,OAAM,QAClD;AAAA,4BAAC,WAAQ,SAAQ,YACd,gDAAU,aAAY,6BACzB;AAAA,QACA,oBAAC,SAAM,OAAO,YAAa,uBAAY;AAAA,SACzC;AAAA,MACA,oBAAC,WAAQ,UAAQ,MAAC,SAAQ,YAAW,QAAO,WACzC,+CAAU,SACb;AAAA,OACF;AAAA,IAEC;AAAA,IAGD,oBAAC,QAAK,MAAK,KACT,8BAAC,SAAS,MAAT,EACE,sBAAY,IAAI,CAAC,OAAO,mBAAmB,IAAI,OAAO,CAAC,GAC1D,GACF;AAAA,IAGA,oBAAC,aAAU,MAAK,KAAI;AAAA,IACpB,oBAAC,SAAS,MAAT,EACE,mBAAS,IAAI,CAAC,SAAS,mBAAmB,MAAM,QAAQ,CAAC,GAC5D;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-KGSCGSDB.js

@@ -0,0 +1,58 @@
+import {
+  RadioButtonCard
+} from "./chunk-EEWG4R2D.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Typo
+} from "./chunk-52MVZ6AN.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/app/platform/on-offline-radio-card.tsx
+import { BackpackIcon, GlobeIcon } from "@radix-ui/react-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SERVICE_TYPE = {
+  onlineCoaching: "onlineCoaching",
+  offlineCoaching: "offlineCoaching"
+};
+var breakpoint = "sm";
+function HideSmallBox(props) {
+  return /* @__PURE__ */ jsx(Box, { display: { initial: "none", [breakpoint]: "block" }, children: props.children });
+}
+function OnOfflineRadioCard(props) {
+  const Wrapper = props.response ? HideSmallBox : (p) => p.children;
+  const columns = props.response ? { initial: "2", [breakpoint]: "1" } : "1";
+  const justify = props.response ? { initial: "center", [breakpoint]: "between" } : "between";
+  return /* @__PURE__ */ jsxs(
+    RadioButtonCard.Root,
+    __spreadProps(__spreadValues({
+      RadioWrapper: Wrapper,
+      columns,
+      gap: "2",
+      justify
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(GlobeIcon, {}) }),
+          /* @__PURE__ */ jsx(Typo, { children: "\uC628\uB77C\uC778" })
+        ] }) }),
+        /* @__PURE__ */ jsx(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(BackpackIcon, {}) }),
+          /* @__PURE__ */ jsx(Typo, { children: "\uC624\uD504\uB77C\uC778" })
+        ] }) })
+      ]
+    })
+  );
+}
+
+export {
+  OnOfflineRadioCard
+};
+//# sourceMappingURL=chunk-KGSCGSDB.js.map

package/dist/chunk-KGSCGSDB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/on-offline-radio-card.tsx"],"sourcesContent":["import React from 'react';\nimport { BackpackIcon, GlobeIcon } from '@radix-ui/react-icons';\nimport type { RadioButtonCardRootProps } from '../../molecules';\nimport { RadioButtonCard } from '../../molecules';\nimport { Box, Flex, Typo } from '../../atoms';\n\nconst SERVICE_TYPE = {\n  onlineCoaching: 'onlineCoaching',\n  offlineCoaching: 'offlineCoaching',\n} as const;\n\nconst breakpoint = 'sm';\n\nfunction HideSmallBox(props: {\n  children: React.ReactElement;\n}): React.ReactElement {\n  return (\n    <Box display={{ initial: 'none', [breakpoint]: 'block' }}>\n      {props.children}\n    </Box>\n  );\n}\n\nexport function OnOfflineRadioCard(\n  props: RadioButtonCardRootProps & {\n    response?: boolean;\n  }\n): React.ReactElement {\n  const Wrapper = props.response\n    ? HideSmallBox\n    : (p: { children: React.ReactElement }): React.ReactElement => p.children;\n  const columns = props.response ? { initial: '2', [breakpoint]: '1' } : '1';\n  const justify = props.response\n    ? { initial: 'center', [breakpoint]: 'between' }\n    : 'between';\n\n  return (\n    <RadioButtonCard.Root\n      RadioWrapper={Wrapper}\n      columns={columns}\n      gap=\"2\"\n      justify={justify}\n      {...props}\n    >\n      <RadioButtonCard.Item value={SERVICE_TYPE.onlineCoaching}>\n        <Flex align=\"center\" gap=\"2\">\n          <Wrapper>\n            <GlobeIcon />\n          </Wrapper>\n          <Typo>온라인</Typo>\n        </Flex>\n      </RadioButtonCard.Item>\n      <RadioButtonCard.Item value={SERVICE_TYPE.offlineCoaching}>\n        <Flex align=\"center\" gap=\"2\">\n          <Wrapper>\n            <BackpackIcon />\n          </Wrapper>\n          <Typo>오프라인</Typo>\n        </Flex>\n      </RadioButtonCard.Item>\n    </RadioButtonCard.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AACA,SAAS,cAAc,iBAAiB;AAgBpC,cA4BI,YA5BJ;AAXJ,IAAM,eAAe;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAEA,IAAM,aAAa;AAEnB,SAAS,aAAa,OAEC;AACrB,SACE,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,CAAC,UAAU,GAAG,QAAQ,GACpD,gBAAM,UACT;AAEJ;AAEO,SAAS,mBACd,OAGoB;AACpB,QAAM,UAAU,MAAM,WAClB,eACA,CAAC,MAA4D,EAAE;AACnE,QAAM,UAAU,MAAM,WAAW,EAAE,SAAS,KAAK,CAAC,UAAU,GAAG,IAAI,IAAI;AACvE,QAAM,UAAU,MAAM,WAClB,EAAE,SAAS,UAAU,CAAC,UAAU,GAAG,UAAU,IAC7C;AAEJ,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,cAAc;AAAA,MACd;AAAA,MACA,KAAI;AAAA,MACJ;AAAA,OACI,QALL;AAAA,MAOC;AAAA,4BAAC,gBAAgB,MAAhB,EAAqB,OAAO,aAAa,gBACxC,+BAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA,8BAAC,WACC,8BAAC,aAAU,GACb;AAAA,UACA,oBAAC,QAAK,gCAAG;AAAA,WACX,GACF;AAAA,QACA,oBAAC,gBAAgB,MAAhB,EAAqB,OAAO,aAAa,iBACxC,+BAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA,8BAAC,WACC,8BAAC,gBAAa,GAChB;AAAA,UACA,oBAAC,QAAK,sCAAI;AAAA,WACZ,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}