@tipp/ui 2.3.21 → 2.3.23

package/dist/app/platform/report-card.js

@@ -1,38 +1,41 @@
 import {
   ReportCard
-} from "../../chunk-YLFGGCST.js";
+} from "../../chunk-L5SQIVFO.js";
 import "../../chunk-HBF6IIVZ.js";
-import "../../chunk-QDC3LFHS.js";
+import "../../chunk-EEKOTWBE.js";
+import "../../chunk-5H3YPCZK.js";
+import "../../chunk-FR2GDOU2.js";
+import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
 import "../../chunk-5XYPLDI5.js";
 import "../../chunk-6NPTJBFE.js";
-import "../../chunk-EEKOTWBE.js";
+import "../../chunk-6IVCARWS.js";
+import "../../chunk-6DJOIRMF.js";
+import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
 import "../../chunk-X2GMDZ7M.js";
 import "../../chunk-HYITAA4J.js";
-import "../../chunk-5H3YPCZK.js";
-import "../../chunk-FR2GDOU2.js";
-import "../../chunk-74DX4CU7.js";
-import "../../chunk-JIJLOKVN.js";
-import "../../chunk-FG3WT6OL.js";
+import "../../chunk-XQOL7UBI.js";
+import "../../chunk-TULWX7D6.js";
+import "../../chunk-DHZVOXFM.js";
+import "../../chunk-WV2HN6H4.js";
+import "../../chunk-ZKFNOCWD.js";
 import "../../chunk-5AVBYDPB.js";
 import "../../chunk-365QMK4D.js";
 import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
-import "../../chunk-6DJOIRMF.js";
-import "../../chunk-FPD73OHW.js";
+import "../../chunk-2DZ2Y3JI.js";
+import "../../chunk-VRJR534I.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-O3T3TM3V.js";
-import "../../chunk-XQOL7UBI.js";
-import "../../chunk-TULWX7D6.js";
-import "../../chunk-DHZVOXFM.js";
+import "../../chunk-OHMOP5PV.js";
+import "../../chunk-NFDQJVFA.js";
+import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
-import "../../chunk-AH4A53SZ.js";
-import "../../chunk-BESTU2AY.js";
+import "../../chunk-JQ7VQ5SB.js";
 import "../../chunk-EEAHZCIK.js";
 import "../../chunk-645GPOW2.js";
 import "../../chunk-U7N2PWMO.js";
@@ -41,30 +44,24 @@ import "../../chunk-HF6GNDPV.js";
 import "../../chunk-D4U2MCJG.js";
 import "../../chunk-Y4U24VXI.js";
 import "../../chunk-3NUQAVE6.js";
-import "../../chunk-PT57HCAI.js";
-import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-ZOPYFDLO.js";
+import "../../chunk-QRI6ARS6.js";
+import "../../chunk-25HMMI7R.js";
+import "../../chunk-ZVDAEY5Q.js";
+import "../../chunk-LQY4RKWI.js";
+import "../../chunk-ZD7MNMED.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-RP2RGCAW.js";
 import "../../chunk-MIMJ7LON.js";
 import "../../chunk-W7X7KSJP.js";
 import "../../chunk-VYCYVN3L.js";
-import "../../chunk-OHMOP5PV.js";
-import "../../chunk-NFDQJVFA.js";
-import "../../chunk-Q37G2GS6.js";
+import "../../chunk-J242TTFH.js";
+import "../../chunk-EAXUQEO5.js";
 import "../../chunk-6SYFG6YY.js";
 import "../../chunk-K36TPMKL.js";
 import "../../chunk-U3BQT7ZO.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
-import "../../chunk-Z34HR7RE.js";
-import "../../chunk-PMJIFLDT.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-25HMMI7R.js";
-import "../../chunk-ZVDAEY5Q.js";
-import "../../chunk-LQY4RKWI.js";
-import "../../chunk-ZD7MNMED.js";
-import "../../chunk-W5TPOFOO.js";
+import "../../chunk-LTEJYJUM.js";
 import "../../chunk-VD7AQ7HK.js";
 import "../../chunk-ZQE7SP6P.js";
 import "../../chunk-R6ARPREO.js";
@@ -80,8 +77,11 @@ import "../../chunk-YSYJCYHY.js";
 import "../../chunk-5OM2H6RI.js";
 import "../../chunk-ZUYCXCPW.js";
 import "../../chunk-YVFNJE4E.js";
