@tipp/ui 2.1.4 → 2.1.6

package/dist/chunk-4ZBDDUT6.js

@@ -0,0 +1,144 @@
+import {
+  EditServiceType
+} from "./chunk-44Y6LSNA.js";
+import {
+  EditCoachingTime
+} from "./chunk-MDTIYQLE.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  DataList
+} from "./chunk-VTJZMOSP.js";
+import {
+  Dialog
+} from "./chunk-45VFASWZ.js";
+import {
+  Heading
+} from "./chunk-3IT3NVK6.js";
+import {
+  BulletText
+} from "./chunk-LMWTEDYS.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+import {
+  Pencil1Icon
+} from "./chunk-53ZVUOHV.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-2NMEKWO5.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-4ZBDDUT6.js.map

package/dist/chunk-4ZBDDUT6.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-4ZZGSVUJ.js

@@ -0,0 +1,63 @@
+import {
+  review_question_footer_default
+} from "./chunk-JLNQOXEV.js";
+import {
+  review_question_header_default
+} from "./chunk-E2GMCO5V.js";
+import {
+  review_question_layout_default
+} from "./chunk-YVMPMKUV.js";
+import {
+  review_question_body_default
+} from "./chunk-UUK2WFMS.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
+import { jsx } from "react/jsx-runtime";
+function ReviewQuestion({
+  question,
+  index,
+  total,
+  answer,
+  error,
+  onChange,
+  onNext,
+  onPrev,
+  isLast,
+  isNextDisabled,
+  onSubmit,
+  isLoading
+}) {
+  return /* @__PURE__ */ jsx(
+    review_question_layout_default,
+    {
+      Body: /* @__PURE__ */ jsx(
+        review_question_body_default,
+        {
+          answer,
+          error,
+          onChange,
+          question
+        }
+      ),
+      Footer: /* @__PURE__ */ jsx(
+        review_question_footer_default,
+        {
+          index,
+          isLast,
+          isLoading,
+          isNextButtonDisabled: isNextDisabled,
+          onNext,
+          onPrev,
+          onSubmit
+        }
+      ),
+      Header: /* @__PURE__ */ jsx(review_question_header_default, { index, total })
+    }
+  );
+}
+var ReviewQuestion_default = ReviewQuestion;
+
+export {
+  ReviewQuestion_default
+};
+//# sourceMappingURL=chunk-4ZZGSVUJ.js.map

package/dist/chunk-4ZZGSVUJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReviewQuestion } from '@/types/curriculum.type';\nimport ReviewQuestionLayout from './review-question-layout';\nimport ReviewQuestionHeader from './review-question-header';\nimport ReviewQuestionFooter from './review-question-footer';\nimport ReviewQuestionBody from './review-question-body';\n\ninterface ReviewQuestionProps {\n  question: ReviewQuestion;\n  index: number;\n  total: number;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n  onNext: () => void;\n  onPrev: () => void;\n  isLast: boolean;\n  isNextDisabled?: boolean;\n  onSubmit: () => void;\n  isLoading?: boolean;\n}\n\nfunction ReviewQuestion({\n  question,\n  index,\n  total,\n  answer,\n  error,\n  onChange,\n  onNext,\n  onPrev,\n  isLast,\n  isNextDisabled,\n  onSubmit,\n  isLoading,\n}: ReviewQuestionProps): React.ReactElement {\n  \n  return (\n    <ReviewQuestionLayout\n      Body={\n        <ReviewQuestionBody\n          answer={answer}\n          error={error}\n          onChange={onChange}\n          question={question}\n        />\n      }\n      Footer={\n        <ReviewQuestionFooter\n          index={index}\n          isLast={isLast}\n          isLoading={isLoading}\n          isNextButtonDisabled={isNextDisabled}\n          onNext={onNext}\n          onPrev={onPrev}\n          onSubmit={onSubmit}\n        />\n      }\n      Header={<ReviewQuestionHeader index={index} total={total} />}\n    />\n  );\n}\n\nexport default ReviewQuestion;\n"],"mappings":";;;;;;;;;;;;;;AAwCQ;AAlBR,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,QACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,sBAAsB;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,QAAQ,oBAAC,kCAAqB,OAAc,OAAc;AAAA;AAAA,EAC5D;AAEJ;AAEA,IAAO,yBAAQ;","names":[]}

