@tipp/ui 2.3.25 → 2.3.28

package/dist/chunk-7BLUAQBV.js

@@ -1,233 +0,0 @@
-import {
-  Popover
-} from "./chunk-5AVBYDPB.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  IconButton
-} from "./chunk-XK6VEVOK.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 {
-  ChevronLeftIcon,
-  ChevronRightIcon
-} from "./chunk-R7IT4TCD.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/molecules/date-picker/index.tsx
-import { forwardRef, useMemo, useState, useEffect, useRef } from "react";
-import ReactDatePicker from "react-datepicker";
-import { ko } from "date-fns/locale";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DatePicker = forwardRef(
-  (props, ref) => {
-    const _a = props, { fullWidth } = _a, rest = __objRest(_a, ["fullWidth"]);
-    const fullWidthClassName = fullWidth ? "full-width" : "";
-    const [isYearDropdownOpen, setIsYearDropdownOpen] = useState(false);
-    const [isMonthDropdownOpen, setIsMonthDropdownOpen] = useState(false);
-    const renderCustomHeader = useMemo(() => {
-      const getYears = () => {
-        const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-        return Array.from(
-          { length: currentYear + 5 - 1920 },
-          (_, index) => 1920 + index
-        ).filter((year) => {
-          if (props.minDate && year < props.minDate.getFullYear()) {
-            return false;
-          }
-          if (props.maxDate && year > props.maxDate.getFullYear()) {
-            return false;
-          }
-          return true;
-        });
-      };
-      return getRenderCustomHeader(__spreadProps(__spreadValues({}, props), {
-        years: getYears(),
-        isYearDropdownOpen,
-        setIsYearDropdownOpen,
-        isMonthDropdownOpen,
-        setIsMonthDropdownOpen
-      }));
-    }, [isMonthDropdownOpen, isYearDropdownOpen, props]);
-    return /* @__PURE__ */ jsx(Flex, { p: "0", width: "100%", children: /* @__PURE__ */ jsx(
-      ReactDatePicker,
-      __spreadProps(__spreadValues({
-        dateFormat: "yyyy/MM/dd h:mm aa",
-        formatWeekDay: (nameOfDay) => {
-          return nameOfDay[0];
-        },
-        locale: ko,
-        nextMonthButtonLabel: "\uB2E4\uC74C \uB2EC",
-        placeholderText: "YYYY/MM/DD hh:mm AM/PM",
-        popperProps: { strategy: "fixed" },
-        previousMonthButtonLabel: "\uC774\uC804 \uB2EC",
-        ref,
-        renderCustomHeader,
-        showPopperArrow: false,
-        timeCaption: "\uC2DC\uAC04",
-        timeFormat: "aa h:mm",
-        timeIntervals: 10
-      }, rest), {
-        calendarClassName: `tipp_datePicker_calendar ${rest.calendarClassName || ""}`,
-        wrapperClassName: `tipp_datePicker ${fullWidthClassName} ${rest.wrapperClassName || ""}`
-      })
-    ) });
-  }
-);
-DatePicker.displayName = "DatePicker";
-function DropdownSelector({
-  isOpen,
-  onOpenChange,
-  onSelect,
-  options,
-  selectedValue,
-  suffix
-}) {
-  const scrollContainerRef = useRef(null);
-  useEffect(() => {
-    if (isOpen) {
-      queueMicrotask(() => {
-        var _a;
-        const item = (_a = scrollContainerRef.current) == null ? void 0 : _a.querySelector(
-          `[data-year-month-dropdown-tiem="${selectedValue}"]`
-        );
-        if (item) {
-          item.scrollIntoView({ behavior: "instant" });
-        }
-      });
-    }
-  }, [isOpen]);
-  return /* @__PURE__ */ jsxs(Popover.Root, { modal: true, onOpenChange, open: isOpen, children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx(Button, { className: "react-datepicker_dropdown_header", variant: "ghost", children: /* @__PURE__ */ jsxs(Heading, { variant: "heading4", weight: "regular", children: [
-      selectedValue,
-      suffix
-    ] }) }) }),
-    /* @__PURE__ */ jsx(Popover.Content, { side: "bottom", children: /* @__PURE__ */ jsx(
-      Box,
-      {
-        maxHeight: "200px",
-        overflowY: "auto",
-        ref: scrollContainerRef,
-        style: { scrollbarWidth: "none" },
-        children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "react-datepicker_dropdown_item",
-            color: "gray",
-            "data-year-month-dropdown-tiem": item,
-            onClick: () => {
-              onSelect(item);
-            },
-            onMouseDown: (e) => {
-              e.stopPropagation();
-              e.preventDefault();
-            },
-            variant: "transparent",
-            children: /* @__PURE__ */ jsxs(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
-              item,
-              suffix
-            ] })
-          },
-          item
-        )) })
-      }
-    ) })
-  ] });
-}
-var getRenderCustomHeader = (props) => {
-  const renderer = (renderCustomHeaderProps) => {
-    const {
-      date,
-      decreaseMonth,
-      increaseMonth,
-      prevMonthButtonDisabled,
-      nextMonthButtonDisabled,
-      changeYear,
-      changeMonth
-    } = renderCustomHeaderProps;
-    const {
-      years,
-      isYearDropdownOpen,
-      setIsYearDropdownOpen,
-      isMonthDropdownOpen,
-      setIsMonthDropdownOpen
-    } = props;
-    const year = date ? new Date(date).getFullYear() : "-";
-    const month = date ? new Date(date).getMonth() + 1 : "-";
-    return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          className: "react-datepicker_dropdown_header",
-          disabled: prevMonthButtonDisabled,
-          onClick: decreaseMonth,
-          type: "button",
-          variant: "ghost",
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-        }
-      ),
-      /* @__PURE__ */ jsxs(Flex, { gap: "3", children: [
-        /* @__PURE__ */ jsx(
-          DropdownSelector,
-          {
-            isOpen: isYearDropdownOpen,
-            onOpenChange: setIsYearDropdownOpen,
-            onSelect: (value) => {
-              changeYear(value);
-              setIsYearDropdownOpen(false);
-            },
-            options: years,
-            selectedValue: year,
-            suffix: "\uB144"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DropdownSelector,
-          {
-            isOpen: isMonthDropdownOpen,
-            onOpenChange: setIsMonthDropdownOpen,
-            onSelect: (value) => {
-              changeMonth(value - 1);
-              setIsMonthDropdownOpen(false);
-            },
-            options: Array.from({ length: 12 }, (_, index) => index + 1),
-            selectedValue: month,
-            suffix: "\uC6D4"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          className: "react-datepicker_dropdown_header",
-          disabled: nextMonthButtonDisabled,
-          onClick: increaseMonth,
-          type: "button",
-          variant: "ghost",
-          children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
-        }
-      )
-    ] });
-  };
-  return renderer;
-};
-
-export {
-  DatePicker
-};
-//# sourceMappingURL=chunk-7BLUAQBV.js.map

