@tipp/ui 2.1.19 → 2.1.21

package/dist/chunk-JKQ4J3TG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx"],"sourcesContent":["import type { CurriculumListContents } from '@/types/curriculum.type'; \nimport { getCurriculumIconColor } from '../../../utils/curriculum.utils';\nimport SectionTitle from './Items/section-title';\nimport CurriculumSidebarItemWrapper from './Items/curriculum-sidebar-item-wrapper';\nimport SectionCommonItem from './Items/section-item';\n\n\ninterface SidebarItemProps {\n    item: CurriculumListContents;\n    selectedIndex: number;\n    setSelectedIndex: (index: number) => void;\n    index: number;\n    done: boolean;\n}\n\nfunction SidebarItem({item, selectedIndex, setSelectedIndex, index, done}: SidebarItemProps): React.ReactNode {\n   \n  \n  if (item.type === 'sectionTitle') {\n        return <SectionTitle key={item.uuid} {...item} />;\n      }\n      const isSelected = selectedIndex === index;\n\n      return (\n        <CurriculumSidebarItemWrapper\n          index={index}\n          isSelected={isSelected}\n          key={item.uuid}\n          onClick={() => {\n            setSelectedIndex(index);\n          }}\n        >\n          <SectionCommonItem\n            {...item}\n            color={getCurriculumIconColor({\n              done,\n              selected: isSelected,\n            })}\n          />\n        </CurriculumSidebarItemWrapper>\n      );\n    }\n\nexport default SidebarItem;"],"mappings":";;;;;;;;;;;;;;;;;;AAmBe;AAJf,SAAS,YAAY,EAAC,MAAM,eAAe,kBAAkB,OAAO,KAAI,GAAsC;AAG5G,MAAI,KAAK,SAAS,gBAAgB;AAC5B,WAAO,oBAAC,0CAAiC,OAAf,KAAK,IAAgB;AAAA,EACjD;AACA,QAAM,aAAa,kBAAkB;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MAEA,SAAS,MAAM;AACb,yBAAiB,KAAK;AAAA,MACxB;AAAA,MAEA;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC,OAAO,uBAAuB;AAAA,YAC5B;AAAA,YACA,UAAU;AAAA,UACZ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,IAXK,KAAK;AAAA,EAYZ;AAEJ;AAEJ,IAAO,uBAAQ;","names":[]}

package/dist/chunk-JSGX3QOY.js

@@ -0,0 +1,69 @@
+import {
+  review_question_text_default
+} from "./chunk-EAMEQI4D.js";
+import {
+  review_question_radio_default
+} from "./chunk-T3VV2X45.js";
+import {
+  review_question_satisfaction_option_default
+} from "./chunk-6JSJQYQW.js";
+import {
+  ReviewQuestionSatisfisText
+} from "./chunk-LCMB6XHB.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
+import { jsx } from "react/jsx-runtime";
+function ReviewQuestionBody(props) {
+  const { question, answer, error, onChange } = props;
+  if (question.type === "question_radio") {
+    return /* @__PURE__ */ jsx(
+      review_question_radio_default,
+      {
+        answer,
+        error,
+        onChange,
+        question
+      }
+    );
+  }
+  if (question.type === "question_text") {
+    return /* @__PURE__ */ jsx(
+      review_question_text_default,
+      {
+        answer,
+        error,
+        onChange,
+        question
+      }
+    );
+  }
+  if (question.type === "question_satisfaction_option") {
+    return /* @__PURE__ */ jsx(
+      review_question_satisfaction_option_default,
+      {
+        answer,
+        error,
+        onChange,
+        question
+      }
+    );
+  }
+  if (question.type === "question_satisfaction_text") {
+    return /* @__PURE__ */ jsx(
+      ReviewQuestionSatisfisText,
+      {
+        answer,
+        error,
+        onChange,
+        question
+      }
+    );
+  }
+  return null;
+}
+var review_question_body_default = ReviewQuestionBody;
+
+export {
+  review_question_body_default
+};
+//# sourceMappingURL=chunk-JSGX3QOY.js.map