-import "../../chunk-J242TTFH.js";
-import "../../chunk-EAXUQEO5.js";
+import "../../chunk-PT57HCAI.js";
+import "../../chunk-QDC3LFHS.js";
+import "../../chunk-BESTU2AY.js";
+import "../../chunk-PMJIFLDT.js";
+import "../../chunk-LDBWASUA.js";
 import "../../chunk-CRTRMMJ7.js";
 export {
   ReportCard

package/dist/app/platform/reservation-card.cjs

@@ -62,7 +62,7 @@ __export(reservation_card_exports, {
   ReservationCard: () => ReservationCard
 });
 module.exports = __toCommonJS(reservation_card_exports);
-var import_react47 = require("react");
+var import_react50 = require("react");
 var import_date_fns3 = require("date-fns");
 var import_locale2 = require("date-fns/locale");
 
@@ -1838,7 +1838,7 @@ function DatePickerButton(props) {
 var import_react32 = require("react");
 var import_date_fns2 = require("date-fns");
 
-// src/utils/getCalloutIconComponent.ts
+// src/utils/get-callout-icon-component.ts
 var AI_CALLOUT_ICON_OPTIONS = [
   { label: "Info", value: "InfoCircledIcon", Component: import_react_icons2.InfoCircledIcon },
   {
@@ -2052,22 +2052,44 @@ var import_react46 = require("react");
 var import_react_icons9 = require("@radix-ui/react-icons");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 
+// src/molecules/dynamic-form-editor.tsx
+var import_react49 = require("react");
+
+// src/molecules/dynamic-form-editor-field-editor-panel.tsx
+var import_react47 = require("react");
+var import_themes56 = require("@radix-ui/themes");
+var import_jsx_runtime93 = require("react/jsx-runtime");
+
+// src/molecules/dynamic-form-editor-field-list-panel.tsx
+var import_react48 = require("react");
+var import_themes57 = require("@radix-ui/themes");
+var import_jsx_runtime94 = require("react/jsx-runtime");
+
+// src/molecules/dynamic-form-editor-issues-panel.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime");
+
+// src/molecules/dynamic-form-editor-preview-panel.tsx
+var import_jsx_runtime96 = require("react/jsx-runtime");
+
+// src/molecules/dynamic-form-editor.tsx
+var import_jsx_runtime97 = require("react/jsx-runtime");
+
 // src/app/platform/on-offline-radio-card.tsx
 var import_react_icons10 = require("@radix-ui/react-icons");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var SERVICE_TYPE = {
   onlineCoaching: "onlineCoaching",
   offlineCoaching: "offlineCoaching"
 };
 var breakpoint = "sm";
 function HideSmallBox(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes6.Box, { display: { initial: "none", [breakpoint]: "block" }, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_themes6.Box, { display: { initial: "none", [breakpoint]: "block" }, children: props.children });
 }
 function OnOfflineRadioCard(props) {
   const Wrapper = props.response ? HideSmallBox : (p) => p.children;
   const columns = props.response ? { initial: "2", [breakpoint]: "1" } : "1";
   const justify = props.response ? { initial: "center", [breakpoint]: "between" } : "between";
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     RadioButtonCard.Root,
     __spreadProps(__spreadValues({
       RadioWrapper: Wrapper,
@@ -2076,13 +2098,13 @@ function OnOfflineRadioCard(props) {
       justify
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons10.GlobeIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { children: "\uC628\uB77C\uC778" })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_icons10.GlobeIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Typo, { children: "\uC628\uB77C\uC778" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons10.BackpackIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { children: "\uC624\uD504\uB77C\uC778" })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react_icons10.BackpackIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Typo, { children: "\uC624\uD504\uB77C\uC778" })
         ] }) })
       ]
     })
