{"version":3,"file":"static/chunks/pages/mypage/licenses-8fc7aa48a8b35a1d.js","mappings":"ACKA","sources":["webpack://_N_E/./node_modules/antd/es/_util/capitalize.js","webpack://_N_E/./node_modules/antd/es/tag/style/index.js","webpack://_N_E/./node_modules/antd/es/tag/CheckableTag.js","webpack://_N_E/./node_modules/antd/es/tag/index.js","webpack://_N_E/?457b","webpack://_N_E/./src/themes/createColors.ts","webpack://_N_E/./src/components/Button.tsx","webpack://_N_E/./src/lib/utils/isExpired.ts","webpack://_N_E/./src/lib/utils/newPlan.tsx","webpack://_N_E/./src/lib/utils/renderType.ts","webpack://_N_E/./src/modules/mypages/licenses/stores/LicenseModel.tsx","webpack://_N_E/./src/modules/mypages/libraries/commands/getCreditUsagesByLicenseCommand.ts","webpack://_N_E/./src/modules/mypages/licenses/commands/getLicenseListCommand.ts","webpack://_N_E/./src/modules/mypages/licenses/viewModels/LicenseListViewModel.tsx","webpack://_N_E/./src/components/ExpiredAtText.tsx","webpack://_N_E/./src/modules/mypages/licenses/components/LicenseList.tsx","webpack://_N_E/./src/modules/mypages/licenses/components/LicenseListFilter.tsx","webpack://_N_E/./src/modules/mypages/licenses/components/LicenseListSearch.tsx","webpack://_N_E/./src/modules/mypages/licenses/views/LicenseListView.tsx","webpack://_N_E/./src/modules/mypages/licenses/pages/LicenseListPage.tsx","webpack://_N_E/./src/pages/mypage/licenses/index.tsx","webpack://_N_E/<anon>"],"sourcesContent":["export default function capitalize(str) {\n  if (typeof str !== 'string') {\n    return str;\n  }\n  var ret = str.charAt(0).toUpperCase() + str.slice(1);\n  return ret;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { genComponentStyleHook, mergeToken, PresetColors } from '../../theme';\nimport capitalize from '../../_util/capitalize';\nimport { resetComponent } from '../../style';\nvar genTagStatusStyle = function genTagStatusStyle(token, status, cssVariableType) {\n  var capitalizedCssVariableType = capitalize(cssVariableType);\n  return _defineProperty({}, token.componentCls + \"-\" + status, {\n    color: token[\"color\" + cssVariableType],\n    background: token[\"color\" + capitalizedCssVariableType + \"Bg\"],\n    borderColor: token[\"color\" + capitalizedCssVariableType + \"Border\"]\n  });\n};\n// FIXME: special preset colors\nvar genTagColorStyle = function genTagColorStyle(token) {\n  return PresetColors.reduce(function (prev, colorKey) {\n    var _extends2;\n    var lightColor = token[colorKey + \"-1\"];\n    var lightBorderColor = token[colorKey + \"-3\"];\n    var darkColor = token[colorKey + \"-6\"];\n    var textColor = token[colorKey + \"-7\"];\n    return _extends(_extends({}, prev), (_extends2 = {}, _defineProperty(_extends2, token.componentCls + \"-\" + colorKey, {\n      color: textColor,\n      background: lightColor,\n      borderColor: lightBorderColor\n    }), _defineProperty(_extends2, token.componentCls + \"-\" + colorKey + \"-inverse\", {\n      color: token.colorTextLightSolid,\n      background: darkColor,\n      borderColor: darkColor\n    }), _extends2));\n  }, {});\n};\nvar genBaseStyle = function genBaseStyle(token) {\n  var _extends3;\n  var paddingXXS = token.paddingXXS,\n    lineWidth = token.lineWidth,\n    tagPaddingHorizontal = token.tagPaddingHorizontal;\n  var paddingInline = tagPaddingHorizontal - lineWidth;\n  var iconMarginInline = paddingXXS - lineWidth;\n  return _defineProperty({}, token.componentCls, _extends(_extends({}, resetComponent(token)), (_extends3 = {\n    display: 'inline-block',\n    height: 'auto',\n    marginInlineEnd: token.marginXS,\n    paddingInline: paddingInline,\n    fontSize: token.tagFontSize,\n    lineHeight: token.tagLineHeight + \"px\",\n    whiteSpace: 'nowrap',\n    background: token.tagDefaultBg,\n    border: token.lineWidth + \"px \" + token.lineType + \" \" + token.colorBorder,\n    borderRadius: token.borderRadiusSM,\n    opacity: 1,\n    transition: \"all \" + token.motionDurationMid,\n    textAlign: 'start',\n    // RTL\n    '&&-rtl': {\n      direction: 'rtl'\n    },\n    '&, a, a:hover': {\n      color: token.tagDefaultColor\n    }\n  }, _defineProperty(_extends3, token.componentCls + \"-close-icon\", {\n    marginInlineStart: iconMarginInline,\n    color: token.colorTextDescription,\n    fontSize: token.tagIconSize,\n    cursor: 'pointer',\n    transition: \"all \" + token.motionDurationMid,\n    '&:hover': {\n      color: token.colorTextHeading\n    }\n  }), _defineProperty(_extends3, \"&&-has-color\", _defineProperty({\n    borderColor: 'transparent'\n  }, \"&, a, a:hover, \" + token.iconCls + \"-close, \" + token.iconCls + \"-close:hover\", {\n    color: token.colorTextLightSolid\n  })), _defineProperty(_extends3, \"&-checkable\", {\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    cursor: 'pointer',\n    '&:not(&-checked):hover': {\n      color: token.colorPrimary,\n      backgroundColor: token.colorFillSecondary\n    },\n    '&:active, &-checked': {\n      color: token.colorTextLightSolid\n    },\n    '&-checked': {\n      backgroundColor: token.colorPrimary,\n      '&:hover': {\n        backgroundColor: token.colorPrimaryHover\n      }\n    },\n    '&:active': {\n      backgroundColor: token.colorPrimaryActive\n    }\n  }), _defineProperty(_extends3, \"&-hidden\", {\n    display: 'none'\n  }), _defineProperty(_extends3, \"> \" + token.iconCls + \" + span, > span + \" + token.iconCls, {\n    marginInlineStart: paddingInline\n  }), _extends3)));\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Tag', function (token) {\n  var fontSize = token.fontSize,\n    lineHeight = token.lineHeight,\n    lineWidth = token.lineWidth,\n    fontSizeIcon = token.fontSizeIcon;\n  var tagHeight = Math.round(fontSize * lineHeight);\n  var tagFontSize = token.fontSizeSM;\n  var tagLineHeight = tagHeight - lineWidth * 2;\n  var tagDefaultBg = token.colorFillAlter;\n  var tagDefaultColor = token.colorText;\n  var tagToken = mergeToken(token, {\n    tagFontSize: tagFontSize,\n    tagLineHeight: tagLineHeight,\n    tagDefaultBg: tagDefaultBg,\n    tagDefaultColor: tagDefaultColor,\n    tagIconSize: fontSizeIcon - 2 * lineWidth,\n    tagPaddingHorizontal: 8 // Fixed padding.\n  });\n\n  return [genBaseStyle(tagToken), genTagColorStyle(tagToken), genTagStatusStyle(tagToken, 'success', 'Success'), genTagStatusStyle(tagToken, 'processing', 'Info'), genTagStatusStyle(tagToken, 'error', 'Error'), genTagStatusStyle(tagToken, 'warning', 'Warning')];\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport useStyle from './style';\nvar CheckableTag = function CheckableTag(_a) {\n  var _classNames;\n  var customizePrefixCls = _a.prefixCls,\n    className = _a.className,\n    checked = _a.checked,\n    onChange = _a.onChange,\n    onClick = _a.onClick,\n    restProps = __rest(_a, [\"prefixCls\", \"className\", \"checked\", \"onChange\", \"onClick\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls;\n  var handleClick = function handleClick(e) {\n    onChange === null || onChange === void 0 ? void 0 : onChange(!checked);\n    onClick === null || onClick === void 0 ? void 0 : onClick(e);\n  };\n  var prefixCls = getPrefixCls('tag', customizePrefixCls);\n  // Style\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var cls = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-checkable\", true), _defineProperty(_classNames, prefixCls + \"-checkable-checked\", checked), _classNames), className, hashId);\n  return wrapSSR( /*#__PURE__*/React.createElement(\"span\", _extends({}, restProps, {\n    className: cls,\n    onClick: handleClick\n  })));\n};\nexport default CheckableTag;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar __rest = this && this.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) {\n    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  }\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\nimport CloseOutlined from \"@ant-design/icons/es/icons/CloseOutlined\";\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport { PresetColorTypes, PresetStatusColorTypes } from '../_util/colors';\nimport Wave from '../_util/wave';\nimport warning from '../_util/warning';\nimport CheckableTag from './CheckableTag';\nimport useStyle from './style';\nvar PresetColorRegex = new RegExp(\"^(\" + PresetColorTypes.join('|') + \")(-inverse)?$\");\nvar PresetStatusColorRegex = new RegExp(\"^(\" + PresetStatusColorTypes.join('|') + \")$\");\nvar InternalTag = function InternalTag(_a, ref) {\n  var _classNames;\n  var customizePrefixCls = _a.prefixCls,\n    className = _a.className,\n    style = _a.style,\n    children = _a.children,\n    icon = _a.icon,\n    color = _a.color,\n    onClose = _a.onClose,\n    closeIcon = _a.closeIcon,\n    _a$closable = _a.closable,\n    closable = _a$closable === void 0 ? false : _a$closable,\n    props = __rest(_a, [\"prefixCls\", \"className\", \"style\", \"children\", \"icon\", \"color\", \"onClose\", \"closeIcon\", \"closable\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var _React$useState = React.useState(true),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    visible = _React$useState2[0],\n    setVisible = _React$useState2[1];\n  // Warning for deprecated usage\n  if (process.env.NODE_ENV !== 'production') {\n    process.env.NODE_ENV !== \"production\" ? warning(!('visible' in props), 'Tag', '`visible` is deprecated, please use `visible && <Tag />` instead.') : void 0;\n  }\n  React.useEffect(function () {\n    if ('visible' in props) {\n      setVisible(props.visible);\n    }\n  }, [props.visible]);\n  var isPresetColor = function isPresetColor() {\n    if (!color) {\n      return false;\n    }\n    return PresetColorRegex.test(color) || PresetStatusColorRegex.test(color);\n  };\n  var tagStyle = _extends({\n    backgroundColor: color && !isPresetColor() ? color : undefined\n  }, style);\n  var presetColor = isPresetColor();\n  var prefixCls = getPrefixCls('tag', customizePrefixCls);\n  // Style\n  var _useStyle = useStyle(prefixCls),\n    _useStyle2 = _slicedToArray(_useStyle, 2),\n    wrapSSR = _useStyle2[0],\n    hashId = _useStyle2[1];\n  var tagClassName = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-\" + color, presetColor), _defineProperty(_classNames, prefixCls + \"-has-color\", color && !presetColor), _defineProperty(_classNames, prefixCls + \"-hidden\", !visible), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _classNames), className, hashId);\n  var handleCloseClick = function handleCloseClick(e) {\n    e.stopPropagation();\n    onClose === null || onClose === void 0 ? void 0 : onClose(e);\n    if (e.defaultPrevented) {\n      return;\n    }\n    setVisible(false);\n  };\n  var renderCloseIcon = function renderCloseIcon() {\n    if (closable) {\n      return closeIcon ? /*#__PURE__*/React.createElement(\"span\", {\n        className: prefixCls + \"-close-icon\",\n        onClick: handleCloseClick\n      }, closeIcon) : /*#__PURE__*/React.createElement(CloseOutlined, {\n        className: prefixCls + \"-close-icon\",\n        onClick: handleCloseClick\n      });\n    }\n    return null;\n  };\n  var isNeedWave = 'onClick' in props || children && children.type === 'a';\n  var iconNode = icon || null;\n  var kids = iconNode ? /*#__PURE__*/React.createElement(React.Fragment, null, iconNode, /*#__PURE__*/React.createElement(\"span\", null, children)) : children;\n  var tagNode = /*#__PURE__*/React.createElement(\"span\", _extends({}, props, {\n    ref: ref,\n    className: tagClassName,\n    style: tagStyle\n  }), kids, renderCloseIcon());\n  return wrapSSR(isNeedWave ? /*#__PURE__*/React.createElement(Wave, null, tagNode) : tagNode);\n};\nvar Tag = /*#__PURE__*/React.forwardRef(InternalTag);\nif (process.env.NODE_ENV !== 'production') {\n  Tag.displayName = 'Tag';\n}\nTag.CheckableTag = CheckableTag;\nexport default Tag;","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/mypage/licenses\",\n      function () {\n        return require(\"private-next-pages/mypage/licenses/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/mypage/licenses\"])\n      });\n    }\n  ","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n      color: #fff;\\n      background-color: \",\n        \";\\n      border-color: \",\n        \";\\n\\n      &:hover,\\n      &:focus {\\n        background-color: \",\n        \" !important;\\n      }\\n      &:active {\\n        background-color: \",\n        \" !important;\\n      }\\n    \"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { generate } from \"@ant-design/colors\";\nimport defaultTheme from \"./default.theme\";\nimport { css } from \"styled-components\";\nconst primaryColor = generate(defaultTheme.primary[0]);\nconst secondaryColor = generate(defaultTheme.primary[1]);\n/**\n *\n * 커스텀 타입을 만들기 위한 작업들\n * https://github.com/herudi/antd-button-color\n *\n * @param baseColor\n *\n */ export const getButtonCss = (baseColor)=>{\n    const [selectedBackground, , , , hover, primary, active] = generate(baseColor);\n    return {\n        selectedBackground,\n        hover,\n        primary,\n        active,\n        css: css(_templateObject(), primary, primary, hover, active)\n    };\n};\nconst primary = [\n    \"#d1dbe8\",\n    \"#8caddb\",\n    \"#638ccf\",\n    \"#3e6cc2\",\n    \"#1d4db5\",\n    \"#002fa8\",\n    \"#002182\",\n    \"#00145c\",\n    \"#000a36\",\n    \"#00020f\"\n];\nconst secondary = [\n    \"#e6fffc\",\n    \"#a0faf2\",\n    \"#72ede7\",\n    \"#48e0de\",\n    \"#22d1d4\",\n    \"#00bfc8\",\n    \"#0093a1\",\n    \"#006c7a\",\n    \"#004854\",\n    \"#00252e\"\n];\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n\t\",\n        \")};\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { getButtonCss } from \"@/themes/createColors\";\nimport theme from \"@/themes/index\";\nimport styled from \"styled-components\";\nimport { Button } from \"antd\";\nconst primary = getButtonCss(theme[\"defaultTheme\"].primary[0]);\nconst secondary = getButtonCss(theme[\"defaultTheme\"].primary[1]);\n// https://maddev.netlify.app/development/styled_components_mixins/\n// https://vegeloper.medium.com/advanced-mixins-in-styled-components-2702d60d730\nconst primaryBtnMixin = primary.css;\nconst secondaryBtnMixin = secondary.css;\nconst customButton = (baseColor)=>getButtonCss(baseColor).css;\nexport { primaryBtnMixin, secondaryBtnMixin, customButton };\nconst SampleSubmitButton = styled(Button).withConfig({\n    componentId: \"sc-cc3204f4-0\"\n})(_templateObject(), customButton(theme[\"defaultTheme\"].primary[0]));\n","//유효기간 만료여부를 알려준다. 유효->true, 만료->false\nexport const isExpired = (expiredAt)=>{\n    const now = new Date();\n    const itemDate = new Date(expiredAt);\n    const diffDate = itemDate.getTime() - now.getTime();\n    const diffDay = diffDate / (1000 * 60 * 60 * 24);\n    return diffDay > 0;\n};\n","export const useNewPlanVar = process.env.NEXT_PUBLIC_FEATURES_2023_04_NEW_PLAN === \"true\";\nconst useNewPlanUI = ()=>{\n    // const [useNewPlan, setUseNewPlan] = useState<boolean>(false)\n    // const router = useRouter()\n    // useEffect(() => {\n    // \tconst { query } = router\n    // \tconst newPlan = query.useNewPlan\n    //\n    // \tif (newPlan === 'true') {\n    // \t\tsetUseNewPlan(true)\n    // \t}\n    // }, [router.query])\n    //\n    const useNewPlan = process.env.NEXT_PUBLIC_FEATURES_2023_04_NEW_PLAN === \"true\";\n    return {\n        useNewPlan\n    };\n};\nexport default useNewPlanUI;\nexport const useStudio = ()=>{\n    // const [useStudio, setUseStudio] = useState<boolean>(false)\n    // const router = useRouter()\n    //\n    // useEffect(() => {\n    // \tconst { query } = router\n    // \tconst newPlanStudio = query.useStudio\n    //\n    // \tif (newPlanStudio === 'true') {\n    // \t\tsetUseStudio(true)\n    // \t}\n    // }, [router.query])\n    const useStudio = process.env.NEXT_PUBLIC_FEATURES_2023_04_STUDIO === \"true\";\n    return {\n        useStudio\n    };\n};\nexport const usePurchaseCheck = ()=>{\n    const usePurchaseCheck = process.env.NEXT_PUBLIC_FEATURES_2023_05_LICENSE_PURCHASE_CHECK === \"true\";\n    return {\n        usePurchaseCheck\n    };\n};\nexport const useParsingBadge = ()=>{\n    const useParsingBadge = process.env.NEXT_PUBLIC_FEATURES_2023_06_PARSING_BADGE === \"true\";\n    return {\n        useParsingBadge\n    };\n};\nexport const useBuyStudio = ()=>{\n    const useBuyStudio = process.env.NEXT_PUBLIC_FEATURES_2023_06_BUY_STUDIO === \"true\";\n    return {\n        useBuyStudio\n    };\n};\nexport const ENV_NO_BASE_LICENSE_ID = ()=>{\n    return {\n        id: process.env.NEXT_PUBLIC_TEMP_SOURCE_ID\n    };\n};\n","import { ContentTypesWithString, DataTypesWithString } from \"src/api/product\";\nexport const renderOption = (option)=>{\n    let renderString;\n    switch(option){\n        case 1:\n            renderString = \"라이트\";\n            break;\n        case 2:\n            renderString = \"베이직\";\n            break;\n        case 3:\n            renderString = \"프로\";\n            break;\n        case 20:\n            renderString = \"라이선스\";\n            break;\n        default:\n            renderString = \"\";\n    }\n    return renderString;\n};\nexport const maxUsageType = (option)=>{\n    let renderString;\n    switch(option){\n        case 1:\n            renderString = 5;\n            break;\n        case 2:\n            renderString = 100;\n            break;\n        case 3:\n            renderString = 500;\n            break;\n        default:\n            renderString = 0;\n    }\n    return renderString;\n};\nexport const renderSourceType = (status)=>{\n    let renderString;\n    switch(status){\n        case \"work\":\n            renderString = \"문학 라이선스\";\n            break;\n        case \"textbook\":\n            renderString = \"교과서 라이선스\";\n            break;\n        case \"handout\":\n            renderString = \"수업자료\";\n            break;\n        case \"workbook\":\n            renderString = \"참고서 라이선스\";\n            break;\n        case \"aladinbook\":\n            renderString = \"도서\";\n            break;\n        default:\n            renderString = \"\";\n    }\n    return renderString;\n};\nexport const renderPriceLimit = (status)=>{\n    let renderString;\n    switch(status){\n        case \"lite\":\n            renderString = \"라이트 (최대 5명까지 이용 가능)\";\n            break;\n        case \"basic\":\n            renderString = \"베이직 (최대 100명까지 이용 가능)\";\n            break;\n        case \"pro\":\n            renderString = \"프로 (최대 500명까지 이용 가능)\";\n            break;\n        case \"e-learning\":\n            renderString = \"디지털 교재\";\n            break;\n        case \"e-teaching\":\n            renderString = \"라이선스\";\n            break;\n        default:\n            renderString = \"\";\n    }\n    return renderString;\n};\nexport const PLAN_LEARNING = \"e-learning\";\nexport const PLAN_TEACHING = \"e-teaching\";\nexport const renderPlanDescription = (plan)=>{\n    let renderString;\n    switch(plan){\n        case PLAN_LEARNING:\n            renderString = \"개인 이용 목적, 비상업적 이용\";\n            break;\n        case PLAN_TEACHING:\n            renderString = \"수업 이용 목적, 상업적 이용\";\n            break;\n        default:\n            renderString = \"\";\n            break;\n    }\n    return renderString;\n};\nexport const renderPlanNewType = (plan)=>{\n    let renderString;\n    switch(plan){\n        case PLAN_LEARNING:\n            renderString = \"디지털 교재\";\n            break;\n        case PLAN_TEACHING:\n            renderString = \"라이선스\";\n            break;\n        default:\n            renderString = \"\";\n            break;\n    }\n    return renderString;\n};\nexport const renderDataTypeWithComma = (data)=>{\n    if (!data) return null;\n    return data.map((item)=>DataTypesWithString[item]).join(\", \");\n};\nexport const renderContentTypeWithComma = (data)=>{\n    if (!data) return null;\n    return data.map((item)=>ContentTypesWithString[item]).join(\", \");\n};\n","import { Page } from \"@/lib/pagination\";\nimport { useLocalObservable } from \"mobx-react-lite\";\nimport { useRef } from \"react\";\n// substringBefore(fileNameWithoutExtension(),\"View\")\nexport const LicenseModel = (props)=>{\n    return {\n        licenses: props.licenses || [],\n        license: props.license || {},\n        pagination: Page({}),\n        updateLicenses (licenses) {\n            this.licenses = licenses;\n        },\n        updateLicense (license) {\n            this.licenses = this.licenses.map((item)=>{\n                if (license.id === item.id) {\n                    return {\n                        ...item,\n                        ...license\n                    };\n                }\n                return item;\n            });\n            this.license = license;\n        },\n        addLicenses (licenses) {\n            if (licenses.pagination && licenses.licenses) {\n                const { total , limit , offset  } = licenses.pagination;\n                if (total / (offset + limit) > 1) {\n                    this.pagination = Page(licenses.pagination);\n                } else {\n                    this.pagination = Page({\n                        ...licenses.pagination,\n                        offset: total\n                    });\n                }\n                const newLicense = licenses.licenses.filter((license)=>{\n                    return !!(license === null || license === void 0 ? void 0 : license.id);\n                }).map((x)=>x);\n                this.licenses = [\n                    ...this.licenses,\n                    ...newLicense\n                ];\n            }\n        },\n        update (licenses) {\n            this.pagination = Page((licenses === null || licenses === void 0 ? void 0 : licenses.pagination) || {});\n            this.licenses = (licenses === null || licenses === void 0 ? void 0 : licenses.licenses) || [];\n        },\n        get last () {\n            if (this.licenses.length > 0) {\n                return this.licenses[this.licenses.length - 1];\n            } else {\n                return null;\n            }\n        }\n    };\n};\nexport const useLicenseModelStore = (props)=>{\n    return useLocalObservable(()=>LicenseModel(props));\n};\nexport const createLicenseStore = function() {\n    let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const stores = useRef({\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        licenses: useLicenseModelStore(props)\n    });\n    return stores.current;\n};\n","import { api } from \"../../../../api\";\nexport class GetCreditUsagesByLicenseCommand {\n    execute(query) {\n        const { license_id , offset , limit  } = query;\n        const url = \"/mysolvook/credit-usages\";\n        const params = new URLSearchParams();\n        params.set(\"license_id\", license_id);\n        if (offset !== undefined) {\n            params.set(\"offset\", offset.toString());\n        }\n        if (limit !== undefined) {\n            params.set(\"limit\", limit.toString());\n        }\n        return api(url, {\n            params\n        }).then((res)=>res.data);\n    }\n    constructor(apiService){\n        this.apiService = apiService;\n    }\n}\n","import { api } from \"../../../../api\";\n/**\n * GET /api/v1/router/user/:user_id\n *\n * @summary [라이센스] 유저 구매관리 조회하기\n * @description userId를 가지고 오더, 라이센스, 상품을 조회하여 구매관리 목록을 가져온다\n * @response 200 - {GetLicenseListResponseDTO[] }\n * @tag 구매관리 페이지\n */ export class GetLicenseListCommand {\n    async execute(param) {\n        let { offset , limit , keyword , status  } = param;\n        const url = \"/mysolvook/licenses\";\n        const params = new URLSearchParams();\n        if (offset != undefined) {\n            params.set(\"offset\", offset.toString());\n        }\n        if (limit != undefined) {\n            params.set(\"limit\", limit.toString());\n        }\n        if (keyword != undefined) {\n            params.set(\"keyword\", keyword.toString());\n        }\n        if (status != undefined) {\n            params.set(\"status\", status.toString());\n        }\n        const response = await api(url.toString(), {\n            params\n        });\n        if (this.licenseStore) {\n            const { licenses: { licenses , pagination  }  } = response.data;\n            // const converted = licenses.map(toLicenseFromServer)\n            this.licenseStore.licenses.update({\n                licenses: licenses,\n                pagination: pagination\n            });\n        }\n        if (response.status === 200) {}\n        return response.data;\n    }\n    constructor(apiService, licenseStore){\n        this.apiService = apiService;\n        this.licenseStore = licenseStore;\n    }\n}\n","import { Page, useUpdateRouterHistory } from \"@/lib/pagination\";\nimport { MYPAGE_LICENSES_INDEX_PAGE, SHOP_CHECKOUT_PAGE } from \"@/settings/constant\";\nimport { Modal } from \"antd\";\nimport { debounce } from \"debounce\";\nimport { useLocalObservable } from \"mobx-react-lite\";\nimport { useEffect, useMemo } from \"react\";\nimport { GetCreditUsagesByLicenseCommand } from \"../../libraries/commands/getCreditUsagesByLicenseCommand\";\nimport { GetLicenseListCommand } from \"../commands/getLicenseListCommand\";\nconst toLicenseListItemData = (license)=>{\n    return {\n        ...license,\n        license: license\n    };\n};\nexport const LicenseListViewModel = (param)=>{\n    let { authStore , apiService , config , router , rootStore , licenses  } = param;\n    const defaultPageLimit = (config === null || config === void 0 ? void 0 : config.defaultPageLimit) || 10;\n    const routerHistory = useUpdateRouterHistory({\n        router,\n        defaultPageLimit\n    });\n    const getLicenseListCommand = useMemo(()=>new GetLicenseListCommand(apiService, rootStore), [\n        apiService,\n        rootStore\n    ]);\n    //슬롯차감내역\n    const getCreditUsagesByLicenseCommand = useMemo(()=>new GetCreditUsagesByLicenseCommand(apiService), [\n        apiService\n    ]);\n    const status = useLocalObservable(()=>({\n            addingItems: false,\n            errors: [],\n            initialized: false,\n            loading: false,\n            refreshing: false,\n            showSlotList: false,\n            searchStatus: false,\n            tap: \"all\",\n            keyword: \"\",\n            initialStatus: {\n                apiErrors: {}\n            },\n            slotUseds: [],\n            initialValues: {\n                keyword: \"\"\n            },\n            isSubmit: false\n        }));\n    const actions = useLocalObservable(()=>{\n        return {\n            _slotUseds: [],\n            _items: [],\n            paging: Page({\n                pageSize: (config === null || config === void 0 ? void 0 : config.defaultPageLimit) || 10\n            }),\n            selected: undefined,\n            _count: {\n                all: 0,\n                active: 0,\n                expired: 0\n            },\n            async initialize (props) {\n                var _rootStore_licenses;\n                await actions.fetchLicenses(0, defaultPageLimit, \"\");\n                if (rootStore === null || rootStore === void 0 ? void 0 : (_rootStore_licenses = rootStore.licenses) === null || _rootStore_licenses === void 0 ? void 0 : _rootStore_licenses.pagination) {\n                    routerHistory.updatePagination(rootStore.licenses.pagination.offset, rootStore.licenses.pagination.limit);\n                    routerHistory.invalidate();\n                }\n                status.initialized = true;\n                status.loading = false;\n                status.isSubmit = false;\n            },\n            dispose () {},\n            //라이선스 리스트 가져오기\n            async fetchLicenses (// expired: null,\n            offset, limit, keyword, status) {\n                const currentUser = authStore.currentUser;\n                try {\n                    const response = await getLicenseListCommand.execute({\n                        offset,\n                        limit,\n                        keyword,\n                        status\n                    });\n                    actions._count = response.licenses.metadata;\n                    //페이지\n                    actions.paging._total = response.licenses.pagination.total;\n                    rootStore.licenses.updateLicenses(response.licenses.licenses);\n                } catch (e) {\n                    ;\n                    Modal.error({\n                        title: \"에러\",\n                        content: e.message\n                    });\n                }\n            },\n            get items () {\n                var _rootStore_licenses;\n                return (licenses === null || licenses === void 0 ? void 0 : licenses.map(toLicenseListItemData)) || (rootStore === null || rootStore === void 0 ? void 0 : (_rootStore_licenses = rootStore.licenses) === null || _rootStore_licenses === void 0 ? void 0 : _rootStore_licenses.licenses.map(toLicenseListItemData)) || [];\n            },\n            getPagination () {\n                var _rootStore_licenses;\n                return rootStore === null || rootStore === void 0 ? void 0 : (_rootStore_licenses = rootStore.licenses) === null || _rootStore_licenses === void 0 ? void 0 : _rootStore_licenses.pagination;\n            },\n            async updatePageChange (pageIndex) {\n                var _rootStore_licenses;\n                const { offset , limit  } = (_rootStore_licenses = rootStore.licenses) === null || _rootStore_licenses === void 0 ? void 0 : _rootStore_licenses.pagination.next(pageIndex);\n                await this.fetchLicenses(offset, limit, status.keyword, status.tap);\n                routerHistory.updatePagination(offset, limit);\n                if (status.tap !== \"all\") {\n                    routerHistory.updateFilterSearch(\"expired\", status.tap === \"active\" ? \"false\" : \"true\");\n                }\n                routerHistory.invalidate();\n            },\n            getSelected () {\n                return actions.selected;\n            },\n            get slotUseds () {\n                return status.slotUseds;\n            },\n            async handleChangeTap (tap) {\n                var _rootStore_licenses;\n                status.tap = tap;\n                (_rootStore_licenses = rootStore.licenses) === null || _rootStore_licenses === void 0 ? void 0 : _rootStore_licenses.pagination.setCurrent(0, defaultPageLimit);\n                routerHistory.updatePagination(0);\n                routerHistory.updateFilterSearch(\"expired\", tap !== \"active\" ? \"true\" : \"false\");\n                routerHistory.invalidate();\n                await actions.fetchLicenses(0, defaultPageLimit, status.keyword, status.tap);\n            },\n            async onItemClick (param) {\n                let { item , metadata  } = param;\n                if (metadata) {\n                    const { action  } = metadata;\n                    ;\n                    switch(action){\n                        case \"show\":\n                            router.push({\n                                pathname: MYPAGE_LICENSES_INDEX_PAGE,\n                                query: {\n                                    id: item.id\n                                }\n                            });\n                            await actions.fetchCreditUsages({\n                                license_id: item.id.toString(),\n                                offset: 0,\n                                limit: defaultPageLimit\n                            });\n                            ;\n                            break;\n                        case \"upgrade\":\n                            router === null || router === void 0 ? void 0 : router.push(\"\".concat(MYPAGE_LICENSES_INDEX_PAGE, \"/\").concat(item.id, \"/upgrade\"));\n                            break;\n                        case \"purchase\":\n                            break;\n                        case \"renew\":\n                            router === null || router === void 0 ? void 0 : router.push(SHOP_CHECKOUT_PAGE);\n                            break;\n                        case \"cancel\":\n                            break;\n                    }\n                }\n            },\n            async onSubmit (values, formikActions) {\n                router.push({\n                    pathname: MYPAGE_LICENSES_INDEX_PAGE,\n                    query: {\n                        q: values.keyword,\n                        offset: 0,\n                        limit: defaultPageLimit\n                    }\n                }, undefined, {\n                    shallow: true,\n                    scroll: true\n                });\n                if (values.keyword === \"\") {\n                    Modal.error({\n                        title: \"에러\",\n                        content: \"검색어를 입력해주세요.\"\n                    });\n                    return;\n                }\n                try {\n                    var _rootStore_licenses;\n                    status.searchStatus = false;\n                    status.keyword = values.keyword;\n                    (_rootStore_licenses = rootStore.licenses) === null || _rootStore_licenses === void 0 ? void 0 : _rootStore_licenses.pagination.setCurrent(0, defaultPageLimit);\n                    routerHistory.updatePagination(0);\n                    routerHistory.updateFilterSearch(\"keyword\", values.keyword);\n                    status.tap = \"all\";\n                    routerHistory.invalidate();\n                    // await actions.fetchLicenses(0, defaultPageLimit, values.keyword, status.tap)\n                    await actions.fetchLicenses(0, defaultPageLimit, status.keyword, status.tap);\n                } catch (e) {\n                    Modal.error({\n                        title: \"네트워크 오류\",\n                        content: \"검색에 실패했습니다. 다시 시도해주세요.\"\n                    });\n                } finally{\n                    ;\n                    if (actions.items.length === 0) {\n                        status.searchStatus = true;\n                    }\n                    ;\n                }\n                formikActions.setSubmitting(false);\n            },\n            async fetchCreditUsages (query) {\n                // status.showSlotList = true\n                try {\n                    const response = await getCreditUsagesByLicenseCommand.execute(query);\n                    if (response.success) {\n                        ;\n                        status.slotUseds = response.credit_usages.credit_usages;\n                        status.showSlotList = true;\n                    } else {\n                        Modal.error({\n                            title: \"Error\",\n                            content: response.message\n                        });\n                    }\n                } catch (e) {\n                    router.push(MYPAGE_LICENSES_INDEX_PAGE);\n                    Modal.error({\n                        title: \"에러\",\n                        content: \"라이선스가 없습니다.\"\n                    });\n                }\n            },\n            get count () {\n                return actions._count;\n            },\n            onUpgradeClick () {\n                router.push(SHOP_CHECKOUT_PAGE);\n            },\n            onEmptyClick () {},\n            onLoadMore: debounce(async ()=>{\n                status.addingItems = true;\n                try {} catch (e) {}\n                status.addingItems = false;\n            }, 300, true),\n            onRefresh: debounce(async ()=>{\n                status.refreshing = true;\n                try {} catch (e) {}\n                // const { success, resultCode } = await new FetchNewsCommand(news).execute()\n                status.refreshing = false;\n            }, 300, true)\n        };\n    });\n    useEffect(()=>{\n        actions.initialize({});\n    }, []);\n    return useLocalObservable(()=>({\n            status,\n            actions\n        }));\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport dayjs from \"dayjs\";\nconst ExpiredAtTextWrapper = styled.span.withConfig({\n    componentId: \"sc-85940018-0\"\n})(_templateObject());\nexport const ExpiredAtText = (param)=>{\n    let { value , format , subtractDay =1  } = param;\n    return /*#__PURE__*/ _jsx(ExpiredAtTextWrapper, {\n        className: \"expired-at\",\n        children: value && dayjs(value).subtract(subtractDay, \"days\").format(format ? format : \"YY.MM.DD\")\n    });\n};\nexport const ExpiredAtTextWithKr = (param)=>{\n    let { value , format  } = param;\n    return /*#__PURE__*/ _jsx(ExpiredAtTextWrapper, {\n        className: \"expired-at\",\n        children: value && dayjs(value).subtract(1, \"days\").format(format ? format : \"YYYY년 MM월 DD일\")\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  min-height: \",\n        \"px; // empty 330px + header 48px\\n\\n  width: 100%;\\n  padding: 120px 0;\\n  text-align: center;\\n  border: 1px solid \",\n        \";\\n  border-radius: 8px;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  margin: 0;\\n  color: \",\n        \";\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 68px;\\n\\n  padding: 5px 4px;\\n  font-size: 12px !important;\\n\\n  span {\\n    color: #fff;\\n  }\\n\\n  \",\n        \"\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  .ant-row {\\n    border-bottom: 1px solid \",\n        \";\\n  }\\n\\n  @media (max-width: 1200px) {\\n    min-width: 880px;\\n    overflow: hidden;\\n  }\\n  @media (max-width: 768px) {\\n  }\\n\\n  .noResultDescription {\\n    padding: 21px 0;\\n    font-size: 14px;\\n    color: \",\n        \";\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  flex: 1 1 60px;\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  \",\n        \";\\n  text-align: center;\\n  justify-content: center;\\n  color: \",\n        \";\\n  letter-spacing: -0.2px;\\n\\n  &.action-col {\\n    .ant-btn {\\n      span {\\n        font-weight: bold;\\n      }\\n    }\\n\\n    &.tag {\\n      padding-left: 16px !important;\\n    }\\n  }\\n\\n  .block-area {\\n    display: block;\\n    font-size: 12px;\\n    margin-top: 2px;\\n  }\\n\\n  .data-name-area {\\n    display: flex;\\n    align-items: center;\\n    gap: 14px;\\n\\n    img {\\n      margin-left: 6px;\\n    }\\n  }\\n\\n  .remain-slot-btn {\\n    span {\\n      // color: \",\n        \";\\n      // text-decoration: underline;\\n      color: \",\n        \";\\n    }\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n  text-overflow: ellipsis;\\n  overflow: hidden;\\n  display: -webkit-box;\\n  -webkit-line-clamp: 1;\\n  -webkit-box-orient: vertical;\\n  font-weight: 600;\\n  text-align: left;\\n\"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject8() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  align-items: flex-start;\\n  justify-content: center;\\n  height: 64px;\\n\\n  .data_author {\\n    display: flex;\\n    align-items: center;\\n    margin-top: 8px;\\n\\n    span {\\n      text-overflow: ellipsis;\\n      overflow: hidden;\\n      display: -webkit-box;\\n      -webkit-line-clamp: 1;\\n      -webkit-box-orient: vertical;\\n\\n      &:not(:nth-of-type(1)) {\\n        &:before {\\n          display: inline-block;\\n          vertical-align: baseline;\\n          content: '';\\n          width: 1px;\\n          height: 12px;\\n          margin: 0 4px;\\n          background-color: rgba(27, 27, 41, 0.1);\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject8 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject9() {\n    const data = _tagged_template_literal([\n        \"\\n  flex: 1 1 60px;\\n  padding: 6px 8px;\\n\\n  text-align: center;\\n  font-size: 14px;\\n  line-height: 22px;\\n  font-weight: 600;\\n  border-top: 1px solid \",\n        \";\\n  border-bottom: 1px solid \",\n        \";\\n\\n  &:nth-child(1) {\\n    text-align: left;\\n  }\\n\\n  &:nth-child(6),\\n  &:nth-child(7) {\\n    text-align: right;\\n  }\\n\\n  &.align-left {\\n    text-align: left;\\n  }\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    padding: 8px 12px;\\n  }\\n\"\n    ]);\n    _templateObject9 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button, Col, Row, Tag } from \"antd\";\nimport Image from \"next/image\";\nimport { secondaryBtnMixin } from \"@/components/Button\";\nimport dayjs from \"dayjs\";\nimport { renderOption } from \"@/lib/utils/renderType\";\nimport { isExpired } from \"@/lib/utils/isExpired\";\nimport { ExpiredAtText } from \"@/components/ExpiredAtText\";\nimport useNewPlanUI from \"@/lib/utils/newPlan\";\nimport { LibraryListEmpty } from \"../../libraries/components/LibraryListEmpty\";\nimport { SourceTypeWithString } from \"../../../../api/product\";\nconst LicenseListEmptyWrapper = styled.div.withConfig({\n    componentId: \"sc-feaf4831-0\"\n})(_templateObject(), 330 + 48, themeGet(\"border.0\"));\nconst EmptyTitle = styled.p.withConfig({\n    componentId: \"sc-feaf4831-1\"\n})(_templateObject1(), themeGet(\"text.2\"));\n// todo: @frontend: 여기 컬러 값을 css 로 한번에 잡아서 scss mixin 처럼 사용했어요.\nconst LicenseListButton = styled(Button).withConfig({\n    componentId: \"sc-feaf4831-2\"\n})(_templateObject2(), (param)=>{\n    let { status  } = param;\n    return status && secondaryBtnMixin;\n});\nconst LicenseListItemWrapper = styled.div.withConfig({\n    componentId: \"sc-feaf4831-3\"\n})(_templateObject3(), themeGet(\"border.0\"), themeGet(\"text.3\"));\nconst defaultColSize = css(_templateObject4());\nconst LicenseListDataCol = styled(Col).withConfig({\n    componentId: \"sc-feaf4831-4\"\n})(_templateObject5(), defaultColSize, (param)=>{\n    let { active  } = param;\n    return active ? themeGet(\"text.1\") : themeGet(\"text.3\");\n}, themeGet(\"info.0\"), themeGet(\"color.0\", \"#1B1B29\"));\nconst StyledTag = styled(Tag).withConfig({\n    componentId: \"sc-feaf4831-5\"\n})(_templateObject6());\nconst Title = styled.span.withConfig({\n    componentId: \"sc-feaf4831-6\"\n})(_templateObject7());\nconst LicenseListCardCol = styled(Col).withConfig({\n    componentId: \"sc-feaf4831-7\"\n})(_templateObject8());\nexport const TableListHeaderCol = styled(Col).withConfig({\n    componentId: \"sc-feaf4831-8\"\n})(_templateObject9(), themeGet(\"border.0\"), themeGet(\"border.0\"));\nexport const LicenseListItem = observer((param)=>{\n    let { item , onClick  } = param;\n    const renderButton = (status, onClick)=>{\n        let title;\n        const handleOnClick = ()=>{\n            if (status === true) {\n                onClick({\n                    item,\n                    metadata: {\n                        action: \"upgrade\"\n                    }\n                });\n            } else if (status === false) {\n                onClick({\n                    item,\n                    metadata: {\n                        action: \"renew\"\n                    }\n                });\n            }\n        };\n        switch(status){\n            case true:\n                title = \"업그레이드\";\n                break;\n            case false:\n                title = \"구매하기\";\n                break;\n        }\n        return /*#__PURE__*/ _jsx(LicenseListButton, {\n            type: \"primary\",\n            onClick: handleOnClick,\n            status: status,\n            children: title\n        });\n    };\n    const renderType = (status)=>{\n        let title;\n        let color;\n        let backgroundColor;\n        let preset;\n        switch(status){\n            case true:\n                title = \"이용중\";\n                color = \"#fff1f0\";\n                backgroundColor = \"#ffa39e\";\n                preset = \"blue\";\n                break;\n            case false:\n                title = \"이용 만료\";\n                color = \"#fff1f0\";\n                backgroundColor = \"#ffa39e\";\n                preset = \"red\";\n                break;\n        }\n        return /*#__PURE__*/ _jsx(StyledTag, {\n            color: preset,\n            children: title\n        });\n    };\n    const expiredDate = isExpired(item.expired_at);\n    return /*#__PURE__*/ _jsx(LicenseListItemWrapper, {\n        children: /*#__PURE__*/ _jsxs(Row, {\n            gutter: 12,\n            align: \"middle\",\n            children: [\n                /*#__PURE__*/ _jsx(LicenseListDataCol, {\n                    flex: \"1 1 286px\",\n                    active: true,\n                    children: /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"data-name-area\",\n                        children: [\n                            /*#__PURE__*/ _jsx(Image, {\n                                width: 30,\n                                height: 40,\n                                src: item.thumb_img,\n                                alt: \"image\"\n                            }),\n                            /*#__PURE__*/ _jsxs(LicenseListCardCol, {\n                                children: [\n                                    /*#__PURE__*/ _jsx(Title, {\n                                        children: item.title\n                                    }),\n                                    /*#__PURE__*/ _jsxs(\"div\", {\n                                        className: \"data_author\",\n                                        children: [\n                                            item.source_type !== \"handout\" && /*#__PURE__*/ _jsx(\"span\", {\n                                                children: item.publisher\n                                            }),\n                                            /*#__PURE__*/ _jsx(\"span\", {\n                                                children: item.author\n                                            })\n                                        ]\n                                    })\n                                ]\n                            })\n                        ]\n                    })\n                }),\n                /*#__PURE__*/ _jsx(LicenseListDataCol, {\n                    active: expiredDate,\n                    children: /*#__PURE__*/ _jsx(\"span\", {\n                        children: SourceTypeWithString[item.source_type]\n                    })\n                }),\n                item.level === 20 ? /*#__PURE__*/ _jsx(LicenseListDataCol, {\n                    active: expiredDate,\n                    children: /*#__PURE__*/ _jsx(\"span\", {\n                        children: \"라이선스\"\n                    })\n                }) : /*#__PURE__*/ _jsxs(LicenseListDataCol, {\n                    active: expiredDate,\n                    children: [\n                        /*#__PURE__*/ _jsx(\"span\", {\n                            children: renderOption(item.level)\n                        }),\n                        /*#__PURE__*/ _jsxs(\"span\", {\n                            className: \"block-area\",\n                            children: [\n                                \"(슬롯\",\n                                item.level === 1 ? 5 : item.level === 2 ? 100 : 500,\n                                \"개)\"\n                            ]\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ _jsxs(LicenseListDataCol, {\n                    active: expiredDate,\n                    children: [\n                        dayjs(item.started_at).format(\"YYYY.MM.DD\"),\n                        \" ~\",\n                        \" \",\n                        /*#__PURE__*/ _jsx(ExpiredAtText, {\n                            value: item.expired_at,\n                            format: \"YYYY.MM.DD\"\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ _jsx(LicenseListDataCol, {\n                    active: expiredDate,\n                    className: \"action-col tag\",\n                    children: renderType(expiredDate)\n                })\n            ]\n        })\n    });\n});\nexport const LicenseListHeader = ()=>{\n    const { useNewPlan  } = useNewPlanUI();\n    return /*#__PURE__*/ _jsxs(Row, {\n        gutter: 16,\n        children: [\n            /*#__PURE__*/ _jsx(TableListHeaderCol, {\n                flex: \"1 1 286px\",\n                children: \"콘텐츠명\"\n            }),\n            /*#__PURE__*/ _jsx(TableListHeaderCol, {\n                children: \"구분\"\n            }),\n            /*#__PURE__*/ _jsx(TableListHeaderCol, {\n                children: \"요금제\"\n            }),\n            /*#__PURE__*/ _jsx(TableListHeaderCol, {\n                children: \"이용 기간\"\n            }),\n            /*#__PURE__*/ _jsx(TableListHeaderCol, {\n                children: \"이용 상태\"\n            })\n        ]\n    });\n};\nexport const LicenseList = observer((param)=>{\n    let { dataSource , onClick , onEmptyClick , searchStatus  } = param;\n    if (searchStatus) {\n        return /*#__PURE__*/ _jsxs(\"div\", {\n            style: {\n                marginTop: \"24px\"\n            },\n            children: [\n                /*#__PURE__*/ _jsx(LicenseListHeader, {}),\n                /*#__PURE__*/ _jsx(LicenseListItemWrapper, {\n                    children: /*#__PURE__*/ _jsx(Row, {\n                        gutter: 12,\n                        align: \"middle\",\n                        children: /*#__PURE__*/ _jsx(LicenseListDataCol, {\n                            flex: \"1 1 186px\",\n                            className: \"noResultDescription\",\n                            active: true,\n                            children: \"검색 결과가 없습니다.\"\n                        })\n                    })\n                })\n            ]\n        });\n    } else if (dataSource.length <= 0) {\n        return /*#__PURE__*/ _jsx(LibraryListEmpty, {\n            title: /*#__PURE__*/ _jsxs(_Fragment, {\n                children: [\n                    \"현재 구매한 콘텐츠가 없어요. \",\n                    /*#__PURE__*/ _jsx(\"br\", {}),\n                    \"어떤 수업콘텐츠를 찾고 계세요?\"\n                ]\n            }),\n            emptyOptions: {\n                image: \"/static/assets/img_empty.svg\",\n                imageStyle: {\n                    height: 50\n                }\n            },\n            onEmptyClick: onEmptyClick,\n            categoryLink: true\n        });\n    }\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(LicenseListHeader, {}),\n            dataSource.map((item, idx)=>/*#__PURE__*/ _jsx(LicenseListItem, {\n                    item: item,\n                    onClick: onClick\n                }, idx))\n        ]\n    });\n});\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  margin-bottom: 24px;\\n  margin-top: 24px;\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    margin: 16px 0;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  cursor: pointer;\\n  pointer-events: \",\n        \";\\n\\n  &.disabled {\\n    pointer-events: none;\\n\\n    * {\\n      opacity: 0.3;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 16px;\\n  color: rgba(27, 27, 41, 0.3);\\n  font-weight: \",\n        \";\\n  margin-left: \",\n        \"px;\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    font-size: 14px;\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 1px;\\n  height: 12px;\\n  background-color: rgba(27, 27, 41, 0.1);\\n  margin-left: 6px;\\n  margin-right: 6px;\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useState } from \"react\";\nimport styled from \"styled-components\";\nimport { StatusTitle } from \"@/components/StatusTitle\";\nconst LicenseListFilterWrapper = styled.div.withConfig({\n    componentId: \"sc-12066a62-0\"\n})(_templateObject());\nconst StatusWrapper = styled.div.withConfig({\n    componentId: \"sc-12066a62-1\"\n})(_templateObject1(), (props)=>props.length === 0 ? \"none\" : \"auto\");\nconst StatusCount = styled.span.withConfig({\n    componentId: \"sc-12066a62-2\"\n})(_templateObject2(), (param)=>{\n    let { active  } = param;\n    return active ? \"bold\" : \"normal\";\n}, (param)=>{\n    let { marginLeft  } = param;\n    return marginLeft !== null && marginLeft !== void 0 ? marginLeft : \"0\";\n});\nconst Divider = styled.div.withConfig({\n    componentId: \"sc-12066a62-3\"\n})(_templateObject3());\nexport const LicenseListFilter = (param)=>{\n    let { handleTap , count , tapStatus  } = param;\n    const [activeTap, setActiveTap] = useState(\"all\");\n    const handleChangeTap = (tap)=>{\n        handleTap(tap);\n        setActiveTap(tap);\n    };\n    useEffect(()=>{\n        setActiveTap(tapStatus);\n    }, [\n        tapStatus\n    ]);\n    var _ref, _count_active, _count_expired;\n    return /*#__PURE__*/ _jsxs(LicenseListFilterWrapper, {\n        children: [\n            /*#__PURE__*/ _jsxs(StatusWrapper, {\n                onClick: ()=>handleChangeTap(\"all\"),\n                length: count.all,\n                children: [\n                    /*#__PURE__*/ _jsx(StatusTitle, {\n                        active: activeTap === \"all\",\n                        children: \"전체\"\n                    }),\n                    /*#__PURE__*/ _jsx(StatusCount, {\n                        active: activeTap === \"all\",\n                        marginLeft: 5,\n                        children: (_ref = count.active + count.expired) !== null && _ref !== void 0 ? _ref : 0\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(Divider, {}),\n            /*#__PURE__*/ _jsxs(StatusWrapper, {\n                onClick: ()=>handleChangeTap(\"active\"),\n                length: count.active,\n                className: !count.active ? \"disabled\" : \"\",\n                children: [\n                    /*#__PURE__*/ _jsx(StatusTitle, {\n                        active: activeTap === \"active\",\n                        children: \"이용 중\"\n                    }),\n                    /*#__PURE__*/ _jsx(StatusCount, {\n                        active: activeTap === \"active\",\n                        marginLeft: 5,\n                        children: (_count_active = count.active) !== null && _count_active !== void 0 ? _count_active : 0\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(Divider, {}),\n            /*#__PURE__*/ _jsxs(StatusWrapper, {\n                onClick: ()=>handleChangeTap(\"expired\"),\n                length: count.expired,\n                className: !count.expired ? \"disabled\" : \"\",\n                children: [\n                    /*#__PURE__*/ _jsx(StatusTitle, {\n                        active: activeTap === \"expired\",\n                        children: \"이용 기간 만료\"\n                    }),\n                    /*#__PURE__*/ _jsx(StatusCount, {\n                        active: activeTap === \"expired\",\n                        marginLeft: 5,\n                        children: (_count_expired = count.expired) !== null && _count_expired !== void 0 ? _count_expired : 0\n                    })\n                ]\n            })\n        ]\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  margin-top: 16px;\\n  @media (max-width: 1200px) {\\n    width: 100%;\\n    max-width: 384px;\\n  }\\n  @media (max-width: 768px) {\\n    max-width: unset;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport styled from \"styled-components\";\nimport { Formik } from \"formik\";\nimport React from \"react\";\nimport * as Yup from \"yup\";\nimport { Form, SubmitButton } from \"formik-antd\";\nimport { SearchInput, SearchInputWrapper } from \"../../libraries/components/LibrarySearch\";\nexport const LicenseListSearchSchema = Yup.object().shape({\n    keyword: Yup.string().min(1, \"1글자 이상 입력해주세요.\")\n});\nconst LicenseListSearchWrapper = styled.div.withConfig({\n    componentId: \"sc-b9bca5b1-0\"\n})(_templateObject());\nexport const LicenseListSearch = (param)=>{\n    let { name , onSubmit , forwardRef , initialStatus , initialValues  } = param;\n    return /*#__PURE__*/ _jsx(LicenseListSearchWrapper, {\n        children: /*#__PURE__*/ _jsx(Formik, {\n            innerRef: (instance)=>{\n                if (forwardRef) {\n                    forwardRef.current = instance;\n                }\n            },\n            validationSchema: LicenseListSearchSchema,\n            onSubmit: onSubmit,\n            initialValues: initialValues,\n            initialStatus: initialStatus,\n            children: (param)=>{\n                let { handleChange , handleBlur , touched , errors , isValid , handleSubmit , setValues , values , isSubmitting , status  } = param;\n                return /*#__PURE__*/ _jsx(_Fragment, {\n                    children: /*#__PURE__*/ _jsx(Form, {\n                        layout: \"vertical\",\n                        children: /*#__PURE__*/ _jsxs(SearchInputWrapper, {\n                            children: [\n                                /*#__PURE__*/ _jsx(SearchInput, {\n                                    name: \"keyword\",\n                                    placeholder: \"수업콘텐츠명을 검색하세요.\",\n                                    onChange: handleChange(\"keyword\"),\n                                    onBlur: handleBlur(\"keyword\")\n                                }),\n                                /*#__PURE__*/ _jsx(SubmitButton, {\n                                    icon: null,\n                                    type: \"default\",\n                                    onSubmit: handleSubmit,\n                                    loading: isSubmitting\n                                })\n                            ]\n                        })\n                    })\n                });\n            }\n        })\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  > .ant-row {\\n    justify-content: space-between;\\n    align-items: center;\\n    a {\\n      font-size: 16px;\\n      border-radius: 2px;\\n      background: \",\n        \";\\n      display: inline-flex;\\n      padding: 12px 20px;\\n      justify-content: center;\\n      align-items: center;\\n      color: \",\n        \";\\n      text-align: center;\\n      font-weight: 600;\\n      line-height: 1.5;\\n    }\\n  }\\n  @media (max-width: 768px) {\\n    > .ant-row {\\n      display: flex;\\n      flex-direction: column;\\n      align-items: flex-end;\\n      gap: 8px;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useViewModel } from \"@/lib/viewModels\";\nimport { LicenseListViewModel } from \"../viewModels/LicenseListViewModel\";\nimport styled from \"styled-components\";\nimport { observer } from \"mobx-react-lite\";\nimport { LicenseList } from \"../components/LicenseList\";\nimport { useStores } from \"@/hooks/useStores\";\nimport { Pagination, Row } from \"antd\";\nimport React from \"react\";\nimport { useRouter } from \"next/router\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { useApiService } from \"@/lib/apiService\";\nimport { LicenseListFilter } from \"@/modules/mypages/licenses/components/LicenseListFilter\";\nimport { LicenseListSearch } from \"../components/LicenseListSearch\";\nimport { useGlobalConfigStore } from \"@/hooks/useConfig\";\nimport { PaginationWrapper } from \"@/components/PaginationWrapper\";\nimport { ScrollArea } from \"@/components/ScrollArea\";\nimport Link from \"next/link\";\nimport { LIBRARIES_INDEX_PAGE } from \"@/settings/constant\";\nconst LicenseListViewWrapper = styled.div.withConfig({\n    componentId: \"sc-a4c65b18-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.white);\nexport const LicenseListView = observer((props)=>{\n    const licenseStore = useStores();\n    const router = useRouter();\n    const authStore = useAuthStore();\n    const apiService = useApiService();\n    const config = useGlobalConfigStore();\n    const { status , actions  } = useViewModel({\n        rootStore: licenseStore,\n        router,\n        authStore,\n        apiService,\n        config\n    }, LicenseListViewModel);\n    const currentPagination = actions.getPagination();\n    return /*#__PURE__*/ _jsxs(LicenseListViewWrapper, {\n        children: [\n            /*#__PURE__*/ _jsxs(Row, {\n                children: [\n                    /*#__PURE__*/ _jsx(LicenseListSearch, {\n                        name: \"LicenseListSearch\",\n                        initialStatus: status.initialStatus,\n                        initialValues: status.initialValues,\n                        onSubmit: actions.onSubmit\n                    }),\n                    /*#__PURE__*/ _jsx(Link, {\n                        href: LIBRARIES_INDEX_PAGE,\n                        children: \"내 자료 이용하기\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(LicenseListFilter, {\n                tapStatus: status.tap,\n                handleTap: actions.handleChangeTap,\n                count: actions.count\n            }),\n            /*#__PURE__*/ _jsx(ScrollArea, {\n                tabletMinWidth: 880,\n                children: /*#__PURE__*/ _jsx(LicenseList, {\n                    searchStatus: status.searchStatus,\n                    onClick: actions.onItemClick,\n                    dataSource: actions.items,\n                    onEmptyClick: actions.onEmptyClick\n                })\n            }),\n            actions.items.length > 0 && /*#__PURE__*/ _jsx(PaginationWrapper, {\n                children: /*#__PURE__*/ _jsx(Pagination, {\n                    showQuickJumper: false,\n                    showLessItems: false,\n                    showSizeChanger: false,\n                    ...currentPagination.current,\n                    onChange: actions.updatePageChange\n                })\n            })\n        ]\n    });\n});\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { Provider } from \"mobx-react\";\nimport styled from \"styled-components\";\nimport { createLicenseStore } from \"../stores/LicenseModel\";\nimport { LicenseListView } from \"../views/LicenseListView\";\nimport { CategoryName } from \"../../libraries/components/LibraryBookList\";\nconst LicenseListPageWrapper = styled.div.withConfig({\n    componentId: \"sc-c9dd25a-0\"\n})(_templateObject());\nexport const LicenseListPage = (param)=>{\n    let { licenses  } = param;\n    const store = createLicenseStore({\n        licenses\n    });\n    return /*#__PURE__*/ _jsx(LicenseListPageWrapper, {\n        children: /*#__PURE__*/ _jsxs(Provider, {\n            ...store,\n            children: [\n                /*#__PURE__*/ _jsx(CategoryName, {\n                    children: \"계약 관리\"\n                }),\n                /*#__PURE__*/ _jsx(LicenseListView, {})\n            ]\n        })\n    });\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { MyPageLayout } from \"@/containers/Layout/MyPage/Layout\";\nimport { MySolvookLayout } from \"@/containers/Layout/MyPage/MySolvookLayout\";\nimport { LicenseListPage } from \"@/modules/mypages/licenses/pages/LicenseListPage\";\nimport { MyPageWrapper } from \"..\";\nconst MyPageLicencesPage = (param)=>{\n    let { licenses  } = param;\n    return /*#__PURE__*/ _jsx(MyPageWrapper, {\n        children: /*#__PURE__*/ _jsx(MyPageLayout, {\n            children: /*#__PURE__*/ _jsx(MySolvookLayout, {\n                children: /*#__PURE__*/ _jsx(LicenseListPage, {\n                    licenses: licenses\n                })\n            })\n        })\n    });\n};\nexport var __N_SSP = true;\nexport default MyPageLicencesPage;\n"],"names":[],"sourceRoot":""}