package/dist/chunk-52QG2MBA.js

@@ -0,0 +1,90 @@
+import {
+  complete_review_default
+} from "./chunk-KFCO6K5N.js";
+import {
+  start_review_default
+} from "./chunk-4XBAUNK7.js";
+import {
+  ReviewQuestion_default
+} from "./chunk-MNAMAXNU.js";
+import {
+  CurriculumReviewProvider,
+  useCurriculumReviewContext
+} from "./chunk-JPPOA725.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx
+import { jsx } from "react/jsx-runtime";
+function CurriculumReviewStepsInner() {
+  const {
+    formik,
+    step,
+    handleStart,
+    handleNext,
+    handlePrev,
+    onClickReviewMyAnswer,
+    handleSubmit,
+    currentQuestion,
+    currentAnswer,
+    currentError,
+    reviewContents,
+    handleAnswerChange
+  } = useCurriculumReviewContext();
+  const { questions } = reviewContents;
+  console.log(formik);
+  if (step === 0) {
+    return /* @__PURE__ */ jsx(start_review_default, { onStart: handleStart });
+  }
+  if (step > 0 && step <= questions.length && currentQuestion) {
+    return /* @__PURE__ */ jsx(
+      ReviewQuestion_default,
+      {
+        answer: currentAnswer,
+        error: currentError,
+        index: step - 1,
+        isLast: step === questions.length,
+        isLoading: formik.isSubmitting,
+        isNextDisabled: currentError !== void 0,
+        onChange: handleAnswerChange,
+        onNext: handleNext,
+        onPrev: handlePrev,
+        onSubmit: handleSubmit,
+        question: currentQuestion,
+        total: questions.length
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(complete_review_default, { onClickReviewMyAnswer });
+}
+function CurriculumReviewSteps({
+  contents,
+  title,
+  onClickEndReview,
+  onSubmit,
+  defaultValues,
+  curriculum,
+  onReviewValueChange,
+  mode,
+  done
+}) {
+  return /* @__PURE__ */ jsx(
+    CurriculumReviewProvider,
+    {
+      curriculum,
+      defaultValues,
+      done,
+      mode,
+      onClickEndReview,
+      onReviewValueChange,
+      onSubmit,
+      reviewContents: contents,
+      sectionTitle: title,
+      children: /* @__PURE__ */ jsx(CurriculumReviewStepsInner, {})
+    }
+  );
+}
+var CurriculumReviewSteps_default = CurriculumReviewSteps;
+
+export {
+  CurriculumReviewSteps_default
+};
+//# sourceMappingURL=chunk-52QG2MBA.js.map

package/dist/chunk-52QG2MBA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx"],"sourcesContent":["import React from 'react';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport type { Curriculum } from '@/types';\nimport {\n  CurriculumReviewProvider,\n  useCurriculumReviewContext,\n} from './curriculum-review-context';\nimport StartReview from './start-review'; \nimport CompleteReview from './complete-review';\nimport ReviewQuestion from './ReviewQuestion';\n\n// 내부 분리: 실제 스텝 진행 및 context 활용\nfunction CurriculumReviewStepsInner(): React.ReactNode {\n  const {\n    formik,\n    step,\n    handleStart,\n    handleNext,\n    handlePrev,\n    onClickReviewMyAnswer,\n    handleSubmit,\n    currentQuestion,\n    currentAnswer,\n    currentError,\n    reviewContents, \n    handleAnswerChange\n  } = useCurriculumReviewContext();\n  const { questions } = reviewContents;\n\n  console.log(formik);\n \n  if (step === 0) {\n    return <StartReview onStart={handleStart} />;\n  }\n  if (step > 0 && step <= questions.length && currentQuestion) {\n    return (\n      <ReviewQuestion\n        answer={currentAnswer}\n        error={currentError}\n        index={step - 1}\n        isLast={step === questions.length}\n        isLoading={formik.isSubmitting}\n        isNextDisabled={currentError !== undefined}\n        onChange={handleAnswerChange}\n        onNext={handleNext}\n        onPrev={handlePrev}\n        onSubmit={handleSubmit}\n        question={currentQuestion}\n        total={questions.length}\n      />\n    );\n  }\n  return <CompleteReview onClickReviewMyAnswer={onClickReviewMyAnswer}/>; \n}\n\ninterface CurriculumReviewStepsProps {\n  contents: CurriculumReviewContents;\n  title: string | undefined;\n  onClickEndReview: () => void;\n  onSubmit: (values: Record<string, string>) => Promise<boolean>;\n  defaultValues?: Record<string, string>;\n  curriculum: Curriculum;\n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  mode: 'edit' | 'create';\n  done: boolean;\n}\n\nfunction CurriculumReviewSteps({\n  contents,\n  title,\n  onClickEndReview,\n  onSubmit,\n  defaultValues,\n  curriculum,\n  onReviewValueChange,\n  mode,\n  done,\n}: CurriculumReviewStepsProps): React.ReactNode {\n  return (\n    <CurriculumReviewProvider\n      curriculum={curriculum}\n      defaultValues={defaultValues}\n      done={done}\n      mode={mode}\n      onClickEndReview={onClickEndReview} \n      onReviewValueChange={onReviewValueChange}\n      onSubmit={onSubmit}\n      reviewContents={contents}\n      sectionTitle={title}\n    >\n      <CurriculumReviewStepsInner />\n    </CurriculumReviewProvider>\n  );\n}\n\nexport default CurriculumReviewSteps;\n"],"mappings":";;;;;;;;;;;;;;;AAgCW;AApBX,SAAS,6BAA8C;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B;AAC/B,QAAM,EAAE,UAAU,IAAI;AAEtB,UAAQ,IAAI,MAAM;AAElB,MAAI,SAAS,GAAG;AACd,WAAO,oBAAC,wBAAY,SAAS,aAAa;AAAA,EAC5C;AACA,MAAI,OAAO,KAAK,QAAQ,UAAU,UAAU,iBAAiB;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,OAAO,OAAO;AAAA,QACd,QAAQ,SAAS,UAAU;AAAA,QAC3B,WAAW,OAAO;AAAA,QAClB,gBAAgB,iBAAiB;AAAA,QACjC,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO,UAAU;AAAA;AAAA,IACnB;AAAA,EAEJ;AACA,SAAO,oBAAC,2BAAe,uBAA6C;AACtE;AAoBA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,cAAc;AAAA,MAEd,8BAAC,8BAA2B;AAAA;AAAA,EAC9B;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-54ZTTJMU.js

@@ -0,0 +1,29 @@
+import {
+  curriculum_item_title_default
+} from "./chunk-22HJDAZH.js";
+import {
+  getCurriculumContentSubTypeText,
+  getCurriculumIcon
+} from "./chunk-WAMHIDPO.js";
+
+// src/molecules/curriculumV2/CurriculumSidebar/Items/section-item.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SectionCommonItem({
+  title,
+  duration,
+  icon,
+  type,
+  color = "gray"
+}) {
+  const IconComp = getCurriculumIcon({ type, icon });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(IconComp, { color }),
+    /* @__PURE__ */ jsx(curriculum_item_title_default, { duration, subText: getCurriculumContentSubTypeText(type), title })
+  ] });
+}
+var section_item_default = SectionCommonItem;
+
+export {
+  section_item_default
+};
+//# sourceMappingURL=chunk-54ZTTJMU.js.map