package/dist/chunk-JSGX3QOY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx"],"sourcesContent":["import React from 'react'; \nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport ReviewQuestionRadio from './review-question-radio';\nimport ReviewQuestionText from './review-question-text';\nimport ReviewQuestionSatisfactionOption from './review-question-satisfaction-option';\nimport ReviewQuestionSatisfactionText from './review-question-satisfaction-text';\n\ninterface ReviewQuestionBodyProps {\n  question: ReviewQuestionElement;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionBody(props: ReviewQuestionBodyProps): React.ReactNode {\n  const { question, answer, error, onChange } = props;\n  \n  if (question.type === 'question_radio') {\n    return (\n      <ReviewQuestionRadio\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n  if (question.type === 'question_text') {\n    return (\n      <ReviewQuestionText\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n  if (question.type === 'question_satisfaction_option') {\n    return (\n      <ReviewQuestionSatisfactionOption\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 그 외의 타입이 있을 경우 있음\n  if (question.type === 'question_satisfaction_text') {\n    return (\n      <ReviewQuestionSatisfactionText\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n\n  return null;\n}\nexport default ReviewQuestionBody;\n"],"mappings":";;;;;;;;;;;;;;AAmBM;AALN,SAAS,mBAAmB,OAAiD;AAC3E,QAAM,EAAE,UAAU,QAAQ,OAAO,SAAS,IAAI;AAE9C,MAAI,SAAS,SAAS,kBAAkB;AACtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,iBAAiB;AACrC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,gCAAgC;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,MAAI,SAAS,SAAS,8BAA8B;AAClD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO;AACT;AACA,IAAO,+BAAQ;","names":[]}

package/dist/chunk-JTCM5CNO.js

@@ -0,0 +1,146 @@
+import {
+  Heading
+} from "./chunk-3IT3NVK6.js";
+import {
+  Typo
+} from "./chunk-SWOTOH5M.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/molecules/form/form.tsx
+import * as RadixForm from "@radix-ui/react-form";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root2 = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ jsx(
+      RadixForm.Root,
+      __spreadProps(__spreadValues({}, rest), {
+        className: `FormRoot ${className || ""}`,
+        ref,
+        children
+      })
+    );
+  }
+);
+Root2.displayName = "FORM_ROOT";
+var FieldContext = createContext({
+  name: ""
+});
+var Field2 = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ jsx(
+      RadixForm.Field,
+      __spreadProps(__spreadValues({}, rest), {
+        className: `FormField ${className || ""}`,
+        ref,
+        children: /* @__PURE__ */ jsx(FieldContext.Provider, { value: rest, children })
+      })
+    );
+  }
+);
+Field2.displayName = "FORM_FIELD";
+function HeadingLabel(props) {
+  return /* @__PURE__ */ jsx(Heading, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
+}
+function CaptionLabel(props) {
+  return /* @__PURE__ */ jsx(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption" }, props), { children: props.children }));
+}
+var Label2 = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className, variant } = _b, rest = __objRest(_b, ["children", "className", "variant"]);
+    const Comp = useMemo(() => {
+      switch (variant) {
+        case "title":
+          return HeadingLabel;
+        case "caption":
+          return CaptionLabel;
+        case "body":
+        default:
+          return Typo;
+      }
+    }, [variant]);
+    const fieldProps = useContext(FieldContext);
+    return /* @__PURE__ */ jsx(
+      RadixForm.Label,
+      __spreadProps(__spreadValues({}, rest), {
+        asChild: true,
+        className: `FormLabel ${className || ""}`,
+        ref,
+        children: /* @__PURE__ */ jsxs(Comp, { children: [
+          children,
+          fieldProps.required ? /* @__PURE__ */ jsx(Typo, { as: "span", color: "tomato", children: ` *` }) : null
+        ] })
+      })
+    );
+  }
+);
+Label2.displayName = "FORM_Label";
+var Message2 = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ jsx(
+      RadixForm.Message,
+      __spreadProps(__spreadValues({}, rest), {
+        asChild: true,
+        className: `FormMessage ${className || ""}`,
+        ref,
+        children: /* @__PURE__ */ jsx(Typo, { color: "red", children })
+      })
+    );
+  }
+);
+Message2.displayName = "FORM_Message";
+var Control2 = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
+    const fieldProps = useContext(FieldContext);
+    return /* @__PURE__ */ jsx(
+      RadixForm.Control,
+      __spreadProps(__spreadValues({}, rest), {
+        className: `FormControl ${className || ""}`,
+        ref,
+        required: fieldProps.required
+      })
+    );
+  }
+);
+Control2.displayName = "FORM_Control";
+function FormItem(_a) {
+  var _b = _a, {
+    label,
+    labelVariant,
+    children,
+    errorMessage
+  } = _b, fieldProps = __objRest(_b, [
+    "label",
+    "labelVariant",
+    "children",
+    "errorMessage"
+  ]);
+  return /* @__PURE__ */ jsxs(Form.Field, __spreadProps(__spreadValues({}, fieldProps), { children: [
+    /* @__PURE__ */ jsx(Form.Label, { variant: labelVariant, children: label }),
+    children,
+    /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(errorMessage), children: errorMessage })
+  ] }));
+}
+var Form = {
+  Root: Root2,
+  Field: Field2,
+  Label: Label2,
+  Message: Message2,
+  Control: RadixForm.Control,
+  Submit: RadixForm.Submit,
+  FormItem
+};
+
+export {
+  FormItem,
+  Form
+};
+//# sourceMappingURL=chunk-JTCM5CNO.js.map

