@tipp/ui 2.3.20 → 2.3.22

package/dist/chunk-QVHA4ANB.js

@@ -0,0 +1,196 @@
+import {
+  CurriculumReviewSteps_default
+} from "./chunk-HQAX6GAD.js";
+import {
+  useCurriculumContext
+} from "./chunk-Y7SJF3Y3.js";
+import {
+  Dialog
+} from "./chunk-AH4A53SZ.js";
+import {
+  IconButton
+} from "./chunk-XK6VEVOK.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
+import { useCallback, useMemo, useState } from "react";
+import { Cross1Icon } from "@radix-ui/react-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumReview(props) {
+  const { item, sectionTitle } = props;
+  const { description, buttonTitle } = item;
+  const {
+    curriculum,
+    onReviewSubmit: _onReviewSubmit,
+    onReviewValueChange: _onReviewValueChange,
+    curriculumReviewAnswers,
+    tempCurriculumReviewAnswers,
+    curriculumCompleteMap
+  } = useCurriculumContext();
+  const [open, setOpen] = useState(false);
+  const [isChanged, setIsChanged] = useState(false);
+  const [closeDialogOpen, setCloseDialogOpen] = useState(false);
+  const onReviewValueChange = useCallback(
+    ({
+      reviewId,
+      answer
+    }) => {
+      if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {
+        return;
+      }
+      setIsChanged(true);
+      _onReviewValueChange({ reviewId, answer });
+    },
+    [_onReviewValueChange, curriculumReviewAnswers]
+  );
+  const onReviewSubmit = useCallback(
+    (values) => {
+      return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(
+        (result) => {
+          setIsChanged(false);
+          return result;
+        }
+      );
+    },
+    [item.uuid, _onReviewSubmit]
+  );
+  const onClickEndReview = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const onClickCloseDrawer = useCallback(() => {
+    if (isChanged) {
+      setCloseDialogOpen(true);
+    } else {
+      setOpen(false);
+    }
+  }, [isChanged]);
+  const mode = useMemo(() => {
+    return item.questions.every(
+      (question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== ""
+    ) ? "edit" : "create";
+  }, [curriculumReviewAnswers, item.questions]);
+  const defaultValues = useMemo(() => {
+    const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
+    return item.questions.reduce((acc, question) => {
+      acc[question.uuid] = allAnswers[question.uuid] || "";
+      return acc;
+    }, {});
+  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
+  const done = useMemo(() => {
+    return Boolean(curriculumCompleteMap[item.uuid]);
+  }, [curriculumCompleteMap, item.uuid]);
+  const bgColor = done ? "var(--color-panel-solid)" : void 0;
+  return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        align: "center",
+        direction: "column",
+        height: "100%",
+        justify: "center",
+        px: "3",
+        py: "3",
+        style: {
+          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,
+          backgroundPosition: "center",
+          backgroundSize: "cover",
+          backgroundRepeat: "no-repeat"
+        },
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
+          /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
+          /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              mt: "3",
+              style: { minWidth: 232, backgroundColor: bgColor },
+              variant: done ? "outline" : "solid",
+              children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle })
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Dialog.Content,
+      {
+        height: "100%",
+        hideCloseButton: true,
+        style: { borderRadius: 0, padding: 0 },
+        title: "",
+        width: "100%",
+        children: /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            align: "center",
+            height: "100%",
+            justify: "center",
+            pb: "3",
+            position: "relative",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ jsx(
+                CurriculumReviewSteps_default,
+                {
+                  contents: item,
+                  curriculum,
+                  defaultValues,
+                  done,
+                  mode,
+                  onClickEndReview,
+                  onReviewValueChange,
+                  onSubmit: onReviewSubmit,
+                  title: sectionTitle
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsxs(
+                IconButton,
+                {
+                  color: "gray",
+                  onClick: onClickCloseDrawer,
+                  variant: "ghost",
+                  children: [
+                    /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
+                    /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: setCloseDialogOpen, open: closeDialogOpen, children: /* @__PURE__ */ jsx(
+                Dialog.Content,
+                {
+                  buttons: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
+                    /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { color: "gray", variant: "outline", children: "\uB3CC\uC544\uAC00\uAE30" }) }),
+                    /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "red", onClick: onClickEndReview, children: "\uB098\uAC00\uAE30" }) })
+                  ] }),
+                  title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
+                  children: /* @__PURE__ */ jsx(Typo, { children: "\uD398\uC774\uC9C0\uC5D0\uC11C \uBC97\uC5B4\uB098\uBA74 \uC791\uC131\uD55C \uB0B4\uC6A9\uC774 \uC800\uC7A5\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var curriculum_review_default = CurriculumReview;
+
+export {
+  curriculum_review_default
+};
+//# sourceMappingURL=chunk-QVHA4ANB.js.map

package/dist/chunk-QVHA4ANB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Dialog } from '@/atoms/dialog';\nimport { Flex } from '@/atoms/flex';\nimport { IconButton } from '@/atoms/icon-button';\nimport { Typo } from '@/atoms/typo';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n  item: CurriculumReviewContents;\n  sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n  const { item, sectionTitle } = props;\n  const { description, buttonTitle } = item;\n  const {\n    curriculum,\n    onReviewSubmit: _onReviewSubmit,\n    onReviewValueChange: _onReviewValueChange,\n    curriculumReviewAnswers,\n    tempCurriculumReviewAnswers,\n    curriculumCompleteMap,\n  } = useCurriculumContext();\n  const [open, setOpen] = useState(false);\n  const [isChanged, setIsChanged] = useState(false);\n  const [closeDialogOpen, setCloseDialogOpen] = useState(false);\n\n  const onReviewValueChange = useCallback(\n    ({\n      reviewId,\n      answer,\n    }: {\n      reviewId: string;\n      answer: Record<string, string>;\n    }) => {\n      if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {\n        return;\n      }\n\n      setIsChanged(true);\n      _onReviewValueChange({ reviewId, answer });\n    },\n    [_onReviewValueChange, curriculumReviewAnswers]\n  );\n\n  const onReviewSubmit = useCallback(\n    (values: Record<string, string>) => {\n      return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(\n        (result) => {\n          setIsChanged(false);\n          return result;\n        }\n      );\n    },\n    [item.uuid, _onReviewSubmit]\n  );\n\n  const onClickEndReview = useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  const onClickCloseDrawer = useCallback(() => {\n    if (isChanged) {\n      setCloseDialogOpen(true);\n    } else {\n      setOpen(false);\n    }\n  }, [isChanged]);\n\n  const mode = useMemo(() => {\n    return item.questions.every(\n      (question) =>\n        curriculumReviewAnswers[question.uuid] &&\n        curriculumReviewAnswers[question.uuid] !== ''\n    )\n      ? 'edit'\n      : 'create';\n  }, [curriculumReviewAnswers, item.questions]);\n\n  const defaultValues = useMemo(() => {\n    const allAnswers = {\n      ...tempCurriculumReviewAnswers,\n      ...curriculumReviewAnswers,\n    };\n\n    return item.questions.reduce<Record<string, string>>((acc, question) => {\n      acc[question.uuid] = allAnswers[question.uuid] || '';\n      return acc;\n    }, {});\n  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n  const done = useMemo(() => {\n    return Boolean(curriculumCompleteMap[item.uuid]);\n  }, [curriculumCompleteMap, item.uuid]);\n\n  const bgColor = done ? 'var(--color-panel-solid)' : undefined;\n\n  return (\n    <Dialog.Root onOpenChange={setOpen} open={open}>\n      <Flex\n        align=\"center\"\n        direction=\"column\"\n        height=\"100%\"\n        justify=\"center\"\n        px=\"3\"\n        py=\"3\"\n        style={{\n          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,\n          backgroundPosition: 'center',\n          backgroundSize: 'cover',\n          backgroundRepeat: 'no-repeat',\n        }}\n        width=\"100%\"\n      >\n        <Typo color=\"gray\" weight=\"bold\">\n          {curriculum.title}\n        </Typo>\n        <Typo align=\"center\" as=\"p\" color=\"gray\">\n          {description}\n        </Typo>\n\n        <Dialog.Trigger>\n          <Button\n            mt=\"3\"\n            style={{ minWidth: 232, backgroundColor: bgColor }}\n            variant={done ? 'outline' : 'solid'}\n          >\n            <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n          </Button>\n        </Dialog.Trigger>\n      </Flex>\n      <Dialog.Content\n        height=\"100%\"\n        hideCloseButton\n        style={{ borderRadius: 0, padding: 0 }}\n        title=\"\"\n        width=\"100%\"\n      >\n        <Flex\n          align=\"center\"\n          height=\"100%\"\n          justify=\"center\"\n          pb=\"3\"\n          position=\"relative\"\n          width=\"100%\"\n        >\n          <CurriculumReviewSteps\n            contents={item}\n            curriculum={curriculum}\n            defaultValues={defaultValues}\n            done={done}\n            mode={mode}\n            onClickEndReview={onClickEndReview}\n            onReviewValueChange={onReviewValueChange}\n            onSubmit={onReviewSubmit}\n            title={sectionTitle}\n          />\n          {/* 닫기 버튼 */}\n          <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n            <IconButton\n              color=\"gray\"\n              onClick={onClickCloseDrawer}\n              variant=\"ghost\"\n            >\n              <Box display={{ initial: 'none', md: 'block' }}>\n                <Cross1Icon height={20} width={20} />\n              </Box>\n              <Box display={{ initial: 'block', md: 'none' }}>\n                <Cross1Icon height={16} width={16} />\n              </Box>\n            </IconButton>\n          </Box>\n\n          {/* 진짜 닫겠습니까 모달 */}\n          <Dialog.Root onOpenChange={setCloseDialogOpen} open={closeDialogOpen}>\n            <Dialog.Content\n              buttons={\n                <Flex gap=\"3\" justify=\"end\">\n                  <Dialog.Close asChild>\n                    <Button color=\"gray\" variant=\"outline\">\n                      돌아가기\n                    </Button>\n                  </Dialog.Close>\n                  <Dialog.Close>\n                    <Button color=\"red\" onClick={onClickEndReview}>\n                      나가기\n                    </Button>\n                  </Dialog.Close>\n                </Flex>\n              }\n              title=\"작성을 중단하시겠습니까?\"\n            >\n              <Typo>페이지에서 벗어나면 작성한 내용이 저장되지 않습니다.</Typo>\n            </Dialog.Content>\n          </Dialog.Root>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}

package/dist/chunk-RCTE4E7R.js

@@ -0,0 +1,144 @@
+import {
+  EditServiceType
+} from "./chunk-K2ATYWTQ.js";
+import {
+  EditCoachingTime
+} from "./chunk-3CJZYFG3.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  DataList
+} from "./chunk-VTJZMOSP.js";
+import {
+  Dialog
+} from "./chunk-AH4A53SZ.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  BulletText
+} from "./chunk-Z34HR7RE.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Pencil1Icon
+} from "./chunk-W5TPOFOO.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/platform/session-card.tsx
+import { useCallback, useMemo } from "react";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+var preventDefault = (e) => {
+  e.preventDefault();
+};
+function SessionCard(props) {
+  const _a = props, {
+    sessionNumber,
+    userName,
+    error,
+    ExtraButtons,
+    TitleExtra,
+    editable,
+    onSaveDate,
+    onSaveSessionType,
+    startAt,
+    endAt,
+    sessionType
+  } = _a, rest = __objRest(_a, [
+    "sessionNumber",
+    "userName",
+    "error",
+    "ExtraButtons",
+    "TitleExtra",
+    "editable",
+    "onSaveDate",
+    "onSaveSessionType",
+    "startAt",
+    "endAt",
+    "sessionType"
+  ]);
+  const renderEditButton = useCallback(() => {
+    return /* @__PURE__ */ jsx(Button, { color: "gray", ml: "2", variant: "transparent", children: /* @__PURE__ */ jsx(Pencil1Icon, {}) });
+  }, []);
+  const sessionTimeStr = useMemo(() => {
+    if (!startAt || !endAt) return "\uC54C \uC218 \uC5C6\uC74C";
+    return `${format(startAt, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84")} ~ ${format(endAt, "HH\uC2DC mm\uBD84")}`;
+  }, [startAt, endAt]);
+  return /* @__PURE__ */ jsx(Card, __spreadProps(__spreadValues({ error: Boolean(error) }, rest), { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: `${userName || "\uC54C \uC218 \uC5C6\uC74C"}\uB2D8 ${sessionNumber || "-"}\uD68C\uCC28` }),
+      TitleExtra,
+      error ? /* @__PURE__ */ jsx(BulletText, { as: "p", color: "red", variant: "caption", children: error }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(DataList.Root, { children: [
+      /* @__PURE__ */ jsxs(DataList.Item, { children: [
+        /* @__PURE__ */ jsx(DataList.Label, { children: "\uCF54\uCE6D \uC77C\uC2DC" }),
+        /* @__PURE__ */ jsxs(DataList.Value, { children: [
+          sessionTimeStr,
+          editable ? /* @__PURE__ */ jsxs(Dialog.Root, { children: [
+            /* @__PURE__ */ jsx(Dialog.Trigger, { children: renderEditButton() }),
+            /* @__PURE__ */ jsx(
+              Dialog.Content,
+              {
+                onOpenAutoFocus: preventDefault,
+                style: { overflow: "visible" },
+                title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`,
+                children: /* @__PURE__ */ jsx(
+                  EditCoachingTime,
+                  {
+                    defaultEndAt: endAt,
+                    defaultStartAt: startAt,
+                    onClickSave: onSaveDate
+                  }
+                )
+              }
+            )
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", xs: "2" }, style: { gap: "inherit" }, children: [
+        /* @__PURE__ */ jsxs(DataList.Item, { children: [
+          /* @__PURE__ */ jsx(DataList.Label, { children: "\uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD" }),
+          /* @__PURE__ */ jsxs(DataList.Value, { children: [
+            sessionType === "offlineCoaching" ? "\uC624\uD504\uB77C\uC778" : "\uC628\uB77C\uC778",
+            editable ? /* @__PURE__ */ jsxs(Dialog.Root, { children: [
+              /* @__PURE__ */ jsx(Dialog.Trigger, { children: renderEditButton() }),
+              /* @__PURE__ */ jsx(
+                Dialog.Content,
+                {
+                  title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC9C4\uD589 \uBC29\uC2DD \uBCC0\uACBD\uD558\uAE30`,
+                  children: /* @__PURE__ */ jsx(
+                    EditServiceType,
+                    {
+                      defaultServiceType: sessionType,
+                      onClickSave: onSaveSessionType
+                    }
+                  )
+                }
+              )
+            ] }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Flex, { gap: "2", justify: "end", children: ExtraButtons })
+      ] })
+    ] })
+  ] }) }));
+}
+
+export {
+  SessionCard
+};
+//# sourceMappingURL=chunk-RCTE4E7R.js.map