package/dist/chunk-54ZTTJMU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/Items/section-item.tsx"],"sourcesContent":["import React from 'react';\nimport { getCurriculumContentSubTypeText, getCurriculumIcon } from '../../curriculum.utils';\nimport CurriculumItemTitle from './curriculum-item-title';\n\ninterface SectionTitleProps {\n  title: string;\n  duration?: number;\n  icon?: string;\n  type: string;\n  color?: string;\n}\n\nfunction SectionCommonItem({\n  title,\n  duration,\n  icon,\n  type,\n  color = 'gray',\n}: SectionTitleProps): React.ReactNode {\n  const IconComp = getCurriculumIcon({ type, icon });\n\n  return (\n    <>\n      <IconComp color={color} />\n      <CurriculumItemTitle duration={duration} subText={getCurriculumContentSubTypeText(type)} title={title} />\n    </>\n  );\n}\n\nexport default SectionCommonItem;\n"],"mappings":";;;;;;;;;AAsBI,mBACE,KADF;AAVJ,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAAuC;AACrC,QAAM,WAAW,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAEjD,SACE,iCACE;AAAA,wBAAC,YAAS,OAAc;AAAA,IACxB,oBAAC,iCAAoB,UAAoB,SAAS,gCAAgC,IAAI,GAAG,OAAc;AAAA,KACzG;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/chunk-55PG72GL.js