@@ -2090,7 +2112,7 @@ function OnOfflineRadioCard(props) {
 }
 
 // src/app/platform/reservation-card.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function ReservationCard(props) {
   const {
     sessionNumber,
@@ -2105,29 +2127,29 @@ function ReservationCard(props) {
     onClickCancel,
     onClickCompleteSession
   } = props;
-  const [editValues, setEditValues] = (0, import_react47.useState)({
+  const [editValues, setEditValues] = (0, import_react50.useState)({
     date: props.defaultTime,
     type: props.defaultType
   });
   const date = readonly ? defaultTime : editValues.date;
   const type = readonly ? defaultType : editValues.type;
-  const onClickSave = (0, import_react47.useCallback)(() => {
+  const onClickSave = (0, import_react50.useCallback)(() => {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, editValues);
   }, [editValues, props]);
-  const onClickReset = (0, import_react47.useCallback)(() => {
+  const onClickReset = (0, import_react50.useCallback)(() => {
     setEditValues({
       date: defaultTime,
       type: defaultType
     });
   }, [defaultTime, defaultType]);
-  const ActionButtons = (0, import_react47.useMemo)(() => {
+  const ActionButtons = (0, import_react50.useMemo)(() => {
     if (readonly) {
-      return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: defaultTime && defaultType ? "\uC608\uC57D \uC218\uC815\uD558\uAE30" : "\uC608\uC57D\uD558\uAE30" });
+      return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: defaultTime && defaultType ? "\uC608\uC57D \uC218\uC815\uD558\uAE30" : "\uC608\uC57D\uD558\uAE30" });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons2.Cross1Icon, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_icons2.Cross1Icon, {}) });
   }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
-  const onChangeDate = (0, import_react47.useCallback)((newDate) => {
+  const onChangeDate = (0, import_react50.useCallback)((newDate) => {
     if (!newDate) return;
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
@@ -2135,17 +2157,17 @@ function ReservationCard(props) {
       });
     });
   }, []);
-  const onChangeType = (0, import_react47.useCallback)((newType) => {
+  const onChangeType = (0, import_react50.useCallback)((newType) => {
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
         type: newType
       });
     });
   }, []);
-  const formatDate = (0, import_react47.useCallback)((v) => {
+  const formatDate = (0, import_react50.useCallback)((v) => {
     return (0, import_date_fns3.format)(v, "yyyy\uB144 MM\uC6D4 dd\uC77C(EEE) aa h:mm", { locale: import_locale2.ko });
   }, []);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!minTime || !editValues.date || readonly) return;
     if (editValues.date < minTime) {
       import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
@@ -2156,7 +2178,7 @@ function ReservationCard(props) {
       });
     }
   }, [editValues, minTime, readonly]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!maxTime || !editValues.date || readonly) return;
     if (editValues.date > maxTime) {
       import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
@@ -2167,39 +2189,39 @@ function ReservationCard(props) {
       });
     }
   }, [editValues, maxTime, readonly]);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     Card,
     {
       error: Boolean(error),
       size: "3",
       style: { overflow: "visible", contain: "initial" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes22.Flex, { gap: "3", justify: "between", mb: "5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { gap: "3", justify: "between", mb: "5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
             import_themes23.Grid,
             {
               align: "center",
               columns: { initial: "1", xs: "auto 1fr" },
               gapY: "2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes22.Flex, { align: "center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Heading2, { variant: "heading4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { align: "center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Heading2, { variant: "heading4", children: [
                     customerName || "-",
                     "\uB2D8 ",
                     sessionNumber || "-",
                     "\uD68C\uCC28 \uC138\uC158"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Badge, { ml: "2", children: "\uB2E4\uC74C \uC138\uC158" })
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Badge, { ml: "2", children: "\uB2E4\uC74C \uC138\uC158" })
                 ] }),
-                error ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(BulletText, { color: "red", variant: "caption", children: error }) : null
+                error ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(BulletText, { color: "red", variant: "caption", children: error }) : null
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes22.Flex, { children: ActionButtons })
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes22.Flex, { children: ActionButtons })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             DatePickerButton,
             {
               disabled: readonly,
@@ -2213,8 +2235,8 @@ function ReservationCard(props) {
               size: "large"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             OnOfflineRadioCard,
             {
               disabled: readonly,
@@ -2223,8 +2245,8 @@ function ReservationCard(props) {
               value: type
             }
           ),
-          readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+          readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               Button,
               {
                 color: "gray",
@@ -2234,10 +2256,10 @@ function ReservationCard(props) {
                 children: "\uCD08\uAE30\uD654\uD558\uAE30"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
           ] })
         ] }) }),
-        readonly ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_themes25.Inset, { clip: "border-box", side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        readonly ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_themes25.Inset, { clip: "border-box", side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           import_themes6.Box,
           {
             mt: "5",
@@ -2245,14 +2267,14 @@ function ReservationCard(props) {
             py: "4",
             style: { backgroundColor: "var(--accent-a3)" },
             width: "100%",
-            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_themes22.Flex, { align: "center", gap: "4", justify: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Typo, { children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_themes22.Flex, { align: "center", gap: "4", justify: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Typo, { children: [
                 sessionNumber || "-",
                 "\uD68C\uCC28 \uC138\uC158\uC744 \uC644\uB8CC\uD558\uC168\uB098\uC694?"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Button, { onClick: onClickCompleteSession, size: "small", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Button, { onClick: onClickCompleteSession, size: "small", children: [
                 "\uC138\uC158 \uC885\uB8CC\uD558\uAE30",
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_icons2.ArrowRightIcon, {})
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_icons2.ArrowRightIcon, {})
               ] })
             ] })
           }