package/dist/chunk-JTCM5CNO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/form/form.tsx"],"sourcesContent":["import * as RadixForm from '@radix-ui/react-form';\nimport React, { createContext, forwardRef, useContext, useMemo } from 'react';\nimport type { HeadingProps } from '@radix-ui/themes';\nimport { Heading } from '../../atoms/heading';\nimport type { TypoProps } from '../../atoms/typo';\nimport { Typo } from '../../atoms/typo';\n\nconst Root = forwardRef<HTMLFormElement, RadixForm.FormProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Root\n        {...rest}\n        className={`FormRoot ${className || ''}`}\n        ref={ref}\n      >\n        {children}\n      </RadixForm.Root>\n    );\n  }\n);\n\nRoot.displayName = 'FORM_ROOT';\n\nexport type FormFieldProps = RadixForm.FormFieldProps & { required?: boolean };\n\nconst FieldContext = createContext<FormFieldProps>({\n  name: '',\n});\n\nconst Field = forwardRef<HTMLDivElement, FormFieldProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Field\n        {...rest}\n        className={`FormField ${className || ''}`}\n        ref={ref}\n      >\n        <FieldContext.Provider value={rest}>{children}</FieldContext.Provider>\n      </RadixForm.Field>\n    );\n  }\n);\nField.displayName = 'FORM_FIELD';\n\nexport type FormLabelProps = RadixForm.FormLabelProps & {\n  /** label의 타입을 지정  */\n  variant?: 'title' | 'body' | 'caption';\n};\n\nfunction HeadingLabel(props: HeadingProps): React.ReactNode {\n  return (\n    <Heading variant=\"heading5\" {...props}>\n      {props.children}\n    </Heading>\n  );\n}\n\nfunction CaptionLabel(props: TypoProps): React.ReactNode {\n  return (\n    <Typo color=\"gray\" variant=\"caption\" {...props}>\n      {props.children}\n    </Typo>\n  );\n}\n\nconst Label = forwardRef<HTMLLabelElement, FormLabelProps>(\n  ({ children, className, variant, ...rest }, ref) => {\n    const Comp = useMemo(() => {\n      switch (variant) {\n        case 'title':\n          return HeadingLabel;\n        case 'caption':\n          return CaptionLabel;\n        case 'body':\n        default:\n          return Typo;\n      }\n    }, [variant]);\n\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Label\n        {...rest}\n        asChild\n        className={`FormLabel ${className || ''}`}\n        ref={ref}\n      >\n        <Comp>\n          {children}\n          {fieldProps.required ? (\n            <Typo as=\"span\" color=\"tomato\">\n              {` *`}\n            </Typo>\n          ) : null}\n        </Comp>\n      </RadixForm.Label>\n    );\n  }\n);\nLabel.displayName = 'FORM_Label';\n\nconst Message = forwardRef<HTMLSpanElement, RadixForm.FormMessageProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <RadixForm.Message\n        {...rest}\n        asChild\n        className={`FormMessage ${className || ''}`}\n        ref={ref}\n      >\n        <Typo color=\"red\">{children}</Typo>\n      </RadixForm.Message>\n    );\n  }\n);\nMessage.displayName = 'FORM_Message';\n\ntype ControlProps = Omit<RadixForm.FormControlProps, 'required'>;\nconst Control = forwardRef<HTMLInputElement, ControlProps>(\n  ({ className, ...rest }, ref) => {\n    const fieldProps = useContext(FieldContext);\n    return (\n      <RadixForm.Control\n        {...rest}\n        className={`FormControl ${className || ''}`}\n        ref={ref}\n        required={fieldProps.required}\n      />\n    );\n  }\n);\nControl.displayName = 'FORM_Control';\n\ninterface FormItemProps extends FormFieldProps {\n  children: React.ReactNode;\n  label: string;\n  labelVariant?: FormLabelProps['variant'];\n  errorMessage?: string;\n}\n\nexport function FormItem({\n  label,\n  labelVariant,\n  children,\n  errorMessage,\n  ...fieldProps\n}: FormItemProps): React.ReactNode {\n  return (\n    <Form.Field {...fieldProps}>\n      <Form.Label variant={labelVariant}>{label}</Form.Label>\n      {children}\n      <Form.Message forceMatch={Boolean(errorMessage)}>\n        {errorMessage}\n      </Form.Message>\n    </Form.Field>\n  );\n}\n\nexport const Form = {\n  Root,\n  Field,\n  Label,\n  Message,\n  Control: RadixForm.Control,\n  Submit: RadixForm.Submit,\n  FormItem,\n};\n"],"mappings":"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","names":["Root","Field","Label","Message","Control"]}

