@tipp/ui 2.10.3 → 2.10.4

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.js

@@ -1,18 +1,18 @@
 import {
   CurriculumReviewSteps_default
-} from "../../../../chunk-PS525SZS.js";
-import "../../../../chunk-6UWQKH6U.js";
-import "../../../../chunk-3ZJVSSAA.js";
+} from "../../../../chunk-RJ62VZ6O.js";
+import "../../../../chunk-IHLFOJD5.js";
+import "../../../../chunk-KQ3ME6XY.js";
+import "../../../../chunk-CGLDFUOY.js";
+import "../../../../chunk-OUDDTPEN.js";
 import "../../../../chunk-ZGTGEBQX.js";
-import "../../../../chunk-RJN4QT5J.js";
+import "../../../../chunk-WLKK5L3P.js";
+import "../../../../chunk-SINRU2A6.js";
 import "../../../../chunk-GE4M5GOQ.js";
 import "../../../../chunk-G3KQN32M.js";
 import "../../../../chunk-VK6INFSB.js";
-import "../../../../chunk-JTVBWQJW.js";
-import "../../../../chunk-NVBAOOAT.js";
-import "../../../../chunk-SINRU2A6.js";
 import "../../../../chunk-NVRVOTWZ.js";
-import "../../../../chunk-YYVSUTXO.js";
+import "../../../../chunk-LK2H4QTJ.js";
 import "../../../../chunk-GMKRNFH5.js";
 import "../../../../chunk-2ISIAPFS.js";
 import "../../../../chunk-EZN5PMTC.js";
@@ -24,9 +24,6 @@ import "../../../../chunk-SA7AYYQS.js";
 import "../../../../chunk-3TOUVBIB.js";
 import "../../../../chunk-EGEQY3KT.js";
 import "../../../../chunk-USGOLLYO.js";
-import "../../../../chunk-EIKFXUNC.js";
-import "../../../../chunk-RP2RGCAW.js";
-import "../../../../chunk-BK74U562.js";
 import "../../../../chunk-4Y5BEXVN.js";
 import "../../../../chunk-L4QQGIYQ.js";
 import "../../../../chunk-LDBWASUA.js";
@@ -35,8 +32,11 @@ import "../../../../chunk-36W7VD2Z.js";
 import "../../../../chunk-25HMMI7R.js";
 import "../../../../chunk-2LCH3PDF.js";
 import "../../../../chunk-LQY4RKWI.js";
+import "../../../../chunk-EIKFXUNC.js";
+import "../../../../chunk-RP2RGCAW.js";
 import "../../../../chunk-VOME2TE7.js";
-import "../../../../chunk-JVXATVAC.js";
+import "../../../../chunk-2PPLSZ4P.js";
+import "../../../../chunk-2FJ4LW7E.js";
 import "../../../../chunk-B3VSXNTH.js";
 import "../../../../chunk-ZQE7SP6P.js";
 import "../../../../chunk-R6ARPREO.js";
@@ -47,11 +47,12 @@ import "../../../../chunk-QO6KO6MN.js";
 import "../../../../chunk-5KNRHIIF.js";
 import "../../../../chunk-6JRAI4G5.js";
 import "../../../../chunk-776WBOKL.js";
-import "../../../../chunk-2FJ4LW7E.js";
+import "../../../../chunk-IAKMJR72.js";
 import "../../../../chunk-YSYJCYHY.js";
 import "../../../../chunk-5OM2H6RI.js";
 import "../../../../chunk-ZUYCXCPW.js";
 import "../../../../chunk-YVFNJE4E.js";
