@tipp/ui 2.3.23 → 2.3.24

package/dist/molecules/ghost-post.js

@@ -1,13 +1,13 @@
 import {
   GhostPost
-} from "../chunk-UH6Q3TEK.js";
+} from "../chunk-5JQOU3IR.js";
 import "../chunk-7FKRQQYK.js";
+import "../chunk-BESTU2AY.js";
+import "../chunk-4Y5BEXVN.js";
+import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
-import "../chunk-4Y5BEXVN.js";
-import "../chunk-BESTU2AY.js";
-import "../chunk-LDBWASUA.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   GhostPost

package/dist/molecules/index.cjs

@@ -2603,6 +2603,58 @@ function getCalloutIconComponent(iconName) {
   return (_a = iconByName[iconName]) != null ? _a : DEFAULT_ICON;
 }
 
+// src/utils/get-dynamic-form-display-value.ts
+function isEmptyDisplayValue(value) {
+  return value === void 0 || value === null || value === "";
+}
+function findOptionLabel(options, value) {
+  const valueString = String(value);
+  const found = options.find(
+    (option) => String(option.value) === valueString
+  );
+  return found == null ? void 0 : found.label;
+}
+function joinLabelsOrValues(options, values) {
+  const labels = values.map((v) => {
+    const label = findOptionLabel(options, v);
+    return label != null ? label : String(v);
+  });
+  return labels.join(", ");
+}
+function getDynamicFormDisplayValue(field, value) {
+  if (isEmptyDisplayValue(value)) return "";
+  switch (field.type) {
+    case "dropdown":
+    case "choice":
+    case "radio_cards": {
+      const label = findOptionLabel(field.options, value);
+      return label != null ? label : String(value);
+    }
+    case "image_radio_card": {
+      const label = findOptionLabel(field.options, value);
+      return label != null ? label : String(value);
+    }
+    case "choices": {
+      if (Array.isArray(value)) {
+        return joinLabelsOrValues(field.options, value);
+      }
+      const label = findOptionLabel(field.options, value);
+      return label != null ? label : String(value);
+    }
+    case "yes_no": {
+      if (value === true || value === "true" || value === "yes") return "\uB3D9\uC758";
+      if (value === false || value === "false" || value === "no") return "\uBE44\uB3D9\uC758";
+      return String(value);
+    }
+    case "short_text":
+    case "long_text":
+    case "number":
+    case "email":
+    default:
+      return String(value);
+  }
+}
+
 // src/molecules/time-select.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var getOptionValue = (date, timeValue) => {
@@ -5487,12 +5539,6 @@ function createYupValidation(field, validation) {
 function isRecord2(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
-function isFieldOption2(value) {
-  if (!isRecord2(value)) return false;
-  const label = value.label;
-  const optionValue = value.value;
-  return typeof label === "string" && (typeof optionValue === "string" || typeof optionValue === "number");
-}
 function DynamicFormResponseItem({
   payload,
   questionType,
@@ -5502,47 +5548,24 @@ function DynamicFormResponseItem({
   if (value === void 0 || value === null || value === "") {
     return "\uC751\uB2F5 \uC5C6\uC74C";
   }
-  const getOptions2 = (fieldConfig) => {
-    if (!isRecord2(fieldConfig)) return void 0;
-    const options2 = fieldConfig.options;
-    if (!Array.isArray(options2)) return void 0;
-    if (!options2.every(isFieldOption2)) return void 0;
-    return options2;
-  };
-  const options = getOptions2(config);
+  if (config) {
+    const displayValue = getDynamicFormDisplayValue(config, value);
+    return displayValue === "" ? "\uC751\uB2F5 \uC5C6\uC74C" : displayValue;
+  }
   switch (questionType) {
     case "text":
     case "textarea":
       return String(value);
     case "radio":
     case "select":
-    case "choice":
-    case "radio_cards":
-    case "image_radio_card":
-      if (options) {
-        const option = options.find((opt) => String(opt.value) === String(value));
-        return option ? option.label : String(value);
-      }
       return String(value);
     case "checkbox":
     case "choices":
       if (Array.isArray(value)) {
-        if (options) {
-          return value.map((val) => {
-            const option = options.find(
-              (opt) => String(opt.value) === String(val)
-            );
-            return option ? option.label : String(val);
-          }).join(", ");
-        }
-        return value.join(", ");
+        return value.map((v) => String(v)).join(", ");
       }
       return String(value);
     case "rating":
-      if (options) {
-        const option = options.find((opt) => opt.value === value);
-        return option ? option.label : String(value);
-      }
       return String(value);
     case "number":
       return String(value);