{"version":3,"file":"static/chunks/pages/mypage/stores/uci-92418e504999e7d0.js","mappings":"AACA","sources":["webpack://_N_E/?145e","webpack://_N_E/./src/api/uci.ts","webpack://_N_E/./src/hooks/usePagination.tsx","webpack://_N_E/./src/pages/mypage/index.tsx","webpack://_N_E/./src/pages/mypage/stores/uci.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/mypage/stores/uci\",\n      function () {\n        return require(\"private-next-pages/mypage/stores/uci.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/mypage/stores/uci\"])\n      });\n    }\n  ","import { toQueryString } from \"src/utils/misc\";\nimport { api } from \".\";\nexport const fetchUCI = async (param)=>{\n    let { id , type  } = param;\n    const { data  } = await api.get(\"/uci\".concat(toQueryString({\n        id,\n        type\n    })));\n    return data;\n};\nexport const fetchUCIList = async (params)=>{\n    const { data  } = await api.get(\"/uci/list\".concat(toQueryString({\n        ...params\n    })));\n    return data;\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 { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 24px 0;\\n  min-height: 80vh;\\n  \",\n        \"\\n\\n  @media (max-width: 1200px) {\\n  }\\n  @media (max-width: 768px) {\\n    padding: 0;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport styled from \"styled-components\";\nconst Moved = ()=>null;\nexport var __N_SSP = true;\nexport default Moved;\nexport const MyPageWrapper = styled.div.withConfig({\n    componentId: \"sc-c94a6711-0\"\n})(_templateObject(), (props)=>props.bgcolor ? \"background-color: \".concat(props.bgcolor, \";\") : \"\");\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  overflow: auto;\\n  width: 100%;\\n  &::-webkit-scrollbar {\\n    height: 4px;\\n  }\\n  &::-webkit-scrollbar-thumb {\\n    border-radius: 2px;\\n    background: \",\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  min-width: 930px;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  padding: 12px;\\n  width: 100%;\\n  margin: 0 !important;\\n  background-color: \",\n        \";\\n  font-weight: 700;\\n  border-bottom: 1px solid \",\n        \";\\n  line-height: 1.5;\\n\\n  > div {\\n    &:not(:last-child) {\\n      margin-right: 10px;\\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  border-bottom: 1px solid \",\n        \";\\n  padding: 12px;\\n  width: 100%;\\n  margin: 0 !important;\\n  .ant-col {\\n    flex: 1 1 60px;\\n    text-align: left;\\n\\n    &.product-title {\\n      overflow: hidden;\\n      display: -webkit-box;\\n    }\\n\\n    &:first-child {\\n      display: flex;\\n\\n      .thumb-image {\\n        width: 32px;\\n        height: 44px;\\n        background-size: cover;\\n      }\\n\\n      > span {\\n        margin-left: 20px;\\n        display: inline-block;\\n        max-width: 440px;\\n      }\\n    }\\n\\n    &:not(:last-child) {\\n      margin-right: 10px;\\n    }\\n\\n    > div {\\n      line-height: 1.5;\\n    }\\n\\n    > button {\\n      width: 100%;\\n      padding: 5px 16px;\\n      color: \",\n        \";\\n      font-weight: 600;\\n      line-height: 1.5;\\n      background-color: transparent;\\n      border: 1px solid \",\n        \";\\n      cursor: pointer;\\n      border-radius: 2px;\\n      margin-top: 4px;\\n      font-size: 12px;\\n    }\\n  }\\n  .empty {\\n    width: 100%;\\n    text-align: center;\\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  max-width: 529px;\\n  //width: 100%;\\n  h5 {\\n    font-size: 16px;\\n    font-weight: 600;\\n    position: absolute;\\n    top: 10px;\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  padding: 12px;\\n  gap: 16px;\\n  font-weight: 700;\\n  background-color: \",\n        \";\\n  border-top: 1px solid \",\n        \";\\n  border-bottom: 1px solid \",\n        \";\\n  > div:first-child {\\n    width: 20%;\\n  }\\n  > div:last-child {\\n    width: 80%;\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  height: 480px;\\n  overflow-y: auto;\\n  > div {\\n    display: flex;\\n    padding: 12px;\\n    gap: 16px;\\n    border-bottom: 1px solid \",\n        \";\\n    > div {\\n      line-height: 22px;\\n    }\\n    > div:first-child {\\n      width: 20%;\\n    }\\n    > div:last-child {\\n      width: 80%;\\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  font-size: 16px;\\n  font-weight: 700;\\n  line-height: 1.5;\\n  color: \",\n        \";\\n  margin-bottom: 8px;\\n\\n  > div {\\n    padding: 0;\\n    text-align: left;\\n  }\\n\"\n    ]);\n    _templateObject7 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { MyPageWrapper } from \"..\";\nimport { MyPageLayout } from \"@/containers/Layout/MyPage/Layout\";\nimport { MyStoresLayout } from \"@/containers/Layout/MyPage/MyStoresLayout\";\nimport { CategoryName } from \"@/modules/mypages/libraries/views/LibraryListView\";\nimport { Col, Pagination, Row } from \"antd\";\nimport styled from \"styled-components\";\nimport { themeGet } from \"@styled-system/theme-get\";\nimport { PaginationWrapper } from \"@/components/PaginationWrapper\";\nimport dayjs from \"dayjs\";\nimport { GenericPanelWithModal } from \"@/components/GenericPanel\";\nimport { useEffect, useState } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { fetchUCIList } from \"../../../api/uci\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { useRouter } from \"next/router\";\nimport { usePagination } from \"@/hooks/usePagination\";\nconst MyStoreUciNextPage = ()=>{\n    var _uciList_uci_list, _uciList_uci_list_uci_datas, _uciList_uci_list1, _uciList_uci_list2, _uciList_uci_list_pagination, _uciList_uci_list3, _uciList_uci_list_pagination1;\n    const authStore = useAuthStore();\n    const router = useRouter();\n    const { page  } = router.query;\n    const queryClient = useQueryClient();\n    const { onChangePage  } = usePagination();\n    const LIMIT = 10;\n    const offset = (Number(page) - 1) * 10 || 0;\n    const { data: uciList , isPreviousData  } = useQuery([\n        \"uciList\",\n        authStore.user,\n        offset\n    ], ()=>fetchUCIList({\n            offset: offset,\n            limit: LIMIT,\n            type: \"handout\",\n            author_id: authStore.user.id.toString()\n        }), {\n        retry: 1,\n        keepPreviousData: true\n    });\n    useEffect(()=>{\n        if (uciList) {\n            if (!isPreviousData && uciList.uci_list.pagination.offset < uciList.uci_list.pagination.total) {\n                queryClient.prefetchQuery({\n                    queryKey: [\n                        \"uciList\",\n                        authStore.user,\n                        offset + LIMIT\n                    ],\n                    queryFn: ()=>fetchUCIList({\n                            offset: offset,\n                            limit: LIMIT,\n                            type: \"handout\",\n                            author_id: authStore.user.id.toString()\n                        })\n                });\n            }\n        }\n    }, [\n        page\n    ]);\n    return /*#__PURE__*/ _jsx(MyPageWrapper, {\n        children: /*#__PURE__*/ _jsx(MyPageLayout, {\n            children: /*#__PURE__*/ _jsx(MyStoresLayout, {\n                children: /*#__PURE__*/ _jsxs(_Fragment, {\n                    children: [\n                        /*#__PURE__*/ _jsx(CategoryName, {\n                            children: \"UCI 관리\"\n                        }),\n                        /*#__PURE__*/ _jsxs(ListCount, {\n                            children: [\n                                \"전체 \",\n                                (uciList === null || uciList === void 0 ? void 0 : (_uciList_uci_list = uciList.uci_list) === null || _uciList_uci_list === void 0 ? void 0 : (_uciList_uci_list_uci_datas = _uciList_uci_list.uci_datas) === null || _uciList_uci_list_uci_datas === void 0 ? void 0 : _uciList_uci_list_uci_datas.length) || 0,\n                                \"개\"\n                            ]\n                        }),\n                        /*#__PURE__*/ _jsx(UciTable, {\n                            itemList: (uciList === null || uciList === void 0 ? void 0 : (_uciList_uci_list1 = uciList.uci_list) === null || _uciList_uci_list1 === void 0 ? void 0 : _uciList_uci_list1.uci_datas) || []\n                        }),\n                        /*#__PURE__*/ _jsx(PaginationWrapper, {\n                            className: \"pagination-wrapper\",\n                            children: (uciList === null || uciList === void 0 ? void 0 : (_uciList_uci_list2 = uciList.uci_list) === null || _uciList_uci_list2 === void 0 ? void 0 : (_uciList_uci_list_pagination = _uciList_uci_list2.pagination) === null || _uciList_uci_list_pagination === void 0 ? void 0 : _uciList_uci_list_pagination.total) > 10 && /*#__PURE__*/ _jsx(Pagination, {\n                                showQuickJumper: false,\n                                current: Number(page) || 1,\n                                showLessItems: false,\n                                showSizeChanger: false,\n                                onChange: onChangePage,\n                                total: uciList === null || uciList === void 0 ? void 0 : (_uciList_uci_list3 = uciList.uci_list) === null || _uciList_uci_list3 === void 0 ? void 0 : (_uciList_uci_list_pagination1 = _uciList_uci_list3.pagination) === null || _uciList_uci_list_pagination1 === void 0 ? void 0 : _uciList_uci_list_pagination1.total\n                            })\n                        })\n                    ]\n                })\n            })\n        })\n    });\n};\nexport default MyStoreUciNextPage;\nexport const UciTable = (param)=>{\n    let { itemList  } = param;\n    const [modalOpen, setModalOpen] = useState(false);\n    const [quizListData, setQuizListData] = useState([]);\n    const queryClient = useQueryClient();\n    const authStore = useAuthStore();\n    const fetchMore = async (code)=>{\n        const data = await queryClient.fetchQuery([\n            \"uciQuizList\",\n            code\n        ], ()=>fetchUCIList({\n                offset: 0,\n                limit: 200,\n                type: \"quiz\",\n                author_id: authStore.user.id.toString(),\n                uci_code: code\n            }));\n        setQuizListData(data.uci_list.uci_datas);\n    };\n    const onClick = async (code)=>{\n        const tempCode = code.split(\"-\")[1];\n        await fetchMore(tempCode);\n        setModalOpen(true);\n    };\n    return /*#__PURE__*/ _jsx(ScrollArea, {\n        children: /*#__PURE__*/ _jsxs(TableWrapper, {\n            children: [\n                /*#__PURE__*/ _jsxs(UciTableRow, {\n                    align: \"middle\",\n                    children: [\n                        /*#__PURE__*/ _jsx(Col, {\n                            flex: \"1 1 456px\",\n                            children: \"자료명\"\n                        }),\n                        /*#__PURE__*/ _jsx(Col, {\n                            flex: \"1 1 55px\",\n                            children: \"등록일\"\n                        }),\n                        /*#__PURE__*/ _jsx(Col, {\n                            flex: \"1 1 190px\",\n                            children: \"교재의 UCI 코드\"\n                        }),\n                        /*#__PURE__*/ _jsx(Col, {\n                            flex: \"1 1 120px\",\n                            children: \"문제 UCI 코드 등록 수\"\n                        })\n                    ]\n                }),\n                itemList.length === 0 && /*#__PURE__*/ _jsx(UciTableItemRow, {\n                    align: \"top\",\n                    children: /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"empty\",\n                        children: \"발급된 코드가 없습니다.\"\n                    })\n                }),\n                itemList.map((item)=>{\n                    return /*#__PURE__*/ _jsxs(UciTableItemRow, {\n                        align: \"top\",\n                        children: [\n                            /*#__PURE__*/ _jsxs(Col, {\n                                flex: \"1 1 456px\",\n                                children: [\n                                    /*#__PURE__*/ _jsx(\"div\", {\n                                        className: \"thumb-image\",\n                                        style: {\n                                            backgroundImage: \"url(\".concat(item.thumb_img, \")\")\n                                        }\n                                    }),\n                                    /*#__PURE__*/ _jsx(\"span\", {\n                                        children: item.product_title\n                                    })\n                                ]\n                            }),\n                            /*#__PURE__*/ _jsx(Col, {\n                                flex: \"1 1 55px\",\n                                children: dayjs(item.created_at).format(\"YY.MM.DD\")\n                            }),\n                            /*#__PURE__*/ _jsx(Col, {\n                                flex: \"1 1 190px\",\n                                children: item.uci_code\n                            }),\n                            /*#__PURE__*/ _jsxs(Col, {\n                                flex: \"1 1 120px\",\n                                children: [\n                                    /*#__PURE__*/ _jsx(\"div\", {\n                                        children: item.total_quiz\n                                    }),\n                                    /*#__PURE__*/ _jsx(\"button\", {\n                                        onClick: ()=>onClick(item.uci_code),\n                                        children: \"자세히 보기\"\n                                    })\n                                ]\n                            })\n                        ]\n                    });\n                }),\n                /*#__PURE__*/ _jsx(GenericPanelWithModal, {\n                    open: modalOpen,\n                    width: 600,\n                    okButtonProps: {\n                        style: {\n                            display: \"none\"\n                        }\n                    },\n                    onClose: ()=>setModalOpen(false),\n                    children: /*#__PURE__*/ _jsx(UciProblemTable, {\n                        itemList: quizListData\n                    })\n                })\n            ]\n        })\n    });\n};\nexport const UciProblemTable = (param)=>{\n    let { itemList  } = param;\n    return /*#__PURE__*/ _jsxs(ProblemTableWrapper, {\n        children: [\n            /*#__PURE__*/ _jsxs(\"h5\", {\n                children: [\n                    \"총 \",\n                    itemList.length,\n                    \" 문제\"\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(ListHeader, {\n                children: [\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        children: \"문제 번호\"\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        children: \"문제별 UCI 코드\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(ListWrapper, {\n                children: itemList.map((item, index)=>{\n                    const paddedIndex = String(index + 1).padStart(3, \"0\");\n                    return /*#__PURE__*/ _jsxs(\"div\", {\n                        children: [\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                children: paddedIndex\n                            }),\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                children: item.uci_code\n                            })\n                        ]\n                    }, \"quiz-\".concat(index));\n                })\n            })\n        ]\n    });\n};\nconst ScrollArea = styled.div.withConfig({\n    componentId: \"sc-faa92566-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.gray350);\nconst TableWrapper = styled.div.withConfig({\n    componentId: \"sc-faa92566-1\"\n})(_templateObject1());\nconst UciTableRow = styled(Row).withConfig({\n    componentId: \"sc-faa92566-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.bg.blue, (props)=>props.theme.new.colors.gray100);\nconst UciTableItemRow = styled(Row).withConfig({\n    componentId: \"sc-faa92566-3\"\n})(_templateObject3(), themeGet(\"border.0\"), (props)=>props.theme.new.colors.gray300, (props)=>props.theme.new.colors.gray300, (props)=>props.theme.new.colors.gray600);\nconst ProblemTableWrapper = styled.div.withConfig({\n    componentId: \"sc-faa92566-4\"\n})(_templateObject4());\nconst ListHeader = styled.div.withConfig({\n    componentId: \"sc-faa92566-5\"\n})(_templateObject5(), (props)=>props.theme.new.colors.bg.blue, (props)=>props.theme.new.colors.gray100, (props)=>props.theme.new.colors.gray100);\nconst ListWrapper = styled.div.withConfig({\n    componentId: \"sc-faa92566-6\"\n})(_templateObject6(), (props)=>props.theme.new.colors.gray200);\nconst ListCount = styled.div.withConfig({\n    componentId: \"sc-faa92566-7\"\n})(_templateObject7(), (props)=>props.theme.new.colors.primary);\n"],"names":[],"sourceRoot":""}