package/dist/chunk-K2L2WH4B.js

@@ -0,0 +1,90 @@
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-3IT3NVK6.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "./chunk-CEK4NKTO.js";
+
+// src/molecules/curriculumV2/curriculum-sub-nav.tsx
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumSubNav() {
+  const {
+    selectedItem,
+    selectedSectionTitle,
+    hasPrev,
+    hasNext,
+    selectPrev,
+    selectNext,
+    scrollNavItem
+  } = useCurriculumContext();
+  const onClickPrev = useCallback(() => {
+    selectPrev((moveIndex) => {
+      scrollNavItem(moveIndex.toString());
+    });
+  }, [selectPrev, scrollNavItem]);
+  const onClickNext = useCallback(() => {
+    selectNext((moveIndex) => {
+      scrollNavItem(moveIndex.toString());
+    });
+  }, [selectNext, scrollNavItem]);
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      align: "center",
+      columns: { initial: "32px 1fr 32px", md: "48px 1fr 48px" },
+      pb: { initial: "2", md: "3" },
+      px: { initial: "1", md: "2" },
+      py: "2",
+      rows: "auto",
+      children: [
+        hasPrev ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "gray",
+            onClick: onClickPrev,
+            size: { initial: "3", md: "4" },
+            variant: "ghost",
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { height: "16px", width: "16px" })
+          }
+        ) : /* @__PURE__ */ jsx(Box, {}),
+        /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
+          /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Heading, { style: { textOverflow: "ellipsis" }, variant: "heading4", children: selectedItem.title }) }),
+          /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Typo, { weight: "bold", children: selectedItem.title }) }),
+          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", style: { textOverflow: "ellipsis" }, children: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title })
+        ] }),
+        hasNext ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "gray",
+            onClick: onClickNext,
+            size: { initial: "3", md: "4" },
+            variant: "ghost",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { height: "16px", width: "16px" })
+          }
+        ) : /* @__PURE__ */ jsx(Box, {})
+      ]
+    }
+  );
+}
+
+export {
+  CurriculumSubNav
+};
+//# sourceMappingURL=chunk-K2L2WH4B.js.map