+import "../../../../chunk-BK74U562.js";
 import "../../../../chunk-VFQD57ZY.js";
 import "../../../../chunk-CRTRMMJ7.js";
 export {

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.cjs

@@ -962,6 +962,29 @@ var HeadsetIcon = React17.forwardRef(
 );
 HeadsetIcon.displayName = "HeadsetIcon";
 
+// src/icons/empty-box.tsx
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var EmptyBoxIcon = React18.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor", width = 120, height = 120 } = _b, props = __objRest(_b, ["color", "width", "height"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: color,
+        height,
+        viewBox: "0 0 462.035 462.035",
+        width,
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M457.83,158.441c-0.021-0.028-0.033-0.058-0.057-0.087l-50.184-62.48c-0.564-0.701-1.201-1.305-1.879-1.845c-2.16-2.562-5.355-4.225-8.967-4.225H65.292c-3.615,0-6.804,1.661-8.965,4.225c-0.678,0.54-1.316,1.138-1.885,1.845l-50.178,62.48c-0.023,0.029-0.034,0.059-0.057,0.087C1.655,160.602,0,163.787,0,167.39v193.07c0,6.5,5.27,11.771,11.77,11.771h438.496c6.5,0,11.77-5.271,11.77-11.771V167.39C462.037,163.787,460.381,160.602,457.83,158.441z M408.516,134.615l16.873,21.005h-16.873V134.615z M384.975,113.345v42.274H296.84c-2.514,0-4.955,0.805-6.979,2.293l-58.837,43.299l-58.849-43.305c-2.023-1.482-4.466-2.287-6.978-2.287H77.061v-42.274H384.975z M53.523,155.62H36.65l16.873-21.005V155.62z M438.498,348.69H23.54V179.16h137.796l62.711,46.148c4.15,3.046,9.805,3.052,13.954-0.005l62.698-46.144h137.799V348.69L438.498,348.69z" })
+      })
+    );
+  }
+);
+EmptyBoxIcon.displayName = "EmptyBoxIcon";
+
 // src/utils/curriculum.utils.ts
 var CurriculumListIcons = {
   pencil: CirclePencilIcon,
@@ -1023,7 +1046,7 @@ var import_react5 = require("react");
 var import_formik = require("formik");
 var import_lodash_es = require("lodash-es");
 var Yup = __toESM(require("yup"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var CurriculumReviewContext = (0, import_react5.createContext)(void 0);
 function useCurriculumReviewContext() {
   const context = (0, import_react5.useContext)(CurriculumReviewContext);
@@ -1036,7 +1059,7 @@ function useCurriculumReviewContext() {
 }
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var renderPreviewContent = (args) => {
   const { question } = args;
   const Icon = getCurriculumIcon({
@@ -1049,7 +1072,7 @@ var renderPreviewContent = (args) => {
       question.duration ? `${question.duration}\uBD84` : ""
     ].filter(Boolean).join(" | ");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     import_themes5.Grid,
     {
       columns: "16px 1fr",
@@ -1058,10 +1081,10 @@ var renderPreviewContent = (args) => {
       py: "2",
       width: "100%",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes2.Box, { mt: "1", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { color: getCurriculumQuestionIconColor(question.type) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_themes2.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typo, { as: "p", color: "gray", weight: "bold", children: question.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typo, { color: "gray", children: getDescription() })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes2.Box, { mt: "1", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { color: getCurriculumQuestionIconColor(question.type) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_themes2.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typo, { as: "p", color: "gray", weight: "bold", children: question.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typo, { color: "gray", children: getDescription() })
         ] })
       ]
     },
@@ -1084,7 +1107,7 @@ var renderReviewContent = (args) => {
   const color = getCurriculumQuestionIconColor(question.type);
   const badgeColor = ["question_radio", "question_satisfaction_option"].includes(question.type) ? "accent" : "neutral";
   const value = getReviewContentValue(question, answer);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     import_themes5.Grid,
     {
       columns: "16px 1fr",
@@ -1093,10 +1116,10 @@ var renderReviewContent = (args) => {
       py: "2",
       width: "100%",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes2.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { color }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_themes2.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typo, { as: "p", color: "gray", mb: "2", weight: "bold", children: question.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces", lineBreak: "anywhere" }, children: value || "(\uBBF8 \uC751\uB2F5)" })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes2.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { color }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_themes2.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typo, { as: "p", color: "gray", mb: "2", weight: "bold", children: question.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces", lineBreak: "anywhere" }, children: value || "(\uBBF8 \uC751\uB2F5)" })
         ] })
       ]
     },
@@ -1105,7 +1128,7 @@ var renderReviewContent = (args) => {
 };
 function StartReview({ onStart }) {
   const { curriculum, reviewContents, sectionTitle, done, formik } = useCurriculumReviewContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_themes4.Flex,
     {
       align: "center",
@@ -1113,7 +1136,7 @@ function StartReview({ onStart }) {
       height: "100%",
       justify: "center",
       width: "100%",
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         import_themes4.Flex,
         {
           align: "center",
@@ -1126,21 +1149,21 @@ function StartReview({ onStart }) {
           px: { initial: "4", sm: "0" },
           width: "100%",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typo, { color: "gray", mb: "1", children: curriculum.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Heading2, { variant: "heading3", children: reviewContents.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes8.Separator, { my: "4", style: { width: 100 } }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Typo, { align: "left", as: "p", color: "gray", mb: "4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typo, { as: "span", weight: "bold", children: sectionTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typo, { color: "gray", mb: "1", children: curriculum.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Heading2, { variant: "heading3", children: reviewContents.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes8.Separator, { my: "4", style: { width: 100 } }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Typo, { align: "left", as: "p", color: "gray", mb: "4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typo, { as: "span", weight: "bold", children: sectionTitle }),
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typo, { children: reviewContents.description })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typo, { children: reviewContents.description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes2.Box, { mb: "5", overflowY: "auto", width: "100%", children: reviewContents.questions.map((question) => {
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes2.Box, { mb: "5", overflowY: "auto", width: "100%", children: reviewContents.questions.map((question) => {
               if (done) {
                 return renderReviewContent({ question, answer: formik.values.answers[question.uuid] });
               }
               return renderPreviewContent({ question });
             }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { color: "yellow", onClick: onStart, variant: done ? "outline" : "solid", children: done ? "\uB098\uC758 \uC751\uB2F5 \uC218\uC815\uD558\uAE30" : reviewContents.buttonTitle })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, { color: "yellow", onClick: onStart, variant: done ? "outline" : "solid", children: done ? "\uB098\uC758 \uC751\uB2F5 \uC218\uC815\uD558\uAE30" : reviewContents.buttonTitle })
           ]
         }
       )