@tipp/ui 2.3.22 → 2.3.24

package/dist/chunk-Z7WNKARH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-editor-utils.ts"],"sourcesContent":["import type {\n  DynamicFormFieldSchema,\n  DynamicFormSchema,\n  FieldOption,\n  ImageFieldOption,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\n\nexport type FieldType =\n  | 'short_text'\n  | 'long_text'\n  | 'number'\n  | 'email'\n  | 'dropdown'\n  | 'choice'\n  | 'radio_cards'\n  | 'image_radio_card'\n  | 'choices'\n  | 'yes_no';\n\nexport type SchemaIssueLevel = 'error' | 'warning';\n\nexport interface SchemaIssue {\n  id: string;\n  level: SchemaIssueLevel;\n  message: string;\n  fieldName?: string;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction isNonEmptyTrimmedString(value: unknown): value is string {\n  return typeof value === 'string' && value.trim().length > 0;\n}\n\nfunction isFiniteNumber(value: unknown): value is number {\n  return typeof value === 'number' && Number.isFinite(value);\n}\n\nfunction canCompileRegExp(pattern: string): boolean {\n  try {\n    // eslint-disable-next-line no-new -- 정규식 컴파일 가능 여부만 확인\n    new RegExp(pattern);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function getFieldTypes(): FieldType[] {\n  return [\n    'short_text',\n    'long_text',\n    'number',\n    'email',\n    'dropdown',\n    'choice',\n    'radio_cards',\n    'image_radio_card',\n    'choices',\n    'yes_no',\n  ];\n}\n\nexport function getFieldTypeLabel(type: FieldType): string {\n  const map: Record<FieldType, string> = {\n    short_text: '짧은 텍스트',\n    long_text: '긴 텍스트',\n    number: '숫자',\n    email: '이메일',\n    dropdown: '드롭다운',\n    choice: '단일 선택(라디오)',\n    radio_cards: '라디오 카드',\n    image_radio_card: '이미지 라디오 카드',\n    choices: '다중 선택(체크)',\n    yes_no: '동의(체크)',\n  };\n  return map[type];\n}\n\nexport function findFieldIndexByName(\n  fields: DynamicFormFieldSchema[],\n  fieldName: string\n): number {\n  return fields.findIndex((field) => field.name === fieldName);\n}\n\nfunction toCamelFromSnake(value: string): string {\n  const parts: string[] = value.split('_').filter(Boolean);\n  if (parts.length === 0) return 'field';\n  const [first, ...rest] = parts;\n  const firstLower = first.toLowerCase();\n  const restCamel = rest\n    .map((p) => (p.length === 0 ? '' : p[0].toUpperCase() + p.slice(1)))\n    .join('');\n  return `${firstLower}${restCamel}`;\n}\n\nexport function createUniqueFieldName(\n  fields: DynamicFormFieldSchema[],\n  baseName: string\n): string {\n  const used = new Set<string>(fields.map((f) => f.name));\n  if (!used.has(baseName)) return baseName;\n  let i = 2;\n  while (used.has(`${baseName}${i}`)) i += 1;\n  return `${baseName}${i}`;\n}\n\nexport function createDefaultField(\n  type: FieldType,\n  currentFields: DynamicFormFieldSchema[]\n): DynamicFormFieldSchema {\n  const baseName: string = toCamelFromSnake(type);\n  const name: string = createUniqueFieldName(currentFields, baseName);\n  const label: string = getFieldTypeLabel(type);\n\n  if (type === 'short_text') return { name, type, label, placeholder: '' };\n  if (type === 'long_text') return { name, type, label, placeholder: '' };\n  if (type === 'number') return { name, type, label, placeholder: '' };\n  if (type === 'email') return { name, type, label, placeholder: '' };\n  if (type === 'dropdown')\n    return {\n      name,\n      type,\n      label,\n      placeholder: '',\n      options: [{ label: '옵션 1', value: 'option1' }],\n    };\n  if (type === 'choice')\n    return {\n      name,\n      type,\n      label,\n      orientation: 'vertical',\n      options: [{ label: '옵션 1', value: 'option1' }],\n    };\n  if (type === 'radio_cards')\n    return { name, type, label, options: [{ label: '옵션 1', value: 'option1' }] };\n  if (type === 'choices')\n    return {\n      name,\n      type,\n      label,\n      orientation: 'vertical',\n      options: [{ label: '옵션 1', value: 'option1' }],\n    };\n  if (type === 'yes_no') return { name, type, label, description: '' };\n\n  return {\n    name,\n    type,\n    label,\n    gridColumnsCount: 4,\n    gridItemHeight: '160px',\n    gridGap: '2',\n    imageFit: 'cover',\n    options: [\n      {\n        label: '이미지 1',\n        value: 'option1',\n        imageSrc: 'https://placehold.co/300x300/png?text=1',\n      },\n    ],\n  };\n}\n\nexport function normalizeSchema(value: DynamicFormSchema | undefined): DynamicFormSchema {\n  const fallback: DynamicFormSchema = { fields: [] };\n  if (!value) return fallback;\n  if (!Array.isArray(value.fields)) return fallback;\n  return { fields: value.fields };\n}\n\nexport function validateDynamicFormSchema(schema: DynamicFormSchema): SchemaIssue[] {\n  const issues: SchemaIssue[] = [];\n\n  const nameToCount = new Map<string, number>();\n  schema.fields.forEach((field) => {\n    const prev = nameToCount.get(field.name) || 0;\n    nameToCount.set(field.name, prev + 1);\n  });\n\n  schema.fields.forEach((field, index) => {\n    const fieldKey = `${index}:${field.name}`;\n\n    if (!isNonEmptyTrimmedString(field.name)) {\n      issues.push({\n        id: `field.name.required.${fieldKey}`,\n        level: 'error',\n        message: '필드 name은 필수입니다',\n        fieldName: field.name,\n      });\n    } else if (field.name.trim() !== field.name) {\n      issues.push({\n        id: `field.name.trim.${fieldKey}`,\n        level: 'warning',\n        message: '필드 name 앞/뒤 공백은 제거하는 것을 권장합니다',\n        fieldName: field.name,\n      });\n    }\n\n    if (isNonEmptyTrimmedString(field.name)) {\n      const count = nameToCount.get(field.name) || 0;\n      if (count > 1) {\n        issues.push({\n          id: `field.name.duplicate.${fieldKey}`,\n          level: 'error',\n          message: `중복된 name입니다: ${field.name}`,\n          fieldName: field.name,\n        });\n      }\n    }\n\n    if (!isNonEmptyTrimmedString(field.label)) {\n      issues.push({\n        id: `field.label.required.${fieldKey}`,\n        level: 'error',\n        message: '필드 label은 필수입니다',\n        fieldName: field.name,\n      });\n    }\n\n    const type = field.type;\n    const isOptionType =\n      type === 'dropdown' ||\n      type === 'choice' ||\n      type === 'radio_cards' ||\n      type === 'choices';\n\n    if (isOptionType) {\n      const optionsRaw: unknown = field.options;\n      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {\n        issues.push({\n          id: `field.options.required.${fieldKey}`,\n          level: 'error',\n          message: 'options는 1개 이상 필요합니다',\n          fieldName: field.name,\n        });\n      }\n    }\n\n    if (type === 'image_radio_card') {\n      const optionsRaw: unknown = field.options;\n      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {\n        issues.push({\n          id: `field.imageOptions.required.${fieldKey}`,\n          level: 'error',\n          message: 'options는 1개 이상 필요합니다',\n          fieldName: field.name,\n        });\n      } else {\n        optionsRaw.forEach((opt, optIndex) => {\n          const imageSrc = isRecord(opt) ? opt.imageSrc : undefined;\n          if (!isNonEmptyTrimmedString(imageSrc)) {\n            issues.push({\n              id: `field.imageOptions.imageSrc.required.${fieldKey}.${optIndex}`,\n              level: 'error',\n              message: 'imageSrc는 필수입니다',\n              fieldName: field.name,\n            });\n          }\n        });\n      }\n    }\n\n    const validation: ValidationRule | undefined = field.validation;\n    if (validation) {\n      if (isFiniteNumber(validation.min) && isFiniteNumber(validation.max)) {\n        if (validation.min > validation.max) {\n          issues.push({\n            id: `field.validation.minmax.${fieldKey}`,\n            level: 'error',\n            message: 'validation.min은 validation.max 이하이어야 합니다',\n            fieldName: field.name,\n          });\n        }\n      }\n      if (isNonEmptyTrimmedString(validation.pattern)) {\n        if (!canCompileRegExp(validation.pattern)) {\n          issues.push({\n            id: `field.validation.pattern.${fieldKey}`,\n            level: 'error',\n            message: 'validation.pattern이 올바른 정규식이 아닙니다',\n            fieldName: field.name,\n          });\n        }\n      }\n    }\n  });\n\n  return issues;\n}\n\nexport function hasErrorIssues(issues: SchemaIssue[]): boolean {\n  return issues.some((i) => i.level === 'error');\n}\n\nexport function updateSchemaFields(\n  schema: DynamicFormSchema,\n  nextFields: DynamicFormFieldSchema[]\n): DynamicFormSchema {\n  return { fields: nextFields };\n}\n\nexport function moveField(\n  fields: DynamicFormFieldSchema[],\n  fromIndex: number,\n  toIndex: number\n): DynamicFormFieldSchema[] {\n  if (fromIndex < 0 || fromIndex >= fields.length) return fields;\n  if (toIndex < 0 || toIndex >= fields.length) return fields;\n  if (fromIndex === toIndex) return fields;\n\n  const next: DynamicFormFieldSchema[] = [...fields];\n  const [item] = next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, item);\n  return next;\n}\n\nexport function duplicateField(fields: DynamicFormFieldSchema[], index: number): DynamicFormFieldSchema[] {\n  if (index < 0 || index >= fields.length) return fields;\n  const target = fields[index];\n  const nextName: string = createUniqueFieldName(fields, target.name);\n  const cloned: DynamicFormFieldSchema = { ...target, name: nextName };\n  const next: DynamicFormFieldSchema[] = [...fields];\n  next.splice(index + 1, 0, cloned);\n  return next;\n}\n\nexport function updateFieldCommonProps(\n  field: DynamicFormFieldSchema,\n  next: {\n    name?: string;\n    label?: string;\n    description?: string | undefined;\n    required?: boolean;\n  }\n): DynamicFormFieldSchema {\n  const { name, label, description, required } = next;\n  return {\n    ...field,\n    ...(name !== undefined ? { name } : {}),\n    ...(label !== undefined ? { label } : {}),\n    ...(description !== undefined ? { description } : {}),\n    ...(required !== undefined ? { required } : {}),\n  };\n}\n\nexport function updateFieldValidation(\n  field: DynamicFormFieldSchema,\n  next: ValidationRule | undefined\n): DynamicFormFieldSchema {\n  if (!next) {\n    const { validation: _validation, ...rest } = field;\n    return rest;\n  }\n  return { ...field, validation: next };\n}\n\nexport function updateTextPlaceholder(\n  field: DynamicFormFieldSchema,\n  placeholder: string\n): DynamicFormFieldSchema {\n  const type = field.type;\n  if (type === 'short_text' || type === 'long_text' || type === 'number' || type === 'email' || type === 'dropdown') {\n    return { ...field, placeholder };\n  }\n  return field;\n}\n\nexport function updateOrientation(\n  field: DynamicFormFieldSchema,\n  orientation: 'horizontal' | 'vertical'\n): DynamicFormFieldSchema {\n  const type = field.type;\n  if (type === 'choice' || type === 'choices') return { ...field, orientation };\n  return field;\n}\n\nexport function updateOptions(\n  field: DynamicFormFieldSchema,\n  options: FieldOption[]\n): DynamicFormFieldSchema {\n  const type = field.type;\n  if (type === 'dropdown' || type === 'choice' || type === 'radio_cards' || type === 'choices') {\n    return { ...field, options };\n  }\n  return field;\n}\n\nexport function updateImageOptions(\n  field: DynamicFormFieldSchema,\n  options: ImageFieldOption[]\n): DynamicFormFieldSchema {\n  if (field.type === 'image_radio_card') {\n    return { ...field, options };\n  }\n  return field;\n}\n\nexport function updateImageLayout(\n  field: DynamicFormFieldSchema,\n  next: {\n    gridColumnsCount?: number | undefined;\n    gridItemHeight?: string | undefined;\n    gridColumns?: string | undefined;\n    gridRows?: string | undefined;\n    gridGap?: string | undefined;\n    imageFit?: 'cover' | 'contain' | undefined;\n  }\n): DynamicFormFieldSchema {\n  if (field.type !== 'image_radio_card') return field;\n  return { ...field, ...next };\n}\n\nexport function resetFieldType(\n  field: DynamicFormFieldSchema,\n  nextType: FieldType,\n  allFields: DynamicFormFieldSchema[]\n): DynamicFormFieldSchema {\n  const base: DynamicFormFieldSchema = createDefaultField(nextType, allFields);\n  return {\n    ...base,\n    name: field.name,\n    label: field.label,\n    description: field.description,\n    required: field.required,\n    validation: field.validation,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ZA4NYPSW.js

@@ -0,0 +1,28 @@
+import {
+  DynamicForm
+} from "./chunk-GTO7GG2K.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/dynamic-form-editor-preview-panel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DynamicFormEditorPreviewPanel(props) {
+  const { show, fields } = props;
+  if (!show) return null;
+  return /* @__PURE__ */ jsx(Card, { style: { width: 420, padding: 12 }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsx(Typo, { variant: "body", children: "\uD504\uB9AC\uBDF0" }),
+    /* @__PURE__ */ jsx(DynamicForm.Root, { fields, onSubmit: () => void 0, readonly: true, children: /* @__PURE__ */ jsx(DynamicForm.FieldList, { labelVariant: "body" }) })
+  ] }) });
+}
+
+export {
+  DynamicFormEditorPreviewPanel
+};
+//# sourceMappingURL=chunk-ZA4NYPSW.js.map