package/dist/chunk-RCTE4E7R.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.ReactNode {\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((): React.ReactNode => {\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                    title={`${sessionNumber}회차 세션 일시 변경하기`}\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                      title={`${sessionNumber}회차 세션 진행 방식 변경하기`}\n                    >\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":"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","names":[]}

package/dist/chunk-RFJ5NMY4.js

@@ -0,0 +1,54 @@
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  PaperPlaneIcon
+} from "./chunk-LTEJYJUM.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionFooter({
+  index,
+  onNext,
+  onPrev,
+  isLast,
+  isNextButtonDisabled,
+  onSubmit,
+  isLoading
+}) {
+  return /* @__PURE__ */ jsxs(Grid, { columns: "1fr 1fr", gap: "3", children: [
+    index > 0 ? /* @__PURE__ */ jsxs(Button, { onClick: onPrev, variant: "outline", children: [
+      /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+      "\uC774\uC804\uC73C\uB85C"
+    ] }) : /* @__PURE__ */ jsx(Box, {}),
+    isLast ? /* @__PURE__ */ jsxs(Button, { disabled: isNextButtonDisabled, loading: isLoading, onClick: onSubmit, children: [
+      /* @__PURE__ */ jsx(PaperPlaneIcon, {}),
+      "\uC81C\uCD9C\uD558\uAE30"
+    ] }) : /* @__PURE__ */ jsxs(
+      Button,
+      {
+        disabled: isNextButtonDisabled,
+        onClick: onNext,
+        variant: "surface",
+        children: [
+          /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+          "\uB2E4\uC74C\uC73C\uB85C"
+        ]
+      }
+    )
+  ] });
+}
+var review_question_footer_default = ReviewQuestionFooter;
+
+export {
+  review_question_footer_default
+};
+//# sourceMappingURL=chunk-RFJ5NMY4.js.map

