@tipp/ui 2.2.9 → 2.3.0

package/dist/chunk-F7JSPN5P.js

@@ -0,0 +1,163 @@
+import {
+  ThemeProvider
+} from "./chunk-7FKRQQYK.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Badge
+} from "./chunk-U3BQT7ZO.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 {
+  AspectRatio
+} from "./chunk-EAXUQEO5.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/learning-post.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function LearningPost(props) {
+  const {
+    defaultThemeProps,
+    html,
+    tags,
+    title,
+    metaDescription,
+    imageComp,
+    onPageBack,
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    __spreadProps(__spreadValues({}, defaultThemeProps), {
+      accentColor: "iris",
+      scaling: "110%",
+      style: {},
+      children: html ? /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          columns: { initial: "1", md: "130px 1fr 130px" },
+          gap: { initial: "2", md: "5" },
+          height: "100%",
+          justify: "center",
+          pb: "160px",
+          position: "relative",
+          px: "4",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx("div", {}),
+            /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                align: "center",
+                direction: "column",
+                maxWidth: "880px",
+                mt: { initial: "3", md: "8" },
+                overflow: "hidden",
+                width: "100%",
+                children: [
+                  /* @__PURE__ */ jsxs(Grid, { align: "start", columns: { initial: "1", sm: "2" }, gap: "2", children: [
+                    /* @__PURE__ */ jsxs(
+                      Grid,
+                      {
+                        gap: "3",
+                        mb: { initial: "4", sm: "0" },
+                        style: { alignSelf: "flex-start" },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            Heading,
+                            {
+                              style: {
+                                fontSize: "2.4rem",
+                                lineHeight: 1.25,
+                                wordBreak: "keep-all"
+                              },
+                              variant: "heading1",
+                              children: title
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Typo, { children: metaDescription }),
+                          /* @__PURE__ */ jsx(Flex, { gap: "1", wrap: "wrap", children: tags == null ? void 0 : tags.map((el) => {
+                            var _a;
+                            if ((_a = el.name) == null ? void 0 : _a.startsWith("filter")) return;
+                            return /* @__PURE__ */ jsx(Badge, { size: "large", variant: "solid", children: el.name }, el.id);
+                          }) })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      AspectRatio,
+                      {
+                        ratio: 5 / 3,
+                        style: {
+                          overflow: "hidden",
+                          borderRadius: "var(--radius-4)",
+                          objectFit: "cover"
+                        },
+                        children: imageComp
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(Box, { mt: "5", width: "100%", children: /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "gh-content",
+                      dangerouslySetInnerHTML: { __html: html }
+                    }
+                  ) })
+                ]
+              }
+            ),
+            children
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "6",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "heading1", children: "\uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }),
+            /* @__PURE__ */ jsx(
+              Heading,
+              {
+                align: "center",
+                color: "gray",
+                variant: "heading4",
+                weight: "regular",
+                children: `\uC694\uCCAD\uD558\uC2E0 \uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
+        \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.`
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { onClick: onPageBack, size: "large", children: "\uB4A4\uB85C\uAC00\uAE30" })
+          ]
+        }
+      )
+    })
+  );
+}
+
+export {
+  LearningPost
+};
+//# sourceMappingURL=chunk-F7JSPN5P.js.map

package/dist/chunk-FB2ESS5C.js

@@ -0,0 +1,196 @@
+import {
+  CurriculumReviewSteps_default
+} from "./chunk-APRH3HVB.js";
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.js";
+import {
+  Dialog
+} from "./chunk-U5DI2EGA.js";
+import {
+  IconButton
+} from "./chunk-XK6VEVOK.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.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-FB2ESS5C.js.map

package/dist/chunk-FC4SRBTF.js

@@ -0,0 +1,51 @@
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+
+// src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumSidebarItemWrapper({
+  children,
+  isSelected,
+  onClick,
+  index
+}) {
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      align: "center",
+      columns: "auto 1fr",
+      "data-curriculum-item-index": index,
+      gap: "2",
+      onClick,
+      position: "relative",
+      px: "3",
+      py: "2",
+      style: {
+        backgroundColor: isSelected ? "var(--yellow-a2)" : void 0,
+        cursor: onClick ? "pointer" : void 0
+      },
+      children: [
+        isSelected ? /* @__PURE__ */ jsx(
+          Separator,
+          {
+            color: "yellow",
+            orientation: "vertical",
+            size: "4",
+            style: { width: "3px", position: "absolute", left: 0 }
+          }
+        ) : null,
+        children
+      ]
+    }
+  );
+}
+var curriculum_sidebar_item_wrapper_default = CurriculumSidebarItemWrapper;
+
+export {
+  curriculum_sidebar_item_wrapper_default
+};
+//# sourceMappingURL=chunk-FC4SRBTF.js.map