package/dist/chunk-ZA4NYPSW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-editor-preview-panel.tsx"],"sourcesContent":["import React from 'react';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\nimport { DynamicForm } from './dynamic-form';\n\nexport interface DynamicFormEditorPreviewPanelProps {\n  show: boolean;\n  fields: DynamicFormFieldSchema[];\n}\n\nexport function DynamicFormEditorPreviewPanel(\n  props: DynamicFormEditorPreviewPanelProps\n): React.ReactElement | null {\n  const { show, fields } = props;\n  if (!show) return null;\n\n  return (\n    <Card style={{ width: 420, padding: 12 }}>\n      <Flex direction=\"column\" gap=\"3\">\n        <Typo variant=\"body\">프리뷰</Typo>\n        <DynamicForm.Root fields={fields} onSubmit={(): void => undefined} readonly>\n          <DynamicForm.FieldList labelVariant=\"body\" />\n        </DynamicForm.Root>\n      </Flex>\n    </Card>\n  );\n}\n\n"],"mappings":";;;;;;;;;;;;;;AAoBM,SACE,KADF;AARC,SAAS,8BACd,OAC2B;AAC3B,QAAM,EAAE,MAAM,OAAO,IAAI;AACzB,MAAI,CAAC,KAAM,QAAO;AAElB,SACE,oBAAC,QAAK,OAAO,EAAE,OAAO,KAAK,SAAS,GAAG,GACrC,+BAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,wBAAC,QAAK,SAAQ,QAAO,gCAAG;AAAA,IACxB,oBAAC,YAAY,MAAZ,EAAiB,QAAgB,UAAU,MAAY,QAAW,UAAQ,MACzE,8BAAC,YAAY,WAAZ,EAAsB,cAAa,QAAO,GAC7C;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-ZDY2M7RX.js

@@ -0,0 +1,113 @@
+import {
+  CircleChatIcon
+} from "./chunk-ZUYCXCPW.js";
+import {
+  CircleCheckIcon
+} from "./chunk-YVFNJE4E.js";
+import {
+  CircleFileIcon
+} from "./chunk-SI4Y7NUG.js";
+import {
+  CirclePencilIcon
+} from "./chunk-J2I3R3OV.js";
+import {
+  CirclePlayIcon
+} from "./chunk-QO6KO6MN.js";
+import {
+  CircleQuoteIcon
+} from "./chunk-5KNRHIIF.js";
+import {
+  CircleSatisfactionIcon
+} from "./chunk-6JRAI4G5.js";
+
+// src/utils/curriculum.utils.ts
+var CurriculumListIcons = {
+  pencil: CirclePencilIcon,
+  video: CirclePlayIcon,
+  quote: CircleQuoteIcon,
+  check: CircleCheckIcon,
+  star: CircleSatisfactionIcon,
+  file: CircleFileIcon
+};
+var getCurriculumIcon = ({
+  type,
+  icon
+}) => {
+  if (icon && Object.prototype.hasOwnProperty.call(CurriculumListIcons, icon)) {
+    return CurriculumListIcons[icon];
+  }
+  switch (type) {
+    case "video":
+      return CirclePlayIcon;
+    case "question_text":
+      return CircleQuoteIcon;
+    case "question_radio":
+      return CircleCheckIcon;
+    case "question_satisfaction_option":
+    case "question_satisfaction_text":
+      return CircleSatisfactionIcon;
+    case "aiTraining":
+      return CircleChatIcon;
+    case "fileDownload":
+      return CircleFileIcon;
+    case "review":
+    default:
+      return CirclePencilIcon;
+  }
+};
+var getCurriculumIconColor = ({
+  done = false,
+  selected = false
+}) => {
+  if (selected) {
+    return "#D5AE39";
+  }
+  if (done) {
+    return "#30A46C";
+  }
+  return "#D9D9E0";
+};
+var getCurriculumQuestionIconColor = (type) => {
+  switch (type) {
+    case "question_text":
+      return "#D5AE39";
+    case "question_radio":
+      return "#30A46C";
+    default:
+      return "#D9D9E0";
+  }
+};
+var getCurriculumQuestionTypeDescription = (type) => {
+  switch (type) {
+    case "question_text":
+      return "\uC8FC\uAD00\uC2DD";
+    case "question_radio":
+      return "\uAC1D\uAD00\uC2DD";
+    default:
+      return "";
+  }
+};
+var getCurriculumContentSubTypeText = (type) => {
+  switch (type) {
+    case "video":
+      return "\uC601\uC0C1";
+    case "review":
+      return "\uB9AC\uBDF0";
+    case "aiTraining":
+      return "AI \uB864\uD50C\uB808\uC774";
+    case "fileDownload":
+      return "\uC790\uB8CC \uB2E4\uC6B4\uB85C\uB4DC";
+    default:
+      return "";
+  }
+};
+
+export {
+  CurriculumListIcons,
+  getCurriculumIcon,
+  getCurriculumIconColor,
+  getCurriculumQuestionIconColor,
+  getCurriculumQuestionTypeDescription,
+  getCurriculumContentSubTypeText
+};
+//# sourceMappingURL=chunk-ZDY2M7RX.js.map

package/dist/chunk-ZDY2M7RX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/curriculum.utils.ts"],"sourcesContent":["import { \n  CircleChatIcon,\n  CircleCheckIcon,\n  CircleFileIcon,\n  CirclePencilIcon,\n  CirclePlayIcon,\n  CircleQuoteIcon,\n  CircleSatisfactionIcon,\n  } from '@/icon';\n\nexport const CurriculumListIcons = {\n  pencil: CirclePencilIcon,\n  video: CirclePlayIcon,\n  quote: CircleQuoteIcon,\n  check: CircleCheckIcon,\n  star: CircleSatisfactionIcon,\n  file: CircleFileIcon,\n};\n\nexport const getCurriculumIcon = ({\n  type,\n  icon,\n}: {\n  type: string;\n  icon?: string;\n}): typeof CirclePlayIcon => {\n  if (icon && Object.prototype.hasOwnProperty.call(CurriculumListIcons, icon)) {\n    return CurriculumListIcons[icon as keyof typeof CurriculumListIcons];\n  }\n\n  switch (type) {\n    case 'video':\n      return CirclePlayIcon;\n    case 'question_text':\n      return CircleQuoteIcon;\n    case 'question_radio':\n      return CircleCheckIcon;\n    case 'question_satisfaction_option':\n    case 'question_satisfaction_text':\n      return CircleSatisfactionIcon;\n    case 'aiTraining':\n      return CircleChatIcon; \n    case 'fileDownload':\n      return CircleFileIcon;\n    case 'review':\n    default:\n      return CirclePencilIcon;\n  }\n};\n\nexport const getCurriculumIconColor = ({\n  done = false,\n  selected = false,\n}: {\n  done?: boolean;\n  selected?: boolean;\n}): string => {\n  if (selected) {\n    return '#D5AE39';\n  }\n  if (done) {\n    return '#30A46C';\n  }\n  return '#D9D9E0';\n};\n\nexport const getCurriculumQuestionIconColor = (type: string): string => {\n  switch (type) {\n    case 'question_text':\n      return '#D5AE39';\n    case 'question_radio':\n      return '#30A46C';\n    default:\n      return '#D9D9E0';\n  }\n};\n\nexport const getCurriculumQuestionTypeDescription = (type: string): string => {\n  switch (type) {\n    case 'question_text':\n      return '주관식';\n    case 'question_radio':\n      return '객관식';\n    default:\n      return '';\n  }\n};\n\nexport const getCurriculumContentSubTypeText = (type: string): string => {\n  switch (type) {\n    case 'video':\n      return '영상';\n    case 'review':\n      return '리뷰';\n    case 'aiTraining':\n      return 'AI 롤플레이';\n    case 'fileDownload':\n      return '자료 다운로드';\n    default:\n      return '';\n  }\n};\n \n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUO,IAAM,sBAAsB;AAAA,EACjC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAG6B;AAC3B,MAAI,QAAQ,OAAO,UAAU,eAAe,KAAK,qBAAqB,IAAI,GAAG;AAC3E,WAAO,oBAAoB,IAAwC;AAAA,EACrE;AAEA,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,yBAAyB,CAAC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW;AACb,MAGc;AACZ,MAAI,UAAU;AACZ,WAAO;AAAA,EACT;AACA,MAAI,MAAM;AACR,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,IAAM,iCAAiC,CAAC,SAAyB;AACtE,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,uCAAuC,CAAC,SAAyB;AAC5E,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,kCAAkC,CAAC,SAAyB;AACvE,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/chunk-ZFTQ2XBH.js

@@ -0,0 +1,76 @@
+import {
+  useCurriculumContext
+} from "./chunk-WA5A2GB4.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-file-download.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumFileDownload(props) {
+  const { item } = props;
+  const { title, description, files } = item;
+  const { onClickfileDownload } = useCurriculumContext();
+  const isCallbackReady = useMemo(() => {
+    return typeof onClickfileDownload === "function";
+  }, [onClickfileDownload]);
+  const handleClickFile = (file) => {
+    if (!onClickfileDownload) {
+      return;
+    }
+    onClickfileDownload(item, file);
+  };
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "center",
+      px: "3",
+      py: "3",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
+        description ? /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }) : null,
+        /* @__PURE__ */ jsx(
+          Flex,
+          {
+            direction: "column",
+            gap: "2",
+            mt: "4",
+            style: { width: "100%", maxWidth: 520 },
+            children: files.map((file) => {
+              return /* @__PURE__ */ jsx(
+                Button,
+                {
+                  disabled: !isCallbackReady,
+                  onClick: () => {
+                    handleClickFile(file);
+                  },
+                  variant: "outline",
+                  children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: file.name })
+                },
+                file.url
+              );
+            })
+          }
+        ),
+        !isCallbackReady ? /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", mt: "3", variant: "caption", children: "\uD30C\uC77C \uB2E4\uC6B4\uB85C\uB4DC \uAE30\uB2A5\uC774 \uC124\uC815\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4." }) : null
+      ]
+    }
+  );
+}
+var curriculum_file_download_default = CurriculumFileDownload;
+
+export {
+  curriculum_file_download_default
+};
+//# sourceMappingURL=chunk-ZFTQ2XBH.js.map

