@tipp/ui 2.10.2 → 2.10.4

package/dist/chunk-73PHGHPI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/expand-table/index.tsx"],"sourcesContent":["import type {\n  ColumnDef,\n  SortingState,\n  RowData,\n  Row as RowType,\n  PaginationState,\n} from '@tanstack/react-table';\nimport type { CSSProperties } from 'react';\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  getSortedRowModel,\n  createColumnHelper,\n  getPaginationRowModel,\n} from '@tanstack/react-table';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ScrollArea } from '@radix-ui/themes';\nimport { Flex } from '@/atoms/flex';\nimport { Pagination } from '@/atoms/pagination';\nimport { Spinner } from '@/atoms/spinner';\nimport { Typo } from '@/atoms/typo';\nimport { TriangleArrowDownIcon } from '../../icons/down';\nimport { TriangleArrowUpIcon } from '../../icons/up';\nimport { EmptyState } from '../empty-state';\nimport { Row, type ExpandComp, type OnRowClick } from './row';\n\nexport type { ExpandComp, OnRowClick, ColumnDef, RowType as Row };\nexport { createColumnHelper };\n\ntype Variant = 'card' | 'sprite' | 'sprite-border';\nconst sortButtonColorMapper: Record<\n  Variant,\n  { selected: string; unselected: string }\n> = {\n  card: {\n    selected: 'var(--iris-10)',\n    unselected: 'var(--iris-6)',\n  },\n  sprite: {\n    // selected: 'var(--gray-a12)',\n    // unselected: 'var(--gray-a6)',\n    selected: 'var(--iris-10)',\n    unselected: 'var(--iris-6)',\n  },\n  'sprite-border': {\n    selected: 'var(--iris-10)',\n    unselected: 'var(--iris-6)',\n  },\n};\n\nexport interface ExpandTableProps<Datum extends RowData> {\n  /** 렌더할 데이터 배열  */\n  data?: Datum[];\n  /** 테이블 컬럼의 메타 데이터 */\n  columns: ColumnDef<Datum>[];\n  /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */\n  ExpandComp?: ExpandComp<Datum>;\n  /** 데이테가 없을 시 화면에 표시할 컴포넌트 */\n  placeholder?: React.ReactNode;\n  /** 행 클릭 시 실행할 콜백 */\n  onRowClick?: OnRowClick<Datum>;\n  getRowStyle?: (data: Datum) => CSSProperties;\n  getCellStyle?: (data: Datum) => CSSProperties;\n  tableStyle?: CSSProperties;\n  isLoading?: boolean;\n\n  /** pagination - 표시 유무, 기본값 true */\n  showPagination?: boolean;\n  /** pagination - 현재 선택된 페이지, 0부터 시작 */\n  pageIndex?: number;\n  /** pagination - 한 페이지에 표시될 컬럼 개수, 기본값 10 */\n  pageSize?: number;\n  /** pagination -  */\n  siblingCount?: number;\n  /** pagination - 페이지 변경 시 호출되는 콜백 (0-based pageIndex) */\n  onPageChange?: (pageIndex: number) => void;\n  variant?: Variant;\n  /** 슬림 모드 - 행 높이·패딩을 줄여 컴팩트하게 표시, 기본값 false */\n  slim?: boolean;\n}\n\nexport function ExpandTable<Datum extends RowData>(\n  props: ExpandTableProps<Datum>\n): React.ReactNode {\n  const {\n    data,\n    columns,\n    ExpandComp,\n    placeholder,\n    onRowClick,\n    tableStyle,\n    showPagination = true,\n    isLoading,\n    pageIndex = 0,\n    pageSize = 10,\n    siblingCount = 2,\n    onPageChange,\n    getRowStyle,\n    getCellStyle,\n    variant = 'card',\n    slim = false,\n  } = props;\n  const defaultAlign = 'left';\n  const [pagination, setPagination] = useState<PaginationState>({\n    pageIndex: pageIndex || 0,\n    pageSize: pageSize || 9999,\n  });\n\n  useEffect(() => {\n    setPagination((prev) => {\n      const next = pageIndex;\n      if (prev.pageIndex === next) return prev;\n      return { ...prev, pageIndex: next };\n    });\n  }, [pageIndex]);\n\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const { getRowModel, getHeaderGroups, setPageIndex } = useReactTable({\n    data: data || [],\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    state: {\n      sorting,\n      pagination,\n    },\n    onSortingChange: setSorting,\n    getPaginationRowModel: getPaginationRowModel(),\n    onPaginationChange: setPagination,\n  });\n\n  const gridTemplateColumns = useMemo<string>(() => {\n    return columns\n      .map((col) => {\n        if (col.meta?.autoSize) return `minmax(${col.size || 50}px, 1fr)`;\n        return `${col.size || 150}px`;\n      })\n      .join(' ');\n  }, [columns]);\n\n  const rowModels = getRowModel();\n\n  const onChangePagination = useCallback(\n    (page: number) => {\n      const idx = page - 1;\n      setPageIndex(idx);\n      onPageChange?.(idx);\n    },\n    [setPageIndex, onPageChange]\n  );\n\n  const helpCompRender = useCallback(\n    (rowLength: number) => {\n      if (isLoading) {\n        return (\n          <Flex\n            align=\"center\"\n            height=\"100%\"\n            justify=\"center\"\n            p=\"5\"\n            width=\"100%\"\n          >\n            <Spinner />\n          </Flex>\n        );\n      }\n      if (rowLength === 0) {\n        return (\n          <div className=\"tr\" key=\"expand_placeholder\">\n            <Flex align=\"center\" justify=\"center\">\n              {placeholder || (\n                <EmptyState heading=\"데이터가 없습니다\" size=\"compact\" />\n              )}\n            </Flex>\n          </div>\n        );\n      }\n      return null;\n    },\n    [isLoading, placeholder]\n  );\n\n  const pageCount = useMemo(() => {\n    if (!data) return 0;\n    return Math.ceil(data.length / pageSize);\n  }, [data, pageSize]);\n\n  return (\n    <div className={`expand-table-wrapper ${variant}${slim ? ' slim' : ''}`}>\n      <div className=\"expand-table\" style={tableStyle}>\n        <div className=\"thead\">\n          {getHeaderGroups().map((headerGroup) => (\n            <div\n              className=\"tr\"\n              key={headerGroup.id}\n              style={{ gridTemplateColumns }}\n            >\n              {headerGroup.headers.map((header) => {\n                const sortable = header.column.getCanSort();\n                const sortedState = header.column.getIsSorted();\n                const justifyContent =\n                  header.column.columnDef.meta?.align || defaultAlign;\n\n                if (sortable) {\n                  return (\n                    <div className={`${justifyContent} th`} key={header.id}>\n                      <button\n                        onClick={header.column.getToggleSortingHandler()}\n                        style={{ cursor: 'pointer' }}\n                        type=\"button\"\n                      >\n                        <Typo as=\"div\" variant=\"body\">\n                          {flexRender(\n                            header.column.columnDef.header,\n                            header.getContext()\n                          )}\n                        </Typo>\n                        <Flex\n                          direction=\"column\"\n                          style={{ marginLeft: 'var(--space-2)' }}\n                        >\n                          {sortedState === false && (\n                            <TriangleArrowDownIcon\n                              color={sortButtonColorMapper[variant].unselected}\n                            />\n                          )}\n                          {sortedState === 'asc' && (\n                            <TriangleArrowUpIcon\n                              color={sortButtonColorMapper[variant].selected}\n                            />\n                          )}\n                          {sortedState === 'desc' && (\n                            <TriangleArrowDownIcon\n                              color={sortButtonColorMapper[variant].selected}\n                            />\n                          )}\n                        </Flex>\n                      </button>\n                    </div>\n                  );\n                }\n\n                return (\n                  <div className={`${justifyContent} th`} key={header.id}>\n                    <Typo as=\"div\" variant=\"body\">\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext()\n                      )}\n                    </Typo>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n        <ScrollArea className=\"tbody\">\n          {/* 조건에 따라 placeholder 또는 loading 렌더*/}\n          {helpCompRender(rowModels.rows.length) ||\n            rowModels.rows.map((row) => {\n              return (\n                <Row\n                  ExpandComp={ExpandComp}\n                  defaultAlign={defaultAlign}\n                  getCellStyle={getCellStyle}\n                  getRowStyle={getRowStyle}\n                  gridTemplateColumns={gridTemplateColumns}\n                  key={`row_${row.id}`}\n                  onRowClick={onRowClick}\n                  row={row}\n                />\n              );\n            })}\n        </ScrollArea>\n      </div>\n      {showPagination ? (\n        <Flex justify=\"end\" pt=\"4\" width=\"100%\">\n          <Pagination\n            count={pageCount}\n            onChange={onChangePagination}\n            page={pagination.pageIndex + 1}\n            siblingCount={siblingCount}\n          />\n        </Flex>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-IIZ7I7NS.js → chunk-AYWCLLQ2.js}

@@ -1,15 +1,15 @@
+import {
+  curriculum_file_download_default
+} from "./chunk-UXH2XIB2.js";
+import {
+  curriculum_review_default
+} from "./chunk-TYM6T7JT.js";
 import {
   curriculum_video_default
 } from "./chunk-KFUBWOCN.js";
 import {
   curriculum_ai_traning_default
 } from "./chunk-K4RZTENM.js";
-import {
-  curriculum_file_download_default
-} from "./chunk-UXH2XIB2.js";
-import {
-  curriculum_review_default
-} from "./chunk-UK3LP7VH.js";
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
@@ -66,4 +66,4 @@ function CurriculumBody() {
 export {
   CurriculumBody
 };
-//# sourceMappingURL=chunk-IIZ7I7NS.js.map
+//# sourceMappingURL=chunk-AYWCLLQ2.js.map

package/dist/{chunk-RRC4WFG3.js → chunk-DIFGHMGI.js}

@@ -1,6 +1,6 @@
 import {
   sidebar_item_default
-} from "./chunk-P2H3VCIB.js";
+} from "./chunk-HL3MGRAC.js";
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
@@ -95,4 +95,4 @@ function CurriculumSidebar() {
 export {
   CurriculumSidebar
 };
-//# sourceMappingURL=chunk-RRC4WFG3.js.map
+//# sourceMappingURL=chunk-DIFGHMGI.js.map

package/dist/{chunk-P2H3VCIB.js → chunk-HL3MGRAC.js}

@@ -1,12 +1,12 @@
-import {
-  curriculum_sidebar_item_wrapper_default
-} from "./chunk-WS7IOHVK.js";
 import {
   section_item_default
 } from "./chunk-47QYYEMG.js";
 import {
   section_title_default
 } from "./chunk-S4MEMFKG.js";
+import {
+  curriculum_sidebar_item_wrapper_default
+} from "./chunk-WS7IOHVK.js";
 import {
   getCurriculumIconColor
 } from "./chunk-2ISIAPFS.js";
@@ -48,4 +48,4 @@ var sidebar_item_default = SidebarItem;
 export {
   sidebar_item_default
 };
-//# sourceMappingURL=chunk-P2H3VCIB.js.map
+//# sourceMappingURL=chunk-HL3MGRAC.js.map

package/dist/chunk-IAKMJR72.js

@@ -0,0 +1,33 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/icons/empty-box.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var EmptyBoxIcon = React.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor", width = 120, height = 120 } = _b, props = __objRest(_b, ["color", "width", "height"]);
+    return /* @__PURE__ */ 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__ */ 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";
+
+export {
+  EmptyBoxIcon
+};
+//# sourceMappingURL=chunk-IAKMJR72.js.map

package/dist/chunk-IAKMJR72.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/empty-box.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { IconProps } from './types';\n\n/**\n * 빈 상태(데이터 없음)를 나타내는 빈 상자 일러스트.\n * 단색 아이콘이므로 `color`(기본 currentColor)로 색을 지정한다.\n * 크기는 width/height prop으로 조절한다(기본 120).\n *\n * Source: https://www.svgrepo.com/svg/97068/empty-box (License: CC0)\n */\nexport const EmptyBoxIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', width = 120, height = 120, ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill={color}\n        height={height}\n        viewBox=\"0 0 462.035 462.035\"\n        width={width}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <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\" />\n      </svg>\n    );\n  }\n);\n\nEmptyBoxIcon.displayName = 'EmptyBoxIcon';\n"],"mappings":";;;;;;;AAAA,YAAY,WAAW;AAsBf;AAZD,IAAM,eAAqB;AAAA,EAChC,CAAC,IAAiE,iBAAiB;AAAlF,iBAAE,UAAQ,gBAAgB,QAAQ,KAAK,SAAS,IAXnD,IAWG,IAAwD,kBAAxD,IAAwD,CAAtD,SAAwB,SAAa;AACtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,SAAQ;AAAA,QACR;AAAA,QACA,OAAM;AAAA,SACF,QANL;AAAA,QAOC,KAAK;AAAA,QAEL,8BAAC,UAAK,GAAE,6yBAA4yB;AAAA;AAAA,IACtzB;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":[]}

package/dist/{chunk-YFR3HXSV.js → chunk-IHLFOJD5.js}

@@ -1,6 +1,6 @@
 import {
   review_question_body_default
-} from "./chunk-A32HLL53.js";
+} from "./chunk-KQ3ME6XY.js";
 import {
   review_question_footer_default
 } from "./chunk-GE4M5GOQ.js";
@@ -60,4 +60,4 @@ var ReviewQuestion_default = ReviewQuestion;
 export {
   ReviewQuestion_default
 };
-//# sourceMappingURL=chunk-YFR3HXSV.js.map
+//# sourceMappingURL=chunk-IHLFOJD5.js.map

package/dist/{chunk-A32HLL53.js → chunk-KQ3ME6XY.js}

@@ -1,15 +1,15 @@
-import {
-  ReviewQuestionSatisfisText
-} from "./chunk-ZGTGEBQX.js";
-import {
-  review_question_text_default
-} from "./chunk-WLKK5L3P.js";
 import {
   review_question_radio_default
 } from "./chunk-CGLDFUOY.js";
 import {
   review_question_satisfaction_option_default
 } from "./chunk-OUDDTPEN.js";
+import {
+  ReviewQuestionSatisfisText
+} from "./chunk-ZGTGEBQX.js";
+import {
+  review_question_text_default
+} from "./chunk-WLKK5L3P.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
 import { jsx } from "react/jsx-runtime";
@@ -66,4 +66,4 @@ var review_question_body_default = ReviewQuestionBody;
 export {
   review_question_body_default
 };
-//# sourceMappingURL=chunk-A32HLL53.js.map
+//# sourceMappingURL=chunk-KQ3ME6XY.js.map

package/dist/{chunk-SZAU7YP3.js → chunk-L7ZHSQES.js}

@@ -1,15 +1,15 @@
 import {
   parseReportData
 } from "./chunk-TFJJKM3W.js";
+import {
+  Content
+} from "./chunk-LGILQRJM.js";
 import {
   Header
-} from "./chunk-VM2PEQLQ.js";
+} from "./chunk-VJREZH2Z.js";
 import {
   SessionReplayDialog
 } from "./chunk-AS3JVRQ3.js";
-import {
-  Content
-} from "./chunk-MD64AUR6.js";
 import {
   computeSpeechShare
 } from "./chunk-4YAA25AV.js";
@@ -139,4 +139,4 @@ function RpSessionDetail({
 export {
   RpSessionDetail
 };
-//# sourceMappingURL=chunk-SZAU7YP3.js.map
+//# sourceMappingURL=chunk-L7ZHSQES.js.map

package/dist/{chunk-MD64AUR6.js → chunk-LGILQRJM.js}

@@ -1,18 +1,21 @@
+import {
+  StepDetail
+} from "./chunk-KJPBBBVK.js";
 import {
   StepSummary
 } from "./chunk-WVY3C64M.js";
+import {
+  CoachingPanel
+} from "./chunk-GA6W62DO.js";
 import {
   ScoreSummary
 } from "./chunk-2XDAK4B7.js";
 import {
   ScoreTrendSection
-} from "./chunk-RZW6FVML.js";
+} from "./chunk-UCTSCSQR.js";
 import {
   SectionNav
 } from "./chunk-DIISQDYA.js";
-import {
-  StepDetail
-} from "./chunk-KJPBBBVK.js";
 import {
   hasStepSignal
 } from "./chunk-4YAA25AV.js";
@@ -20,9 +23,6 @@ import {
   AnalysisSection,
   Section
 } from "./chunk-7MXY3D3Z.js";
-import {
-  CoachingPanel
-} from "./chunk-GA6W62DO.js";
 import {
   Separator
 } from "./chunk-HYITAA4J.js";
@@ -128,4 +128,4 @@ function Content({
 export {
   Content
 };
-//# sourceMappingURL=chunk-MD64AUR6.js.map
+//# sourceMappingURL=chunk-LGILQRJM.js.map

package/dist/{chunk-FJEDSUGU.js → chunk-NEJCZABQ.js}

@@ -4,12 +4,6 @@ import {
 import {
   DynamicFormEditorFieldListPanel
 } from "./chunk-CBYIPRND.js";
-import {
-  DynamicFormEditorIssuesPanel
-} from "./chunk-D4U2ZV2A.js";
-import {
-  DynamicFormEditorPreviewPanel
-} from "./chunk-V7KAHLW2.js";
 import {
   createDefaultField,
   createUniqueFieldName,
@@ -22,6 +16,12 @@ import {
   updateSchemaFields,
   validateDynamicFormSchema
 } from "./chunk-Z7WNKARH.js";
+import {
+  DynamicFormEditorIssuesPanel
+} from "./chunk-D4U2ZV2A.js";
+import {
+  DynamicFormEditorPreviewPanel
+} from "./chunk-V7KAHLW2.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -227,4 +227,4 @@ function DynamicFormEditor(props) {
 export {
   DynamicFormEditor
 };
-//# sourceMappingURL=chunk-FJEDSUGU.js.map
+//# sourceMappingURL=chunk-NEJCZABQ.js.map

package/dist/{chunk-NSDVLCCW.js → chunk-RJ62VZ6O.js}

@@ -1,6 +1,6 @@
 import {
   ReviewQuestion_default
-} from "./chunk-YFR3HXSV.js";
+} from "./chunk-IHLFOJD5.js";
 import {
   complete_review_default
 } from "./chunk-NVRVOTWZ.js";
@@ -86,4 +86,4 @@ var CurriculumReviewSteps_default = CurriculumReviewSteps;
 export {
   CurriculumReviewSteps_default
 };
-//# sourceMappingURL=chunk-NSDVLCCW.js.map
+//# sourceMappingURL=chunk-RJ62VZ6O.js.map

package/dist/{chunk-UK3LP7VH.js → chunk-TYM6T7JT.js}

@@ -1,6 +1,6 @@
 import {
   CurriculumReviewSteps_default
-} from "./chunk-NSDVLCCW.js";
+} from "./chunk-RJ62VZ6O.js";
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
@@ -193,4 +193,4 @@ var curriculum_review_default = CurriculumReview;
 export {
   curriculum_review_default
 };
-//# sourceMappingURL=chunk-UK3LP7VH.js.map
+//# sourceMappingURL=chunk-TYM6T7JT.js.map

package/dist/{chunk-RZW6FVML.js → chunk-UCTSCSQR.js}

@@ -5,7 +5,7 @@ import {
 import {
   ExpandTable,
   createColumnHelper
-} from "./chunk-5RIAIE2J.js";
+} from "./chunk-73PHGHPI.js";
 import {
   Heading
 } from "./chunk-USGOLLYO.js";
@@ -239,4 +239,4 @@ export {
   Section,
   ScoreTrendSection
 };
-//# sourceMappingURL=chunk-RZW6FVML.js.map
+//# sourceMappingURL=chunk-UCTSCSQR.js.map

package/dist/{chunk-JCZXPONS.js → chunk-VBYXXISC.js}

@@ -1,12 +1,12 @@
-import {
-  CoachingCustomerInfoLarge
-} from "./chunk-OPIVSYLN.js";
 import {
   CoachingCustomerInfoMedium
 } from "./chunk-ISSUGCCY.js";
 import {
   CoachingCustomerInfoSmall
 } from "./chunk-OW2QNTK3.js";
+import {
+  CoachingCustomerInfoLarge
+} from "./chunk-OPIVSYLN.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -27,4 +27,4 @@ function CoachingCustomerInfo(props) {
 export {
   CoachingCustomerInfo
 };
-//# sourceMappingURL=chunk-JCZXPONS.js.map
+//# sourceMappingURL=chunk-VBYXXISC.js.map

package/dist/{chunk-VM2PEQLQ.js → chunk-VJREZH2Z.js}

@@ -73,7 +73,7 @@ function Header({
   onResolveMediaUrl
 }) {
   var _a;
-  const pdfHref = detail.trainingLogURL;
+  const pdfHref = detail.embedLink;
   const hasReplayMedia = Boolean(
     detail.trainingVideoURL || detail.trainingAudioURL
   );
@@ -187,4 +187,4 @@ function Header({
 export {
   Header
 };
-//# sourceMappingURL=chunk-VM2PEQLQ.js.map
+//# sourceMappingURL=chunk-VJREZH2Z.js.map

package/dist/chunk-VJREZH2Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/roleplay/parts/header.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Box, Button, Flex, Heading, Typo } from '../../../atoms';\nimport type { RpSessionDetailData } from '../types';\nimport { formatDate, formatDuration, statusLabelOf } from '../utils/session-utils';\n\nexport interface HeaderProps {\n  detail: RpSessionDetailData;\n  hasScript: boolean;\n  onOpenReplay: () => void;\n  onResolveMediaUrl?: (\n    rawUrl: string,\n    options: { disposition: 'inline' | 'attachment' }\n  ) => string | Promise<string>;\n}\n\nfunction PdfIcon(): React.ReactElement {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      height=\"13\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n    >\n      <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\" />\n      <path d=\"M14 3v5h5\" />\n      <path d=\"M12 12v5\" />\n      <path d=\"M9.5 14.5 12 17l2.5-2.5\" />\n    </svg>\n  );\n}\n\nfunction VideoIcon(): React.ReactElement {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      height=\"13\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n      width=\"13\"\n    >\n      <rect height=\"12\" rx=\"2\" width=\"13\" x=\"2\" y=\"6\" />\n      <path d=\"m15 10 6-3v10l-6-3z\" />\n    </svg>\n  );\n}\n\nexport function Header({\n  detail,\n  hasScript,\n  onOpenReplay,\n  onResolveMediaUrl,\n}: HeaderProps): React.ReactElement {\n  // PDF 산출물은 embedLink(AI 리포트 PDF). trainingLogURL 은 대화 스크립트 JSON 이므로 PDF 가 아니다.\n  const pdfHref = detail.embedLink;\n  const hasReplayMedia = Boolean(\n    detail.trainingVideoURL || detail.trainingAudioURL\n  );\n\n  const handlePdfClick = (): void => {\n    if (!pdfHref || !onResolveMediaUrl) return;\n    void Promise.resolve(\n      onResolveMediaUrl(pdfHref, { disposition: 'attachment' })\n    ).then((url) => {\n      window.open(url, '_blank');\n    });\n  };\n\n  const replayActive = hasScript && hasReplayMedia;\n\n  return (\n    <Box>\n      <Flex\n        align={{ md: 'start' }}\n        direction={{ initial: 'column', md: 'row' }}\n        gap=\"4\"\n        justify=\"between\"\n      >\n        <Box style={{ minWidth: 0 }}>\n          <Flex align=\"center\" gap=\"2\" mb=\"2\" wrap=\"wrap\">\n            <Badge color=\"neutral\" size=\"small\" variant=\"soft\">\n              {statusLabelOf(detail.status)}\n            </Badge>\n            <Typo as=\"span\" color=\"gray\" variant=\"body\">\n              {detail.trainingSessionNum}회차\n              {detail.characterTitle ? ` · ${detail.characterTitle}` : ''}\n            </Typo>\n          </Flex>\n          <Heading\n            size={{ initial: '5', md: '7' }}\n            style={{ textWrap: 'balance' }}\n            weight=\"bold\"\n          >\n            {detail.scenarioTitle ?? '롤플레잉 세션'}\n          </Heading>\n          <Typo as=\"p\" color=\"gray\" mono mt=\"1\" variant=\"body\">\n            {formatDate(detail.createdAt)} · {formatDuration(detail.trainingTime)}\n          </Typo>\n        </Box>\n        <Flex\n          gap=\"2\"\n          justify={{ initial: 'start', md: 'end' }}\n          style={{ flexShrink: 0 }}\n          wrap=\"wrap\"\n        >\n          {onResolveMediaUrl ? (\n            <Button\n              color=\"gray\"\n              disabled={!pdfHref}\n              onClick={pdfHref ? handlePdfClick : undefined}\n              size={{ initial: 'small', md: 'medium' }}\n              title={pdfHref ? undefined : '산출물 없음'}\n              type=\"button\"\n              variant=\"outline\"\n            >\n              <PdfIcon />\n              <span style={{ whiteSpace: 'nowrap' }}>PDF 다운로드</span>\n            </Button>\n          ) : (\n            <Button\n              asChild={Boolean(pdfHref)}\n              color=\"gray\"\n              disabled={!pdfHref}\n              size={{ initial: 'small', md: 'medium' }}\n              title={pdfHref ? undefined : '산출물 없음'}\n              type=\"button\"\n              variant=\"outline\"\n            >\n              {pdfHref ? (\n                <a href={pdfHref} rel=\"noopener noreferrer\" target=\"_blank\">\n                  <PdfIcon />\n                  <span style={{ whiteSpace: 'nowrap' }}>PDF 다운로드</span>\n                </a>\n              ) : (\n                <span>\n                  <PdfIcon />\n                  <span style={{ whiteSpace: 'nowrap' }}>PDF 다운로드</span>\n                </span>\n              )}\n            </Button>\n          )}\n          {hasScript ? (\n            <Button\n              color=\"gray\"\n              disabled={!replayActive}\n              onClick={onOpenReplay}\n              size={{ initial: 'small', md: 'medium' }}\n              title={replayActive ? undefined : '다시보기 없음'}\n              type=\"button\"\n              variant=\"outline\"\n            >\n              <VideoIcon />\n              <span style={{ whiteSpace: 'nowrap' }}>영상</span>\n            </Button>\n          ) : null}\n        </Flex>\n      </Flex>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/icon.cjs

@@ -190,6 +190,7 @@ __export(icon_exports, {
   DrawingPinFilledIcon: () => import_react_icons.DrawingPinFilledIcon,
   DrawingPinIcon: () => import_react_icons.DrawingPinIcon,
   DropdownMenuIcon: () => import_react_icons.DropdownMenuIcon,
+  EmptyBoxIcon: () => EmptyBoxIcon,
   EndCallIcon: () => EndCallIcon,
   EnterFullScreenIcon: () => import_react_icons.EnterFullScreenIcon,
   EnterIcon: () => import_react_icons.EnterIcon,
@@ -980,6 +981,29 @@ var HeadsetIcon = React15.forwardRef(
   }
 );
 HeadsetIcon.displayName = "HeadsetIcon";
+
+// src/icons/empty-box.tsx
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var EmptyBoxIcon = React16.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor", width = 120, height = 120 } = _b, props = __objRest(_b, ["color", "width", "height"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime16.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";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AccessibilityIcon,
@@ -1113,6 +1137,7 @@ HeadsetIcon.displayName = "HeadsetIcon";
   DrawingPinFilledIcon,
   DrawingPinIcon,
   DropdownMenuIcon,
+  EmptyBoxIcon,
   EndCallIcon,
   EnterFullScreenIcon,
   EnterIcon,