@@ -0,0 +1,188 @@
+import {
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.tsx
+import {
+  createContext,
+  useContext,
+  useMemo,
+  useState,
+  useCallback,
+  useEffect
+} from "react";
+import { useFormik } from "formik";
+import { cloneDeep } from "lodash-es";
+import * as Yup from "yup";
+import { jsx } from "react/jsx-runtime";
+var CurriculumReviewContext = createContext(void 0);
+function getInitialAnswers(defaultValues, questions) {
+  return questions.reduce((acc, q) => {
+    var _a;
+    acc[q.uuid] = (_a = defaultValues[q.uuid]) != null ? _a : "";
+    return acc;
+  }, {});
+}
+function createAnswersYupSchema(questions) {
+  const shape = {};
+  questions.forEach((q) => {
+    let schema = Yup.string().defined();
+    if (q.required) {
+      if (q.type === "question_text" || q.type === "question_satisfaction_text") {
+        schema = schema.required(`${q.title}\uC740(\uB294) \uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4.`).trim();
+        if (q.minLength) {
+          schema = schema.min(
+            q.minLength,
+            `${q.title}\uC740(\uB294) \uCD5C\uC18C ${q.minLength}\uC790 \uC774\uC0C1 \uC785\uB825\uD574\uC57C \uD569\uB2C8\uB2E4.`
+          );
+        }
+      } else {
+        schema = schema.required(`${q.title}\uC744(\uB97C) \uC120\uD0DD\uD574 \uC8FC\uC138\uC694.`).min(1, `${q.title}\uC744(\uB97C) \uC120\uD0DD\uD574 \uC8FC\uC138\uC694.`);
+      }
+    }
+    shape[q.uuid] = schema;
+  });
+  return Yup.object().shape(shape);
+}
+function CurriculumReviewProvider({
+  reviewContents: _reviewContents,
+  sectionTitle,
+  children,
+  onClickEndReview,
+  onSubmit,
+  defaultValues,
+  curriculum,
+  onReviewValueChange,
+  done
+}) {
+  const fixedReviewContents = useMemo(() => {
+    const result = cloneDeep(_reviewContents);
+    result.questions = result.questions.map((question) => {
+      if (question.type === "question_satisfaction_option") {
+        return __spreadValues(__spreadValues({}, curriculum.contents.satisfactionOptionMeta), question);
+      }
+      if (question.type === "question_satisfaction_text") {
+        return __spreadValues(__spreadValues({}, curriculum.contents.satisfactionTextMeta), question);
+      }
+      return question;
+    });
+    return result;
+  }, [
+    curriculum.contents.satisfactionOptionMeta,
+    curriculum.contents.satisfactionTextMeta,
+    _reviewContents
+  ]);
+  const [step, setStep] = useState(0);
+  const answersYupSchema = useMemo(
+    () => createAnswersYupSchema(fixedReviewContents.questions),
+    [fixedReviewContents.questions]
+  );
+  const formik = useFormik({
+    initialValues: {
+      answers: getInitialAnswers(defaultValues != null ? defaultValues : {}, fixedReviewContents.questions)
+    },
+    validationSchema: Yup.object({
+      answers: answersYupSchema
+    }),
+    onSubmit: (values) => {
+      const result = onSubmit(values.answers);
+      return result.then((isSuccess) => {
+        if (isSuccess) {
+          setStep((prev) => prev + 1);
+        }
+        return isSuccess;
+      });
+    },
+    enableReinitialize: true,
+    validateOnMount: true,
+    validateOnChange: true
+  });
+  const questions = fixedReviewContents.questions;
+  const handleStart = useCallback(() => {
+    setStep(1);
+  }, []);
+  const handleNext = useCallback(() => {
+    if (step < questions.length) {
+      setStep(step + 1);
+    } else {
+      formik.handleSubmit();
+      setStep(questions.length + 1);
+    }
+  }, [step, questions.length, formik]);
+  const handlePrev = useCallback(() => {
+    if (step > 1) {
+      setStep(step - 1);
+    }
+  }, [step]);
+  const onClickReviewMyAnswer = useCallback(() => {
+    setStep(1);
+  }, []);
+  const handleSubmit = useCallback(() => {
+    formik.handleSubmit();
+  }, [formik]);
+  const currentQuestion = useMemo(() => {
+    return step > 0 && step <= questions.length ? questions[step - 1] : void 0;
+  }, [step, questions]);
+  const currentAnswer = useMemo(() => {
+    return currentQuestion ? formik.values.answers[currentQuestion.uuid] : "";
+  }, [currentQuestion, formik.values.answers]);
+  const currentError = useMemo(() => {
+    return currentQuestion && formik.errors.answers && formik.errors.answers[currentQuestion.uuid];
+  }, [currentQuestion, formik.errors.answers]);
+  const handleAnswerChange = useCallback(
+    (value) => {
+      if (currentQuestion) {
+        void formik.setFieldValue(`answers.${currentQuestion.uuid}`, value);
+      }
+    },
+    [currentQuestion, formik]
+  );
+  useEffect(() => {
+    if (currentQuestion) {
+      onReviewValueChange({
+        reviewId: currentQuestion.uuid,
+        answer: formik.values.answers
+      });
+    }
+  }, [currentQuestion == null ? void 0 : currentQuestion.uuid, currentAnswer, onReviewValueChange]);
+  return /* @__PURE__ */ jsx(
+    CurriculumReviewContext.Provider,
+    {
+      value: {
+        reviewContents: fixedReviewContents,
+        formik,
+        curriculum,
+        sectionTitle,
+        onClickEndReview,
+        step,
+        setStep,
+        handleStart,
+        handleNext,
+        handlePrev,
+        onClickReviewMyAnswer,
+        handleSubmit,
+        currentQuestion,
+        currentAnswer,
+        currentError,
+        handleAnswerChange,
+        done
+      },
+      children
+    }
+  );
+}
+function useCurriculumReviewContext() {
+  const context = useContext(CurriculumReviewContext);
+  if (!context) {
+    throw new Error(
+      "useCurriculumReviewContext must be used within a CurriculumReviewProvider"
+    );
+  }
+  return context;
+}
+
+export {
+  CurriculumReviewProvider,
+  useCurriculumReviewContext
+};
+//# sourceMappingURL=chunk-55PG72GL.js.map

package/dist/chunk-55PG72GL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext, \n  useMemo,\n  useState,\n  useCallback,\n  type ReactNode,\n  useEffect,\n} from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport { cloneDeep } from 'lodash-es';\nimport * as Yup from 'yup';\nimport {\n  type CurriculumReviewContents, \n} from '@/types/curriculumContents.type'; \nimport type { Curriculum, ReviewQuestionElement } from '@/types/curriculum.type';\n\ninterface CurriculumReviewFormValues {\n  answers: Record<string, string>;\n}\n\ninterface CurriculumReviewContextValue {\n  reviewContents: CurriculumReviewContents;\n  formik: FormikProps<CurriculumReviewFormValues>;\n  curriculum: Curriculum;\n  sectionTitle: string | undefined;\n  onClickEndReview: () => void;\n  // step 관련 추가\n  step: number;\n  setStep: (step: number) => void;\n  handleStart: () => void;\n  handleNext: () => void;\n  handlePrev: () => void;\n  onClickReviewMyAnswer: () => void;\n  handleSubmit: () => void;\n  currentQuestion: ReviewQuestionElement | undefined;\n  currentAnswer: string;\n  currentError: string | undefined; \n  handleAnswerChange: (value: string) => void;\n  done: boolean;\n}\n\nconst CurriculumReviewContext = createContext<\n  CurriculumReviewContextValue | undefined\n>(undefined);\n\ninterface CurriculumReviewProviderProps extends Pick<CurriculumReviewContextValue, 'reviewContents' | 'sectionTitle' | 'onClickEndReview'  | 'curriculum' | 'done' > {\n  children: ReactNode;\n  /** 제출 후, 다음 학습으로 넘어가기 버튼 */\n  onClickEndReview: () => void;\n  /** key: 질문의 uuid, value: 응답 값 */\n  onSubmit: (values: Record<string, string>) => Promise<boolean>;  \n  /** key: 질문의 uuid, value: 응답 값 */\n  defaultValues?: Record<string, string>; \n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  mode: 'edit' | 'create';\n}\n\nfunction getInitialAnswers(\n  defaultValues: Record<string, string>,\n  questions: ReviewQuestionElement[]\n): Record<string, string> {\n  return questions.reduce<Record<string, string>>((acc, q) => {\n    acc[q.uuid] = defaultValues[q.uuid] ?? '';\n    return acc;\n  }, {});\n}\n \nfunction createAnswersYupSchema(\n  questions: ReviewQuestionElement[]\n): Yup.ObjectSchema<Record<string, string>> {\n  const shape: Record<string, Yup.StringSchema<string | undefined>> = {};\n  questions.forEach((q) => {\n    let schema = Yup.string().defined();\n    if (q.required) {\n      if (\n        q.type === 'question_text' ||\n        q.type === 'question_satisfaction_text'\n      ) {\n        schema = schema\n          .required(`${q.title}은(는) 필수 입력 항목입니다.`)\n          .trim();\n        if (q.minLength) {\n          schema = schema.min(\n            q.minLength,\n            `${q.title}은(는) 최소 ${q.minLength}자 이상 입력해야 합니다.`\n          );\n        }\n      } else {\n        schema = schema\n          .required(`${q.title}을(를) 선택해 주세요.`)\n          .min(1, `${q.title}을(를) 선택해 주세요.`);\n      }\n    }\n    shape[q.uuid] = schema;\n  });\n  return Yup.object().shape(shape);\n} \n\nexport function CurriculumReviewProvider({\n  reviewContents: _reviewContents,\n  sectionTitle,\n  children,\n  onClickEndReview, \n  onSubmit,\n  defaultValues, \n  curriculum,\n  onReviewValueChange,\n  done,\n}: CurriculumReviewProviderProps): React.ReactElement {\n  \n  const fixedReviewContents = useMemo<CurriculumReviewContents>(() => {\n    const result = cloneDeep(_reviewContents);\n    result.questions = result.questions.map((question) => {\n      if (question.type === 'question_satisfaction_option') {\n        return {\n          ...curriculum.contents.satisfactionOptionMeta,\n          ...question,\n        };\n      }\n      if (question.type === 'question_satisfaction_text') {\n        return {\n          ...curriculum.contents.satisfactionTextMeta,\n          ...question,\n        };\n      }\n      return question;\n    });\n    return result;\n  }, [\n    curriculum.contents.satisfactionOptionMeta,\n    curriculum.contents.satisfactionTextMeta,\n    _reviewContents,\n  ]);\n\n\n  // step 상태 및 관련 로직 추가\n  const [step, setStep] = useState<number>(0); // 0: 소개, 1~N: 질문, N+1: 완료\n\n  // Yup 스키마 생성\n  const answersYupSchema = useMemo(\n    () => createAnswersYupSchema(fixedReviewContents.questions),\n    [fixedReviewContents.questions]\n  );\n\n  const formik = useFormik<CurriculumReviewFormValues>({\n    initialValues: {\n      answers:  getInitialAnswers(defaultValues ?? {}, fixedReviewContents.questions),\n    },\n    validationSchema: Yup.object({\n      answers: answersYupSchema,\n    }),\n    onSubmit: (values) => {\n      \n      const result = onSubmit(values.answers);\n      return result.then((isSuccess: boolean) => {\n        if (isSuccess) {\n          setStep(prev => prev + 1);\n        }\n        return isSuccess;\n      });\n    },\n    enableReinitialize: true,\n    validateOnMount: true,\n    validateOnChange: true,\n  });\n\n  // step 관련 핸들러 및 메모\n  const questions = fixedReviewContents.questions;\n\n  const handleStart = useCallback((): void => {\n    setStep(1);\n  }, []);\n\n  const handleNext = useCallback((): void => {\n    if (step < questions.length) {\n      setStep(step + 1);\n    } else {\n      // 마지막 질문: 제출\n      formik.handleSubmit();\n      setStep(questions.length + 1);\n    }\n  }, [step, questions.length, formik]);\n\n  const handlePrev = useCallback((): void => {\n    if (step > 1) {\n      setStep(step - 1);\n    }\n  }, [step]);\n\n  const onClickReviewMyAnswer = useCallback((): void => {\n    setStep(1);\n  }, []);\n\n  const handleSubmit = useCallback((): void => {\n    formik.handleSubmit();\n  }, [formik]);\n\n  // 현재 질문 정보\n  const currentQuestion = useMemo(() => {\n    return step > 0 && step <= questions.length\n      ? questions[step - 1]\n      : undefined;\n  }, [step, questions]);\n\n  const currentAnswer = useMemo(() => {\n    return currentQuestion ? formik.values.answers[currentQuestion.uuid] : '';\n  }, [currentQuestion, formik.values.answers]);\n\n  const currentError = useMemo(() => { \n    return (\n      currentQuestion &&\n      formik.errors.answers &&\n      (formik.errors.answers as Record<string, string>)[currentQuestion.uuid]\n    );\n  }, [currentQuestion, formik.errors.answers]);\n \n  const handleAnswerChange = useCallback(\n    (value: string): void => {\n      if (currentQuestion) {\n        void formik.setFieldValue(`answers.${currentQuestion.uuid}`, value);\n      }\n    },\n    [currentQuestion, formik]\n  );\n\n  useEffect(() => {\n    if (currentQuestion) {\n      onReviewValueChange({\n        reviewId: currentQuestion.uuid,\n        answer: formik.values.answers,\n      });\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- 트리거 최적화\n  }, [currentQuestion?.uuid, currentAnswer, onReviewValueChange]);\n \n  return (\n    <CurriculumReviewContext.Provider\n      value={{\n        reviewContents: fixedReviewContents,\n        formik,\n        curriculum,\n        sectionTitle,\n        onClickEndReview, \n        step,\n        setStep,\n        handleStart,\n        handleNext,\n        handlePrev,\n        onClickReviewMyAnswer,\n        handleSubmit,\n        currentQuestion,\n        currentAnswer,\n        currentError, \n        handleAnswerChange,\n        done,\n      }}\n    >\n      {children}\n    </CurriculumReviewContext.Provider>\n  );\n}\n\nexport function useCurriculumReviewContext(): CurriculumReviewContextValue {\n  const context = useContext(CurriculumReviewContext);\n  if (!context) {\n    throw new Error(\n      'useCurriculumReviewContext must be used within a CurriculumReviewProvider'\n    );\n  }\n  return context;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-56ELLW5I.js

@@ -0,0 +1,61 @@
+import {
+  sidebar_item_default
+} from "./chunk-OSM7B4AJ.js";
+import {
+  useCurriculumContext
+} from "./chunk-BBQ6U44J.js";
+import {
+  Tabs
+} from "./chunk-5ZITU5L7.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+
+// src/molecules/curriculumV2/CurriculumSidebar/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TAB_LIST = [
+  {
+    label: "\uAC15\uC758 \uBAA9\uCC28",
+    value: "curriculum"
+  }
+];
+function CurriculumSidebar() {
+  const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } = useCurriculumContext();
+  const list = curriculum.contents.list;
+  return /* @__PURE__ */ jsx(Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
+    /* @__PURE__ */ jsx(Tabs.List, { style: { padding: "0 var(--space-3)" }, children: TAB_LIST.map((tab) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        height: "100%",
+        overflowY: "auto",
+        position: "relative",
+        ref: scrollAreaRef,
+        width: "100%",
+        children: /* @__PURE__ */ jsxs(
+          Tabs.Content,
+          {
+            style: {
+              position: "absolute",
+              height: "100%",
+              width: "100%"
+            },
+            value: TAB_LIST[0].value,
+            children: [
+              list.map((item, index) => /* @__PURE__ */ jsx(sidebar_item_default, { done: curriculumCompleteMap[item.uuid], index, item, selectedIndex, setSelectedIndex }, item.uuid)),
+              /* @__PURE__ */ jsx(Box, { height: "150px" })
+            ]
+          }
+        )
+      }
+    )
+  ] }) });
+}
+
+export {
+  CurriculumSidebar
+};
+//# sourceMappingURL=chunk-56ELLW5I.js.map