package/dist/chunk-K2L2WH4B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/curriculum-sub-nav.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Box, Grid, Heading, IconButton, Typo } from '@/atoms';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@/icon';\nimport { useCurriculumContext } from './curriculum-context';\n\nexport function CurriculumSubNav(): React.ReactNode {\n  const {\n    selectedItem,\n    selectedSectionTitle,\n    hasPrev,\n    hasNext,\n    selectPrev,\n    selectNext,\n    scrollNavItem,\n  } = useCurriculumContext();\n\n  const onClickPrev = useCallback(() => {\n    selectPrev((moveIndex) => {\n      scrollNavItem(moveIndex.toString());\n    });\n  }, [selectPrev, scrollNavItem]);\n\n  const onClickNext = useCallback(() => {\n    selectNext((moveIndex) => {\n      scrollNavItem(moveIndex.toString());\n    });\n  }, [selectNext, scrollNavItem]);\n\n  return (\n    <Grid\n      align=\"center\"\n      columns={{ initial: '32px 1fr 32px', md: '48px 1fr 48px' }}\n      pb={{ initial: '2', md: '3' }}\n      px={{ initial: '1', md: '2' }}\n      py=\"2\"\n      rows=\"auto\"\n    >\n      {hasPrev ? (\n        <IconButton\n          color=\"gray\"\n          onClick={onClickPrev}\n          size={{ initial: '3', md: '4' }}\n          variant=\"ghost\"\n        >\n          <ChevronLeftIcon height=\"16px\" width=\"16px\" />\n        </IconButton>\n      ) : (\n        <Box />\n      )}\n      <Box width=\"100%\">\n        {/* 데스크탑 타이틀 */}\n        <Box display={{ initial: 'none', md: 'block' }}>\n          <Heading style={{ textOverflow: 'ellipsis' }} variant=\"heading4\">\n            {selectedItem.title}\n          </Heading>\n        </Box>\n\n        {/* 모바일 타이틀 */}\n        <Box display={{ initial: 'block', md: 'none' }}>\n          <Typo weight=\"bold\">{selectedItem.title}</Typo>\n        </Box>\n\n        <Typo as=\"p\" color=\"gray\" style={{ textOverflow: 'ellipsis' }}>\n          {selectedSectionTitle?.title}\n        </Typo>\n      </Box>\n      {hasNext ? (\n        <IconButton\n          color=\"gray\"\n          onClick={onClickNext}\n          size={{ initial: '3', md: '4' }}\n          variant=\"ghost\"\n        >\n          <ChevronRightIcon height=\"16px\" width=\"16px\" />\n        </IconButton>\n      ) : (\n        <Box />\n      )}\n    </Grid>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,mBAAmB;AA4CzB,cAKJ,YALI;AAvCH,SAAS,mBAAoC;AAClD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AAEzB,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,CAAC,cAAc;AACxB,oBAAc,UAAU,SAAS,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,aAAa,CAAC;AAE9B,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,CAAC,cAAc;AACxB,oBAAc,UAAU,SAAS,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,aAAa,CAAC;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,EAAE,SAAS,iBAAiB,IAAI,gBAAgB;AAAA,MACzD,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,MAC5B,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,MAC5B,IAAG;AAAA,MACH,MAAK;AAAA,MAEJ;AAAA,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,YAC9B,SAAQ;AAAA,YAER,8BAAC,mBAAgB,QAAO,QAAO,OAAM,QAAO;AAAA;AAAA,QAC9C,IAEA,oBAAC,OAAI;AAAA,QAEP,qBAAC,OAAI,OAAM,QAET;AAAA,8BAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,QAAQ,GAC3C,8BAAC,WAAQ,OAAO,EAAE,cAAc,WAAW,GAAG,SAAQ,YACnD,uBAAa,OAChB,GACF;AAAA,UAGA,oBAAC,OAAI,SAAS,EAAE,SAAS,SAAS,IAAI,OAAO,GAC3C,8BAAC,QAAK,QAAO,QAAQ,uBAAa,OAAM,GAC1C;AAAA,UAEA,oBAAC,QAAK,IAAG,KAAI,OAAM,QAAO,OAAO,EAAE,cAAc,WAAW,GACzD,uEAAsB,OACzB;AAAA,WACF;AAAA,QACC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,YAC9B,SAAQ;AAAA,YAER,8BAAC,oBAAiB,QAAO,QAAO,OAAM,QAAO;AAAA;AAAA,QAC/C,IAEA,oBAAC,OAAI;AAAA;AAAA;AAAA,EAET;AAEJ;","names":[]}

package/dist/chunk-K6P5PHNE.js