package/dist/chunk-FC4SRBTF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '@/atoms/grid';\nimport { Separator } from '@/atoms/separator';\n\ninterface CurriculumSidebarItemWrapperProps {\n  children: React.ReactNode;\n  isSelected: boolean;\n  onClick?: () => void;\n  index: number;\n}\n\nfunction CurriculumSidebarItemWrapper({\n  children,\n  isSelected,\n  onClick,\n  index,\n}: CurriculumSidebarItemWrapperProps): React.ReactNode {\n  return (\n    <Grid\n      align=\"center\"\n      columns=\"auto 1fr\"\n      data-curriculum-item-index={index}\n      gap=\"2\"\n      onClick={onClick}\n      position=\"relative\"\n      px=\"3\"\n      py=\"2\"\n      style={{\n        backgroundColor: isSelected ? 'var(--yellow-a2)' : undefined,\n        cursor: onClick ? 'pointer' : undefined,\n      }}\n    >\n      {isSelected ? (\n        <Separator\n          color=\"yellow\"\n          orientation=\"vertical\"\n          size=\"4\"\n          style={{ width: '3px', position: 'absolute', left: 0 }}\n        />\n      ) : null}\n      {children}\n    </Grid>\n  );\n}\n\nexport default CurriculumSidebarItemWrapper;\n"],"mappings":";;;;;;;;AAkBI,SAeI,KAfJ;AAPJ,SAAS,6BAA6B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuD;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,8BAA4B;AAAA,MAC5B,KAAI;AAAA,MACJ;AAAA,MACA,UAAS;AAAA,MACT,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAO;AAAA,QACL,iBAAiB,aAAa,qBAAqB;AAAA,QACnD,QAAQ,UAAU,YAAY;AAAA,MAChC;AAAA,MAEC;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,OAAO,EAAE,OAAO,OAAO,UAAU,YAAY,MAAM,EAAE;AAAA;AAAA,QACvD,IACE;AAAA,QACH;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,0CAAQ;","names":[]}

package/dist/chunk-FHZZD5YZ.js

@@ -0,0 +1,101 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-PEIMGJ2L.js";
+import {
+  RadioButtonCard
+} from "./chunk-74TRRGWW.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
+import { useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var correctAnswerStyle = {
+  backgroundColor: "var(--green-a2)"
+};
+function ReviewQuestionRadio(props) {
+  const { question, answer, onChange } = props;
+  const [isCheckAnswer, setIsCheckAnswer] = useState(false);
+  const checkAnswer = useCallback(() => {
+    setIsCheckAnswer(true);
+  }, []);
+  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;
+  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;
+  const radioColor = useMemo(() => {
+    if (isCorrect) return "green";
+    if (isWrong) return "red";
+    return void 0;
+  }, [isCorrect, isWrong]);
+  return /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+    /* @__PURE__ */ jsx(Card, { mb: "4", size: "2", children: /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: question.question,
+        title: question.title,
+        type: question.type
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
+      /* @__PURE__ */ jsx(Box, { position: "relative", children: /* @__PURE__ */ jsx(
+        RadioButtonCard.Root,
+        {
+          color: radioColor,
+          onValueChange: onChange,
+          style: {
+            width: "100%",
+            height: "100%",
+            overflowY: "auto",
+            position: "absolute"
+          },
+          value: answer,
+          children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", width: "100%", children: question.options.map((option, i) => {
+            const isThisOptionCorrect = isCheckAnswer && i === question.correctAnswer;
+            const isThisOptionSelected = isCheckAnswer && i === Number(answer);
+            const isThisOptionWrong = isCheckAnswer && isThisOptionSelected && i !== question.correctAnswer;
+            const style = (() => {
+              if (isThisOptionCorrect) return correctAnswerStyle;
+              return {};
+            })();
+            return /* @__PURE__ */ jsx(
+              RadioButtonCard.Item,
+              {
+                style,
+                value: i.toString(),
+                children: /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(Typo, { as: "p", children: option.label }),
+                  isThisOptionCorrect ? /* @__PURE__ */ jsx(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
+                  isThisOptionWrong ? /* @__PURE__ */ jsx(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
+                ] })
+              },
+              `${option.label}-${i}`
+            );
+          }) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ jsx(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
+    ] })
+  ] });
+}
+var review_question_radio_default = ReviewQuestionRadio;
+
+export {
+  review_question_radio_default
+};
+//# sourceMappingURL=chunk-FHZZD5YZ.js.map

package/dist/chunk-FJOS3FMZ.js

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

package/dist/chunk-FVNXDLRU.js