package/dist/chunk-7BLUAQBV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/date-picker/index.tsx"],"sourcesContent":["import type { ElementRef } from 'react';\nimport React, { forwardRef, useMemo, useState, useEffect, useRef } from 'react';\nimport type { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';\nimport ReactDatePicker from 'react-datepicker';\nimport { ko } from 'date-fns/locale';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Popover } from '@/atoms/popover';\nimport { Typo } from '@/atoms/typo';\nimport { IconButton } from '../../atoms/icon-button';\nimport { Flex } from '../../atoms/flex';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../icon';\nimport { Heading } from '../../atoms/heading';\n\nexport type DatePickerProps = ReactDatePickerProps & {\n  fullWidth?: boolean;\n};\ntype DatePickerRef = ElementRef<typeof ReactDatePicker>;\n\nexport const DatePicker = forwardRef<DatePickerRef, DatePickerProps>(\n  (props, ref): React.ReactNode => {\n    const { fullWidth, ...rest } = props;\n    const fullWidthClassName = fullWidth ? 'full-width' : '';\n    const [isYearDropdownOpen, setIsYearDropdownOpen] = useState(false);\n    const [isMonthDropdownOpen, setIsMonthDropdownOpen] = useState(false);\n\n    const renderCustomHeader = useMemo(() => {\n      const getYears = (): number[] => {\n        const currentYear = new Date().getFullYear();\n        return Array.from(\n          { length: currentYear + 5 - 1920 },\n          (_, index) => 1920 + index\n        ).filter((year) => {\n          if (props.minDate && year < props.minDate.getFullYear()) {\n            return false;\n          }\n          if (props.maxDate && year > props.maxDate.getFullYear()) {\n            return false;\n          }\n          return true;\n        });\n      };\n\n      return getRenderCustomHeader({\n        ...props,\n        years: getYears(),\n        isYearDropdownOpen,\n        setIsYearDropdownOpen,\n        isMonthDropdownOpen,\n        setIsMonthDropdownOpen,\n      });\n    }, [isMonthDropdownOpen, isYearDropdownOpen, props]);\n\n    return (\n      <Flex p=\"0\" width=\"100%\">\n        <ReactDatePicker\n          dateFormat=\"yyyy/MM/dd h:mm aa\"\n          formatWeekDay={(nameOfDay) => {\n            return nameOfDay[0];\n          }}\n          locale={ko}\n          nextMonthButtonLabel=\"다음 달\"\n          placeholderText=\"YYYY/MM/DD hh:mm AM/PM\"\n          popperProps={{ strategy: 'fixed' }}\n          previousMonthButtonLabel=\"이전 달\"\n          ref={ref}\n          renderCustomHeader={renderCustomHeader}\n          showPopperArrow={false}\n          timeCaption=\"시간\"\n          timeFormat=\"aa h:mm\"\n          timeIntervals={10}\n          {...rest}\n          calendarClassName={`tipp_datePicker_calendar ${rest.calendarClassName || ''}`}\n          wrapperClassName={`tipp_datePicker ${fullWidthClassName} ${rest.wrapperClassName || ''}`}\n        />\n      </Flex>\n    );\n  }\n);\n\nDatePicker.displayName = 'DatePicker';\n\ninterface DropdownSelectorProps {\n  isOpen: boolean;\n  onOpenChange: (open: boolean) => void;\n  onSelect: (value: number) => void;\n  options: number[];\n  selectedValue: number | string;\n  suffix: string;\n}\n\nfunction DropdownSelector({\n  isOpen,\n  onOpenChange,\n  onSelect,\n  options,\n  selectedValue,\n  suffix,\n}: DropdownSelectorProps): React.JSX.Element {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (isOpen) {\n      queueMicrotask(() => {\n        const item = scrollContainerRef.current?.querySelector(\n          `[data-year-month-dropdown-tiem=\"${selectedValue}\"]`\n        );\n        if (item) {\n          item.scrollIntoView({ behavior: 'instant' });\n        }\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- 트리거 최적화\n  }, [isOpen]);\n\n  return (\n    <Popover.Root modal onOpenChange={onOpenChange} open={isOpen}>\n      <Popover.Trigger>\n        <Button className=\"react-datepicker_dropdown_header\" variant=\"ghost\">\n          <Heading variant=\"heading4\" weight=\"regular\">\n            {selectedValue}\n            {suffix}\n          </Heading>\n        </Button>\n      </Popover.Trigger>\n      <Popover.Content side=\"bottom\">\n        <Box\n          maxHeight=\"200px\"\n          overflowY=\"auto\"\n          ref={scrollContainerRef}\n          style={{ scrollbarWidth: 'none' }}\n        >\n          <Flex direction=\"column\" gap=\"1\">\n            {options.map((item: number) => (\n              <Button\n                className=\"react-datepicker_dropdown_item\"\n                color=\"gray\"\n                data-year-month-dropdown-tiem={item}\n                key={item}\n                onClick={() => {\n                  onSelect(item);\n                }}\n                onMouseDown={(e) => {\n                  e.stopPropagation();\n                  e.preventDefault();\n                }}\n                variant=\"transparent\"\n              >\n                <Typo weight={item === selectedValue ? 'bold' : undefined}>\n                  {item}\n                  {suffix}\n                </Typo>\n              </Button>\n            ))}\n          </Flex>\n        </Box>\n      </Popover.Content>\n    </Popover.Root>\n  );\n}\n\nconst getRenderCustomHeader: (\n  props: ReactDatePickerProps & {\n    years: number[];\n    isYearDropdownOpen: boolean;\n    setIsYearDropdownOpen: (show: boolean) => void;\n    isMonthDropdownOpen: boolean;\n    setIsMonthDropdownOpen: (show: boolean) => void;\n  }\n) => ReactDatePickerProps['renderCustomHeader'] = (props) => {\n  const renderer: ReactDatePickerProps['renderCustomHeader'] = (\n    renderCustomHeaderProps\n  ) => {\n    const {\n      date,\n      decreaseMonth,\n      increaseMonth,\n      prevMonthButtonDisabled,\n      nextMonthButtonDisabled,\n      changeYear,\n      changeMonth,\n    } = renderCustomHeaderProps;\n    const {\n      years,\n      isYearDropdownOpen,\n      setIsYearDropdownOpen,\n      isMonthDropdownOpen,\n      setIsMonthDropdownOpen,\n    } = props;\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- date가 undefined일 수 있음\n    const year = date ? new Date(date).getFullYear() : '-';\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- date가 undefined일 수 있음\n    const month = date ? new Date(date).getMonth() + 1 : '-';\n\n    return (\n      <Flex align=\"center\" justify=\"between\" pl=\"2\" pr=\"2\">\n        <IconButton\n          className=\"react-datepicker_dropdown_header\"\n          disabled={prevMonthButtonDisabled}\n          onClick={decreaseMonth}\n          type=\"button\"\n          variant=\"ghost\"\n        >\n          <ChevronLeftIcon />\n        </IconButton>\n        <Flex gap=\"3\">\n          <DropdownSelector\n            isOpen={isYearDropdownOpen}\n            onOpenChange={setIsYearDropdownOpen}\n            onSelect={(value) => {\n              changeYear(value);\n              setIsYearDropdownOpen(false);\n            }}\n            options={years}\n            selectedValue={year}\n            suffix=\"년\"\n          />\n          <DropdownSelector\n            isOpen={isMonthDropdownOpen}\n            onOpenChange={setIsMonthDropdownOpen}\n            onSelect={(value) => {\n              changeMonth(value - 1);\n              setIsMonthDropdownOpen(false);\n            }}\n            options={Array.from({ length: 12 }, (_, index) => index + 1)}\n            selectedValue={month}\n            suffix=\"월\"\n          />\n        </Flex>\n\n        <IconButton\n          className=\"react-datepicker_dropdown_header\"\n          disabled={nextMonthButtonDisabled}\n          onClick={increaseMonth}\n          type=\"button\"\n          variant=\"ghost\"\n        >\n          <ChevronRightIcon />\n        </IconButton>\n      </Flex>\n    );\n  };\n  return renderer;\n};\n\n// DatePicker.displayName = 'DatePicker';\n"],"mappings":"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","names":[]}

package/dist/chunk-7BTOFCXZ.js

@@ -1,43 +0,0 @@
-import {
-  getCurriculumIcon,
-  getCurriculumQuestionIconColor
-} from "./chunk-UOYMF4WS.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ReviewQuestionContentHeader({
-  type,
-  title,
-  question,
-  icon
-}) {
-  const Icon = getCurriculumIcon({ type, icon });
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Flex, { gap: "2", mb: "3", children: [
-      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
-        Icon,
-        {
-          color: getCurriculumQuestionIconColor(type),
-          height: "16",
-          width: "16"
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title })
-    ] }),
-    /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", children: question })
-  ] });
-}
-
-export {
-  ReviewQuestionContentHeader
-};
-//# sourceMappingURL=chunk-7BTOFCXZ.js.map