package/dist/chunk-RFJ5NMY4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Grid } from '@/atoms/grid';\nimport { ChevronLeftIcon, ChevronRightIcon, PaperPlaneIcon } from '@/icon';\n\ninterface ReviewQuestionFooterProps {\n  index: number;\n  onNext: () => void;\n  onPrev: () => void;\n  isLast: boolean;\n  isNextButtonDisabled?: boolean;\n  onSubmit: () => void;\n  isLoading?: boolean;\n}\n\nfunction ReviewQuestionFooter({\n  index,\n  onNext,\n  onPrev,\n  isLast,\n  isNextButtonDisabled,\n  onSubmit,\n  isLoading,\n}: ReviewQuestionFooterProps): React.ReactNode {\n  return (\n    <Grid columns=\"1fr 1fr\" gap=\"3\">\n      {index > 0 ? (\n        <Button onClick={onPrev} variant=\"outline\">\n          <ChevronLeftIcon />\n          이전으로\n        </Button>\n      ) : (\n        <Box />\n      )}\n      {isLast ? (\n        <Button disabled={isNextButtonDisabled} loading={isLoading} onClick={onSubmit}>\n          <PaperPlaneIcon />\n          제출하기\n        </Button>\n      ) : (\n        <Button\n          disabled={isNextButtonDisabled}\n          onClick={onNext}\n          variant=\"surface\"\n        >\n          <ChevronRightIcon />\n          다음으로\n        </Button>\n      )}\n    </Grid>\n  );\n}\n\nexport default ReviewQuestionFooter;\n"],"mappings":";;;;;;;;;;;;;;;;AA4BQ,SACE,KADF;AAZR,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,SACE,qBAAC,QAAK,SAAQ,WAAU,KAAI,KACzB;AAAA,YAAQ,IACP,qBAAC,UAAO,SAAS,QAAQ,SAAQ,WAC/B;AAAA,0BAAC,mBAAgB;AAAA,MAAE;AAAA,OAErB,IAEA,oBAAC,OAAI;AAAA,IAEN,SACC,qBAAC,UAAO,UAAU,sBAAsB,SAAS,WAAW,SAAS,UACnE;AAAA,0BAAC,kBAAe;AAAA,MAAE;AAAA,OAEpB,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAQ;AAAA,QAER;AAAA,8BAAC,oBAAiB;AAAA,UAAE;AAAA;AAAA;AAAA,IAEtB;AAAA,KAEJ;AAEJ;AAEA,IAAO,iCAAQ;","names":[]}