@@ -0,0 +1,84 @@
+import {
+  List
+} from "./chunk-JIJLOKVN.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/one-on-one-guide-list.tsx
+import { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var oneOnOneNoteTextReplacer = (args) => {
+  const { text, userName, templateName } = args;
+  return text.replace(/\{\{Template_Name\}\}/g, templateName).replace(/\{\{Subject_Name\}\}/g, userName);
+};
+function OneOnOneGuideList(props) {
+  const { data, relacements, guideTitle, guideDescription } = props;
+  const groupedData = useMemo(() => {
+    return data == null ? void 0 : data.reduce(
+      (acc, item) => {
+        if (item.type === "title") {
+          acc.push({ title: item.value, children: [] });
+        } else {
+          acc[acc.length - 1].children.push(item);
+        }
+        return acc;
+      },
+      []
+    );
+  }, [data]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", children: oneOnOneNoteTextReplacer({
+      text: guideTitle || "",
+      userName: (relacements == null ? void 0 : relacements.userName) || "",
+      templateName: (relacements == null ? void 0 : relacements.templateName) || ""
+    }) }),
+    /* @__PURE__ */ jsx(Typo, { as: "div", mb: "4", children: oneOnOneNoteTextReplacer({
+      text: guideDescription || "",
+      userName: (relacements == null ? void 0 : relacements.userName) || "\uD300\uC6D0",
+      templateName: (relacements == null ? void 0 : relacements.templateName) || "1on1"
+    }) }),
+    /* @__PURE__ */ jsx(
+      List.Root,
+      {
+        preSpace: "small",
+        style: { fontWeight: "bold", gap: "var(--space-5)" },
+        variant: "ol",
+        children: groupedData == null ? void 0 : groupedData.map((item) => {
+          return /* @__PURE__ */ jsxs(List.Item, { children: [
+            /* @__PURE__ */ jsx(Typo, { as: "div", mb: "1", children: item.title }),
+            item.children.map((child) => {
+              if (child.type === "ul") {
+                return /* @__PURE__ */ jsx(
+                  List.Root,
+                  {
+                    preSpace: "small",
+                    style: { fontWeight: "normal", gap: "var(--space-2)" },
+                    variant: "ul",
+                    children: child.value.map((el) => {
+                      return /* @__PURE__ */ jsx(List.Item, { children: el }, el);
+                    })
+                  },
+                  child.value[0]
+                );
+              }
+              if (typeof child.value === "string") {
+                return /* @__PURE__ */ jsx(Typo, { as: "div", mb: "2", weight: "regular", children: child.value }, child.value);
+              }
+              return null;
+            })
+          ] }, item.title);
+        })
+      }
+    )
+  ] });
+}
+
+export {
+  oneOnOneNoteTextReplacer,
+  OneOnOneGuideList
+};
+//# sourceMappingURL=chunk-FVNXDLRU.js.map