package/dist/chunk-7BTOFCXZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@/atoms/box';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { getCurriculumIcon , getCurriculumQuestionIconColor } from '@/utils/curriculum.utils';\n\ninterface ReviewQuestionContentHeaderProps {\n  type: string;\n  title: string;\n  question: string;\n  icon?: string;\n}\n\nexport function ReviewQuestionContentHeader({\n  type,\n  title,\n  question,\n  icon,\n}: ReviewQuestionContentHeaderProps): React.ReactNode {\n  const Icon = getCurriculumIcon({ type, icon });\n\n  return (\n    <Box>\n      <Flex gap=\"2\" mb=\"3\">\n        <Box>\n          <Icon\n            color={getCurriculumQuestionIconColor(type)}\n            height=\"16\"\n            width=\"16\"\n          />\n        </Box>\n        <Typo color=\"gray\" weight=\"bold\">\n          {title}\n        </Typo>\n      </Flex>\n      <Typo as=\"p\" color=\"gray\">\n        {question}\n      </Typo>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBM,SAEI,KAFJ;AAVC,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,OAAO,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAE7C,SACE,qBAAC,OACC;AAAA,yBAAC,QAAK,KAAI,KAAI,IAAG,KACf;AAAA,0BAAC,OACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,+BAA+B,IAAI;AAAA,UAC1C,QAAO;AAAA,UACP,OAAM;AAAA;AAAA,MACR,GACF;AAAA,MACA,oBAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,OACF;AAAA,IACA,oBAAC,QAAK,IAAG,KAAI,OAAM,QAChB,oBACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-7CQX7ELH.js