package/dist/chunk-RY7DDHZO.js

@@ -0,0 +1,51 @@
+import {
+  getCalloutIconComponent
+} from "./chunk-SFBPPATA.js";
+import {
+  List
+} from "./chunk-JIJLOKVN.js";
+import {
+  Callout
+} from "./chunk-B6XJN6EC.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/description-json-render.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DescriptionJsonRender(props) {
+  const { value } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: value.values.map((block, index) => {
+    if (block.type === "bullet-list") {
+      return (
+        // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용
+        /* @__PURE__ */ jsx(Box, { mb: "2", pl: "4", children: /* @__PURE__ */ jsx(List.Root, { preSpace: "small", children: block.value.map((v, i) => (
+          // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용
+          /* @__PURE__ */ jsx(List.Item, { children: v }, `${index}-${i}`)
+        )) }) }, `${block.type}-${index}`)
+      );
+    }
+    if (block.type === "callout") {
+      const Icon = getCalloutIconComponent(block.icon);
+      return (
+        // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용
+        /* @__PURE__ */ jsx(Box, { mb: "2", children: /* @__PURE__ */ jsxs(Callout.Root, { children: [
+          /* @__PURE__ */ jsx(Callout.Icon, { children: /* @__PURE__ */ jsx(Icon, {}) }),
+          /* @__PURE__ */ jsx(Callout.Text, { children: block.value })
+        ] }) }, `${block.type}-${index}`)
+      );
+    }
+    return (
+      // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용
+      /* @__PURE__ */ jsx(Typo, { mb: "2", weight: "regular", children: block.value }, `${block.type}-${index}`)
+    );
+  }) });
+}
+
+export {
+  DescriptionJsonRender
+};
+//# sourceMappingURL=chunk-RY7DDHZO.js.map