package/dist/chunk-ZFTQ2XBH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-file-download.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Button } from '@/atoms/button';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport type {\n  CurriculumFileDownloadContents,\n  CurriculumFileDownloadFile,\n} from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\n\ninterface CurriculumFileDownloadProps {\n  item: CurriculumFileDownloadContents;\n}\n\nfunction CurriculumFileDownload(\n  props: CurriculumFileDownloadProps\n): React.ReactNode {\n  const { item } = props;\n  const { title, description, files } = item;\n  const { onClickfileDownload } = useCurriculumContext();\n\n  const isCallbackReady = useMemo((): boolean => {\n    return typeof onClickfileDownload === 'function';\n  }, [onClickfileDownload]);\n\n  const handleClickFile = (file: CurriculumFileDownloadFile): void => {\n    if (!onClickfileDownload) {\n      return;\n    }\n    onClickfileDownload(item, file);\n  };\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"center\"\n      px=\"3\"\n      py=\"3\"\n      width=\"100%\"\n    >\n      <Typo color=\"gray\" weight=\"bold\">\n        {title}\n      </Typo>\n      {description ? (\n        <Typo align=\"center\" as=\"p\" color=\"gray\">\n          {description}\n        </Typo>\n      ) : null}\n\n      <Flex\n        direction=\"column\"\n        gap=\"2\"\n        mt=\"4\"\n        style={{ width: '100%', maxWidth: 520 }}\n      >\n        {files.map((file) => {\n          return (\n            <Button\n              disabled={!isCallbackReady}\n              key={file.url}\n              onClick={() => {\n                handleClickFile(file);\n              }}\n              variant=\"outline\"\n            >\n              <Typo truncate>{file.name}</Typo>\n            </Button>\n          );\n        })}\n      </Flex>\n\n      {!isCallbackReady ? (\n        <Typo align=\"center\" color=\"gray\" mt=\"3\" variant=\"caption\">\n          파일 다운로드 기능이 설정되지 않았습니다.\n        </Typo>\n      ) : null}\n    </Flex>\n  );\n}\n\nexport default CurriculumFileDownload;\n\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAiC3B,SASE,KATF;AAnBJ,SAAS,uBACP,OACiB;AACjB,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,EAAE,OAAO,aAAa,MAAM,IAAI;AACtC,QAAM,EAAE,oBAAoB,IAAI,qBAAqB;AAErD,QAAM,kBAAkB,QAAQ,MAAe;AAC7C,WAAO,OAAO,wBAAwB;AAAA,EACxC,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,kBAAkB,CAAC,SAA2C;AAClE,QAAI,CAAC,qBAAqB;AACxB;AAAA,IACF;AACA,wBAAoB,MAAM,IAAI;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAM;AAAA,MAEN;AAAA,4BAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,QACC,cACC,oBAAC,QAAK,OAAM,UAAS,IAAG,KAAI,OAAM,QAC/B,uBACH,IACE;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,IAAG;AAAA,YACH,OAAO,EAAE,OAAO,QAAQ,UAAU,IAAI;AAAA,YAErC,gBAAM,IAAI,CAAC,SAAS;AACnB,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAU,CAAC;AAAA,kBAEX,SAAS,MAAM;AACb,oCAAgB,IAAI;AAAA,kBACtB;AAAA,kBACA,SAAQ;AAAA,kBAER,8BAAC,QAAK,UAAQ,MAAE,eAAK,MAAK;AAAA;AAAA,gBANrB,KAAK;AAAA,cAOZ;AAAA,YAEJ,CAAC;AAAA;AAAA,QACH;AAAA,QAEC,CAAC,kBACA,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,IAAG,KAAI,SAAQ,WAAU,+HAE3D,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mCAAQ;","names":[]}