package/dist/chunk-FVNXDLRU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/one-on-one-guide-list.tsx"],"sourcesContent":["/* eslint-disable tsdoc/syntax -- template 이름 표기법 허용 */\nimport React, { useMemo } from 'react';\nimport { Heading } from '@/atoms/heading';\nimport { List } from '@/atoms/list';\nimport { Typo } from '@/atoms/typo';\n\nexport type OneOnOneGuideData =\n  | {\n      type: 'title';\n      value: string;\n    }\n  | { type: 'ul'; value: string[] }\n  | {\n      type: 'text';\n      value: string;\n    };\n\nexport interface OneOnOneGuideListProps {\n  data?: OneOnOneGuideData[];\n  relacements?: {\n    /** {{Subject_Name}} 에 대치되는 값 */\n    userName?: string;\n    /** {{Template_Name}} 에 대치되는 값 */\n    templateName?: string;\n  };\n  guideTitle?: string;\n  guideDescription?: string;\n}\n\nexport const oneOnOneNoteTextReplacer = (args: {\n  text: string;\n  userName: string;\n  templateName: string;\n}): string => {\n  const { text, userName, templateName } = args;\n  return text\n    .replace(/\\{\\{Template_Name\\}\\}/g, templateName)\n    .replace(/\\{\\{Subject_Name\\}\\}/g, userName);\n};\n\nexport function OneOnOneGuideList(\n  props: OneOnOneGuideListProps\n): React.ReactElement {\n  const { data, relacements, guideTitle, guideDescription } = props;\n\n  const groupedData = useMemo(() => {\n    return data?.reduce(\n      (acc, item) => {\n        if (item.type === 'title') {\n          acc.push({ title: item.value, children: [] });\n        } else {\n          acc[acc.length - 1].children.push(item);\n        }\n        return acc;\n      },\n      [] as { title: string; children: OneOnOneGuideData[] }[]\n    );\n  }, [data]);\n\n  return (\n    <>\n      <Heading mb=\"2\" variant=\"heading5\">\n        {oneOnOneNoteTextReplacer({\n          text: guideTitle || '',\n          userName: relacements?.userName || '',\n          templateName: relacements?.templateName || '',\n        })}\n      </Heading>\n      <Typo as=\"div\" mb=\"4\">\n        {oneOnOneNoteTextReplacer({\n          text: guideDescription || '',\n          userName: relacements?.userName || '팀원',\n          templateName: relacements?.templateName || '1on1',\n        })}\n      </Typo>\n\n      <List.Root\n        preSpace=\"small\"\n        style={{ fontWeight: 'bold', gap: 'var(--space-5)' }}\n        variant=\"ol\"\n      >\n        {groupedData?.map((item) => {\n          return (\n            <List.Item key={item.title}>\n              <Typo as=\"div\" mb=\"1\">\n                {item.title}\n              </Typo>\n              {item.children.map((child) => {\n                if (child.type === 'ul') {\n                  return (\n                    <List.Root\n                      key={child.value[0]}\n                      preSpace=\"small\"\n                      style={{ fontWeight: 'normal', gap: 'var(--space-2)' }}\n                      variant=\"ul\"\n                    >\n                      {child.value.map((el) => {\n                        return <List.Item key={el}>{el}</List.Item>;\n                      })}\n                    </List.Root>\n                  );\n                }\n                if (typeof child.value === 'string') {\n                  return (\n                    <Typo as=\"div\" key={child.value} mb=\"2\" weight=\"regular\">\n                      {child.value}\n                    </Typo>\n                  );\n                }\n                return null;\n              })}\n            </List.Item>\n          );\n        })}\n      </List.Root>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AACA,SAAgB,eAAe;AA2D3B,mBACE,KAsBM,YAvBR;AA/BG,IAAM,2BAA2B,CAAC,SAI3B;AACZ,QAAM,EAAE,MAAM,UAAU,aAAa,IAAI;AACzC,SAAO,KACJ,QAAQ,0BAA0B,YAAY,EAC9C,QAAQ,yBAAyB,QAAQ;AAC9C;AAEO,SAAS,kBACd,OACoB;AACpB,QAAM,EAAE,MAAM,aAAa,YAAY,iBAAiB,IAAI;AAE5D,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,6BAAM;AAAA,MACX,CAAC,KAAK,SAAS;AACb,YAAI,KAAK,SAAS,SAAS;AACzB,cAAI,KAAK,EAAE,OAAO,KAAK,OAAO,UAAU,CAAC,EAAE,CAAC;AAAA,QAC9C,OAAO;AACL,cAAI,IAAI,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI;AAAA,QACxC;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA;AAAA,EAEL,GAAG,CAAC,IAAI,CAAC;AAET,SACE,iCACE;AAAA,wBAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,mCAAyB;AAAA,MACxB,MAAM,cAAc;AAAA,MACpB,WAAU,2CAAa,aAAY;AAAA,MACnC,eAAc,2CAAa,iBAAgB;AAAA,IAC7C,CAAC,GACH;AAAA,IACA,oBAAC,QAAK,IAAG,OAAM,IAAG,KACf,mCAAyB;AAAA,MACxB,MAAM,oBAAoB;AAAA,MAC1B,WAAU,2CAAa,aAAY;AAAA,MACnC,eAAc,2CAAa,iBAAgB;AAAA,IAC7C,CAAC,GACH;AAAA,IAEA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAS;AAAA,QACT,OAAO,EAAE,YAAY,QAAQ,KAAK,iBAAiB;AAAA,QACnD,SAAQ;AAAA,QAEP,qDAAa,IAAI,CAAC,SAAS;AAC1B,iBACE,qBAAC,KAAK,MAAL,EACC;AAAA,gCAAC,QAAK,IAAG,OAAM,IAAG,KACf,eAAK,OACR;AAAA,YACC,KAAK,SAAS,IAAI,CAAC,UAAU;AAC5B,kBAAI,MAAM,SAAS,MAAM;AACvB,uBACE;AAAA,kBAAC,KAAK;AAAA,kBAAL;AAAA,oBAEC,UAAS;AAAA,oBACT,OAAO,EAAE,YAAY,UAAU,KAAK,iBAAiB;AAAA,oBACrD,SAAQ;AAAA,oBAEP,gBAAM,MAAM,IAAI,CAAC,OAAO;AACvB,6BAAO,oBAAC,KAAK,MAAL,EAAoB,gBAAL,EAAQ;AAAA,oBACjC,CAAC;AAAA;AAAA,kBAPI,MAAM,MAAM,CAAC;AAAA,gBAQpB;AAAA,cAEJ;AACA,kBAAI,OAAO,MAAM,UAAU,UAAU;AACnC,uBACE,oBAAC,QAAK,IAAG,OAAwB,IAAG,KAAI,QAAO,WAC5C,gBAAM,SADW,MAAM,KAE1B;AAAA,cAEJ;AACA,qBAAO;AAAA,YACT,CAAC;AAAA,eA3Ba,KAAK,KA4BrB;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}