package/dist/chunk-RY7DDHZO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/description-json-render.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@/atoms/box';\nimport { Callout } from '@/atoms/call-out';\nimport { List } from '@/atoms/list';\nimport { Typo } from '@/atoms/typo';\nimport { getCalloutIconComponent } from '@/utils/getCalloutIconComponent';\n\nexport type DescriptionBlockType = 'callout' | 'typo' | 'bullet-list';\n\nexport interface DescriptionCalloutBlock {\n  type: 'callout';\n  icon: string;\n  value: string;\n}\n\nexport interface DescriptionTypoBlock {\n  type: 'typo';\n  value: string;\n}\n\nexport interface DescriptionBulletListBlock {\n  type: 'bullet-list';\n  value: string[];\n}\n\nexport type DescriptionBlock =\n  | DescriptionCalloutBlock\n  | DescriptionTypoBlock\n  | DescriptionBulletListBlock;\n\nexport interface Description {\n  version: number;\n  values: DescriptionBlock[];\n}\n\nexport interface DescriptionJsonRenderProps {\n  value: Description;\n}\n\nexport function DescriptionJsonRender(\n  props: DescriptionJsonRenderProps\n): React.ReactElement {\n  const { value } = props;\n  return (\n    <>\n      {value.values.map((block, index) => {\n        if (block.type === 'bullet-list') {\n          return (\n            // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용\n            <Box key={`${block.type}-${index}`} mb=\"2\" pl=\"4\">\n              <List.Root preSpace=\"small\">\n                {block.value.map((v, i) => (\n                  // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용\n                  <List.Item key={`${index}-${i}`}>{v}</List.Item>\n                ))}\n              </List.Root>\n            </Box>\n          );\n        }\n\n        if (block.type === 'callout') {\n          const Icon = getCalloutIconComponent(block.icon);\n          return (\n            // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용\n            <Box key={`${block.type}-${index}`} mb=\"2\">\n              <Callout.Root>\n                <Callout.Icon>\n                  <Icon />\n                </Callout.Icon>\n                <Callout.Text>{block.value}</Callout.Text>\n              </Callout.Root>\n            </Box>\n          );\n        }\n\n        return (\n          // eslint-disable-next-line react/no-array-index-key -- 블록 타입과 인덱스를 키로 사용\n          <Typo key={`${block.type}-${index}`} mb=\"2\" weight=\"regular\">\n            {block.value}\n          </Typo>\n        );\n      })}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4CI,mBASc,KAYJ,YArBV;AALG,SAAS,sBACd,OACoB;AACpB,QAAM,EAAE,MAAM,IAAI;AAClB,SACE,gCACG,gBAAM,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,QAAI,MAAM,SAAS,eAAe;AAChC;AAAA;AAAA,QAEE,oBAAC,OAAmC,IAAG,KAAI,IAAG,KAC5C,8BAAC,KAAK,MAAL,EAAU,UAAS,SACjB,gBAAM,MAAM,IAAI,CAAC,GAAG;AAAA;AAAA,UAEnB,oBAAC,KAAK,MAAL,EAAiC,eAAlB,GAAG,KAAK,IAAI,CAAC,EAAO;AAAA,SACrC,GACH,KANQ,GAAG,MAAM,IAAI,IAAI,KAAK,EAOhC;AAAA;AAAA,IAEJ;AAEA,QAAI,MAAM,SAAS,WAAW;AAC5B,YAAM,OAAO,wBAAwB,MAAM,IAAI;AAC/C;AAAA;AAAA,QAEE,oBAAC,OAAmC,IAAG,KACrC,+BAAC,QAAQ,MAAR,EACC;AAAA,8BAAC,QAAQ,MAAR,EACC,8BAAC,QAAK,GACR;AAAA,UACA,oBAAC,QAAQ,MAAR,EAAc,gBAAM,OAAM;AAAA,WAC7B,KANQ,GAAG,MAAM,IAAI,IAAI,KAAK,EAOhC;AAAA;AAAA,IAEJ;AAEA;AAAA;AAAA,MAEE,oBAAC,QAAoC,IAAG,KAAI,QAAO,WAChD,gBAAM,SADE,GAAG,MAAM,IAAI,IAAI,KAAK,EAEjC;AAAA;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/chunk-S5M6VXKE.js