package/dist/chunk-ZI7PEVZG.js

@@ -0,0 +1,89 @@
+import {
+  ReviewQuestion_default
+} from "./chunk-7ABAJEJA.js";
+import {
+  complete_review_default
+} from "./chunk-5YESTYFF.js";
+import {
+  start_review_default
+} from "./chunk-NSBBMIXS.js";
+import {
+  CurriculumReviewProvider,
+  useCurriculumReviewContext
+} from "./chunk-GMKRNFH5.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx
+import { jsx } from "react/jsx-runtime";
+function CurriculumReviewStepsInner() {
+  const {
+    formik,
+    step,
+    handleStart,
+    handleNext,
+    handlePrev,
+    onClickReviewMyAnswer,
+    handleSubmit,
+    currentQuestion,
+    currentAnswer,
+    currentError,
+    reviewContents,
+    handleAnswerChange
+  } = useCurriculumReviewContext();
+  const { questions } = reviewContents;
+  if (step === 0) {
+    return /* @__PURE__ */ jsx(start_review_default, { onStart: handleStart });
+  }
+  if (step > 0 && step <= questions.length && currentQuestion) {
+    return /* @__PURE__ */ jsx(
+      ReviewQuestion_default,
+      {
+        answer: currentAnswer,
+        error: currentError,
+        index: step - 1,
+        isLast: step === questions.length,
+        isLoading: formik.isSubmitting,
+        isNextDisabled: currentError !== void 0,
+        onChange: handleAnswerChange,
+        onNext: handleNext,
+        onPrev: handlePrev,
+        onSubmit: handleSubmit,
+        question: currentQuestion,
+        total: questions.length
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(complete_review_default, { onClickReviewMyAnswer });
+}
+function CurriculumReviewSteps({
+  contents,
+  title,
+  onClickEndReview,
+  onSubmit,
+  defaultValues,
+  curriculum,
+  onReviewValueChange,
+  mode,
+  done
+}) {
+  return /* @__PURE__ */ jsx(
+    CurriculumReviewProvider,
+    {
+      curriculum,
+      defaultValues,
+      done,
+      mode,
+      onClickEndReview,
+      onReviewValueChange,
+      onSubmit,
+      reviewContents: contents,
+      sectionTitle: title,
+      children: /* @__PURE__ */ jsx(CurriculumReviewStepsInner, {})
+    }
+  );
+}
+var CurriculumReviewSteps_default = CurriculumReviewSteps;
+
+export {
+  CurriculumReviewSteps_default
+};
+//# sourceMappingURL=chunk-ZI7PEVZG.js.map

package/dist/chunk-ZI7PEVZG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx"],"sourcesContent":["import React  from 'react';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport type { Curriculum } from '@/types'; \nimport {\n  CurriculumReviewProvider,\n  useCurriculumReviewContext,\n} from './curriculum-review-context';\nimport StartReview from './start-review';\nimport CompleteReview from './complete-review';\nimport ReviewQuestion from './ReviewQuestion';\n \nfunction CurriculumReviewStepsInner(): React.ReactNode {\n  const {\n    formik,\n    step,\n    handleStart,\n    handleNext,\n    handlePrev,\n    onClickReviewMyAnswer,\n    handleSubmit,\n    currentQuestion,\n    currentAnswer,\n    currentError,\n    reviewContents,\n    handleAnswerChange,\n  } = useCurriculumReviewContext();\n  const { questions } = reviewContents;\n\n  if (step === 0) {\n    return <StartReview onStart={handleStart} />;\n  }\n  if (step > 0 && step <= questions.length && currentQuestion) {\n    return (\n      <ReviewQuestion\n        answer={currentAnswer}\n        error={currentError}\n        index={step - 1}\n        isLast={step === questions.length}\n        isLoading={formik.isSubmitting}\n        isNextDisabled={currentError !== undefined}\n        onChange={handleAnswerChange}\n        onNext={handleNext}\n        onPrev={handlePrev}\n        onSubmit={handleSubmit}\n        question={currentQuestion}\n        total={questions.length}\n      />\n    );\n  }\n  return <CompleteReview onClickReviewMyAnswer={onClickReviewMyAnswer} />;\n}\n\ninterface CurriculumReviewStepsProps {\n  contents: CurriculumReviewContents;\n  title: string | undefined;\n  onClickEndReview: () => void;\n  onSubmit: (values: Record<string, string>) => Promise<boolean>;\n  defaultValues?: Record<string, string>;\n  curriculum: Curriculum;\n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  mode: 'edit' | 'create';\n  done: boolean; \n}\n\nfunction CurriculumReviewSteps({\n  contents,\n  title,\n  onClickEndReview,\n  onSubmit,\n  defaultValues,\n  curriculum,\n  onReviewValueChange,\n  mode,\n  done,\n}: CurriculumReviewStepsProps): React.ReactNode { \n\n  return (\n    <CurriculumReviewProvider\n      curriculum={curriculum}\n      defaultValues={defaultValues}\n      done={done}\n      mode={mode}\n      onClickEndReview={onClickEndReview}\n      onReviewValueChange={onReviewValueChange}\n      onSubmit={onSubmit}\n      reviewContents={contents}\n      sectionTitle={title}\n    >\n      <CurriculumReviewStepsInner />\n    </CurriculumReviewProvider>\n  );\n}\n\nexport default CurriculumReviewSteps;\n"],"mappings":";;;;;;;;;;;;;;;AA6BW;AAlBX,SAAS,6BAA8C;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B;AAC/B,QAAM,EAAE,UAAU,IAAI;AAEtB,MAAI,SAAS,GAAG;AACd,WAAO,oBAAC,wBAAY,SAAS,aAAa;AAAA,EAC5C;AACA,MAAI,OAAO,KAAK,QAAQ,UAAU,UAAU,iBAAiB;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,OAAO,OAAO;AAAA,QACd,QAAQ,SAAS,UAAU;AAAA,QAC3B,WAAW,OAAO;AAAA,QAClB,gBAAgB,iBAAiB;AAAA,QACjC,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO,UAAU;AAAA;AAAA,IACnB;AAAA,EAEJ;AACA,SAAO,oBAAC,2BAAe,uBAA8C;AACvE;AAoBA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,cAAc;AAAA,MAEd,8BAAC,8BAA2B;AAAA;AAAA,EAC9B;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-ZKFNOCWD.js

@@ -0,0 +1,125 @@
+import {
+  IconButton
+} from "./chunk-XK6VEVOK.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  DoubleArrowLeftIcon,
+  DoubleArrowRightIcon
+} from "./chunk-LTEJYJUM.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/pagination.tsx
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Pagination(props) {
+  const { onChange, count = 0, siblingCount = 2 } = props;
+  const [page, setPage] = useState(() => props.page || props.defaultPage || 1);
+  const visibleItems = useMemo(() => {
+    let start = Math.max(1, page - siblingCount);
+    let end = Math.min(count, page + siblingCount);
+    if (page - siblingCount <= 0 && end < count) {
+      end = Math.min(count, end + Math.abs(page - siblingCount) + 1);
+    } else if (page + siblingCount > count && start > 1) {
+      start = Math.max(1, start - (page + siblingCount - count));
+    }
+    return Array.from({ length: end - start + 1 }, (_, i) => i + start);
+  }, [count, page, siblingCount]);
+  useEffect(() => {
+    onChange == null ? void 0 : onChange(page);
+  }, [onChange, page]);
+  useEffect(() => {
+    if (props.page) {
+      setPage(props.page);
+    }
+  }, [props.page]);
+  const prev = useMemo(() => {
+    const p = page - 1;
+    return p < 1 ? void 0 : p;
+  }, [page]);
+  const next = useMemo(() => {
+    const n = page + 1;
+    return n > count ? void 0 : n;
+  }, [count, page]);
+  const onClickPrev = useCallback(() => {
+    prev && setPage(prev);
+  }, [prev]);
+  const onClickNext = useCallback(() => {
+    next && setPage(next);
+  }, [next]);
+  const doublePrev = useMemo(() => {
+    if (!visibleItems.length) return;
+    return Math.max(0, visibleItems[0] - 1);
+  }, [visibleItems]);
+  const onClickDoublePrev = useCallback(() => {
+    doublePrev && setPage(doublePrev);
+  }, [doublePrev]);
+  const doubleNext = useMemo(() => {
+    if (!visibleItems.length) return;
+    const n = visibleItems[visibleItems.length - 1] + 1;
+    if (n > count) return;
+    return Math.min(count, n);
+  }, [count, visibleItems]);
+  const onClickDoubleNext = useCallback(() => {
+    doubleNext && setPage(doubleNext);
+  }, [doubleNext]);
+  const iconSize = {
+    height: 24,
+    width: 24
+  };
+  const moveButtonProps = {
+    variant: "ghost",
+    size: "large",
+    style: { borderRadius: "50%" }
+  };
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", className: "tipp-pagination", children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      __spreadProps(__spreadValues({
+        disabled: !doublePrev,
+        onClick: onClickDoublePrev
+      }, moveButtonProps), {
+        children: /* @__PURE__ */ jsx(DoubleArrowLeftIcon, __spreadValues({}, iconSize))
+      })
+    ),
+    /* @__PURE__ */ jsx(IconButton, __spreadProps(__spreadValues({ disabled: !prev, onClick: onClickPrev }, moveButtonProps), { children: /* @__PURE__ */ jsx(ChevronLeftIcon, __spreadValues({}, iconSize)) })),
+    /* @__PURE__ */ jsx(Flex, { gap: "1", children: visibleItems.map((item) => {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `page-button ${item === page ? "active" : ""}`,
+          onClick: () => {
+            setPage(item);
+          },
+          type: "button",
+          children: /* @__PURE__ */ jsx(Typo, { variant: "body", children: item })
+        },
+        item
+      );
+    }) }),
+    /* @__PURE__ */ jsx(IconButton, __spreadProps(__spreadValues({ disabled: !next, onClick: onClickNext }, moveButtonProps), { children: /* @__PURE__ */ jsx(ChevronRightIcon, __spreadValues({}, iconSize)) })),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      __spreadProps(__spreadValues({
+        disabled: !doubleNext,
+        onClick: onClickDoubleNext
+      }, moveButtonProps), {
+        children: /* @__PURE__ */ jsx(DoubleArrowRightIcon, __spreadValues({}, iconSize))
+      })
+    )
+  ] });
+}
+
+export {
+  Pagination
+};
+//# sourceMappingURL=chunk-ZKFNOCWD.js.map

