{"version":3,"file":"static/chunks/pages/mypage/orders-4fe1ac33414608ae.js","mappings":"AAGA","sources":["webpack://_N_E/./node_modules/antd/es/_util/hooks/useFlexGapSupport.js","webpack://_N_E/./node_modules/antd/es/_util/responsiveObserve.js","webpack://_N_E/./node_modules/antd/es/grid/row.js","webpack://_N_E/?f89e","webpack://_N_E/./src/api/booksOrder.ts","webpack://_N_E/./src/api/ebook.ts","webpack://_N_E/./src/components/GenericPanel.tsx","webpack://_N_E/./src/components/PaginationWrapper.tsx","webpack://_N_E/./src/components/TextBreak.tsx","webpack://_N_E/./src/hooks/usePagination.tsx","webpack://_N_E/./src/lib/iamport/index.tsx","webpack://_N_E/./src/modules/mypages/libraries/components/LibraryBookList.tsx","webpack://_N_E/./src/modules/mypages/libraries/components/LibraryListEmpty.tsx","webpack://_N_E/./src/modules/mypages/orders/components/OrderList.tsx","webpack://_N_E/./src/modules/systemPopup/BankNunberCopyCompleted.tsx","webpack://_N_E/./src/modules/mypages/orders/components/modals/BankAccountForTransfer.tsx","webpack://_N_E/./src/modules/mypages/orders/views/OrderListView.tsx","webpack://_N_E/./src/pages/mypage/orders/index.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport { detectFlexGapSupported } from '../styleChecker';\nexport default (function () {\n  var _React$useState = React.useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    flexible = _React$useState2[0],\n    setFlexible = _React$useState2[1];\n  React.useEffect(function () {\n    setFlexible(detectFlexGapSupported());\n  }, []);\n  return flexible;\n});","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nexport var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];\nexport var responsiveMap = {\n  xs: '(max-width: 575px)',\n  sm: '(min-width: 576px)',\n  md: '(min-width: 768px)',\n  lg: '(min-width: 992px)',\n  xl: '(min-width: 1200px)',\n  xxl: '(min-width: 1600px)'\n};\nvar subscribers = new Map();\nvar subUid = -1;\nvar screens = {};\nvar responsiveObserve = {\n  matchHandlers: {},\n  dispatch: function dispatch(pointMap) {\n    screens = pointMap;\n    subscribers.forEach(function (func) {\n      return func(screens);\n    });\n    return subscribers.size >= 1;\n  },\n  subscribe: function subscribe(func) {\n    if (!subscribers.size) this.register();\n    subUid += 1;\n    subscribers.set(subUid, func);\n    func(screens);\n    return subUid;\n  },\n  unsubscribe: function unsubscribe(token) {\n    subscribers[\"delete\"](token);\n    if (!subscribers.size) this.unregister();\n  },\n  unregister: function unregister() {\n    var _this = this;\n    Object.keys(responsiveMap).forEach(function (screen) {\n      var matchMediaQuery = responsiveMap[screen];\n      var handler = _this.matchHandlers[matchMediaQuery];\n      handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);\n    });\n    subscribers.clear();\n  },\n  register: function register() {\n    var _this2 = this;\n    Object.keys(responsiveMap).forEach(function (screen) {\n      var matchMediaQuery = responsiveMap[screen];\n      var listener = function listener(_ref) {\n        var matches = _ref.matches;\n        _this2.dispatch(_extends(_extends({}, screens), _defineProperty({}, screen, matches)));\n      };\n      var mql = window.matchMedia(matchMediaQuery);\n      mql.addListener(listener);\n      _this2.matchHandlers[matchMediaQuery] = {\n        mql: mql,\n        listener: listener\n      };\n      listener(mql);\n    });\n  }\n};\nexport default responsiveObserve;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\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 useFlexGapSupport from '../_util/hooks/useFlexGapSupport';\nimport ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve';\nimport { tuple } from '../_util/type';\nimport RowContext from './RowContext';\nimport { useRowStyle } from './style';\nvar RowAligns = tuple('top', 'middle', 'bottom', 'stretch');\nvar RowJustify = tuple('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly');\nfunction useMergePropByScreen(oriProp, screen) {\n  var _React$useState = React.useState(typeof oriProp === 'string' ? oriProp : ''),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    prop = _React$useState2[0],\n    setProp = _React$useState2[1];\n  var clacMergeAlignOrJustify = function clacMergeAlignOrJustify() {\n    if (_typeof(oriProp) !== 'object') {\n      return;\n    }\n    for (var i = 0; i < responsiveArray.length; i++) {\n      var breakpoint = responsiveArray[i];\n      // if do not match, do nothing\n      if (!screen[breakpoint]) continue;\n      var curVal = oriProp[breakpoint];\n      if (curVal !== undefined) {\n        setProp(curVal);\n        return;\n      }\n    }\n  };\n  React.useEffect(function () {\n    clacMergeAlignOrJustify();\n  }, [JSON.stringify(oriProp), screen]);\n  return prop;\n}\nvar Row = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  var _classNames;\n  var customizePrefixCls = props.prefixCls,\n    justify = props.justify,\n    align = props.align,\n    className = props.className,\n    style = props.style,\n    children = props.children,\n    _props$gutter = props.gutter,\n    gutter = _props$gutter === void 0 ? 0 : _props$gutter,\n    wrap = props.wrap,\n    others = __rest(props, [\"prefixCls\", \"justify\", \"align\", \"className\", \"style\", \"children\", \"gutter\", \"wrap\"]);\n  var _React$useContext = React.useContext(ConfigContext),\n    getPrefixCls = _React$useContext.getPrefixCls,\n    direction = _React$useContext.direction;\n  var _React$useState3 = React.useState({\n      xs: true,\n      sm: true,\n      md: true,\n      lg: true,\n      xl: true,\n      xxl: true\n    }),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    screens = _React$useState4[0],\n    setScreens = _React$useState4[1];\n  // to save screens info when responsiveObserve callback had been call\n  var _React$useState5 = React.useState({\n      xs: false,\n      sm: false,\n      md: false,\n      lg: false,\n      xl: false,\n      xxl: false\n    }),\n    _React$useState6 = _slicedToArray(_React$useState5, 2),\n    curScreens = _React$useState6[0],\n    setCurScreens = _React$useState6[1];\n  // ================================== calc reponsive data ==================================\n  var mergeAlign = useMergePropByScreen(align, curScreens);\n  var mergeJustify = useMergePropByScreen(justify, curScreens);\n  var supportFlexGap = useFlexGapSupport();\n  var gutterRef = React.useRef(gutter);\n  // ================================== Effect ==================================\n  React.useEffect(function () {\n    var token = ResponsiveObserve.subscribe(function (screen) {\n      setCurScreens(screen);\n      var currentGutter = gutterRef.current || 0;\n      if (!Array.isArray(currentGutter) && _typeof(currentGutter) === 'object' || Array.isArray(currentGutter) && (_typeof(currentGutter[0]) === 'object' || _typeof(currentGutter[1]) === 'object')) {\n        setScreens(screen);\n      }\n    });\n    return function () {\n      return ResponsiveObserve.unsubscribe(token);\n    };\n  }, []);\n  // ================================== Render ==================================\n  var getGutter = function getGutter() {\n    var results = [undefined, undefined];\n    var normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];\n    normalizedGutter.forEach(function (g, index) {\n      if (_typeof(g) === 'object') {\n        for (var i = 0; i < responsiveArray.length; i++) {\n          var breakpoint = responsiveArray[i];\n          if (screens[breakpoint] && g[breakpoint] !== undefined) {\n            results[index] = g[breakpoint];\n            break;\n          }\n        }\n      } else {\n        results[index] = g;\n      }\n    });\n    return results;\n  };\n  var prefixCls = getPrefixCls('row', customizePrefixCls);\n  var _useRowStyle = useRowStyle(prefixCls),\n    _useRowStyle2 = _slicedToArray(_useRowStyle, 2),\n    wrapSSR = _useRowStyle2[0],\n    hashId = _useRowStyle2[1];\n  var gutters = getGutter();\n  var classes = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, prefixCls + \"-no-wrap\", wrap === false), _defineProperty(_classNames, prefixCls + \"-\" + mergeJustify, mergeJustify), _defineProperty(_classNames, prefixCls + \"-\" + mergeAlign, mergeAlign), _defineProperty(_classNames, prefixCls + \"-rtl\", direction === 'rtl'), _classNames), className, hashId);\n  // Add gutter related style\n  var rowStyle = {};\n  var horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;\n  var verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;\n  if (horizontalGutter) {\n    rowStyle.marginLeft = horizontalGutter;\n    rowStyle.marginRight = horizontalGutter;\n  }\n  if (supportFlexGap) {\n    // Set gap direct if flex gap support\n    var _gutters = _slicedToArray(gutters, 2);\n    rowStyle.rowGap = _gutters[1];\n  } else if (verticalGutter) {\n    rowStyle.marginTop = verticalGutter;\n    rowStyle.marginBottom = verticalGutter;\n  }\n  // \"gutters\" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.\n  // So we deconstruct \"gutters\" variable here.\n  var _gutters2 = _slicedToArray(gutters, 2),\n    gutterH = _gutters2[0],\n    gutterV = _gutters2[1];\n  var rowContext = React.useMemo(function () {\n    return {\n      gutter: [gutterH, gutterV],\n      wrap: wrap,\n      supportFlexGap: supportFlexGap\n    };\n  }, [gutterH, gutterV, wrap, supportFlexGap]);\n  return wrapSSR( /*#__PURE__*/React.createElement(RowContext.Provider, {\n    value: rowContext\n  }, /*#__PURE__*/React.createElement(\"div\", _extends({}, others, {\n    className: classes,\n    style: _extends(_extends({}, rowStyle), style),\n    ref: ref\n  }), children)));\n});\nif (process.env.NODE_ENV !== 'production') {\n  Row.displayName = 'Row';\n}\nexport default Row;","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/mypage/orders\",\n      function () {\n        return require(\"private-next-pages/mypage/orders/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/mypage/orders\"])\n      });\n    }\n  ","import { otherApiClient } from \".\";\nexport const OrderStatus = {\n    ORDERED: 0,\n    VBANK_WAITING: 100,\n    BILLING_WAITING: 200,\n    COMPLETE: 400,\n    BILLING_FAILED: 800,\n    CANCELED: 900,\n    REFUND_SUCCESS: 1000,\n    PARTIALLY_REFUND: 1100\n};\nexport const OrderStatusWithString = {\n    [OrderStatus.ORDERED]: \"결제 대기\",\n    [OrderStatus.VBANK_WAITING]: \"입금 대기중\",\n    [OrderStatus.BILLING_WAITING]: \"입금 대기중\",\n    [OrderStatus.COMPLETE]: \"결제 완료\",\n    [OrderStatus.BILLING_FAILED]: \"결제 실패\",\n    [OrderStatus.CANCELED]: \"결제 취소\",\n    [OrderStatus.REFUND_SUCCESS]: \"환불 완료\",\n    [OrderStatus.PARTIALLY_REFUND]: \"부분 환불\"\n};\nexport const DiscountTypes = {\n    AMOUNT: \"amount\",\n    PERCENT: \"percent\"\n};\nexport const postOrder = async (params)=>{\n    const { data  } = await otherApiClient.market.post(\"/orders\", params);\n    return data;\n};\nexport const getBooksOrderList = async (params)=>{\n    const { data  } = await otherApiClient.market(\"/orders\", {\n        params\n    });\n    return data;\n};\nexport const getOrderList = async (param)=>{\n    let { id  } = param;\n    const { data  } = await otherApiClient.market(\"/orders/\".concat(id));\n    return data;\n};\n","import { otherApiClient } from \".\";\nexport const PostRegenerateLink = async (orderId)=>{\n    const { data  } = await otherApiClient.market.post(\"/ebooks/regenerate-link\", {\n        orderId\n    });\n    return data;\n};\n// 대학생용 홈에서 사용하는 배너 api 입니다\nexport const getUniversityAdBanner = async ()=>{\n    const { data  } = await otherApiClient.market(\"/ebooks/univ/banners\");\n    return data;\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n      padding: 20px 20px 40px;\\n      box-shadow: 0 7.1px 70.7px 0 rgba(0, 0, 0, 0.1);\\n    \"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 32px 0;\\n  min-width: 432px;\\n  min-height: 100px;\\n  position: relative;\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    min-width: 0;\\n    word-break: break-word;\\n  }\\n\\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  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 0 20px;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 0 20px;\\n  //margin-top: 24px;\\n\\n  & > * {\\n    flex: 1;\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n          background-color: rgba(27, 27, 41, 0.3) !important;\\n        \"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n          background: \",\n        \" !important;\\n\\n          &:hover {\\n            background: \",\n        \" !important;\\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        \";\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject7() {\n    const data = _tagged_template_literal([\n        \"\\n        button:not(.ant-btn-background-ghost) {\\n          background-color: #ff5252 !important;\\n        }\\n\\n        button.ant-btn-background-ghost {\\n          background-color: transparent !important;\\n          border: 1px solid rgb(232, 232, 234) !important;\\n\\n          > span {\\n            color: rgba(79, 85, 107) !important;\\n          }\\n        }\\n      \"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject8() {\n    const data = _tagged_template_literal([\n        \"\\n        button:not(.ant-btn-background-ghost) {\\n          background-color: rgba(27, 27, 41, 0.3) !important;\\n        }\\n      \"\n    ]);\n    _templateObject8 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject9() {\n    const data = _tagged_template_literal([\n        \"\\n  text-align: center;\\n  padding: 0 40px;\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    padding: 0 16px;\\n  }\\n\\n  .ant-row {\\n    display: inline-flex;\\n    width: 100%;\\n    max-width: \",\n        \";\\n    gap: 12px;\\n    margin: 0 auto;\\n\\n    .ant-col {\\n      margin-top: 24px;\\n    }\\n\\n    @media (max-width: 1200px) {\\n    }\\n    @media (max-width: 768px) {\\n      max-width: 100%;\\n    }\\n  }\\n\\n  .buttons-wrapper {\\n    flex-direction: row;\\n\\n    button {\\n      height: 48px;\\n\\n      span {\\n        font-size: 16px;\\n        font-weight: 700;\\n\\n        @media (max-width: 1200px) {\\n        }\\n        @media (max-width: 768px) {\\n          font-size: 14px;\\n        }\\n      }\\n\\n      &.ant-btn-primary {\\n        &:not(.ant-btn-background-ghost) {\\n          span {\\n            color: #fff;\\n          }\\n        }\\n\\n        &.ant-btn-background-ghost {\\n          span {\\n            color: \",\n        \";\\n          }\\n        }\\n      }\\n    }\\n\\n    \",\n        \";\\n    \",\n        \"\\n  }\\n\"\n    ]);\n    _templateObject9 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject10() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 24px;\\n  font-weight: 700;\\n  text-align: center;\\n  margin: 0;\\n\\n  .red {\\n    color: #ff5252;\\n  }\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    font-size: 20px;\\n  }\\n\"\n    ]);\n    _templateObject10 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject11() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 16px;\\n  text-align: center;\\n  line-height: 1.5;\\n  margin-top: \",\n        \";\\n  margin-bottom: 0;\\n\\n  .go-btn {\\n    color: #002fa8;\\n    text-decoration: underline;\\n  }\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    font-size: 14px;\\n  }\\n\"\n    ]);\n    _templateObject11 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject12() {\n    const data = _tagged_template_literal([\n        \"\\n  border: none;\\n  display: block;\\n  position: absolute;\\n  background: transparent;\\n  top: 0;\\n  right: 0;\\n  font-size: 0;\\n  width: 64px;\\n  height: 64px;\\n  cursor: pointer;\\n\\n  > span {\\n    background: url('/static/assets/icon_close_bold.svg') no-repeat 50% 50%;\\n    background-size: 32px;\\n    display: block;\\n    height: 64px;\\n  }\\n\"\n    ]);\n    _templateObject12 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject13() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 432px !important;\\n\"\n    ]);\n    _templateObject13 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Button, Col, Row } from \"antd\";\nimport React from \"react\";\nimport styled, { css } from \"styled-components\";\nimport Modal from \"./modal/Modal\";\nconst GenericPanelWrapper = styled.div.withConfig({\n    componentId: \"sc-71532917-0\"\n})(_templateObject1(), (param)=>{\n    let { useStandardMode  } = param;\n    return useStandardMode && css(_templateObject());\n});\nconst Header = styled.div.withConfig({\n    componentId: \"sc-71532917-1\"\n})(_templateObject2());\nconst Body = styled.div.withConfig({\n    componentId: \"sc-71532917-2\"\n})(_templateObject3());\nconst StyledButton = styled(Button).withConfig({\n    componentId: \"sc-71532917-3\"\n})(_templateObject6(), (props)=>{\n    return (props === null || props === void 0 ? void 0 : props.disabled) ? css(_templateObject4()) : css(_templateObject5(), (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_500);\n});\nconst Footer = styled.div.withConfig({\n    componentId: \"sc-71532917-4\"\n})(_templateObject9(), (param)=>{\n    let { maxWidth  } = param;\n    return maxWidth ? null : \"412px\";\n}, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>{\n    return (props === null || props === void 0 ? void 0 : props.buttonType) === \"warning\" && css(_templateObject7());\n}, (props)=>{\n    return (props === null || props === void 0 ? void 0 : props.disabled) && css(_templateObject8());\n});\nconst PanelTitle = styled.h2.withConfig({\n    componentId: \"sc-71532917-5\"\n})(_templateObject10());\nconst PanelDescription = styled.p.withConfig({\n    componentId: \"sc-71532917-6\"\n})(_templateObject11(), (param)=>{\n    let { space  } = param;\n    return space ? \"32px\" : \"8px\";\n});\nexport const GenericPanelWithModal = (param)=>{\n    let { open , width =640 , cancelText , okText , title , description , onOk , onClose , children , okButtonProps , space , closeIcon , buttonType =\"default\" , ...props } = param;\n    return /*#__PURE__*/ _jsx(Modal, {\n        width: width,\n        onClose: onClose,\n        open: open,\n        ...props,\n        children: /*#__PURE__*/ _jsx(GenericPanel, {\n            space: space,\n            useStandardMode: false,\n            cancelText: cancelText,\n            okText: okText,\n            okButtonProps: okButtonProps,\n            title: title,\n            description: description,\n            onOk: onOk,\n            closeIcon: closeIcon,\n            buttonType: buttonType,\n            onClose: onClose,\n            children: children\n        })\n    });\n};\nexport const GenericPanelCloseIcon = (param)=>{\n    let { onClick  } = param;\n    return /*#__PURE__*/ _jsx(CloseIconBtn, {\n        onClick: onClick,\n        children: /*#__PURE__*/ _jsx(\"span\", {\n            children: \"닫기\"\n        })\n    });\n};\nconst CloseIconBtn = styled.button.withConfig({\n    componentId: \"sc-71532917-7\"\n})(_templateObject12());\nexport const GenericPanel = (param)=>{\n    let { children , cancelText , okText , title , description , onOk , onClose , useStandardMode =false , space , okButtonProps , closeIcon , buttonType  } = param;\n    const handleOnClose = (e)=>{\n        if (onClose) {\n            onClose(e);\n        }\n    };\n    const handleOnOk = (e)=>{\n        if (onOk) {\n            onOk(e);\n        }\n    };\n    return /*#__PURE__*/ _jsxs(GenericPanelWrapper, {\n        useStandardMode: useStandardMode,\n        className: \"panel_wrapper\",\n        children: [\n            (title || description) && /*#__PURE__*/ _jsxs(Header, {\n                className: \"panel_header\",\n                children: [\n                    /*#__PURE__*/ _jsx(PanelTitle, {\n                        className: \"panel_title\",\n                        children: title\n                    }),\n                    description && /*#__PURE__*/ _jsx(PanelDescription, {\n                        className: \"panel_desc\",\n                        space: space,\n                        children: description\n                    })\n                ]\n            }),\n            closeIcon && /*#__PURE__*/ _jsx(GenericPanelCloseIcon, {\n                onClick: (e)=>handleOnClose(e)\n            }),\n            children && /*#__PURE__*/ _jsx(Body, {\n                className: \"panel_body\",\n                children: children\n            }),\n            (okText || cancelText) && /*#__PURE__*/ _jsx(Footer, {\n                maxWidth: (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.maxWidth) === \"100%\",\n                className: \"panel_footer\",\n                buttonType: buttonType,\n                disabled: okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.disabled,\n                children: /*#__PURE__*/ _jsxs(Row, {\n                    gutter: 8,\n                    className: \"buttons-wrapper\",\n                    justify: \"center\",\n                    children: [\n                        cancelText && onClose && okText && onOk && /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                /*#__PURE__*/ _jsx(Col, {\n                                    span: 11,\n                                    children: /*#__PURE__*/ _jsx(Button, {\n                                        type: \"primary\",\n                                        ghost: true,\n                                        onClick: handleOnClose,\n                                        block: true,\n                                        children: cancelText\n                                    })\n                                }),\n                                /*#__PURE__*/ _jsx(Col, {\n                                    span: 11,\n                                    children: /*#__PURE__*/ _jsx(StyledButton, {\n                                        className: okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.className,\n                                        disabled: okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.disabled,\n                                        buttonType: buttonType,\n                                        type: \"primary\",\n                                        onClick: handleOnOk,\n                                        block: true,\n                                        children: okText\n                                    })\n                                })\n                            ]\n                        }),\n                        !cancelText && okText && /*#__PURE__*/ _jsx(Col, {\n                            span: 24,\n                            children: /*#__PURE__*/ _jsx(StyledButton, {\n                                className: okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.className,\n                                disabled: okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.disabled,\n                                type: \"primary\",\n                                onClick: (e)=>handleOnOk(e),\n                                // style={{ backgroundColor: okButtonProps.className==='delete-btn'? 'red':null }}\n                                block: true,\n                                children: okText\n                            })\n                        })\n                    ]\n                })\n            })\n        ]\n    });\n};\nexport const genericPanelSmallWidth = css(_templateObject13());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  text-align: center;\\n  margin-top: 40px;\\n\\n  .ant-pagination {\\n    li {\\n      width: 16px;\\n      min-width: 10px;\\n      height: 24px;\\n\\n      &.ant-pagination-item {\\n        width: auto;\\n        min-width: 24px;\\n        line-height: 22px;\\n\\n        a {\\n          padding: 0;\\n        }\\n      }\\n\\n      .ant-pagination-item-link {\\n        font-size: 14px;\\n        font-weight: 500;\\n        color: \",\n        \";\\n\\n        .anticon {\\n          display: none;\\n        }\\n      }\\n\\n      &.ant-pagination-prev {\\n        background: url('/assets/left_small.svg') no-repeat center center;\\n      }\\n\\n      &.ant-pagination-next {\\n        background: url('/assets/right_small.svg') no-repeat center center;\\n      }\\n\\n      &.ant-pagination-disabled {\\n        opacity: 0.7;\\n        pointer-events: none;\\n      }\\n\\n      &.ant-pagination-item-active {\\n        color: \",\n        \";\\n        padding: 0 3px;\\n        border-radius: 0;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport styled from \"styled-components\";\nimport { themeGet } from \"@styled-system/theme-get\";\nexport const PaginationWrapper = styled.div.withConfig({\n    componentId: \"sc-92f8e28f-0\"\n})(_templateObject(), themeGet(\"text.0\", \"#1B1B29\"), themeGet(\"primary.0\", \"#002FA8\"));\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: block;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from \"styled-components\";\nimport classNames from \"classnames\";\nconst TextBreakWrapper = styled.span.withConfig({\n    componentId: \"sc-a7c8773c-0\"\n})(_templateObject());\nexport const TextBreak = (param)=>{\n    let { customClassName  } = param;\n    return /*#__PURE__*/ _jsx(TextBreakWrapper, {\n        className: classNames(\"text-break\", customClassName)\n    });\n};\n","import { useRouter } from \"next/router\";\nimport { useCallback } from \"react\";\nexport const usePagination = ()=>{\n    const router = useRouter();\n    const onChangePage = useCallback((page)=>{\n        let asPath = null;\n        if (router.asPath.includes(\"page=\")) {\n            asPath = router.asPath.replace(/page=[0-9]+/, \"page=\".concat(page));\n        } else {\n            asPath = \"\".concat(router.asPath, \"?page=\").concat(page);\n        }\n        router.push(\"/\".concat(asPath), undefined, {\n            shallow: true,\n            scroll: true\n        });\n    }, [\n        router\n    ]);\n    return {\n        onChangePage\n    };\n};\n","import { useEffect, useMemo, useRef, useState } from \"react\";\nconst loadAsyncScript = (param)=>{\n    let { src , async =true , onScriptLoad  } = param;\n    return new Promise((resolve, reject)=>{\n        const script = document.createElement(\"script\");\n        script.src = src;\n        script.async = async;\n        script.onload = ()=>{\n            resolve(script);\n            // @ts-ignore\n            onScriptLoad();\n        };\n        document.body.appendChild(script);\n    });\n};\nconst loadAllScript = ()=>{\n    const scripts = [\n        \"https://code.jquery.com/jquery-1.12.4.min.js\",\n        \"https://cdn.iamport.kr/js/iamport.payment-1.2.0.js\"\n    ].map((url)=>loadAsyncScript({\n            src: url,\n            async: false,\n            onScriptLoad: ()=>{\n                ;\n            }\n        }));\n    return Promise.all(scripts);\n};\nexport const useIamport = (_impCode)=>{\n    const impCode = useMemo(()=>_impCode || process.env.NEXT_PUBLIC_IAMPORT_USER_CODE || \"imp21555572\", [\n        _impCode\n    ]);\n    const impRef = useRef(null);\n    const [loading, setLoading] = useState(true);\n    const [initialized, setInitialized] = useState(false);\n    useEffect(()=>{\n        let loadedScript = [];\n        loadAllScript()// @ts-ignore\n        .then((results)=>{\n            loadedScript = results;\n            const { IMP  } = window;\n            ;\n            // @ts-ignore\n            // IMP.init('imp21555572')\n            IMP.init(impCode);\n            // IMP.init(process.env.NEXT_PUBLIC_IAMPORT_USER_CODE)\n            impRef.current = IMP;\n            setInitialized(true);\n        }).catch((err)=>{\n            ;\n            alert(err.message);\n        }).finally(()=>{\n            setLoading(false);\n        });\n        return ()=>{\n            loadedScript.map((script)=>document.body.removeChild(script));\n            // @ts-ignore\n            window.IMP = undefined;\n        };\n    }, []);\n    return {\n        impRef,\n        loading,\n        initialized\n    };\n};\nexport const getIamportPayload = (payload, payMethod)=>({\n        ...payload,\n        pay_method: payMethod,\n        pg: payMethod !== \"kakaopay\" ? payload.tax_free ? process.env.NEXT_PUBLIC_PORTONE_PG_TAX_FREE : process.env.NEXT_PUBLIC_PORTONE_PG_TAX : \"kakaopay\"\n    });\nexport const requestPay = (payload, impRef)=>{\n    return new Promise((resolve, reject)=>{\n        if (!impRef) {\n            reject({\n                message: \"invalid iamport lib\"\n            });\n        } else {\n            impRef.request_pay(payload, (response)=>{\n                ;\n                if (response.success) {\n                    resolve(response);\n                } else {\n                    reject({\n                        message: response.error_msg\n                    });\n                // let msg = '결제에 실패하였습니다.'\n                // msg += '에러내용 : ' + rsp.error_msg\n                // alert(msg)\n                }\n            });\n        }\n    });\n};\nexport const getTextFromPayMethod = (payMethod)=>{\n    let text;\n    switch(payMethod){\n        case \"card\":\n            text = \"신용/체크카드\";\n            break;\n        case \"trans\":\n            text = \"실시간 계좌이체\";\n            break;\n        case \"vbank\":\n            text = \"가상계좌\";\n            break;\n        case \"phone\":\n            text = \"휴대폰 소액결제\";\n            break;\n        case \"samsung\":\n            text = \"삼성페이\";\n            break;\n        case \"kpay\":\n            text = \"kpay\";\n            break;\n        case \"cultureland\":\n            text = \"문화상품권\";\n            break;\n        case \"smartculture\":\n            text = \"스마트문상\";\n            break;\n        case \"happymoney\":\n            text = \"해피머니\";\n            break;\n        case \"booknlife\":\n            text = \"도서문화상품권\";\n            break;\n        case \"point\":\n        case \"kakaopay\":\n            text = \"카카오페이\";\n            break;\n    }\n    return text;\n};\nexport const getTextFromPG = (pg)=>{\n    let text;\n    switch(pg){\n        case \"html5_inicis\":\n            text = \"이니시스\";\n            break;\n        case \"kcp\":\n            text = \"KCP\";\n            break;\n        case \"kcp_billing\":\n            text = \"KCP(정기결제)\";\n            break;\n        case \"uplus\":\n            text = \"Toss\";\n            break;\n        case \"jtnet\":\n            text = \"JTNet\";\n            break;\n        case \"nice\":\n            text = \"나이스페이\";\n            break;\n        case \"kakaopay\":\n            text = \"카카오페이\";\n            break;\n        case \"kakao\":\n            text = \"카카오페이\";\n            break;\n        case \"danal\":\n            text = \"다날\";\n            break;\n        case \"danal_tpay\":\n            text = \"다날(휴대폰소액결제)\";\n            break;\n        case \"kicc\":\n            text = \"KICC\";\n            break;\n        case \"paypal\":\n            text = \"페이팔\";\n            break;\n        case \"mobilians\":\n            text = \"모빌리언스\";\n            break;\n        case \"payco\":\n            text = \"페이코\";\n            break;\n        case \"settle\":\n            text = \"세틀뱅크\";\n            break;\n        case \"naverco\":\n            text = \"네이버페이\";\n            break;\n        case \"naverpay\":\n            text = \"네이버페이\";\n            break;\n        case \"smilepay\":\n            text = \"스마일페이\";\n            break;\n    }\n    return text;\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 16px;\\n  font-weight: bold;\\n  color: \",\n        \";\\n  line-height: 1.5;\\n  margin: 16px 0;\\n\\n  @media (max-width: 1200px) {\\n    display: none;\\n  }\\n  @media (max-width: 768px) {\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 100%;\\n  max-width: 384px;\\n\\n  .ant-form {\\n    .ant-form-item {\\n      margin-bottom: 0;\\n    }\\n  }\\n\\n  @media (max-width: 1200px) {\\n    flex: 1;\\n  }\\n  @media (max-width: 768px) {\\n    max-width: 100%;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  position: relative;\\n  display: flex;\\n  flex-direction: column;\\n  width: 100%;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  position: absolute;\\n  top: 16px;\\n  right: 0;\\n  z-index: 30;\\n\\n  .ant-select {\\n    &,\\n    &:not(.ant-select-customize-input) {\\n      width: 100px;\\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  .ant-tabs-nav {\\n    margin-top: 12px;\\n    margin-bottom: 4px;\\n\\n    &:before {\\n      display: none;\\n    }\\n\\n    .ant-tabs-nav-wrap {\\n      .ant-tabs-nav-list {\\n        .ant-tabs-tab {\\n          min-width: 50px;\\n          font-size: 16px;\\n          color: \",\n        \";\\n          margin: 0;\\n          text-shadow: none;\\n          transition: opacity 0.2s;\\n\\n          &-active {\\n            font-weight: bold;\\n          }\\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 6px;\\n              background: rgba(27, 27, 41, 0.1);\\n            }\\n          }\\n\\n          &:not(.ant-tabs-tab-active):hover {\\n            opacity: 0.7;\\n          }\\n\\n          .num {\\n            color: rgba(27, 27, 41, 0.3);\\n          }\\n        }\\n\\n        .ant-tabs-ink-bar {\\n          display: none;\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nimport React from \"react\";\nimport { Tabs } from \"antd\";\nimport styled from \"styled-components\";\nimport { themeGet } from \"@styled-system/theme-get\";\nexport const CategoryName = styled.h3.withConfig({\n    componentId: \"sc-8a14d8b7-0\"\n})(_templateObject(), themeGet(\"color.0\", \"#1B1B29\"));\nexport const SearchFormWrapper = styled.div.withConfig({\n    componentId: \"sc-8a14d8b7-1\"\n})(_templateObject1());\nconst ContentsContainer = styled.div.withConfig({\n    componentId: \"sc-8a14d8b7-2\"\n})(_templateObject2());\nconst SelectWrapper = styled.div.withConfig({\n    componentId: \"sc-8a14d8b7-3\"\n})(_templateObject3());\nexport const StyledTabs = styled(Tabs).withConfig({\n    componentId: \"sc-8a14d8b7-4\"\n})(_templateObject4(), themeGet(\"text.0\", \"#1B1B29\"));\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 100%;\\n  border-radius: 6px;\\n  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);\\n  padding: 16px;\\n\\n  .description {\\n    color: \",\n        \";\\n    font-size: 16px;\\n    font-weight: 400;\\n    line-height: 1.5;\\n    text-align: left;\\n    width: 100%;\\n\\n    margin-bottom: 8px;\\n  }\\n\\n  .emptyBtn {\\n    display: flex;\\n    align-items: center;\\n    padding-top: 5px;\\n    padding-bottom: 5px;\\n    justify-content: flex-start;\\n    font-size: 14px;\\n    text-align: left;\\n    font-weight: 600;\\n    line-height: 22px;\\n    color: \",\n        \";\\n    transition: opacity 0.2s;\\n\\n    svg {\\n      width: 14px;\\n      height: 14px;\\n      margin-left: 4px;\\n    }\\n\\n    @media (hover: hover) {\\n      &:hover {\\n        opacity: 0.8;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  background-color: \",\n        \";\\n\\n  .ant-empty {\\n    padding: 60px 40px 32px;\\n    margin: 0;\\n\\n    .ant-empty-description {\\n      font-size: 14px;\\n      line-height: 1.5;\\n      color: \",\n        \";\\n      margin-top: 16px;\\n\\n      span span {\\n        display: block;\\n        font-weight: bold;\\n      }\\n    }\\n\\n    .ant-empty-footer {\\n      display: flex;\\n      gap: 16px;\\n      margin-top: 40px;\\n\\n      & > div {\\n        flex: 1;\\n        padding: 20px;\\n        box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);\\n        background-color: #fff;\\n\\n        &:hover {\\n          padding: 19px;\\n          border: 1px solid \",\n        \";\\n        }\\n      }\\n    }\\n  }\\n\\n  .btn-area {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    width: 100%;\\n    max-width: 464px;\\n    text-align: center;\\n    gap: 8px;\\n    margin: 0 auto;\\n\\n    .ant-btn {\\n      display: flex;\\n      align-items: center;\\n      justify-content: center;\\n      flex: 1;\\n      height: 48px;\\n      font-size: 16px;\\n      font-weight: bold;\\n    }\\n  }\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    margin-top: 24px;\\n\\n    .ant-empty {\\n      padding: 16px 16px 24px;\\n\\n      .ant-empty-footer {\\n        flex-wrap: wrap;\\n        justify-content: center;\\n\\n        & > div {\\n          flex: unset;\\n          max-width: 360px;\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { TextBreak } from \"@/components/TextBreak\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowRight2px } from \"@/components/icon/IconList\";\nimport { CATEGORY_HANDOUT_PAGE, CATEGORY_TEXTBOOK_PAGE, CATEGORY_WORKBOOK_PAGE, CATEGORY_WORK_PAGE } from \"@/settings/constant\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { Empty } from \"antd\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { Subjects } from \"src/api/product\";\nimport styled from \"styled-components\";\nconst EmptyWrapper = styled.div.withConfig({\n    componentId: \"sc-bd2d7740-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_indigo_500);\nconst ListEmptyWrapper = styled.div.withConfig({\n    componentId: \"sc-bd2d7740-1\"\n})(_templateObject1(), themeGet(\"background.1\", \"#F5F8FB\"), themeGet(\"text.2\", \"#5F5F69\"), (props)=>props.theme.new.colors.sol_gray_300);\nexport const LibraryListEmpty = (param)=>{\n    let { title , emptyOptions , onEmptyClick , categoryLink , children  } = param;\n    const handleEmptyClick = useCallback(()=>{\n        if (onEmptyClick) {\n            onEmptyClick();\n        }\n    }, [\n        onEmptyClick\n    ]);\n    const { query  } = useRouter();\n    return /*#__PURE__*/ _jsxs(ListEmptyWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(Empty, {\n                ...emptyOptions,\n                description: /*#__PURE__*/ _jsx(\"span\", {\n                    children: title\n                }),\n                children: categoryLink && /*#__PURE__*/ _jsxs(_Fragment, {\n                    children: [\n                        query.subject === Subjects.EN && /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                /*#__PURE__*/ _jsx(Suggestion, {\n                                    message: /*#__PURE__*/ _jsxs(_Fragment, {\n                                        children: [\n                                            \"선생님이 직접 만든\",\n                                            /*#__PURE__*/ _jsx(TextBreak, {}),\n                                            \"변형 문제를 만나보세요\"\n                                        ]\n                                    }),\n                                    linkLabel: \"수업자료\",\n                                    linkHref: CATEGORY_HANDOUT_PAGE\n                                }),\n                                /*#__PURE__*/ _jsx(Suggestion, {\n                                    message: /*#__PURE__*/ _jsxs(_Fragment, {\n                                        children: [\n                                            \"보유한 교과서의\",\n                                            /*#__PURE__*/ _jsx(TextBreak, {}),\n                                            \"이용권리를 확보하세요.\"\n                                        ]\n                                    }),\n                                    linkLabel: \"교과서 라이선스\",\n                                    linkHref: CATEGORY_TEXTBOOK_PAGE\n                                }),\n                                /*#__PURE__*/ _jsx(Suggestion, {\n                                    message: /*#__PURE__*/ _jsxs(_Fragment, {\n                                        children: [\n                                            \"보유한 참고서의\",\n                                            /*#__PURE__*/ _jsx(TextBreak, {}),\n                                            \"이용권리를 확보하세요.\"\n                                        ]\n                                    }),\n                                    linkLabel: \"참고서 라이선스\",\n                                    linkHref: CATEGORY_WORKBOOK_PAGE\n                                })\n                            ]\n                        }),\n                        query.subject === Subjects.KO && /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                /*#__PURE__*/ _jsx(Suggestion, {\n                                    message: /*#__PURE__*/ _jsxs(_Fragment, {\n                                        children: [\n                                            \"선생님이 직접 만든\",\n                                            /*#__PURE__*/ _jsx(TextBreak, {}),\n                                            \"변형 문제를 만나보세요\"\n                                        ]\n                                    }),\n                                    linkLabel: \"수업자료\",\n                                    linkHref: CATEGORY_HANDOUT_PAGE\n                                }),\n                                /*#__PURE__*/ _jsx(Suggestion, {\n                                    message: /*#__PURE__*/ _jsxs(_Fragment, {\n                                        children: [\n                                            \"보유한 지문의\",\n                                            /*#__PURE__*/ _jsx(TextBreak, {}),\n                                            \"이용권리를 확보하세요.\"\n                                        ]\n                                    }),\n                                    linkLabel: \"문학 라이선스\",\n                                    linkHref: CATEGORY_WORK_PAGE\n                                })\n                            ]\n                        })\n                    ]\n                })\n            }),\n            children\n        ]\n    });\n};\nconst Suggestion = (param)=>{\n    let { message , linkLabel , linkHref  } = param;\n    return /*#__PURE__*/ _jsxs(EmptyWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"description\",\n                children: message\n            }),\n            !!linkLabel && /*#__PURE__*/ _jsxs(Link, {\n                href: linkHref,\n                className: \"emptyBtn\",\n                children: [\n                    linkLabel,\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: ArrowRight2px\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  padding: 24px 24px 20px;\\n  border: 1px solid \",\n        \";\\n  margin-bottom: 8px;\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    padding: 16px 12px;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 14px;\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: center;\\n\\n  img {\\n    width: 56px;\\n    height: 72px;\\n    min-height: 56px;\\n    object-fit: contain;\\n  }\\n\\n  .leftWrapper {\\n    display: flex;\\n    flex-direction: row;\\n\\n    .ant-image {\\n      img {\\n        border: solid 1px #eaeae8;\\n      }\\n    }\\n\\n    .info-area {\\n      padding-left: 24px;\\n\\n      .info_status {\\n        display: flex;\\n        align-items: center;\\n\\n        margin: 8px 0;\\n\\n        div {\\n          font-size: 14px;\\n        }\\n\\n        .pay-method {\\n          color: \",\n        \";\\n        }\\n\\n        & > div:not(:nth-of-type(1)) {\\n          &:before {\\n            display: inline-block;\\n            content: '';\\n            vertical-align: baseline;\\n            width: 1px;\\n            height: 12px;\\n            margin: 0 6px;\\n            background-color: rgba(27, 27, 41, 0.1);\\n          }\\n        }\\n      }\\n\\n      @media (max-width: 1200px) {\\n      }\\n      @media (max-width: 768px) {\\n        padding-left: 12px;\\n\\n        .info_status {\\n          div {\\n            font-size: 13px;\\n          }\\n        }\\n\\n        .title {\\n          font-size: 14px;\\n        }\\n\\n        .infoBottom {\\n          span {\\n            font-size: 13px;\\n          }\\n        }\\n      }\\n    }\\n  }\\n\\n  .title {\\n    font-size: 16px;\\n    font-weight: 600;\\n    margin-top: 8px;\\n    text-overflow: ellipsis;\\n    overflow: hidden;\\n    display: -webkit-box;\\n    -webkit-line-clamp: 2;\\n    -webkit-box-orient: vertical;\\n  }\\n\\n  .infoBottom {\\n    margin-top: 8px;\\n\\n    span {\\n      color: rgba(27, 27, 41, 0.7);\\n\\n      &:not(:nth-of-type(1)) {\\n        &:before {\\n          display: inline-block;\\n          content: '';\\n          vertical-align: baseline;\\n          width: 1px;\\n          height: 12px;\\n          margin: 0 6px;\\n          background-color: rgba(27, 27, 41, 0.1);\\n        }\\n      }\\n    }\\n  }\\n\\n  .ant-btn {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    width: 112px;\\n    height: 32px;\\n    text-align: center;\\n    padding: 5px;\\n    border: 1px solid #f0f0f0;\\n\\n    &.price {\\n      span {\\n        color: \",\n        \";\\n      }\\n\\n      &:hover {\\n        span {\\n          color: \",\n        \";\\n        }\\n      }\\n    }\\n\\n    &.account-info {\\n      border-color: \",\n        \";\\n\\n      &:hover {\\n        background-color: \",\n        \";\\n\\n        span {\\n          color: #fff;\\n        }\\n      }\\n\\n      span {\\n        color: \",\n        \";\\n      }\\n    }\\n\\n    @media (max-width: 1200px) {\\n    }\\n    @media (max-width: 768px) {\\n      width: 102px;\\n      font-size: 13px;\\n      margin-left: 4px;\\n    }\\n  }\\n\\n  button {\\n    height: 32px;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  color: \",\n        \";\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  gap: 8px;\\n  flex-direction: column;\\n\"\n    ]);\n    _templateObject3 = 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 from \"styled-components\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { Image } from \"antd\";\nimport dayjs from \"dayjs\";\nimport { numberFormatter } from \"@/lib/utils\";\nimport { LibraryListEmpty } from \"../../libraries/components/LibraryListEmpty\";\nimport { DEFAULT_BOOK_COVER } from \"@/settings/constant\";\nimport { OrderStatus, OrderStatusWithString } from \"../../../../api/booksOrder\";\nimport { SourceTypeWithString } from \"../../../../api/product\";\nimport { getTextFromPayMethod } from \"@/lib/iamport\";\nimport FilledButton from \"@/components/common/Button/FilledButton\";\nconst OrderListItemWrapper = styled.div.withConfig({\n    componentId: \"sc-e5b042a0-0\"\n})(_templateObject(), themeGet(\"border.0\"));\nconst PaymentListWrapper = styled.div.withConfig({\n    componentId: \"sc-e5b042a0-1\"\n})(_templateObject1(), themeGet(\"text.2\", \"#5F5F69\"), (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_500);\nconst StatusBox = styled.div.withConfig({\n    componentId: \"sc-e5b042a0-2\"\n})(_templateObject2(), (props)=>props.color);\nexport const OrderListItem = (param)=>{\n    let { item , onClick  } = param;\n    const isShowReceiptButton = item.status === OrderStatus.COMPLETE || item.status === OrderStatus.CANCELED || item.status === OrderStatus.PARTIALLY_REFUND;\n    const isShowVbankInfoButton = item.status === OrderStatus.VBANK_WAITING && item.payMethod === \"vbank\";\n    const isShowEbookLinkButton = item.sourceType === \"ebook\" && isShowReceiptButton;\n    return /*#__PURE__*/ _jsx(OrderListItemWrapper, {\n        children: /*#__PURE__*/ _jsxs(PaymentListWrapper, {\n            children: [\n                /*#__PURE__*/ _jsxs(\"div\", {\n                    className: \"leftWrapper\",\n                    children: [\n                        /*#__PURE__*/ _jsx(Image, {\n                            src: item.thumbImg || DEFAULT_BOOK_COVER,\n                            alt: \"bookThumb\",\n                            width: 56,\n                            height: 72\n                        }),\n                        /*#__PURE__*/ _jsxs(\"div\", {\n                            className: \"info-area\",\n                            children: [\n                                item.createdAt && /*#__PURE__*/ _jsx(\"span\", {\n                                    children: dayjs(item.createdAt).format(\"YYYY. MM. DD\")\n                                }),\n                                /*#__PURE__*/ _jsxs(\"div\", {\n                                    className: \"info_status\",\n                                    children: [\n                                        /*#__PURE__*/ _jsx(StatusBox, {\n                                            color: item.status === OrderStatus.CANCELED // 결제 취소\n                                             ? \"red\" : item.status === OrderStatus.VBANK_WAITING ? \"#002fa8\" : \"#5f5f69\",\n                                            children: OrderStatusWithString[item.status]\n                                        }),\n                                        item.payMethod && /*#__PURE__*/ _jsx(\"div\", {\n                                            className: \"pay-method\",\n                                            children: getTextFromPayMethod(item.payMethod)\n                                        })\n                                    ]\n                                }),\n                                /*#__PURE__*/ _jsxs(\"div\", {\n                                    className: \"title\",\n                                    children: [\n                                        item.title,\n                                        \" \"\n                                    ]\n                                }),\n                                /*#__PURE__*/ _jsxs(\"div\", {\n                                    className: \"infoBottom\",\n                                    children: [\n                                        /*#__PURE__*/ _jsxs(\"span\", {\n                                            children: [\n                                                numberFormatter(item.total),\n                                                \"원\"\n                                            ]\n                                        }),\n                                        /*#__PURE__*/ _jsx(\"span\", {\n                                            children: SourceTypeWithString[item.sourceType]\n                                        })\n                                    ]\n                                })\n                            ]\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ _jsxs(ButtonContainer, {\n                    children: [\n                        isShowEbookLinkButton && /*#__PURE__*/ _jsx(FilledButton, {\n                            variant: \"soft\",\n                            type: \"text\",\n                            onClick: ()=>onClick(item, \"onEbookLink\"),\n                            children: \"링크 재발송\"\n                        }),\n                        isShowReceiptButton && /*#__PURE__*/ _jsx(FilledButton, {\n                            className: \"price\",\n                            type: \"text\",\n                            variant: \"plain\",\n                            onClick: ()=>onClick(item, \"onReceipt\"),\n                            children: \"영수증 보기\"\n                        }),\n                        isShowVbankInfoButton && /*#__PURE__*/ _jsx(FilledButton, {\n                            className: \"account-info\",\n                            type: \"text\",\n                            variant: \"plain\",\n                            onClick: ()=>onClick(item, \"onBankInfo\"),\n                            children: \"입금 정보 보기\"\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n};\nconst ButtonContainer = styled.div.withConfig({\n    componentId: \"sc-e5b042a0-3\"\n})(_templateObject3());\nexport const OrderList = (param)=>{\n    let { dataSource , onClick  } = param;\n    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        });\n    }\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: dataSource.map((item, i)=>/*#__PURE__*/ _jsx(OrderListItem, {\n                item: item,\n                onClick: onClick\n            }, \"order-item_\".concat(item.id)))\n    });\n};\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { TextBreak } from \"@/components/TextBreak\";\nimport { Modal } from \"antd\";\nconst { info  } = Modal;\nexport const bankNumberCopyCompleted = ()=>{\n    info({\n        okText: \"확인\",\n        icon: null,\n        content: /*#__PURE__*/ _jsxs(_Fragment, {\n            children: [\n                \"계좌 번호가 클립보드에 복사됐어요.\",\n                /*#__PURE__*/ _jsx(TextBreak, {}),\n                \"원하는 곳에 붙여넣기 하세요.\"\n            ]\n        }),\n        onOk () {\n            ;\n        },\n        centered: true,\n        style: {\n            flexDirection: \"column\",\n            // padding: '23px, 36px, 17px, 36px',\n            justifyContent: \"center\",\n            height: \"129px\",\n            marginLeft: \"10px\"\n        },\n        okButtonProps: {\n            type: \"primary\",\n            style: {\n                backgroundColor: \"#281284\",\n                position: \"absolute\",\n                left: \"50%\",\n                bottom: \"30px\",\n                textAlign: \"center\",\n                width: \"72px\",\n                height: \"29px\",\n                fontSize: \"11px\",\n                transform: \"translateX(-50%)\"\n            }\n        },\n        bodyStyle: {\n            display: \"block\",\n            flexDirection: \"column\",\n            minHeight: \"129px\",\n            paddingTop: \"13px\",\n            paddingLeft: \"26px\",\n            paddingRight: \"26px\",\n            paddingBottom: \"7px\",\n            fontSize: \"14px\",\n            alignItems: \"center\",\n            textAlign: \"center\",\n            justifyContent: \"center\",\n            marginLeft: \"5px\"\n        },\n        wrapClassName: \"smallModal\",\n        width: \"auto\"\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  max-width: 412px;\\n  border: 1px solid \",\n        \";\\n\\n  .row {\\n    font-size: 14px;\\n    display: flex;\\n    border-bottom: 1px solid \",\n        \";\\n\\n    &:last-child {\\n      margin-bottom: 0;\\n    }\\n\\n    div > span {\\n      text-align: left;\\n      margin: 8px 0 9px;\\n    }\\n  }\\n\\n  .title {\\n    min-width: 92px;\\n    width: 80px;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 700;\\n    background-color: \",\n        \";\\n  }\\n\\n  .value {\\n    height: 100%;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    margin-left: 16px;\\n  }\\n\\n  .copyBtn {\\n    padding-left: 0;\\n    margin-left: 0;\\n    border: 0;\\n\\n    span {\\n      font-size: 14px;\\n      color: \",\n        \";\\n      margin: 0 4px 0 0;\\n    }\\n  }\\n\\n  .accountNumber {\\n    text-decoration: underline;\\n  }\\n\\n  .alert {\\n    display: block;\\n    color: red;\\n    font-size: 12px;\\n    margin-top: 8px;\\n  }\\n\\n  .bold {\\n    font-weight: bold;\\n  }\\n\\n  .line {\\n    color: \",\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 React from \"react\";\nimport styled from \"styled-components\";\nimport { Button } from \"antd\";\nimport { CopyOutlined } from \"@ant-design/icons\";\nimport { priceFormatter } from \"@/lib/utils\";\nimport dayjs from \"dayjs\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { bankNumberCopyCompleted } from \"../../../../systemPopup/BankNunberCopyCompleted\";\nimport { getTextFromPayMethod } from \"@/lib/iamport\";\nconst BankAccountForTransferWrapper = styled.div.withConfig({\n    componentId: \"sc-20cfc9b8-0\"\n})(_templateObject(), themeGet(\"border.0\"), themeGet(\"border.0\"), themeGet(\"background.1\"), themeGet(\"primary.1\", \"#00BFC8\"), themeGet(\"background.1\"));\nexport const BankAccountForTransfer = (param)=>{\n    let { order  } = param;\n    var _order_bankPaymentInfo, _order_bankPaymentInfo1, _order_bankPaymentInfo2, _order_bankPaymentInfo3, _order_bankPaymentInfo4, _order_bankPaymentInfo5;\n    const accountNumberWithBankName = \"\".concat((_order_bankPaymentInfo = order.bankPaymentInfo) === null || _order_bankPaymentInfo === void 0 ? void 0 : _order_bankPaymentInfo.vbankName, \" \").concat((_order_bankPaymentInfo1 = order.bankPaymentInfo) === null || _order_bankPaymentInfo1 === void 0 ? void 0 : _order_bankPaymentInfo1.vbankNum);\n    const copyHandler = async ()=>{\n        try {\n            await navigator.clipboard.writeText(accountNumberWithBankName);\n            bankNumberCopyCompleted();\n        } catch (error) {\n            alert(\"복사가 실패하였습니다.\");\n        }\n    };\n    const dateHandle = (date)=>{\n        if (typeof date === \"string\") {\n            const getYear = date.slice(0, 4);\n            const getMonth = date.slice(5, 7);\n            const getDate = date.slice(8, 10);\n            const getHour = date.slice(11, 13);\n            return getYear + \"년 \" + getMonth + \"월 \" + getDate + \"일 \" + getHour + \"시까지\";\n        } else {\n            return dayjs(date).format(\"YYYY년 MM월 DD일 HH시까지\");\n        }\n    };\n    const expiredDate = dateHandle(dayjs.unix((_order_bankPaymentInfo2 = order.bankPaymentInfo) === null || _order_bankPaymentInfo2 === void 0 ? void 0 : _order_bankPaymentInfo2.vbankDate).toDate());\n    return /*#__PURE__*/ _jsxs(BankAccountForTransferWrapper, {\n        children: [\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"row\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"title\",\n                        children: /*#__PURE__*/ _jsx(\"span\", {\n                            children: \"주문상품\"\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"value\",\n                        children: /*#__PURE__*/ _jsx(\"span\", {\n                            children: order.title\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"row\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"title\",\n                        children: /*#__PURE__*/ _jsx(\"span\", {\n                            children: \"결제 수단\"\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"value\",\n                        children: /*#__PURE__*/ _jsx(\"span\", {\n                            children: getTextFromPayMethod(order.payMethod)\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"row\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"title\",\n                        children: /*#__PURE__*/ _jsx(\"span\", {\n                            children: \"입금 은행\"\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"value\",\n                        children: /*#__PURE__*/ _jsxs(\"span\", {\n                            children: [\n                                (_order_bankPaymentInfo3 = order.bankPaymentInfo) === null || _order_bankPaymentInfo3 === void 0 ? void 0 : _order_bankPaymentInfo3.vbankName,\n                                \" \",\n                                /*#__PURE__*/ _jsx(\"span\", {\n                                    className: \"line\",\n                                    children: \" | \"\n                                }),\n                                /*#__PURE__*/ _jsx(\"span\", {\n                                    className: \"accountNumber\",\n                                    children: (_order_bankPaymentInfo4 = order.bankPaymentInfo) === null || _order_bankPaymentInfo4 === void 0 ? void 0 : _order_bankPaymentInfo4.vbankNum\n                                }),\n                                /*#__PURE__*/ _jsx(Button, {\n                                    type: \"primary\",\n                                    ghost: true,\n                                    className: \"copyBtn\",\n                                    size: \"small\",\n                                    style: {\n                                        fontSize: 12,\n                                        margin: \"0 8px\"\n                                    },\n                                    icon: /*#__PURE__*/ _jsx(CopyOutlined, {}),\n                                    onClick: copyHandler,\n                                    children: \"복사\"\n                                })\n                            ]\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"row\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"title\",\n                        children: /*#__PURE__*/ _jsx(\"span\", {\n                            children: \"예금주\"\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"value\",\n                        children: /*#__PURE__*/ _jsx(\"span\", {\n                            children: (_order_bankPaymentInfo5 = order.bankPaymentInfo) === null || _order_bankPaymentInfo5 === void 0 ? void 0 : _order_bankPaymentInfo5.vbankHolder\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"row\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"title\",\n                        children: /*#__PURE__*/ _jsx(\"span\", {\n                            children: \"입금 금액\"\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"value\",\n                        children: /*#__PURE__*/ _jsxs(\"span\", {\n                            className: \"bold\",\n                            children: [\n                                priceFormatter(order.total),\n                                \"원\"\n                            ]\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"row\",\n                children: [\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"title\",\n                        children: /*#__PURE__*/ _jsx(\"span\", {\n                            children: \"입금 기한\"\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"value\",\n                        children: /*#__PURE__*/ _jsxs(\"span\", {\n                            children: [\n                                /*#__PURE__*/ _jsx(\"span\", {\n                                    className: \"bold\",\n                                    children: expiredDate\n                                }),\n                                /*#__PURE__*/ _jsx(\"span\", {\n                                    className: \"alert\",\n                                    children: \"기한 내 미입금 시 주문은 자동으로 취소 처리 됩니다.\"\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    ]);\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 { GenericPanelWithModal } from \"@/components/GenericPanel\";\nimport { PaginationWrapper } from \"@/components/PaginationWrapper\";\nimport { EXTERNAL_CHANNEL_TALK, LIBRARIES_INDEX_PAGE, LOGIN_PAGE } from \"@/settings/constant\";\nimport { Pagination } from \"antd\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport * as React from \"react\";\nimport { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { CategoryName } from \"../../libraries/components/LibraryBookList\";\nimport { OrderList } from \"../components/OrderList\";\nimport { BankAccountForTransfer } from \"../components/modals/BankAccountForTransfer\";\nimport { useMutation, useQuery } from \"@tanstack/react-query\";\nimport { usePagination } from \"@/hooks/usePagination\";\nimport { getBooksOrderList } from \"../../../../api/booksOrder\";\nimport { PostRegenerateLink } from \"src/api/ebook\";\nimport BooksOrderModal from \"@/components/Books/Order/BooksOrderModal\";\nimport FilledButton from \"@/components/common/Button/FilledButton\";\nconst OrderListViewWrapper = styled.div.withConfig({\n    componentId: \"sc-2f40e2ab-0\"\n})(_templateObject());\nexport const OrderListView = (props)=>{\n    var _orderData_pagination;\n    const router = useRouter();\n    const { page  } = router.query;\n    const [showBankInfoModal, setShowBankInfoModal] = useState(false);\n    const [selectedItem, setSelectedItem] = useState(null);\n    const [isShowRegenerateLinkModal, setIsShowRegenerateLinkModal] = useState(false);\n    const [modalProps, setModalProps] = useState({\n        title: \"링크를 생성할 ebook이 존재하지 않습니다.\",\n        severity: \"caution\"\n    });\n    const { onChangePage  } = usePagination();\n    const OFFSET = (Number(page) - 1) * 10 || 0;\n    const LIMIT = 10;\n    const regenerateLinkMutation = useMutation(PostRegenerateLink);\n    const onClick = (order, metadata)=>{\n        switch(metadata){\n            case \"onBankInfo\":\n                setSelectedItem(order);\n                setShowBankInfoModal(true);\n                break;\n            case \"onReceipt\":\n                window.open(order.receiptUrl, \"_blank\");\n                break;\n            case \"onEbookLink\":\n                regenerateEbookLink(order);\n                break;\n        }\n    };\n    const regenerateEbookLink = (order)=>{\n        regenerateLinkMutation.mutate(order.id, {\n            onSuccess: ()=>{\n                setModalProps({\n                    title: \"굿노트6 열람 링크가 재발송 되었습니다.\",\n                    content: \"각 상품별 알림톡을 확인해주세요.\"\n                });\n                setIsShowRegenerateLinkModal(true);\n            },\n            onError: (error)=>{\n                var _error_response;\n                const { message , statusCode  } = (_error_response = error.response) === null || _error_response === void 0 ? void 0 : _error_response.data;\n                if (statusCode === 403) {\n                    setModalProps({\n                        title: \"로그인이 필요합니다.\",\n                        severity: \"caution\",\n                        footer: /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                /*#__PURE__*/ _jsx(Link, {\n                                    href: LOGIN_PAGE,\n                                    children: /*#__PURE__*/ _jsx(FilledButton, {\n                                        type: \"text\",\n                                        variant: \"soft\",\n                                        children: \"로그인 하기\"\n                                    })\n                                }),\n                                /*#__PURE__*/ _jsx(FilledButton, {\n                                    onClick: ()=>setIsShowRegenerateLinkModal(false),\n                                    type: \"text\",\n                                    variant: \"solid\",\n                                    children: \"확인\"\n                                })\n                            ]\n                        })\n                    });\n                }\n                if (message === \"NO_EBOOKS_PAID_STATUS\") {\n                    setModalProps({\n                        title: \"전체 상품이 환불 처리된 주문입니다.\",\n                        content: \"굿노트6 열람 링크를 발송할 수 없습니다.\",\n                        severity: \"caution\"\n                    });\n                }\n                if (message === \"NOT_WITHIN_14_DAYS_FROM_PAID\") {\n                    setModalProps({\n                        title: \"링크 발송기간이 지났습니다.\",\n                        content: \"궁금하신 내용이 있다면 고객센터로 문의해주세요.\",\n                        severity: \"caution\",\n                        footer: /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                /*#__PURE__*/ _jsx(Link, {\n                                    href: EXTERNAL_CHANNEL_TALK,\n                                    children: /*#__PURE__*/ _jsx(FilledButton, {\n                                        type: \"text\",\n                                        variant: \"soft\",\n                                        children: \"문의하기\"\n                                    })\n                                }),\n                                /*#__PURE__*/ _jsx(FilledButton, {\n                                    onClick: ()=>setIsShowRegenerateLinkModal(false),\n                                    type: \"text\",\n                                    variant: \"solid\",\n                                    children: \"확인\"\n                                })\n                            ]\n                        })\n                    });\n                }\n                if (message === \"NO_EBOOKS_TO_REGENERATE_LINK\") {\n                    setModalProps({\n                        title: /*#__PURE__*/ _jsxs(_Fragment, {\n                            children: [\n                                \"굿노트6에서 이미 열람 되어 \",\n                                /*#__PURE__*/ _jsx(\"br\", {}),\n                                \" 링크를 다시 발송할 수 없습니다.\"\n                            ]\n                        }),\n                        content: \"열람하지 않으셨다면 굿노트 고객센터로 문의해주세요.\",\n                        severity: \"caution\"\n                    });\n                }\n                setIsShowRegenerateLinkModal(true);\n            }\n        });\n    };\n    const { data: orderData  } = useQuery([\n        \"orderList\",\n        page\n    ], ()=>getBooksOrderList({\n            offset: OFFSET,\n            limit: LIMIT\n        }), {\n        keepPreviousData: true\n    });\n    if (!orderData) return null;\n    return /*#__PURE__*/ _jsxs(OrderListViewWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(CategoryName, {\n                children: \"주문 내역\"\n            }),\n            /*#__PURE__*/ _jsx(OrderList, {\n                onClick: onClick,\n                dataSource: orderData.data\n            }),\n            /*#__PURE__*/ _jsx(GenericPanelWithModal, {\n                title: \"무통장 주문 신청 완료\",\n                description: /*#__PURE__*/ _jsxs(_Fragment, {\n                    children: [\n                        \"입금을 완료하셨다면 10분 뒤에\",\n                        \" \",\n                        /*#__PURE__*/ _jsx(Link, {\n                            href: LIBRARIES_INDEX_PAGE,\n                            className: \"go-btn\",\n                            children: \"자료 보관함\"\n                        }),\n                        \"에서 자료를 이용하실 수 있습니다.\"\n                    ]\n                }),\n                closeIcon: true,\n                cancelText: \"주문 목록 보기\",\n                open: showBankInfoModal,\n                onClose: ()=>setShowBankInfoModal(false),\n                children: selectedItem && /*#__PURE__*/ _jsx(BankAccountForTransfer, {\n                    order: selectedItem\n                })\n            }),\n            /*#__PURE__*/ _jsx(BooksOrderModal, {\n                open: isShowRegenerateLinkModal,\n                footer: /*#__PURE__*/ _jsx(FilledButton, {\n                    onClick: ()=>setIsShowRegenerateLinkModal(false),\n                    type: \"text\",\n                    variant: \"solid\",\n                    children: \"확인\"\n                }),\n                ...modalProps\n            }),\n            orderData.data.length > 0 && /*#__PURE__*/ _jsx(PaginationWrapper, {\n                children: /*#__PURE__*/ _jsx(Pagination, {\n                    showQuickJumper: false,\n                    showLessItems: false,\n                    showSizeChanger: false,\n                    total: (orderData === null || orderData === void 0 ? void 0 : (_orderData_pagination = orderData.pagination) === null || _orderData_pagination === void 0 ? void 0 : _orderData_pagination.total) || 0,\n                    defaultPageSize: LIMIT,\n                    current: Number(page) || 1,\n                    onChange: onChangePage\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  @media (max-width: 1200px) {\\n    margin-top: 16px;\\n  }\\n  @media (max-width: 768px) {\\n    margin-top: 0;\\n  }\\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 { MyPageLayout } from \"@/containers/Layout/MyPage/Layout\";\nimport { MySolvookLayout } from \"@/containers/Layout/MyPage/MySolvookLayout\";\nimport { MyPageWrapper } from \"..\";\nimport { OrderListView } from \"@/modules/mypages/orders/views/OrderListView\";\nimport styled from \"styled-components\";\nconst MyPageOrdersPage = (param)=>{\n    let {} = param;\n    return /*#__PURE__*/ _jsx(MyPageWrapper, {\n        children: /*#__PURE__*/ _jsx(MyPageLayout, {\n            children: /*#__PURE__*/ _jsx(MySolvookLayout, {\n                children: /*#__PURE__*/ _jsx(OrderListPageWrapper, {\n                    children: /*#__PURE__*/ _jsx(OrderListView, {})\n                })\n            })\n        })\n    });\n};\nexport default MyPageOrdersPage;\nconst OrderListPageWrapper = styled.div.withConfig({\n    componentId: \"sc-5bc60296-0\"\n})(_templateObject());\n"],"names":[],"sourceRoot":""}