@@ -0,0 +1,144 @@
+import {
+  EditServiceType
+} from "./chunk-K2ATYWTQ.js";
+import {
+  EditCoachingTime
+} from "./chunk-H7IE4ZJG.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  DataList
+} from "./chunk-VTJZMOSP.js";
+import {
+  Dialog
+} from "./chunk-AH4A53SZ.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  BulletText
+} from "./chunk-Z34HR7RE.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Pencil1Icon
+} from "./chunk-W5TPOFOO.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/app/platform/session-card.tsx
+import { useCallback, useMemo } from "react";
+import { format } from "date-fns";
+import { jsx, jsxs } from "react/jsx-runtime";
+var preventDefault = (e) => {
+  e.preventDefault();
+};
+function SessionCard(props) {
+  const _a = props, {
+    sessionNumber,
+    userName,
+    error,
+    ExtraButtons,
+    TitleExtra,
+    editable,
+    onSaveDate,
+    onSaveSessionType,
+    startAt,
+    endAt,
+    sessionType
+  } = _a, rest = __objRest(_a, [
+    "sessionNumber",
+    "userName",
+    "error",
+    "ExtraButtons",
+    "TitleExtra",
+    "editable",
+    "onSaveDate",
+    "onSaveSessionType",
+    "startAt",
+    "endAt",
+    "sessionType"
+  ]);
+  const renderEditButton = useCallback(() => {
+    return /* @__PURE__ */ jsx(Button, { color: "gray", ml: "2", variant: "transparent", children: /* @__PURE__ */ jsx(Pencil1Icon, {}) });
+  }, []);
+  const sessionTimeStr = useMemo(() => {
+    if (!startAt || !endAt) return "\uC54C \uC218 \uC5C6\uC74C";
+    return `${format(startAt, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84")} ~ ${format(endAt, "HH\uC2DC mm\uBD84")}`;
+  }, [startAt, endAt]);
+  return /* @__PURE__ */ jsx(Card, __spreadProps(__spreadValues({ error: Boolean(error) }, rest), { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: `${userName || "\uC54C \uC218 \uC5C6\uC74C"}\uB2D8 ${sessionNumber || "-"}\uD68C\uCC28` }),
+      TitleExtra,
+      error ? /* @__PURE__ */ jsx(BulletText, { as: "p", color: "red", variant: "caption", children: error }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(DataList.Root, { children: [
+      /* @__PURE__ */ jsxs(DataList.Item, { children: [
+        /* @__PURE__ */ jsx(DataList.Label, { children: "\uCF54\uCE6D \uC77C\uC2DC" }),
+        /* @__PURE__ */ jsxs(DataList.Value, { children: [
+          sessionTimeStr,
+          editable ? /* @__PURE__ */ jsxs(Dialog.Root, { children: [
+            /* @__PURE__ */ jsx(Dialog.Trigger, { children: renderEditButton() }),
+            /* @__PURE__ */ jsx(
+              Dialog.Content,
+              {
+                onOpenAutoFocus: preventDefault,
+                style: { overflow: "visible" },
+                title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`,
+                children: /* @__PURE__ */ jsx(
+                  EditCoachingTime,
+                  {
+                    defaultEndAt: endAt,
+                    defaultStartAt: startAt,
+                    onClickSave: onSaveDate
+                  }
+                )
+              }
+            )
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", xs: "2" }, style: { gap: "inherit" }, children: [
+        /* @__PURE__ */ jsxs(DataList.Item, { children: [
+          /* @__PURE__ */ jsx(DataList.Label, { children: "\uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD" }),
+          /* @__PURE__ */ jsxs(DataList.Value, { children: [
+            sessionType === "offlineCoaching" ? "\uC624\uD504\uB77C\uC778" : "\uC628\uB77C\uC778",
+            editable ? /* @__PURE__ */ jsxs(Dialog.Root, { children: [
+              /* @__PURE__ */ jsx(Dialog.Trigger, { children: renderEditButton() }),
+              /* @__PURE__ */ jsx(
+                Dialog.Content,
+                {
+                  title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC9C4\uD589 \uBC29\uC2DD \uBCC0\uACBD\uD558\uAE30`,
+                  children: /* @__PURE__ */ jsx(
+                    EditServiceType,
+                    {
+                      defaultServiceType: sessionType,
+                      onClickSave: onSaveSessionType
+                    }
+                  )
+                }
+              )
+            ] }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Flex, { gap: "2", justify: "end", children: ExtraButtons })
+      ] })
+    ] })
+  ] }) }));
+}
+
+export {
+  SessionCard
+};
+//# sourceMappingURL=chunk-S5M6VXKE.js.map

package/dist/chunk-S5M6VXKE.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.ReactNode {\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((): React.ReactNode => {\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                    title={`${sessionNumber}회차 세션 일시 변경하기`}\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                      title={`${sessionNumber}회차 세션 진행 방식 변경하기`}\n                    >\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":"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","names":[]}