package/dist/chunk-ZKFNOCWD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/pagination.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DoubleArrowLeftIcon,\n  DoubleArrowRightIcon,\n} from '../icon';\nimport type { IconButtonProps } from './icon-button';\nimport { IconButton } from './icon-button';\nimport { Flex } from './flex';\nimport { Typo } from './typo';\n\nexport interface PaginationProps {\n  /** 현재 선택된 페이지, 1부터 시작 */\n  page?: number;\n  /** 기본 선택 페이지, page보다 낮은 우선 순위를 갖는다 */\n  defaultPage?: number;\n  /** 선택한 페이지 변경 이벤트 cb */\n  onChange?: (page: number) => void;\n  /** 전체 페이지의 수 */\n  count?: number;\n  /** 표시할 페이지 버튼의 개수 */\n  siblingCount?: number;\n}\n\nexport function Pagination(props: PaginationProps): React.ReactNode {\n  const { onChange, count = 0, siblingCount = 2 } = props;\n\n  const [page, setPage] = useState(() => props.page || props.defaultPage || 1);\n\n  const visibleItems = useMemo(() => {\n    let start = Math.max(1, page - siblingCount);\n    let end = Math.min(count, page + siblingCount);\n    if (page - siblingCount <= 0 && end < count) {\n      end = Math.min(count, end + Math.abs(page - siblingCount) + 1);\n    } else if (page + siblingCount > count && start > 1) {\n      start = Math.max(1, start - (page + siblingCount - count));\n    }\n\n    return Array.from({ length: end - start + 1 }, (_, i) => i + start);\n  }, [count, page, siblingCount]);\n\n  useEffect(() => {\n    onChange?.(page);\n  }, [onChange, page]);\n\n  useEffect(() => {\n    if (props.page) {\n      setPage(props.page);\n    }\n  }, [props.page]);\n\n  const prev = useMemo<number | undefined>(() => {\n    const p = page - 1;\n    return p < 1 ? undefined : p;\n  }, [page]);\n\n  const next = useMemo<number | undefined>(() => {\n    const n = page + 1;\n    return n > count ? undefined : n;\n  }, [count, page]);\n\n  const onClickPrev = useCallback(() => {\n    prev && setPage(prev);\n  }, [prev]);\n\n  const onClickNext = useCallback(() => {\n    next && setPage(next);\n  }, [next]);\n\n  const doublePrev = useMemo<number | undefined>(() => {\n    if (!visibleItems.length) return;\n    return Math.max(0, visibleItems[0] - 1);\n  }, [visibleItems]);\n\n  const onClickDoublePrev = useCallback(() => {\n    doublePrev && setPage(doublePrev);\n  }, [doublePrev]);\n\n  const doubleNext = useMemo<number | undefined>(() => {\n    if (!visibleItems.length) return;\n    const n = visibleItems[visibleItems.length - 1] + 1;\n    if (n > count) return;\n    return Math.min(count, n);\n  }, [count, visibleItems]);\n\n  const onClickDoubleNext = useCallback(() => {\n    doubleNext && setPage(doubleNext);\n  }, [doubleNext]);\n\n  const iconSize = {\n    height: 24,\n    width: 24,\n  };\n\n  const moveButtonProps: IconButtonProps = {\n    variant: 'ghost',\n    size: 'large',\n    style: { borderRadius: '50%' },\n  };\n\n  return (\n    <Flex align=\"center\" className=\"tipp-pagination\">\n      <IconButton\n        disabled={!doublePrev}\n        onClick={onClickDoublePrev}\n        {...moveButtonProps}\n      >\n        <DoubleArrowLeftIcon {...iconSize} />\n      </IconButton>\n      <IconButton disabled={!prev} onClick={onClickPrev} {...moveButtonProps}>\n        <ChevronLeftIcon {...iconSize} />\n      </IconButton>\n      <Flex gap=\"1\">\n        {visibleItems.map((item) => {\n          return (\n            <button\n              className={`page-button ${item === page ? 'active' : ''}`}\n              key={item}\n              onClick={() => {\n                setPage(item);\n              }}\n              type=\"button\"\n            >\n              <Typo variant=\"body\">{item}</Typo>\n            </button>\n          );\n        })}\n      </Flex>\n      <IconButton disabled={!next} onClick={onClickNext} {...moveButtonProps}>\n        <ChevronRightIcon {...iconSize} />\n      </IconButton>\n      <IconButton\n        disabled={!doubleNext}\n        onClick={onClickDoubleNext}\n        {...moveButtonProps}\n      >\n        <DoubleArrowRightIcon {...iconSize} />\n      </IconButton>\n    </Flex>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ZOITFRX7.js

@@ -0,0 +1,70 @@
+import {
+  useCurriculumContext
+} from "./chunk-Y7SJF3Y3.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  ResetIcon
+} from "./chunk-LTEJYJUM.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumAiTraning({
+  item
+}) {
+  const { title, description, buttonTitle } = item;
+  const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();
+  const done = useMemo(() => {
+    return Boolean(curriculumCompleteMap[item.uuid]);
+  }, [curriculumCompleteMap, item.uuid]);
+  const bgColor = done ? "var(--color-panel-solid)" : void 0;
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "center",
+      style: {
+        backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,
+        backgroundPosition: "center",
+        backgroundSize: "cover",
+        backgroundRepeat: "no-repeat"
+      },
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
+        /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            mt: "3",
+            onClick: () => {
+              onActionButtonClick(item);
+            },
+            style: { minWidth: 232, backgroundColor: bgColor },
+            variant: done ? "outline" : "solid",
+            children: [
+              done ? "\uB2E4\uC2DC \uC5F0\uC2B5\uD558\uAE30" : buttonTitle || "\uC2DC\uC791\uD558\uAE30",
+              done ? /* @__PURE__ */ jsx(ResetIcon, {}) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var curriculum_ai_traning_default = CurriculumAiTraning;
+
+export {
+  curriculum_ai_traning_default
+};
+//# sourceMappingURL=chunk-ZOITFRX7.js.map

package/dist/chunk-ZOITFRX7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { CurriculumAiTrainingContents } from '@/types/curriculumContents.type';\nimport { Button } from '@/atoms/button';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { ResetIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\n\ninterface CurriculumAiTraningProps {\n  item: CurriculumAiTrainingContents;\n}\n\nfunction CurriculumAiTraning({\n  item,\n}: CurriculumAiTraningProps): React.ReactNode {\n  const { title, description, buttonTitle } = item;\n  const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();\n\n  const done = useMemo(() => {\n    return Boolean(curriculumCompleteMap[item.uuid]);\n  }, [curriculumCompleteMap, item.uuid]);\n\n  const bgColor=  done ? 'var(--color-panel-solid)' : undefined;\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"center\"\n      style={{\n        backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,\n        backgroundPosition: 'center',\n        backgroundSize: 'cover',\n        backgroundRepeat: 'no-repeat',\n      }}\n      width=\"100%\"\n    >\n      <Typo color=\"gray\" weight=\"bold\">\n        {title}\n      </Typo>\n      <Typo align=\"center\" as=\"p\" color=\"gray\">\n        {description}\n      </Typo>\n\n      <Button\n        mt=\"3\"\n        onClick={() => { onActionButtonClick(item); }}\n        style={{ minWidth: 232, backgroundColor: bgColor }}\n        variant={done ? 'outline' : 'solid'}\n      >\n        {done ? '다시 연습하기' : buttonTitle || '시작하기'}\n        {done ? <ResetIcon/> : null}\n      </Button>\n \n    </Flex>\n  );\n}\n\nexport default CurriculumAiTraning;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAsCzB,cAOA,YAPA;AA1BN,SAAS,oBAAoB;AAAA,EAC3B;AACF,GAA8C;AAC5C,QAAM,EAAE,OAAO,aAAa,YAAY,IAAI;AAC5C,QAAM,EAAE,uBAAuB,oBAAoB,IAAI,qBAAqB;AAE5E,QAAM,OAAO,QAAQ,MAAM;AACzB,WAAO,QAAQ,sBAAsB,KAAK,IAAI,CAAC;AAAA,EACjD,GAAG,CAAC,uBAAuB,KAAK,IAAI,CAAC;AAErC,QAAM,UAAU,OAAO,6BAA6B;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,MACpB;AAAA,MACA,OAAM;AAAA,MAEN;AAAA,4BAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,QACA,oBAAC,QAAK,OAAM,UAAS,IAAG,KAAI,OAAM,QAC/B,uBACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAS,MAAM;AAAE,kCAAoB,IAAI;AAAA,YAAG;AAAA,YAC5C,OAAO,EAAE,UAAU,KAAK,iBAAiB,QAAQ;AAAA,YACjD,SAAS,OAAO,YAAY;AAAA,YAE3B;AAAA,qBAAO,0CAAY,eAAe;AAAA,cAClC,OAAO,oBAAC,aAAS,IAAK;AAAA;AAAA;AAAA,QACzB;AAAA;AAAA;AAAA,EAEF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}