@@ -1,69 +0,0 @@
-import {
-  curriculum_ai_traning_default
-} from "./chunk-ZOITFRX7.js";
-import {
-  curriculum_file_download_default
-} from "./chunk-PEFP2QUH.js";
-import {
-  curriculum_review_default
-} from "./chunk-X6K6AM4D.js";
-import {
-  curriculum_video_default
-} from "./chunk-QGKQ3IX7.js";
-import {
-  useCurriculumContext
-} from "./chunk-Y7SJF3Y3.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  InfoCircledIcon
-} from "./chunk-LTEJYJUM.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 });
-    case "fileDownload":
-      return /* @__PURE__ */ jsx(curriculum_file_download_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-7CQX7ELH.js.map

package/dist/chunk-7CQX7ELH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { InfoCircledIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumVideo from './curriculum-video';\nimport CurriculumReview from './curriculum-review';\nimport CurriculumAiTraning from './curriculum-ai-traning';\nimport CurriculumFileDownload from './curriculum-file-download';\n\nexport function CurriculumBody(): React.ReactNode {\n  const { selectedItem, selectedSectionTitle } = useCurriculumContext();\n\n  switch (selectedItem.type) {\n    case 'video':\n      return <CurriculumVideo item={selectedItem} />;\n    case 'review':\n      return (\n        <CurriculumReview\n          item={selectedItem}\n          sectionTitle={selectedSectionTitle?.title}\n        />\n      );\n    case 'aiTraining':\n      return <CurriculumAiTraning item={selectedItem} />;\n    case 'fileDownload':\n      return <CurriculumFileDownload item={selectedItem} />;\n    default:\n      return (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"2\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <InfoCircledIcon height={24} width={24} />\n          <Typo>컨텐츠를 로딩 할 수 없습니다</Typo>\n          <Typo align=\"center\" color=\"gray\" variant=\"caption\">\n            {`[debug info]\n            ${JSON.stringify(selectedItem)}`}\n          </Typo>\n        </Flex>\n      );\n  }\n} "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAea,cAcL,YAdK;AALN,SAAS,iBAAkC;AAChD,QAAM,EAAE,cAAc,qBAAqB,IAAI,qBAAqB;AAEpE,UAAQ,aAAa,MAAM;AAAA,IACzB,KAAK;AACH,aAAO,oBAAC,4BAAgB,MAAM,cAAc;AAAA,IAC9C,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,cAAc,6DAAsB;AAAA;AAAA,MACtC;AAAA,IAEJ,KAAK;AACH,aAAO,oBAAC,iCAAoB,MAAM,cAAc;AAAA,IAClD,KAAK;AACH,aAAO,oBAAC,oCAAuB,MAAM,cAAc;AAAA,IACrD;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,mBAAgB,QAAQ,IAAI,OAAO,IAAI;AAAA,YACxC,oBAAC,QAAK,0FAAgB;AAAA,YACtB,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,SAAQ,WACvC;AAAA,cACC,KAAK,UAAU,YAAY,CAAC,IAChC;AAAA;AAAA;AAAA,MACF;AAAA,EAEN;AACF;","names":[]}

package/dist/chunk-7CRTGYJE.js

@@ -1,80 +0,0 @@
-// src/molecules/dynamic-form-response-item.tsx
-function isRecord(value) {
-  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
-}
-function isFieldOption(value) {
-  if (!isRecord(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,
-  config
-}) {
-  const value = isRecord(payload) && "value" in payload ? payload.value : payload;
-  if (value === void 0 || value === null || value === "") {
-    return "\uC751\uB2F5 \uC5C6\uC74C";
-  }
-  const getOptions = (fieldConfig) => {
-    if (!isRecord(fieldConfig)) return void 0;
-    const options2 = fieldConfig.options;
-    if (!Array.isArray(options2)) return void 0;
-    if (!options2.every(isFieldOption)) return void 0;
-    return options2;
-  };
-  const options = getOptions(config);
-  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 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);
-    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);
-    default:
-      return String(value);
-  }
-}
-
-export {
-  DynamicFormResponseItem
-};
-//# sourceMappingURL=chunk-7CRTGYJE.js.map

package/dist/chunk-7CRTGYJE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/dynamic-form-response-item.tsx"],"sourcesContent":["import type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\n\ninterface DynamicFormResponseItemProps {\n  payload: unknown;\n  questionType: string;\n  config?: DynamicFormFieldSchema;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction isFieldOption(value: unknown): value is { label: string; value: string | number } {\n  if (!isRecord(value)) return false;\n  const label = value.label;\n  const optionValue = value.value;\n  return (\n    typeof label === 'string' &&\n    (typeof optionValue === 'string' || typeof optionValue === 'number')\n  );\n}\n\nexport function DynamicFormResponseItem({\n  payload,\n  questionType,\n  config,\n}: DynamicFormResponseItemProps): string {\n  const value: unknown =\n    isRecord(payload) && 'value' in payload ? payload.value : payload;\n\n  // value가 없거나 빈 값인 경우\n  if (value === undefined || value === null || value === '') {\n    return '응답 없음';\n  }\n\n  // options가 있는 필드 타입들 확인\n  const getOptions = (\n    fieldConfig?: DynamicFormFieldSchema\n  ): { label: string; value: string | number }[] | undefined => {\n    if (!isRecord(fieldConfig)) return undefined;\n    const options = fieldConfig.options;\n    if (!Array.isArray(options)) return undefined;\n    if (!options.every(isFieldOption)) return undefined;\n    return options;\n  };\n\n  const options = getOptions(config);\n\n  switch (questionType) {\n    case 'text':\n    case 'textarea':\n      return String(value);\n    case 'radio':\n    case 'select':\n    case 'choice':\n    case 'radio_cards':\n    case 'image_radio_card':\n      if (options) {\n        const option = options.find((opt) => String(opt.value) === String(value));\n        return option ? option.label : String(value);\n      }\n      return String(value);\n    case 'checkbox':\n    case 'choices':\n      if (Array.isArray(value)) {\n        if (options) {\n          return value\n            .map((val) => {\n              const option = options.find(\n                (opt) => String(opt.value) === String(val)\n              );\n              return option ? option.label : String(val);\n            })\n            .join(', ');\n        }\n        return value.join(', ');\n      }\n      return String(value);\n    case 'rating':\n      if (options) {\n        const option = options.find((opt) => opt.value === value);\n        return option ? option.label : String(value);\n      }\n      return String(value);\n    case 'number':\n      return String(value);\n    case 'yes_no':\n      if (value === true || value === 'true' || value === 'yes') {\n        return '동의';\n      }\n      if (value === false || value === 'false' || value === 'no') {\n        return '비동의';\n      }\n      return String(value);\n    default:\n      return String(value);\n  }\n}\n"],"mappings":";AAQA,SAAS,SAAS,OAAkD;AAClE,SAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,cAAc,OAAoE;AACzF,MAAI,CAAC,SAAS,KAAK,EAAG,QAAO;AAC7B,QAAM,QAAQ,MAAM;AACpB,QAAM,cAAc,MAAM;AAC1B,SACE,OAAO,UAAU,aAChB,OAAO,gBAAgB,YAAY,OAAO,gBAAgB;AAE/D;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,GAAyC;AACvC,QAAM,QACJ,SAAS,OAAO,KAAK,WAAW,UAAU,QAAQ,QAAQ;AAG5D,MAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,IAAI;AACzD,WAAO;AAAA,EACT;AAGA,QAAM,aAAa,CACjB,gBAC4D;AAC5D,QAAI,CAAC,SAAS,WAAW,EAAG,QAAO;AACnC,UAAMA,WAAU,YAAY;AAC5B,QAAI,CAAC,MAAM,QAAQA,QAAO,EAAG,QAAO;AACpC,QAAI,CAACA,SAAQ,MAAM,aAAa,EAAG,QAAO;AAC1C,WAAOA;AAAA,EACT;AAEA,QAAM,UAAU,WAAW,MAAM;AAEjC,UAAQ,cAAc;AAAA,IACpB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,OAAO,KAAK;AAAA,IACrB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,UAAI,SAAS;AACX,cAAM,SAAS,QAAQ,KAAK,CAAC,QAAQ,OAAO,IAAI,KAAK,MAAM,OAAO,KAAK,CAAC;AACxE,eAAO,SAAS,OAAO,QAAQ,OAAO,KAAK;AAAA,MAC7C;AACA,aAAO,OAAO,KAAK;AAAA,IACrB,KAAK;AAAA,IACL,KAAK;AACH,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,YAAI,SAAS;AACX,iBAAO,MACJ,IAAI,CAAC,QAAQ;AACZ,kBAAM,SAAS,QAAQ;AAAA,cACrB,CAAC,QAAQ,OAAO,IAAI,KAAK,MAAM,OAAO,GAAG;AAAA,YAC3C;AACA,mBAAO,SAAS,OAAO,QAAQ,OAAO,GAAG;AAAA,UAC3C,CAAC,EACA,KAAK,IAAI;AAAA,QACd;AACA,eAAO,MAAM,KAAK,IAAI;AAAA,MACxB;AACA,aAAO,OAAO,KAAK;AAAA,IACrB,KAAK;AACH,UAAI,SAAS;AACX,cAAM,SAAS,QAAQ,KAAK,CAAC,QAAQ,IAAI,UAAU,KAAK;AACxD,eAAO,SAAS,OAAO,QAAQ,OAAO,KAAK;AAAA,MAC7C;AACA,aAAO,OAAO,KAAK;AAAA,IACrB,KAAK;AACH,aAAO,OAAO,KAAK;AAAA,IACrB,KAAK;AACH,UAAI,UAAU,QAAQ,UAAU,UAAU,UAAU,OAAO;AACzD,eAAO;AAAA,MACT;AACA,UAAI,UAAU,SAAS,UAAU,WAAW,UAAU,MAAM;AAC1D,eAAO;AAAA,MACT;AACA,aAAO,OAAO,KAAK;AAAA,IACrB;AACE,aAAO,OAAO,KAAK;AAAA,EACvB;AACF;","names":["options"]}

package/dist/chunk-7E6IYTEJ.js

@@ -1,174 +0,0 @@
-import {
-  DatePickerButton
-} from "./chunk-5X3ISCC4.js";
-import {
-  TimeSelect
-} from "./chunk-W4SJNIHN.js";
-import {
-  getTimeOption,
-  parseTimeOption
-} from "./chunk-NWJSLIQ3.js";
-import {
-  toast
-} from "./chunk-EEKOTWBE.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Dialog
-} from "./chunk-U5DI2EGA.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-ZVDAEY5Q.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Form
-} from "./chunk-2OMSNCRH.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/app/platform/edit-coaching-time.tsx
-import { useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getValueFromDefaultValue = (args) => {
-  return {
-    startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
-    endTime: args.endAt ? getTimeOption(args.endAt) : "00:00",
-    date: args.startAt || /* @__PURE__ */ new Date()
-  };
-};
-var getDateFromValue = (date, time) => {
-  const { hour, minute } = parseTimeOption(time);
-  return new Date(
-    date.getFullYear(),
-    date.getMonth(),
-    date.getDate(),
-    hour,
-    minute
-  );
-};
-function EditCoachingTime(props) {
-  const { defaultEndAt, defaultStartAt, onClickCancel } = props;
-  const [values, setValues] = useState(() => {
-    return getValueFromDefaultValue({
-      startAt: defaultStartAt,
-      endAt: defaultEndAt
-    });
-  });
-  const [timeError, setTimeError] = useState("");
-  const checkTimeError = useCallback(
-    (startTime, endTime) => {
-      const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
-      if (error) {
-        setTimeError(error);
-        return false;
-      }
-      return true;
-    },
-    []
-  );
-  const onChangeStartTime = useCallback(
-    (v) => {
-      checkTimeError(v, values.endTime);
-      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-        startTime: v
-      }));
-    },
-    [checkTimeError, values.endTime]
-  );
-  const onChangeEndTime = useCallback(
-    (v) => {
-      checkTimeError(values.startTime, v);
-      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-        endTime: v
-      }));
-    },
-    [checkTimeError, values.startTime]
-  );
-  const onChangeDate = useCallback((date) => {
-    date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-      date
-    }));
-  }, []);
-  const onClickSave = useCallback(() => {
-    if (checkTimeError(values.startTime, values.endTime)) {
-      const startAt = getDateFromValue(values.date, values.startTime);
-      const endAt = getDateFromValue(values.date, values.endTime);
-      props.onClickSave && props.onClickSave(startAt, endAt);
-    } else {
-      toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
-    }
-  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
-  return /* @__PURE__ */ jsx(Box, { width: { initial: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { children: [
-    /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
-      /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
-      /* @__PURE__ */ jsx(
-        DatePickerButton,
-        {
-          maxDate: /* @__PURE__ */ new Date(),
-          onChange: onChangeDate,
-          selected: values.date,
-          size: { initial: "large", xs: "medium" }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Grid,
-      {
-        align: "center",
-        columns: {
-          initial: "1fr 0 1fr",
-          xs: "1fr auto 1fr"
-        },
-        gapX: "3",
-        gapY: "2",
-        justify: "center",
-        mb: { initial: "5", xs: "4" },
-        mt: "5",
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsx(Form.Field, { name: "startTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ jsx("div", {}),
-          /* @__PURE__ */ jsx(Form.Field, { name: "endTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ jsx(
-            TimeSelect,
-            {
-              onValueChange: onChangeStartTime,
-              size: { initial: "3", xs: "2" },
-              value: values.startTime
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Separator, {}) }),
-          /* @__PURE__ */ jsx(
-            TimeSelect,
-            {
-              onValueChange: onChangeEndTime,
-              size: { initial: "3", xs: "2" },
-              value: values.endTime
-            }
-          ),
-          /* @__PURE__ */ jsx(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
-    ] })
-  ] }) });
-}
-
-export {
-  EditCoachingTime
-};
-//# sourceMappingURL=chunk-7E6IYTEJ.js.map

package/dist/chunk-7E6IYTEJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/edit-coaching-time.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Button,\n  Flex,\n  Form,\n  Grid,\n  Separator,\n  Box,\n  toast,\n  Dialog,\n} from '../../atoms';\nimport { DatePickerButton, TimeSelect } from '../../molecules';\nimport { getTimeOption, parseTimeOption } from '../../utils';\n\nexport interface EditCoachingTimeProps {\n  defaultStartAt?: Date;\n  defaultEndAt?: Date;\n  onClickSave?: (startAt: Date, endAt: Date) => void;\n  onClickCancel?: () => void;\n  sessionNumber?: number;\n}\n\ninterface Values {\n  startTime: string;\n  endTime: string;\n  date: Date;\n}\n\nconst getValueFromDefaultValue = (args: {\n  startAt?: Date;\n  endAt?: Date;\n}): Values => {\n  return {\n    startTime: args.startAt ? getTimeOption(args.startAt) : '00:00',\n    endTime: args.endAt ? getTimeOption(args.endAt) : '00:00',\n    date: args.startAt || new Date(),\n  };\n};\n\nconst getDateFromValue = (date: Date, time: string): Date => {\n  const { hour, minute } = parseTimeOption(time);\n  return new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    hour,\n    minute\n  );\n};\n\nexport function EditCoachingTime(\n  props: EditCoachingTimeProps\n): React.ReactNode {\n  const { defaultEndAt, defaultStartAt, onClickCancel } = props;\n\n  const [values, setValues] = useState<Values>(() => {\n    return getValueFromDefaultValue({\n      startAt: defaultStartAt,\n      endAt: defaultEndAt,\n    });\n  });\n\n  const [timeError, setTimeError] = useState('');\n\n  const checkTimeError = useCallback(\n    (startTime: string, endTime: string): boolean => {\n      const error =\n        startTime >= endTime\n          ? '시작시간을 종료시간보다 빠르게 선택해주세요.'\n          : '';\n      if (error) {\n        setTimeError(error);\n        return false;\n      }\n      return true;\n    },\n    []\n  );\n\n  const onChangeStartTime = useCallback(\n    (v: string) => {\n      checkTimeError(v, values.endTime);\n      setValues((prev) => ({\n        ...prev,\n        startTime: v,\n      }));\n    },\n    [checkTimeError, values.endTime]\n  );\n\n  const onChangeEndTime = useCallback(\n    (v: string) => {\n      checkTimeError(values.startTime, v);\n      setValues((prev) => ({\n        ...prev,\n        endTime: v,\n      }));\n    },\n    [checkTimeError, values.startTime]\n  );\n\n  const onChangeDate = useCallback((date: Date | null) => {\n    date &&\n      setValues((prev) => ({\n        ...prev,\n        date,\n      }));\n  }, []);\n\n  const onClickSave = useCallback(() => {\n    if (checkTimeError(values.startTime, values.endTime)) {\n      const startAt = getDateFromValue(values.date, values.startTime);\n      const endAt = getDateFromValue(values.date, values.endTime);\n      props.onClickSave && props.onClickSave(startAt, endAt);\n    } else {\n      toast.error('입력 값이 유효하지 않습니다.');\n    }\n  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);\n\n  return (\n    <Box width={{ initial: '100%' }}>\n      <Form.Root>\n        <Form.Field name=\"date\">\n          <Form.Label variant=\"caption\">날짜</Form.Label>\n          <DatePickerButton\n            maxDate={new Date()}\n            onChange={onChangeDate}\n            selected={values.date}\n            size={{ initial: 'large', xs: 'medium' }}\n          />\n        </Form.Field>\n        <Grid\n          align=\"center\"\n          columns={{\n            initial: '1fr 0 1fr',\n            xs: '1fr auto 1fr',\n          }}\n          gapX=\"3\"\n          gapY=\"2\"\n          justify=\"center\"\n          mb={{ initial: '5', xs: '4' }}\n          mt=\"5\"\n          width=\"100%\"\n        >\n          <Form.Field name=\"startTime\">\n            <Form.Label variant=\"caption\">시작 시간</Form.Label>\n          </Form.Field>\n          <div />\n          <Form.Field name=\"endTime\">\n            <Form.Label variant=\"caption\">종료 시간</Form.Label>\n          </Form.Field>\n          <TimeSelect\n            onValueChange={onChangeStartTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.startTime}\n          />\n          <Box overflow=\"hidden\">\n            <Separator />\n          </Box>\n\n          <TimeSelect\n            onValueChange={onChangeEndTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.endTime}\n          />\n          <Form.Field name=\"startEndTime\" style={{ gridColumn: '1/span 3' }}>\n            <Form.Message forceMatch={Boolean(timeError)}>\n              {timeError}\n            </Form.Message>\n          </Form.Field>\n        </Grid>\n        <Flex gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button onClick={onClickCancel} type=\"button\" variant=\"outline\">\n              취소하기\n            </Button>\n          </Dialog.Close>\n          <Dialog.Close>\n            <Button onClick={onClickSave} type=\"button\">\n              저장하기\n            </Button>\n          </Dialog.Close>\n        </Flex>\n      </Form.Root>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}