package/dist/chunk-56ELLW5I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Grid, Tabs } from '@/atoms';\nimport { useCurriculumContext } from '../curriculum-context'; \nimport SidebarItem from './sidebar-item';\n\nconst TAB_LIST = [\n  {\n    label: '강의 목차',\n    value: 'curriculum',\n  },\n];\nexport function CurriculumSidebar(): React.ReactNode {\n  const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } =\n    useCurriculumContext();\n  const list = curriculum.contents.list;\n \n\n  return (\n    <Tabs.Root asChild defaultValue={TAB_LIST[0].value}>\n      <Grid height=\"100%\" overflowY=\"auto\" rows=\"auto 1fr \" width=\"100%\">\n        <Tabs.List style={{ padding: '0 var(--space-3)' }}>\n          {TAB_LIST.map((tab) => (\n            <Tabs.Trigger key={tab.value} value={tab.value}>\n              {tab.label}\n            </Tabs.Trigger>\n          ))}\n        </Tabs.List>\n        <Box\n          height=\"100%\"\n          overflowY=\"auto\"\n          position=\"relative\"\n          ref={scrollAreaRef}\n          width=\"100%\"\n        >\n          <Tabs.Content\n            style={{\n              position: 'absolute',\n              height: '100%',\n              width: '100%',\n            }}\n            value={TAB_LIST[0].value}\n          >\n            {list.map((item, index) => (\n              <SidebarItem done={curriculumCompleteMap[item.uuid]} index={index} item={item} key={item.uuid} selectedIndex={selectedIndex} setSelectedIndex={setSelectedIndex} />\n            ))}\n            <Box height=\"150px\" />\n          </Tabs.Content>\n        </Box>\n      </Grid>\n    </Tabs.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBY,cAYF,YAZE;AAjBZ,IAAM,WAAW;AAAA,EACf;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AACO,SAAS,oBAAqC;AACnD,QAAM,EAAE,YAAY,eAAe,kBAAkB,eAAe,sBAAsB,IACxF,qBAAqB;AACvB,QAAM,OAAO,WAAW,SAAS;AAGjC,SACE,oBAAC,KAAK,MAAL,EAAU,SAAO,MAAC,cAAc,SAAS,CAAC,EAAE,OAC3C,+BAAC,QAAK,QAAO,QAAO,WAAU,QAAO,MAAK,aAAY,OAAM,QAC1D;AAAA,wBAAC,KAAK,MAAL,EAAU,OAAO,EAAE,SAAS,mBAAmB,GAC7C,mBAAS,IAAI,CAAC,QACb,oBAAC,KAAK,SAAL,EAA6B,OAAO,IAAI,OACtC,cAAI,SADY,IAAI,KAEvB,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,WAAU;AAAA,QACV,UAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QAEN;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,OAAO;AAAA,YACT;AAAA,YACA,OAAO,SAAS,CAAC,EAAE;AAAA,YAElB;AAAA,mBAAK,IAAI,CAAC,MAAM,UACf,oBAAC,wBAAY,MAAM,sBAAsB,KAAK,IAAI,GAAG,OAAc,MAA4B,eAA8B,oBAAzC,KAAK,IAAwE,CAClK;AAAA,cACD,oBAAC,OAAI,QAAO,SAAQ;AAAA;AAAA;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ;","names":[]}