@@ -0,0 +1,57 @@
+import {
+  useCurriculumReviewContext
+} from "./chunk-WZVJYDVP.js";
+import {
+  Progress
+} from "./chunk-365QMK4D.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-3IT3NVK6.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-RWAYF4AO.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionHeader({
+  index,
+  total
+}) {
+  const { reviewContents } = useCurriculumReviewContext();
+  return /* @__PURE__ */ jsxs(Box, { height: "100%", width: "100%", children: [
+    /* @__PURE__ */ jsx(Grid, { columns: "1fr 40px", width: "100%", children: /* @__PURE__ */ jsx(
+      Heading,
+      {
+        mb: "3",
+        truncate: true,
+        variant: { initial: "heading5", md: "heading3" },
+        children: reviewContents.title
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Flex, { justify: "between", mb: "2", width: "100%", children: [
+      /* @__PURE__ */ jsx(Typo, { color: "gray", size: { initial: "1", md: "2" }, children: "\uC9C4\uD589 \uC0C1\uD669" }),
+      /* @__PURE__ */ jsxs(Typo, { color: "gray", size: { initial: "1", md: "2" }, children: [
+        index + 1,
+        " / ",
+        total,
+        " \uC644\uB8CC"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Progress, { color: "iris", max: total, value: index + 1 })
+  ] });
+}
+var review_question_header_default = ReviewQuestionHeader;
+
+export {
+  review_question_header_default
+};
+//# sourceMappingURL=chunk-K6P5PHNE.js.map

package/dist/chunk-K6P5PHNE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Flex, Grid, Heading, Progress, Typo } from '@/atoms';\nimport { useCurriculumReviewContext } from '../curriculum-review-context';\n\ninterface ReviewQuestionHeaderProps {\n  index: number;\n  total: number;\n}\n\nfunction ReviewQuestionHeader({\n  index,\n  total,\n}: ReviewQuestionHeaderProps): React.ReactNode {\n  const { reviewContents } = useCurriculumReviewContext();\n\n  return (\n    <Box height=\"100%\" width=\"100%\">\n      <Grid columns=\"1fr 40px\" width=\"100%\">\n        <Heading\n          mb=\"3\"\n          truncate\n          variant={{ initial: 'heading5', md: 'heading3' }}\n        >\n          {reviewContents.title}\n        </Heading>\n      </Grid>\n      <Flex justify=\"between\" mb=\"2\" width=\"100%\">\n        <Typo color=\"gray\" size={{ initial: '1', md: '2' }}>\n          진행 상황\n        </Typo>\n        <Typo color=\"gray\" size={{ initial: '1', md: '2' }}>\n          {index + 1} / {total} 완료\n        </Typo>\n      </Flex>\n      <Progress color=\"iris\" max={total} value={index + 1} />\n    </Box>\n  );\n}\n\nexport default ReviewQuestionHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkBQ,cAYA,YAZA;AATR,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,EAAE,eAAe,IAAI,2BAA2B;AAEtD,SACE,qBAAC,OAAI,QAAO,QAAO,OAAM,QACvB;AAAA,wBAAC,QAAK,SAAQ,YAAW,OAAM,QAC7B;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAQ;AAAA,QACR,SAAS,EAAE,SAAS,YAAY,IAAI,WAAW;AAAA,QAE9C,yBAAe;AAAA;AAAA,IAClB,GACF;AAAA,IACA,qBAAC,QAAK,SAAQ,WAAU,IAAG,KAAI,OAAM,QACnC;AAAA,0BAAC,QAAK,OAAM,QAAO,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI,GAAG,uCAEpD;AAAA,MACA,qBAAC,QAAK,OAAM,QAAO,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI,GAC9C;AAAA,gBAAQ;AAAA,QAAE;AAAA,QAAI;AAAA,QAAM;AAAA,SACvB;AAAA,OACF;AAAA,IACA,oBAAC,YAAS,OAAM,QAAO,KAAK,OAAO,OAAO,QAAQ,GAAG;AAAA,KACvD;AAEJ;AAEA,IAAO,iCAAQ;","names":[]}

package/dist/chunk-KHIYMVZ6.js

@@ -0,0 +1,63 @@
+import {
+  review_question_layout_default
+} from "./chunk-YVMPMKUV.js";
+import {
+  review_question_body_default
+} from "./chunk-7NZFNPNE.js";
+import {
+  review_question_footer_default
+} from "./chunk-SFRE4VOT.js";
+import {
+  review_question_header_default
+} from "./chunk-A7MWL24M.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-KHIYMVZ6.js.map

package/dist/chunk-KHIYMVZ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReviewQuestionElement } 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: ReviewQuestionElement;\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-KKGRIWEO.js

@@ -0,0 +1,196 @@
+import {
+  CurriculumReviewSteps_default
+} from "./chunk-4WBCLMYM.js";
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.js";
+import {
+  Dialog
+} from "./chunk-24IP7ASC.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-PARGQUJB.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  __spreadValues
+} from "./chunk-2NMEKWO5.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-KKGRIWEO.js.map