@tipp/ui 2.3.21 → 2.3.23

package/dist/chunk-MRTKFR7V.js

@@ -0,0 +1,144 @@
+import {
+  EditCoachingTime
+} from "./chunk-DVZKRKWH.js";
+import {
+  EditServiceType
+} from "./chunk-T6BKRGZ7.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  DataList
+} from "./chunk-VTJZMOSP.js";
+import {
+  Dialog
+} from "./chunk-JQ7VQ5SB.js";
+import {
+  BulletText
+} from "./chunk-QRI6ARS6.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Pencil1Icon
+} from "./chunk-LTEJYJUM.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.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-MRTKFR7V.js.map

package/dist/chunk-MRTKFR7V.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,eAAe;AAC5C,SAAS,cAAc;AAqDf,cAcA,YAdA;AApCR,IAAM,iBAAiB,CAAC,MAAmB;AACzC,IAAE,eAAe;AACnB;AAeO,SAAS,YAAY,OAA0C;AACpE,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,MAAuB;AAC1D,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,MAAO,QAAO;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,gBAC7B,OAAO,GAAG,aAAa;AAAA,gBAEvB;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;AAAA,gBAAC,OAAO;AAAA,gBAAP;AAAA,kBACC,OAAO,GAAG,aAAa;AAAA,kBAEvB;AAAA,oBAAC;AAAA;AAAA,sBACC,oBAAoB;AAAA,sBACpB,aAAa;AAAA;AAAA,kBACf;AAAA;AAAA,cACF;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-MTSZUPDJ.js

@@ -0,0 +1,151 @@
+import {
+  useCurriculumReviewContext
+} from "./chunk-GMKRNFH5.js";
+import {
+  getCurriculumIcon,
+  getCurriculumQuestionIconColor,
+  getCurriculumQuestionTypeDescription
+} from "./chunk-NLTKDXLB.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.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 {
+  Badge
+} from "./chunk-U3BQT7ZO.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var renderPreviewContent = (args) => {
+  const { question } = args;
+  const Icon = getCurriculumIcon({
+    type: question.type,
+    icon: question.icon
+  });
+  const getDescription = () => {
+    return [
+      getCurriculumQuestionTypeDescription(question.type),
+      question.duration ? `${question.duration}\uBD84` : ""
+    ].filter(Boolean).join(" | ");
+  };
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      columns: "16px 1fr",
+      gap: "2",
+      px: "4",
+      py: "2",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Box, { mt: "1", children: /* @__PURE__ */ jsx(Icon, { color: getCurriculumQuestionIconColor(question.type) }) }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", weight: "bold", children: question.title }),
+          /* @__PURE__ */ jsx(Typo, { color: "gray", children: getDescription() })
+        ] })
+      ]
+    },
+    question.uuid
+  );
+};
+var getReviewContentValue = (question, answer) => {
+  var _a, _b, _c;
+  if (question.type === "question_satisfaction_option") {
+    return (_c = (_b = (_a = question.options) == null ? void 0 : _a.find((option) => option.value === Number(answer))) == null ? void 0 : _b.label) != null ? _c : "";
+  }
+  return answer;
+};
+var renderReviewContent = (args) => {
+  const { question, answer } = args;
+  const Icon = getCurriculumIcon({
+    type: question.type,
+    icon: question.icon
+  });
+  const color = getCurriculumQuestionIconColor(question.type);
+  const badgeColor = ["question_radio", "question_satisfaction_option"].includes(question.type) ? "accent" : "neutral";
+  const value = getReviewContentValue(question, answer);
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      columns: "16px 1fr",
+      gap: "2",
+      px: "4",
+      py: "2",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Icon, { color }) }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", mb: "2", weight: "bold", children: question.title }),
+          /* @__PURE__ */ jsx(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces", lineBreak: "anywhere" }, children: value || "(\uBBF8 \uC751\uB2F5)" })
+        ] })
+      ]
+    },
+    question.uuid
+  );
+};
+function StartReview({ onStart }) {
+  const { curriculum, reviewContents, sectionTitle, done, formik } = useCurriculumReviewContext();
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "center",
+      width: "100%",
+      children: /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          height: "100%",
+          justify: "center",
+          maxWidth: "650px",
+          pb: { initial: "6", sm: "0" },
+          pt: { initial: "4", sm: "0" },
+          px: { initial: "4", sm: "0" },
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(Typo, { color: "gray", mb: "1", children: curriculum.title }),
+            /* @__PURE__ */ jsx(Heading, { variant: "heading3", children: reviewContents.title }),
+            /* @__PURE__ */ jsx(Separator, { my: "4", style: { width: 100 } }),
+            /* @__PURE__ */ jsxs(Typo, { align: "left", as: "p", color: "gray", mb: "4", children: [
+              /* @__PURE__ */ jsx(Typo, { as: "span", weight: "bold", children: sectionTitle }),
+              " ",
+              /* @__PURE__ */ jsx(Typo, { children: reviewContents.description })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { mb: "5", overflowY: "auto", width: "100%", children: reviewContents.questions.map((question) => {
+              if (done) {
+                return renderReviewContent({ question, answer: formik.values.answers[question.uuid] });
+              }
+              return renderPreviewContent({ question });
+            }) }),
+            /* @__PURE__ */ jsx(Button, { color: "yellow", onClick: onStart, variant: done ? "outline" : "solid", children: done ? "\uB098\uC758 \uC751\uB2F5 \uC218\uC815\uD558\uAE30" : reviewContents.buttonTitle })
+          ]
+        }
+      )
+    }
+  );
+}
+var start_review_default = StartReview;
+
+export {
+  start_review_default
+};
+//# sourceMappingURL=chunk-MTSZUPDJ.js.map

package/dist/chunk-MTSZUPDJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx"],"sourcesContent":["import React from 'react'; \nimport type { BadgeProps } from '@/atoms/badge';\nimport { Badge } from '@/atoms/badge';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Flex } from '@/atoms/flex';\nimport { Grid } from '@/atoms/grid';\nimport { Heading } from '@/atoms/heading';\nimport { Separator } from '@/atoms/separator';\nimport { Typo } from '@/atoms/typo';\nimport {\n  getCurriculumIcon,\n  getCurriculumQuestionIconColor,\n  getCurriculumQuestionTypeDescription,\n} from '@/utils/curriculum.utils';\nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport { useCurriculumReviewContext } from './curriculum-review-context';\n\ninterface StartReviewProps {\n  onStart: () => void;\n}\n\n\nconst renderPreviewContent = (args: {\n  question: ReviewQuestionElement;\n}):React.ReactElement => {\n  const { question } = args;\n  const Icon = getCurriculumIcon({\n    type: question.type,\n    icon: question.icon,\n  });\n  const getDescription = (): string => {\n    return [\n      getCurriculumQuestionTypeDescription(question.type),\n      question.duration ? `${question.duration}분` : '',\n    ]\n      .filter(Boolean)\n      .join(' | ');\n  };\n\n  return (\n    <Grid\n      columns=\"16px 1fr\"\n      gap=\"2\"\n      key={question.uuid}\n      px=\"4\"\n      py=\"2\"\n      width=\"100%\"\n    >\n      <Box mt=\"1\">\n        <Icon color={getCurriculumQuestionIconColor(question.type)} />\n      </Box>\n      <Box>\n        <Typo as=\"p\" color=\"gray\" weight=\"bold\">\n          {question.title}\n        </Typo>\n        <Typo color=\"gray\">{getDescription()}</Typo>\n      </Box>\n    </Grid>\n  );\n};\n\n\nconst getReviewContentValue = (question: ReviewQuestionElement, answer: string): string => {\n  if(question.type === 'question_satisfaction_option'){ \n    return question.options?.find((option)=>option.value === Number(answer))?.label ?? '';\n  }\n  return answer\n}\n\n\nconst renderReviewContent = (args: {\n  question: ReviewQuestionElement;\n  answer: string;\n}):React.ReactElement => {\n  const { question, answer } = args;\n  const Icon = getCurriculumIcon({\n    type: question.type,\n    icon: question.icon,\n  }); \n\n  const color = getCurriculumQuestionIconColor(question.type);\n  const badgeColor: BadgeProps['color'] = ['question_radio','question_satisfaction_option'].includes(question.type) ? 'accent' : 'neutral';\n  const value = getReviewContentValue(question, answer);\n\n  return (\n    <Grid\n    columns=\"16px 1fr\"\n    gap=\"2\"\n    key={question.uuid}\n    px=\"4\"\n    py=\"2\"\n    width=\"100%\"\n  >\n    <Box>\n      <Icon color={color} />\n    </Box>\n\n    <Box>\n      <Typo as=\"p\" color=\"gray\" mb=\"2\" weight=\"bold\">{question.title}</Typo>\n      <Badge color={badgeColor} size=\"large\" style={{whiteSpace: 'break-spaces', lineBreak: 'anywhere'}}>\n        {value || '(미 응답)'}\n      </Badge>\n    </Box>\n   \n  </Grid>\n  );\n};\n\nfunction StartReview({ onStart }: StartReviewProps): React.ReactNode {\n  const { curriculum, reviewContents, sectionTitle, done,formik } =\n    useCurriculumReviewContext();\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"center\"\n      width=\"100%\"\n    >\n      <Flex\n        align=\"center\"\n        direction=\"column\"\n        height=\"100%\"\n        justify=\"center\"\n        maxWidth=\"650px\"\n        pb={{initial: '6', sm: '0'}}\n        pt={{initial: '4', sm: '0'}}\n        px={{initial: '4', sm: '0'}}\n        width=\"100%\"\n      >\n        <Typo color=\"gray\" mb=\"1\">{curriculum.title}</Typo>\n        <Heading variant=\"heading3\">{reviewContents.title}</Heading>\n        <Separator my=\"4\" style={{ width: 100 }} />\n\n        <Typo align=\"left\" as=\"p\" color=\"gray\" mb=\"4\">\n          <Typo as=\"span\" weight=\"bold\">\n            {sectionTitle}\n          </Typo>\n          {' '}\n          <Typo>{reviewContents.description}</Typo>\n        </Typo>\n\n        <Box mb=\"5\" overflowY=\"auto\" width=\"100%\">\n          {reviewContents.questions.map((question)=>{\n            if(done){\n              return renderReviewContent({ question, answer: formik.values.answers[question.uuid]});\n            }\n            return renderPreviewContent({ question });\n          })}\n        </Box>\n        <Button color=\"yellow\" onClick={onStart} variant={done ?  'outline' : 'solid'}>\n          {done ? '나의 응답 수정하기' : reviewContents.buttonTitle}\n        </Button>\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default StartReview;\n"],"mappings":"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","names":[]}