{"version":3,"file":"static/chunks/3987-5cc18927df653607.js","mappings":"AACA","sources":["webpack://_N_E/./src/hooks/useAlternativeClickForLink.ts","webpack://_N_E/./src/components/Class/ClassCard.tsx","webpack://_N_E/./src/components/Class/ClassWithSelected.tsx","webpack://_N_E/./src/components/GenericPanel.tsx","webpack://_N_E/./src/components/Library/useCheckLog.ts","webpack://_N_E/./src/components/TextBreak.tsx","webpack://_N_E/./src/components/common/ShadowScrollContainer.tsx","webpack://_N_E/./src/hooks/useDialog.ts","webpack://_N_E/./src/components/Library/DownloadDialog.tsx","webpack://_N_E/./src/modules/mypages/libraries/useOpenViewer.ts","webpack://_N_E/./src/modules/mypages/libraries/components/LibraryList.tsx","webpack://_N_E/./src/modules/mypages/libraries/stores/library.store.ts","webpack://_N_E/<anon>"],"sourcesContent":["import { useCallback } from \"react\";\nconst useAlternativeClickForLink = (onClick)=>{\n    return useCallback((e)=>{\n        if (onClick) {\n            e.preventDefault();\n            onClick(e);\n        }\n    }, [\n        onClick\n    ]);\n};\nexport default useAlternativeClickForLink;\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  height: auto;\\n  padding: 0;\\n\\n  &[disabled] {\\n    cursor: default;\\n  }\\n  &.ant-btn-text:hover {\\n    background-color: transparent;\\n  }\\n\\n  dl {\\n    margin-top: 12px;\\n    text-align: left;\\n  }\\n  dl,\\n  dd {\\n    margin-bottom: 0;\\n  }\\n\\n  dt {\\n    width: 100%;\\n    overflow: hidden;\\n    text-overflow: ellipsis;\\n    white-space: nowrap;\\n  }\\n  dd {\\n    white-space: normal;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  position: relative;\\n\\n  i {\\n    display: block;\\n  }\\n  svg {\\n    width: 100%;\\n    height: auto;\\n    border-radius: 10px;\\n  }\\n  h6 {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    margin-bottom: 0;\\n    position: absolute;\\n    top: 10px;\\n    left: 16px;\\n    right: 16px;\\n    bottom: 0;\\n\\n    color: \",\n        \";\\n    font-size: 24px;\\n    font-weight: 700;\\n    line-height: 32px;\\n\\n    text-align: center;\\n    white-space: normal;\\n    word-break: break-all;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ClassChalkboard } from \"@/components/icon/IconList\";\nimport useAlternativeClickForLink from \"@/hooks/useAlternativeClickForLink\";\nimport { CLASS_INDEX_PAGE } from \"@/settings/constant\";\nimport { Button } from \"antd\";\nimport Link from \"next/link\";\nimport { useMemo } from \"react\";\nimport { getClassSourceTypeName } from \"src/api/class\";\nimport styled from \"styled-components\";\nconst ClassCardButton = styled(Button).withConfig({\n    componentId: \"sc-5057761f-0\"\n})(_templateObject());\nexport const ClassCardImageContainer = styled.div.withConfig({\n    componentId: \"sc-5057761f-1\"\n})(_templateObject1(), (props)=>props.theme.new.colors.white);\nconst ClassCardInner = (param)=>{\n    let { name , useBookCount , disabled  } = param;\n    const counts = useMemo(()=>useBookCount.reduce((acc, param)=>{\n            let { sourceType , count  } = param;\n            const num = Number.parseInt(\"\".concat(count), 10);\n            let st = sourceType;\n            if (st === \"textbook\") {\n                st = \"workbook\";\n            }\n            const index = acc.findIndex((param)=>{\n                let { sourceType  } = param;\n                return sourceType === st;\n            });\n            if (index > -1) {\n                acc[index].count = num + acc[index].count;\n            } else {\n                acc.push({\n                    sourceType: st,\n                    count: num\n                });\n            }\n            return acc;\n        }, []).filter((param)=>{\n            let { sourceType  } = param;\n            return sourceType !== \"textbook\";\n        }).map((param)=>{\n            let { sourceType , count  } = param;\n            return \"\".concat(getClassSourceTypeName(sourceType), \" \").concat(count, \"개\");\n        }).join(\", \"), [\n        useBookCount\n    ]);\n    return /*#__PURE__*/ _jsxs(ClassCardButton, {\n        type: \"text\",\n        disabled: disabled,\n        children: [\n            /*#__PURE__*/ _jsxs(ClassCardImageContainer, {\n                children: [\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: ClassChalkboard\n                    }),\n                    /*#__PURE__*/ _jsx(\"h6\", {\n                        children: name\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(\"dl\", {\n                children: [\n                    /*#__PURE__*/ _jsx(\"dt\", {\n                        children: name\n                    }),\n                    /*#__PURE__*/ _jsx(\"dd\", {\n                        children: counts\n                    })\n                ]\n            })\n        ]\n    });\n};\nconst ClassCard = (param)=>{\n    let { onClick , ...classProps } = param;\n    const handleClick = useAlternativeClickForLink(onClick);\n    return !classProps.disabled ? /*#__PURE__*/ _jsx(Link, {\n        href: \"\".concat(CLASS_INDEX_PAGE, \"/\").concat(classProps.id),\n        onClick: handleClick,\n        children: /*#__PURE__*/ _jsx(ClassCardInner, {\n            ...classProps\n        })\n    }) : /*#__PURE__*/ _jsx(ClassCardInner, {\n        ...classProps\n    });\n};\nexport default ClassCard;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n\\n  margin-top: 20px;\\n  padding: 20px 20px 20px 40px;\\n  background-color: \",\n        \";\\n  border-radius: 8px;\\n  box-shadow: 6px 6px 20px 0px rgba(28, 31, 46, 0.12);\\n\\n  position: sticky;\\n  bottom: 60px;\\n  z-index: 3;\\n\\n  transition: 0.2s opacity;\\n  opacity: \",\n        \";\\n  \",\n        \"\\n\\n  button {\\n    padding: 9px 16px;\\n    gap: 4px;\\n\\n    font-size: 14px;\\n    font-weight: 600;\\n    line-height: 22px;\\n    letter-spacing: -0.14px;\\n  }\\n  svg {\\n    width: 18px;\\n    height: 18px;\\n  }\\n\\n  @media (max-width: 768px) {\\n    flex-direction: column;\\n    gap: 16px;\\n    padding-left: 20px;\\n\\n    bottom: 24px;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  gap: 8px;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  flex-grow: 1;\\n\\n  color: \",\n        \";\\n  font-size: 16px;\\n  font-weight: 400;\\n  line-height: 24px;\\n  letter-spacing: -0.16px;\\n\\n  strong {\\n    margin-right: 4px;\\n    color: \",\n        \";\\n    font-weight: 600;\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  max-height: 50vh;\\n  margin: 8px -5px 0;\\n  flex-grow: 1;\\n\\n  & > div > div {\\n    overflow-x: hidden;\\n  }\\n\\n  @media (max-width: 768px) {\\n  }\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { useLibrarySubject } from \"@/modules/mypages/libraries/components\";\nimport useLibraryStore from \"@/modules/mypages/libraries/stores/library.store\";\nimport { useMutation, useQuery } from \"@tanstack/react-query\";\nimport { Col, Row, message } from \"antd\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { fetchClassUseBooks, fetchClasses, patchClassUseBooks } from \"src/api/class\";\nimport useClassStore from \"src/store/class\";\nimport styled from \"styled-components\";\nimport { ModalTitle, StyledModal } from \".\";\nimport FilledButton from \"../common/Button/FilledButton\";\nimport ShadowScrollContainer from \"../common/ShadowScrollContainer\";\nimport Icon from \"../icon/Icon\";\nimport { Plus1_5 } from \"../icon/IconList\";\nimport ClassCard from \"./ClassCard\";\nexport const ClassSelectedContainer = styled.form.withConfig({\n    componentId: \"sc-3ab30749-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.white, (props)=>props.visible ? 1 : 0, (props)=>props.visible ? \"\" : \"pointer-events: none;\");\nexport const ClassSelectedActionsContainer = styled.div.withConfig({\n    componentId: \"sc-3ab30749-1\"\n})(_templateObject1());\nexport const ClassSelectedTypography = styled.p.withConfig({\n    componentId: \"sc-3ab30749-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_900, (props)=>props.theme.new.colors.sol_indigo_500);\nconst getClassesDefaultParams = (params)=>({\n        offset: 0,\n        limit: 9999999,\n        ...params\n    });\nconst ClassWithSelected = ()=>{\n    const list = useLibraryStore((state)=>state.list);\n    const selected = useClassStore((state)=>state.selected);\n    const { openNewClass , setSelected  } = useClassStore((param)=>{\n        let { openNewClass , setSelected  } = param;\n        return {\n            openNewClass,\n            setSelected\n        };\n    });\n    const subject = useLibrarySubject();\n    const classesMutation = useMutation(fetchClasses);\n    const { count  } = useMemo(()=>{\n        return {\n            count: Object.keys(selected).length\n        };\n    }, [\n        selected\n    ]);\n    const cancel = useCallback(()=>{\n        setSelected({});\n    }, [\n        setSelected\n    ]);\n    const [open, setOpen] = useState(false);\n    const submit = useCallback(async (e)=>{\n        e.preventDefault();\n        const { data  } = await classesMutation.mutateAsync(getClassesDefaultParams({\n            subject\n        }));\n        if (data.length) {\n            setOpen(true);\n        } else {\n            openNewClass(true);\n        }\n    }, [\n        classesMutation,\n        subject,\n        openNewClass\n    ]);\n    return !!list && list.length ? /*#__PURE__*/ _jsxs(ClassSelectedContainer, {\n        visible: count > 0,\n        onSubmit: submit,\n        children: [\n            /*#__PURE__*/ _jsxs(ClassSelectedTypography, {\n                children: [\n                    /*#__PURE__*/ _jsxs(\"strong\", {\n                        children: [\n                            count,\n                            \"개의 수업자료\"\n                        ]\n                    }),\n                    \"를 선택하셨습니다.\"\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(ClassSelectedActionsContainer, {\n                children: [\n                    /*#__PURE__*/ _jsx(FilledButton, {\n                        type: \"text\",\n                        variant: \"soft\",\n                        onClick: cancel,\n                        children: \"선택 취소\"\n                    }),\n                    /*#__PURE__*/ _jsxs(FilledButton, {\n                        type: \"text\",\n                        variant: \"solid\",\n                        htmlType: \"submit\",\n                        children: [\n                            /*#__PURE__*/ _jsx(Icon, {\n                                icon: Plus1_5\n                            }),\n                            \"내 클래스에 추가\"\n                        ]\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(SelectingClass, {\n                open: open,\n                setOpen: setOpen\n            })\n        ]\n    }) : null;\n};\nexport default ClassWithSelected;\nexport const useClassSelected = (param)=>{\n    let { checkTarget  } = param;\n    const selected = useClassStore((state)=>state.selected);\n    const { setSelected  } = useClassStore((param)=>{\n        let { setSelected  } = param;\n        return {\n            setSelected\n        };\n    });\n    const ref = useRef({\n        countOfSelected: 0\n    });\n    useEffect(()=>{\n        ref.current.countOfSelected = Object.keys(selected).length;\n    }, [\n        selected\n    ]);\n    useEffect(()=>{\n        if (ref.current.countOfSelected) {\n            setSelected({});\n            message.info(\"선택한 내역이 취소되었습니다.\");\n        }\n    }, [\n        checkTarget,\n        setSelected\n    ]);\n};\nconst ClassesContainer = styled.section.withConfig({\n    componentId: \"sc-3ab30749-3\"\n})(_templateObject3());\nconst SelectingClass = (param)=>{\n    let { open , setOpen  } = param;\n    const { width  } = useWindowDimensions();\n    const isMobile = useMemo(()=>width < 769, [\n        width\n    ]);\n    const subject = useLibrarySubject();\n    const { data , isFetched  } = useQuery([\n        \"myClasses\",\n        subject\n    ], ()=>fetchClasses(getClassesDefaultParams({\n            subject\n        })), {\n        enabled: open && !!subject\n    });\n    const classUseBooksGetMutation = useMutation(fetchClassUseBooks);\n    const classUseBooksPatchMutation = useMutation(patchClassUseBooks);\n    const selected = useClassStore((state)=>state.selected);\n    const { setSelected  } = useClassStore((param)=>{\n        let { setSelected  } = param;\n        return {\n            setSelected\n        };\n    });\n    const handleClick = useCallback((classId)=>async (e)=>{\n            e.preventDefault();\n            const useBooks = await classUseBooksGetMutation.mutateAsync({\n                id: classId,\n                searchType: \"handout\"\n            });\n            const choices = [];\n            for (const [k, v] of Object.entries(selected)){\n                if (!useBooks.find((useBook)=>useBook.sourceId === k)) {\n                    choices.push({\n                        sourceId: k,\n                        sourceType: v\n                    });\n                }\n            }\n            if (!choices.length) {\n                alert(\"선택하신 수업자료가 이미 해당 클래스에 모두 담겨있습니다.\");\n                return;\n            }\n            await classUseBooksPatchMutation.mutateAsync({\n                id: classId,\n                choices\n            });\n            setOpen(false);\n            message.info(\"클래스에 추가됐어요.\");\n            setSelected({});\n        }, [\n        classUseBooksGetMutation,\n        classUseBooksPatchMutation,\n        setOpen,\n        selected,\n        setSelected\n    ]);\n    return /*#__PURE__*/ _jsxs(StyledModal, {\n        open: open,\n        closable: !isMobile,\n        onCancel: ()=>setOpen(false),\n        okButtonProps: {\n            style: {\n                display: \"none\"\n            }\n        },\n        cancelButtonProps: {\n            style: {\n                display: \"none\"\n            }\n        },\n        children: [\n            /*#__PURE__*/ _jsxs(ModalTitle, {\n                children: [\n                    /*#__PURE__*/ _jsx(\"strong\", {\n                        children: \"클래스\"\n                    }),\n                    \"를 선택해주세요.\"\n                ]\n            }),\n            /*#__PURE__*/ _jsx(ClassesContainer, {\n                isMobile: isMobile,\n                children: /*#__PURE__*/ _jsx(ShadowScrollContainer, {\n                    children: /*#__PURE__*/ _jsx(Row, {\n                        gutter: [\n                            12,\n                            20\n                        ],\n                        children: isFetched && data.data.map((param)=>/*#__PURE__*/ {\n                            let { id , useBookCount , name  } = param;\n                            return _jsx(Col, {\n                                span: isMobile ? 12 : 8,\n                                children: /*#__PURE__*/ _jsx(ClassCard, {\n                                    name: name,\n                                    id: id,\n                                    useBookCount: useBookCount,\n                                    onClick: handleClick(id)\n                                })\n                            }, id);\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      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 { useMutation, useQuery } from \"@tanstack/react-query\";\nimport { useState } from \"react\";\nimport { getLibraryFirstOpen, postOpenCheckLibrary } from \"src/api/library\";\nconst useCheckViewerLog = (param)=>{\n    let { checkId , enabledVal =null  } = param;\n    const [viewType, setViewType] = useState(\"view\");\n    // 다운로드 최초 오픈 여부 확인\n    const { data: getOpenViewer  } = useQuery([\n        \"isFirstOpen\",\n        checkId,\n        viewType\n    ], ()=>getLibraryFirstOpen({\n            licenseId: checkId\n        }), {\n        enabled: enabledVal !== null ? enabledVal && !!checkId : !!checkId\n    });\n    const stackingOpenLogMutation = useMutation(postOpenCheckLibrary);\n    const handleViewComplete = async ()=>{\n        await stackingOpenLogMutation.mutateAsync({\n            licenseId: checkId,\n            actionType: viewType\n        });\n    };\n    return {\n        getOpenViewer,\n        stackingOpenLogMutation,\n        handleViewComplete,\n        setViewType\n    };\n};\nexport default useCheckViewerLog;\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 { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  height: 100%;\\n  overflow: hidden;\\n  position: relative;\\n\\n  &:before,\\n  &:after {\\n    content: '';\\n    width: 100%;\\n    height: 20px;\\n    position: absolute;\\n    left: 0;\\n    transition: 0.2s opacity;\\n    pointer-events: none;\\n  }\\n  &:before {\\n    top: 0;\\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), transparent);\\n    opacity: \",\n        \";\\n    z-index: 1;\\n  }\\n  &:after {\\n    bottom: 0;\\n    background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), transparent);\\n    opacity: \",\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  overflow-y: auto;\\n  height: 100%;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useScroll } from \"framer-motion\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport styled from \"styled-components\";\nimport { useDebouncedCallback } from \"use-debounce\";\nconst ShadowWrapper = styled.div.withConfig({\n    componentId: \"sc-de31467c-0\"\n})(_templateObject(), (props)=>props.opacityTop, (props)=>props.opacityBottom);\nconst ShadowScroller = styled.div.withConfig({\n    componentId: \"sc-de31467c-1\"\n})(_templateObject1());\nconst ShadowScrollContainer = (param)=>{\n    let { children  } = param;\n    const wrapperShadowRef = useRef();\n    const { scrollYProgress  } = useScroll({\n        container: wrapperShadowRef\n    });\n    const [transparencies, setTransparencies] = useState({\n        opacityTop: 0,\n        opacityBottom: 0\n    });\n    const setup = useCallback((progress)=>{\n        const { current: wrapperShadow  } = wrapperShadowRef;\n        let newValues = {\n            opacityTop: 0,\n            opacityBottom: 0\n        };\n        if (wrapperShadow && wrapperShadow.offsetHeight < wrapperShadow.scrollHeight) {\n            newValues.opacityTop = progress === 0 ? 0 : 1;\n            newValues.opacityBottom = progress === 1 ? 0 : 1;\n        // newValues.opacityLeft = progress\n        // newValues.opacityRight = 1 - progress\n        }\n        // console.log(\n        // \twrapperShadow.offsetHeight,\n        // \twrapperShadow.scrollHeight,\n        // \tnewValues.opacityLeft,\n        // \tnewValues.opacityRight,\n        // )\n        setTransparencies(newValues);\n    }, []);\n    const debouncedSetup = useDebouncedCallback(setup, 50);\n    useEffect(()=>{\n        function handleChange() {\n            setup(scrollYProgress.get());\n        }\n        const unsubscribe = scrollYProgress.on(\"change\", handleChange);\n        handleChange();\n        return ()=>{\n            unsubscribe();\n        };\n    }, [\n        setup\n    ]);\n    return /*#__PURE__*/ _jsx(ShadowWrapper, {\n        ...transparencies,\n        children: /*#__PURE__*/ _jsx(ShadowScroller, {\n            ref: wrapperShadowRef,\n            children: children\n        })\n    });\n};\nexport default ShadowScrollContainer;\n","import { useCallback, useEffect, useState } from \"react\";\nconst useDialog = (defaultValues)=>{\n    const [isOpen, setIsOpen] = useState(false);\n    const DEFAULT_DIALOG_PROPS = {\n        onClose: ()=>setIsOpen(false),\n        open: isOpen\n    };\n    const [dialogProps, setDialogProps] = useState({\n        ...DEFAULT_DIALOG_PROPS,\n        ...defaultValues\n    });\n    useEffect(()=>{\n        setDialogProps((prev)=>({\n                ...prev,\n                open: isOpen\n            }));\n    }, [\n        isOpen\n    ]);\n    const close = ()=>{\n        setIsOpen(false);\n    };\n    const onOk = async ()=>{\n        try {\n            var _dialogProps_onOk;\n            await ((_dialogProps_onOk = dialogProps.onOk) === null || _dialogProps_onOk === void 0 ? void 0 : _dialogProps_onOk.call(dialogProps));\n        } catch (error) {\n            ;\n        } finally{\n            close();\n        }\n    };\n    const onCancel = async ()=>{\n        try {\n            var _dialogProps_onCancel;\n            await ((_dialogProps_onCancel = dialogProps.onCancel) === null || _dialogProps_onCancel === void 0 ? void 0 : _dialogProps_onCancel.call(dialogProps));\n        } catch (error) {\n            ;\n        } finally{\n            close();\n        }\n    };\n    const modifyDialog = useCallback((modifyProps)=>{\n        setDialogProps({\n            ...DEFAULT_DIALOG_PROPS,\n            ...modifyProps\n        });\n    }, []);\n    const open = useCallback((updateData)=>{\n        updateData && modifyDialog(updateData);\n        setIsOpen(true);\n    }, [\n        modifyDialog\n    ]);\n    return {\n        open,\n        close,\n        modifyDialog,\n        isOpen,\n        dialogProps: {\n            ...dialogProps,\n            onOk,\n            onCancel\n        }\n    };\n};\nexport default useDialog;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { Button, Checkbox, ConfirmDialog, TextField } from \"@bookips/solvook-ui-library\";\nimport { Box, Typography, styled } from \"@mui/material\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport Image from \"next/image\";\nimport { useState } from \"react\";\nimport { getLibraryDownloadUrl } from \"src/api/library\";\nconst MAX_LOGO_TEXT_LENGTH = 20;\nconst DownloadDialog = (param)=>{\n    let { isOpen , close , selectedData , onDownloadComplete , getOpenViewer  } = param;\n    const [checked, setChecked] = useState(false);\n    const [logoText, setText] = useState(\"\");\n    const [enabled, setEnabled] = useState(false);\n    //다운로드 링크 조회\n    useQuery([\n        \"getDownloadUrl\",\n        selectedData.id\n    ], async ()=>{\n        const result = await getLibraryDownloadUrl({\n            id: selectedData.id,\n            logo: logoText\n        });\n        const response = await fetch(result.url);\n        if (!response.ok) {\n            onDownloadComplete(false);\n            return;\n        }\n        const blob = await response.blob();\n        const blobUrl = URL.createObjectURL(blob);\n        const link = document.createElement(\"a\");\n        link.href = blobUrl;\n        link.download = \"\".concat(selectedData.title, \".pdf\") // 파일명 지정\n        ;\n        link.style.display = \"none\" // 화면에 표시되지 않도록 설정\n        ;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n        URL.revokeObjectURL(blobUrl);\n        onDownloadComplete(true);\n        return null;\n    }, {\n        enabled: enabled,\n        refetchOnWindowFocus: false\n    });\n    const handleDownloadClick = ()=>{\n        setEnabled(true);\n    };\n    return /*#__PURE__*/ _jsx(ConfirmDialog, {\n        severity: \"success\",\n        open: isOpen,\n        title: /*#__PURE__*/ _jsx(Typography, {\n            variant: \"h6\",\n            children: \"PDF 파일을 다운로드 할까요? \"\n        }),\n        content: /*#__PURE__*/ _jsx(_Fragment, {\n            children: (getOpenViewer === null || getOpenViewer === void 0 ? void 0 : getOpenViewer.isFirstUse) && /*#__PURE__*/ _jsx(Typography, {\n                variant: \"body1\",\n                children: \"다운로드 후에는 자료를 환불 및 교환할 수 없어요.\"\n            })\n        }),\n        subContent: /*#__PURE__*/ _jsx(_Fragment, {\n            children: selectedData.canEmbedLogo && /*#__PURE__*/ _jsxs(LogoBox, {\n                children: [\n                    /*#__PURE__*/ _jsx(Checkbox, {\n                        label: \"학원 이름 넣기\",\n                        checked: checked,\n                        onChange: ()=>{\n                            setChecked((state)=>!state);\n                            if (checked) {\n                                //mx-9\n                                mixpanelEvent(\"Popup Button Clicked\", {\n                                    \"Popup Type\": \"PDF Download\",\n                                    \"Popup Title\": \"PDF 파일을 다운로드 할까요? \",\n                                    \"Button Name\": \"학원 이름 넣기\",\n                                    \"Button URL\": \"null\"\n                                });\n                            }\n                        }\n                    }),\n                    checked && /*#__PURE__*/ _jsxs(_Fragment, {\n                        children: [\n                            /*#__PURE__*/ _jsxs(Box, {\n                                sx: (theme)=>({\n                                        display: \"flex\",\n                                        gap: \"16px\",\n                                        [theme.breakpoints.down(\"md\")]: {\n                                            flexDirection: \"column\",\n                                            alignItems: \"center\",\n                                            gap: \"8px\"\n                                        }\n                                    }),\n                                children: [\n                                    /*#__PURE__*/ _jsxs(Typography, {\n                                        variant: \"body1\",\n                                        color: \"text.primary\",\n                                        children: [\n                                            /*#__PURE__*/ _jsx(\"span\", {\n                                                children: \"자료의 모든 페이지 우측 상단\"\n                                            }),\n                                            \"에 학원 이름을 넣을 수 있어요.\"\n                                        ]\n                                    }),\n                                    /*#__PURE__*/ _jsx(Image, {\n                                        src: \"/static/images/name-chip-logo.png\",\n                                        width: 114,\n                                        height: 160,\n                                        alt: \"학원 로고 위치 안내 이미지\"\n                                    })\n                                ]\n                            }),\n                            /*#__PURE__*/ _jsxs(Box, {\n                                children: [\n                                    /*#__PURE__*/ _jsx(TextField, {\n                                        label: \"학원이름\",\n                                        type: \"text\",\n                                        value: logoText,\n                                        onChange: (e)=>setText(e.target.value),\n                                        placeholder: \"20자 이내로 입력해주세요.\",\n                                        inputProps: {\n                                            maxLength: MAX_LOGO_TEXT_LENGTH\n                                        },\n                                        sx: {\n                                            width: \"100%\"\n                                        }\n                                    }),\n                                    /*#__PURE__*/ _jsx(Typography, {\n                                        variant: \"body1\",\n                                        sx: {\n                                            textAlign: \"right\"\n                                        },\n                                        children: \"\".concat(logoText.length || 0, \"/\").concat(MAX_LOGO_TEXT_LENGTH)\n                                    })\n                                ]\n                            })\n                        ]\n                    })\n                ]\n            })\n        }),\n        footer: /*#__PURE__*/ _jsxs(FooterStack, {\n            children: [\n                /*#__PURE__*/ _jsx(Button, {\n                    variant: \"filledSecondary\",\n                    sx: {\n                        padding: \"12px 20px\"\n                    },\n                    onClick: ()=>{\n                        close();\n                    },\n                    size: \"large\",\n                    children: \"취소\"\n                }),\n                /*#__PURE__*/ _jsx(Button, {\n                    variant: \"filledPrimary\",\n                    onClick: ()=>{\n                        handleDownloadClick();\n                        //mx-224\n                        mixpanelEvent(\"PDF Download Button Clicked\", {\n                            \"Button Name\": \"다운로드\",\n                            \"Logo Included\": checked,\n                            \"Logo Text\": logoText\n                        });\n                    },\n                    size: \"large\",\n                    children: \"다운로드\"\n                })\n            ]\n        }),\n        onClose: close\n    });\n};\nconst LogoBox = styled(Box)((param)=>{\n    let { theme  } = param;\n    return {\n        backgroundColor: theme.palette.grey[0],\n        padding: \"16px 20px\",\n        borderRadius: 6,\n        span: {\n            color: theme.palette.text.primary\n        }\n    };\n});\nconst FooterStack = styled(Box)((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        display: \"flex\",\n        justifyContent: \"flex-end\",\n        gap: theme.spacing(1),\n        [theme.breakpoints.down(\"md\")]: {\n            button: {}\n        },\n        [theme.breakpoints.down(\"sm\")]: {\n            button: {\n                width: \"100%\"\n            }\n        }\n    };\n});\nexport default DownloadDialog;\n","import { useMutation } from \"@tanstack/react-query\";\nimport { Modal } from \"antd\";\nimport { isAxiosError } from \"axios\";\nimport { useMemo, useState } from \"react\";\nimport { fetchLibraryLicense } from \"src/api/library\";\nimport { isInWebview } from \"src/utils/misc\";\nexport const useOpenViewer = (param)=>{\n    let { subItem_id , sub_items , id , membership_id , studio_version  } = param;\n    const [isOpenConfirmViewerModal, setIsOpenConfirmViewerModal] = useState(false);\n    const closeConfirmModal = ()=>{\n        setIsOpenConfirmViewerModal(false);\n    };\n    const isSubItem = useMemo(()=>{\n        return !!subItem_id;\n    }, [\n        subItem_id\n    ]);\n    const openViewer = async (popup)=>{\n        if (!popup) {\n            popup = getPopup();\n        }\n        const searchParams = new URLSearchParams();\n        let resultPath = \"/viewer/\".concat(id);\n        if (isSubItem && subItem_id) {\n            searchParams.set(\"sub_item_id\", subItem_id);\n        }\n        //출력 크레딧 차감\n        if (membership_id) {\n            searchParams.set(\"membership_id\", membership_id);\n        }\n        if (!!studio_version) {\n            searchParams.set(\"studio_version\", studio_version);\n        }\n        popup.location.href = resultPath.concat(...Array.from(searchParams).length ? [\n            \"?\",\n            searchParams.toString()\n        ] : []);\n    };\n    const libraryLicenseMutation = useMutation(fetchLibraryLicense);\n    const checkOpenViewer = async ()=>{\n        const popup = getPopup();\n        try {\n            const response = await libraryLicenseMutation.mutateAsync({\n                id: \"\".concat(id)\n            });\n            // 최초열기\n            if (response.canOpen) {\n                if (response.showCreditPopUp) {\n                    // 권한이 있으면 열기\n                    setIsOpenConfirmViewerModal(true);\n                    popup.close();\n                } else {\n                    await openViewer(popup);\n                //일반 자료\n                }\n            }\n        } catch (e) {\n            var _e_response;\n            if (isAxiosError(e) && ((_e_response = e.response) === null || _e_response === void 0 ? void 0 : _e_response.status) === 403) {\n                await openViewer(popup);\n            } else {\n                popup.close();\n                Modal.error({\n                    title: \"서버 에러\",\n                    content: e.message\n                });\n            }\n        }\n    };\n    //그래도 열래요.\n    const viewerOpenConfirmed = async ()=>{\n        closeConfirmModal();\n        // await subtractCredit()\n        await openViewer();\n    };\n    return {\n        isOpenConfirmViewerModal,\n        closeConfirmModal,\n        checkOpenViewer,\n        viewerOpenConfirmed\n    };\n};\nconst getPopup = ()=>isInWebview() ? document : window.open(\"about:blank\", \"_blank\");\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  dt {\\n    width: 100%; //calc(100% - \",\n        \"px);\\n    color: \",\n        \";\\n    font-weight: 400;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  border-radius: 8px;\\n\\n  :not(:last-of-type) {\\n    margin-bottom: 4px;\\n  }\\n\\n  &:hover:not(:has(.library-list-item-link)),\\n  &.active {\\n    background-color: \",\n        \";\\n  }\\n\\n  &:hover:not(:has(.library-list-item-link)) {\\n    .image-container i,\\n    .mask {\\n      opacity: 0.9;\\n    }\\n  }\\n\\n  @media (max-width: 768px) {\\n    margin-bottom: 8px;\\n    padding: 16px 0 16px;\\n    border-bottom: 1px solid \",\n        \";\\n    border-radius: 0;\\n  }\\n\\n  & > a,\\n  .library-list-item-link {\\n    display: flex;\\n    align-items: center;\\n    gap: \",\n        \"px;\\n    width: calc(100% - \",\n        \"px);\\n\\n    @media (max-width: 768px) {\\n      align-items: flex-start;\\n    }\\n\\n    .image-container {\\n      position: relative;\\n\\n      > img {\\n        width: \",\n        \"px;\\n        height: 64px;\\n        border: 1px solid \",\n        \";\\n        object-fit: contain;\\n      }\\n\\n      i {\\n        position: absolute;\\n        left: 50%;\\n        top: 50%;\\n        color: \",\n        \";\\n        transform: translate(-50%, -50%);\\n        opacity: 0;\\n        transition: 0.2s opacity;\\n        pointer-events: none;\\n\\n        svg {\\n          width: 30px;\\n          height: 30px;\\n        }\\n      }\\n    }\\n  }\\n\\n  .mask {\\n    position: absolute;\\n    top: 1px;\\n    left: 1px;\\n    right: 1px;\\n    bottom: 1px;\\n    background-color: \",\n        \";\\n    opacity: 0;\\n    transition: 0.2s opacity;\\n  }\\n\\n  .checkbox {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    width: \",\n        \"px;\\n    padding-left: \",\n        \"px;\\n    padding-right: 12px;\\n\\n    // transition: 0.2s opacity;\\n    // opacity: 0;\\n    // pointer-events: none;\\n  }\\n\\n  &:hover,\\n  &:has(.ant-checkbox-checked) {\\n    .checkbox {\\n      // opacity: 1;\\n      // pointer-events: auto;\\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    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  align-items: center;\\n  gap: \",\n        \"px;\\n  width: calc(100% - \",\n        \"px);\\n  margin-bottom: 0;\\n\\n  color: \",\n        \";\\n  font-size: 16px;\\n  line-height: 1.5;\\n  letter-spacing: -0.16px;\\n\\n  > * {\\n    margin-bottom: 0;\\n    overflow: hidden;\\n    text-overflow: ellipsis;\\n    white-space: nowrap;\\n  }\\n\\n  .\",\n        \" {\\n    width: \",\n        \"px;\\n    \",\n        \"\\n    flex-shrink: 0;\\n  }\\n\\n  .\",\n        \" {\\n    width: \",\n        \"px;\\n  }\\n\\n  .\",\n        \" {\\n    width: \",\n        \"px;\\n    \",\n        \"\\n  }\\n\\n  .\",\n        \" {\\n    width: \",\n        \"px;\\n    display: flex;\\n    gap: 8px;\\n    padding-right: 16px;\\n    justify-content: flex-end;\\n    flex-shrink: 0;\\n\\n    > .ant-btn {\\n      flex-shrink: 0;\\n      padding: 5px 11px;\\n      color: \",\n        \";\\n\\n      i {\\n        margin-right: 4px;\\n      }\\n    }\\n  }\\n\\n  .\",\n        \" {\\n    width: \",\n        \"px;\\n    font-size: 14px;\\n  }\\n\\n  .\",\n        \" {\\n    width: \",\n        \"px;\\n    font-size: 14px;\\n    display: flex;\\n    gap: 8px;\\n  }\\n  @media (max-width: 1200px) {\\n    .author {\\n      display: none;\\n    }\\n  }\\n  @media (max-width: 768px) {\\n    flex-direction: column;\\n    align-items: stretch;\\n    gap: 0;\\n\\n    > * {\\n      width: 100% !important;\\n    }\\n\\n    .base-source,\\n    .unit {\\n      display: none;\\n    }\\n\\n    .data-types {\\n      margin-top: 8px;\\n      padding-right: 0;\\n    }\\n    .author {\\n      display: inline;\\n    }\\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: inline-block;\\n  height: auto;\\n  padding: 1px 7px;\\n  background-color: \",\n        \";\\n  border-radius: 4px;\\n  color: \",\n        \";\\n  font-size: 14px;\\n  font-weight: 400;\\n  line-height: 22px;\\n  letter-spacing: -0.14px;\\n\\n  &:not(:last-of-type) {\\n    margin-right: 4px;\\n  }\\n\\n  &.data-type-40,\\n  &.data-type-60,\\n  &.data-type-100 {\\n    background-color: \",\n        \";\\n    color: \",\n        \";\\n  }\\n\\n  &.data-type-30,\\n  &.data-type-70,\\n  &.data-type-110 {\\n    background-color: \",\n        \";\\n    color: \",\n        \";\\n  }\\n\\n  &.data-type-50,\\n  &.data-type-80 {\\n    background-color: \",\n        \";\\n    color: \",\n        \";\\n  }\\n\\n  &.data-type-120,\\n  &.data-type-90 {\\n    background-color: \",\n        \";\\n    color: \",\n        \";\\n  }\\n\"\n    ]);\n    _templateObject5 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject6() {\n    const data = _tagged_template_literal([\n        \"\\n  margin: 0;\\n  padding: 60px 40px;\\n  background-color: \",\n        \";\\n  border-radius: 10px;\\n\\n  .ant-empty-description {\\n    color: \",\n        \";\\n    font-size: 16px;\\n    font-weight: 400;\\n    line-height: 1.5;\\n    letter-spacing: -0.16px;\\n  }\\n\"\n    ]);\n    _templateObject6 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useClassSelected } from \"@/components/Class/ClassWithSelected\";\nimport useSnackbar, { defaultSnackbarProps, IconWithSnackbarMessage } from \"@/components/common/Snackbar\";\nimport { GenericPanelWithModal } from \"@/components/GenericPanel\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Download1_5px, Play, Print, Review, Sizes } from \"@/components/icon/IconList\";\nimport DownloadDialog from \"@/components/Library/DownloadDialog\";\nimport useCheckViewerLog from \"@/components/Library/useCheckLog\";\nimport { TextBreak } from \"@/components/TextBreak\";\nimport useDialog from \"@/hooks/useDialog\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { useOpenViewer } from \"@/modules/mypages/libraries/useOpenViewer\";\nimport { LIBRARIES_INDEX_PAGE, REVIEWS_NEW } from \"@/settings/constant\";\nimport { Button, Chip } from \"@bookips/solvook-ui-library\";\nimport { Snackbar, Typography } from \"@mui/material\";\nimport { Empty, Tooltip } from \"antd\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/router\";\nimport { useMemo, useState } from \"react\";\nimport { DataTypesWithString, Subjects } from \"src/api/product\";\nimport styled, { useTheme } from \"styled-components\";\nimport { useLibrarySubject } from \".\";\nimport useLibraryStore from \"../stores/library.store\";\nconst gap = 20;\nconst thumbWidth = 44;\nconst checkboxWidth = 0 // 36 + gap\n;\n// const itemActionsWidth = 232 + 16\nconst itemActionsWidth = 266 //기존 160\n;\nconst fixedCols = {\n    general: [\n        {\n            type: \"author\",\n            value: 120\n        },\n        {\n            type: \"publisher\",\n            value: 120\n        }\n    ],\n    handout: [\n        {\n            type: \"author\",\n            value: 160\n        },\n        {\n            type: \"data-types\",\n            value: itemActionsWidth\n        }\n    ],\n    handoutForEnglishOnWideResolution: [\n        {\n            type: \"author\",\n            value: 160\n        },\n        {\n            type: \"data-types\",\n            value: itemActionsWidth\n        }\n    ],\n    handoutForEnglish: [\n        {\n            type: \"author\",\n            value: 160\n        },\n        {\n            type: \"data-types\",\n            value: itemActionsWidth\n        }\n    ]\n};\nconst getFixedCols = (searchType, subject, isWide)=>fixedCols[searchType === \"handout\" ? subject === Subjects.EN ? isWide ? \"handoutForEnglishOnWideResolution\" : \"handoutForEnglish\" : \"handout\" : \"general\"];\nexport const getFixedWidth = (searchType, subject, isWide)=>{\n    const cols = getFixedCols(searchType, subject, isWide);\n    return cols.reduce((acc, cur)=>acc + cur.value, 0) + cols.length * gap;\n};\nexport const LibraryListWrapper = styled.ul.withConfig({\n    componentId: \"sc-aace925-0\"\n})(_templateObject(), (props)=>props.fixedWidth, (props)=>props.theme.new.colors.sol_gray_900);\nconst LibraryListItemWrapper = styled.li.withConfig({\n    componentId: \"sc-aace925-1\"\n})(_templateObject1(), (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_50, gap, checkboxWidth, thumbWidth, (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_gray_300, checkboxWidth, gap);\nconst ImageContainer = styled.div.withConfig({\n    componentId: \"sc-aace925-2\"\n})(_templateObject2());\nconst LibraryListItemLinkAlter = styled.div.withConfig({\n    componentId: \"sc-aace925-3\"\n})(_templateObject3());\nconst LibraryListItemContainer = styled.dl.withConfig({\n    componentId: \"sc-aace925-4\"\n})(_templateObject4(), gap, thumbWidth + gap, (props)=>props.theme.new.colors.sol_gray_500, \"author\", (props)=>{\n    var _props_fixedWidth_find;\n    return ((_props_fixedWidth_find = props.fixedWidth.find((col)=>col.type == \"author\")) === null || _props_fixedWidth_find === void 0 ? void 0 : _props_fixedWidth_find.value) || 0;\n}, (props)=>props.fixedWidth.length < 3 ? \"font-size: 14px;\" : \"\", \"base-source\", (props)=>{\n    var _props_fixedWidth_find;\n    return ((_props_fixedWidth_find = props.fixedWidth.find((col)=>col.type == \"base-source\")) === null || _props_fixedWidth_find === void 0 ? void 0 : _props_fixedWidth_find.value) || 0;\n}, \"unit\", (props)=>{\n    var _props_fixedWidth_find;\n    return ((_props_fixedWidth_find = props.fixedWidth.find((col)=>col.type == \"unit\")) === null || _props_fixedWidth_find === void 0 ? void 0 : _props_fixedWidth_find.value) || 0;\n}, (props)=>props.fixedWidth.length < 3 ? \"font-size: 14px;\" : \"\", \"data-types\", itemActionsWidth, (props)=>props.theme.new.colors.sol_gray_500, \"publisher\", (props)=>{\n    var _props_fixedWidth_find;\n    return ((_props_fixedWidth_find = props.fixedWidth.find((col)=>col.type == \"publisher\")) === null || _props_fixedWidth_find === void 0 ? void 0 : _props_fixedWidth_find.value) || 0;\n}, \"cta-button\", (props)=>{\n    var _props_fixedWidth_find;\n    return ((_props_fixedWidth_find = props.fixedWidth.find((col)=>col.type == \"cta-button\")) === null || _props_fixedWidth_find === void 0 ? void 0 : _props_fixedWidth_find.value) || 0;\n});\nconst LibraryDataType = styled.span.withConfig({\n    componentId: \"sc-aace925-5\"\n})(_templateObject5(), (props)=>props.theme.new.colors.sol_gray_50, (props)=>props.theme.new.colors.sol_gray_500, (props)=>props.theme.new.colors.sol_mint_50, (props)=>props.theme.new.colors.sol_mint_500, (props)=>props.theme.new.colors.sol_indigo_50, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_yellow_50, (props)=>props.theme.new.colors.sol_yellow_500, (props)=>props.theme.new.colors.sol_red_50, (props)=>props.theme.new.colors.sol_red_500);\nconst EmptyMessages = {\n    handout: \"아직 자료 보관함에 담긴 자료가 없어요.\",\n    textbook: \"아직 자료 보관함에 담긴 교과서 라이선스가 없어요.\",\n    workbook: \"아직 자료 보관함에 담긴 참고서 라이선스가 없어요.\"\n};\nconst snackbarVariants = {\n    success: {\n        icon: \"success\",\n        text: \"다운로드를 시작했어요.\"\n    },\n    warning: {\n        icon: \"warning\",\n        text: \"다시 시도해주세요.\"\n    }\n};\nconst LibraryList = ()=>{\n    const subject = useLibrarySubject();\n    const pagination = useLibraryStore((state)=>state.pagination);\n    const list = useLibraryStore((state)=>state.list);\n    const searchType = useLibraryStore((state)=>state.searchType);\n    const { open , close , isOpen  } = useDialog();\n    const [selectedData, setSelectedData] = useState(null);\n    const { width  } = useWindowDimensions();\n    const { isWide  } = useMemo(()=>({\n            isWide: width > 1200\n        }), [\n        width\n    ]);\n    const { isShowSnackbar , showSnackbar , hideSnackbar , snackbarMessage  } = useSnackbar(snackbarVariants);\n    useClassSelected({\n        checkTarget: list\n    });\n    const [currentItemId, setCurrentItemId] = useState(null);\n    const { getOpenViewer , handleViewComplete , setViewType , stackingOpenLogMutation  } = useCheckViewerLog({\n        checkId: currentItemId\n    });\n    const handleDownloadComplete = async (success)=>{\n        if (success) {\n            await stackingOpenLogMutation.mutateAsync({\n                licenseId: selectedData.id,\n                actionType: \"download\"\n            });\n            showSnackbar(\"success\");\n        } else {\n            showSnackbar(\"warning\");\n        }\n        close();\n    };\n    return pagination.total === 0 ? /*#__PURE__*/ _jsx(LibraryListEmptyContainer, {\n        description: EmptyMessages[searchType] || \"현재 구매한 콘텐츠가 없어요.\",\n        image: null,\n        imageStyle: {\n            display: \"none\"\n        }\n    }) : /*#__PURE__*/ _jsxs(LibraryListWrapper, {\n        fixedWidth: getFixedWidth(searchType, subject, isWide),\n        children: [\n            !!list && list.map((item, idx)=>/*#__PURE__*/ _jsx(LibraryListItem, {\n                    data: item,\n                    subject: subject,\n                    searchType: searchType,\n                    getOpenViewer: getOpenViewer,\n                    handleViewComplete: handleViewComplete,\n                    onSetCurrentItem: ()=>{\n                        setCurrentItemId(item.id);\n                        setViewType(\"view\");\n                    },\n                    downloadClick: (item)=>{\n                        open();\n                        setViewType(\"download\");\n                        setCurrentItemId(item.id);\n                        setSelectedData(item);\n                    }\n                }, idx)),\n            selectedData && isOpen && /*#__PURE__*/ _jsx(DownloadDialog, {\n                isOpen: isOpen,\n                close: close,\n                selectedData: selectedData,\n                getOpenViewer: getOpenViewer,\n                onDownloadComplete: handleDownloadComplete\n            }),\n            /*#__PURE__*/ _jsx(Snackbar, {\n                ...defaultSnackbarProps,\n                open: isShowSnackbar,\n                onClose: hideSnackbar,\n                message: /*#__PURE__*/ _jsx(IconWithSnackbarMessage, {\n                    ...snackbarMessage\n                })\n            })\n        ]\n    });\n};\nexport default LibraryList;\nconst LibraryListItemLinkInner = (param)=>{\n    let { data , subject , searchType , downloadClick , handleViewComplete , getOpenViewer , onSetCurrentItem  } = param;\n    const theme = useTheme();\n    const router = useRouter();\n    const authStore = useAuthStore();\n    const { width , isMobile , isTablet  } = useWindowDimensions();\n    const { dataTypes , isWide  } = useMemo(()=>{\n        const result = {\n            dataTypes: [],\n            isWide: width > 1200\n        };\n        if (data.dataType) {\n            const max = 2;\n            result.dataTypes = data.dataType.slice(0, max);\n            if (data.dataType.length > max) {\n                result.dataTypes.push(\"+\".concat(data.dataType.length - max));\n            }\n        }\n        return result;\n    }, [\n        data.dataType,\n        width\n    ]);\n    const { isOpenConfirmViewerModal , checkOpenViewer , viewerOpenConfirmed , closeConfirmModal  } = useOpenViewer({\n        subItem_id: null,\n        sub_items: null,\n        id: data.id,\n        membership_id: data.membershipId,\n        studio_version: data.studioVersion\n    });\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            data.thumbImg && /*#__PURE__*/ _jsxs(ImageContainer, {\n                className: \"image-container\",\n                children: [\n                    /*#__PURE__*/ _jsx(Image, {\n                        alt: \"book-img\",\n                        width: thumbWidth,\n                        height: 64,\n                        src: data.thumbImg\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"mask\"\n                    }),\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: Play\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(LibraryListItemContainer, {\n                fixedWidth: getFixedCols(searchType, subject, isWide),\n                children: [\n                    /*#__PURE__*/ _jsx(Tooltip, {\n                        title: data.title,\n                        id: \"library-item-title-tooltip\",\n                        placement: \"bottomLeft\",\n                        children: /*#__PURE__*/ _jsx(\"dt\", {\n                            className: \"title-with-chip\",\n                            children: /*#__PURE__*/ _jsxs(Typography, {\n                                variant: \"body1\",\n                                component: \"div\",\n                                sx: (theme)=>({\n                                        display: \"flex\",\n                                        gap: \"4px\",\n                                        \"> p\": {\n                                            overflow: \"hidden\",\n                                            textOverflow: \"ellipsis\",\n                                            whiteSpace: \"nowrap\"\n                                        },\n                                        [theme.breakpoints.down(\"sm\")]: {\n                                            flexDirection: \"column\",\n                                            \"> p\": {\n                                                whiteSpace: \"pre-wrap\",\n                                                marginBottom: \"4px\"\n                                            }\n                                        }\n                                    }),\n                                children: [\n                                    data.packageId && /*#__PURE__*/ _jsx(Chip, {\n                                        color: \"primary\",\n                                        bold: true,\n                                        label: \"패키지\",\n                                        sx: {\n                                            width: \"fit-content\",\n                                            marginRight: \"4px\"\n                                        }\n                                    }),\n                                    /*#__PURE__*/ _jsx(\"p\", {\n                                        children: data.title\n                                    })\n                                ]\n                            })\n                        })\n                    }),\n                    /*#__PURE__*/ _jsx(\"dd\", {\n                        className: \"author\",\n                        children: data.author\n                    }),\n                    searchType === \"handout\" ? /*#__PURE__*/ _jsx(_Fragment, {\n                        children: /*#__PURE__*/ _jsxs(\"dd\", {\n                            className: \"data-types\",\n                            children: [\n                                !!data.canReview && /*#__PURE__*/ _jsx(Button, {\n                                    label: \"후기\",\n                                    variant: \"strokeSecondary\",\n                                    startIcon: /*#__PURE__*/ _jsx(Icon, {\n                                        icon: Review,\n                                        size: Sizes.small,\n                                        color: theme.new.colors.sol_gray_500\n                                    }),\n                                    onClick: (e)=>{\n                                        e.stopPropagation();\n                                        e.preventDefault();\n                                        mixpanelEvent(\"Review Button Clicked\", {\n                                            \"Button Proposition\": \"라이브러리\",\n                                            \"User ID\": authStore.user.id.toString(),\n                                            \"User Name\": authStore.user.displayName,\n                                            \"Phone Number\": authStore.user.phoneNumber,\n                                            \"User Job\": authStore.user.job,\n                                            \"Product ID\": data.productId,\n                                            \"Product Title\": data.title,\n                                            \"Product Subject\": subject,\n                                            Author: data.author,\n                                            \"Based Source Product ID\": data.baseSourceProductId,\n                                            \"Based Source Product Title\": data.baseSourceTitle,\n                                            \"Based Source Product Publisher\": data.baseSourceProductPublisher\n                                        });\n                                        router.push(REVIEWS_NEW.concat(\"?productId=\", data.productId));\n                                    },\n                                    size: isMobile ? \"medium\" : \"small\"\n                                }),\n                                !isTablet && /*#__PURE__*/ _jsx(Button, {\n                                    label: \"출력\",\n                                    variant: \"strokeSecondary\",\n                                    startIcon: /*#__PURE__*/ _jsx(Icon, {\n                                        icon: Print,\n                                        size: Sizes.small,\n                                        color: theme.new.colors.sol_gray_500\n                                    }),\n                                    size: isMobile ? \"medium\" : \"small\",\n                                    onClick: (e)=>{\n                                        e.preventDefault();\n                                        checkOpenViewer();\n                                        onSetCurrentItem();\n                                        mixpanelEvent(\"My Product Clicked\", {\n                                            \"Action Type\": \"출력\",\n                                            \"Product Name\": data.title,\n                                            \"Author Name\": data.author\n                                        });\n                                    }\n                                }),\n                                data.canDownload && /*#__PURE__*/ _jsx(Button, {\n                                    label: \"PDF 다운\",\n                                    variant: \"strokeSecondary\",\n                                    startIcon: /*#__PURE__*/ _jsx(Icon, {\n                                        icon: Download1_5px,\n                                        size: Sizes.small,\n                                        color: theme.new.colors.sol_gray_500\n                                    }),\n                                    size: isMobile ? \"medium\" : \"small\",\n                                    onClick: (e)=>{\n                                        e.preventDefault();\n                                        downloadClick(data);\n                                        //mx-223\n                                        mixpanelEvent(\"My Product Clicked\", {\n                                            \"Action Type\": \"PDF 다운\",\n                                            \"Product Name\": data.title,\n                                            \"Author Name\": data.author\n                                        });\n                                    }\n                                })\n                            ]\n                        })\n                    }) : /*#__PURE__*/ _jsx(_Fragment, {\n                        children: /*#__PURE__*/ _jsx(\"dd\", {\n                            className: \"publisher\",\n                            children: data.publisher\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(GenericPanelWithModal, {\n                title: \"지금 열어보시겠어요?\",\n                closeIcon: true,\n                description: /*#__PURE__*/ _jsx(_Fragment, {\n                    children: (getOpenViewer === null || getOpenViewer === void 0 ? void 0 : getOpenViewer.isFirstUse) && /*#__PURE__*/ _jsxs(\"div\", {\n                        children: [\n                            \"자료를 한 번 열면 환불이 불가능합니다.\",\n                            /*#__PURE__*/ _jsx(TextBreak, {}),\n                            \"구매하신 자료가 맞는지 다시 한 번 확인해주세요.\"\n                        ]\n                    })\n                }),\n                cancelText: \"취소\",\n                open: isOpenConfirmViewerModal,\n                onOk: (e)=>{\n                    e.preventDefault();\n                    handleViewComplete();\n                    viewerOpenConfirmed();\n                },\n                okText: \"열기\",\n                onClose: (e)=>{\n                    e.preventDefault();\n                    closeConfirmModal();\n                }\n            })\n        ]\n    });\n};\nexport const LibraryListItem = (param)=>{\n    let { onClick , disabled , ...innerProps } = param;\n    const handleClick = (e)=>{\n        // useAlternativeClickForLink(onClick)\n        mixpanelEvent(\"MyProduct Click\", {\n            \"Action Type\": \"자료열기\",\n            \"Product Name\": innerProps.data.title,\n            \"Author Name\": innerProps.data.author\n        });\n    };\n    return /*#__PURE__*/ _jsx(LibraryListItemWrapper, {\n        children: !disabled ? /*#__PURE__*/ _jsx(Link, {\n            href: LIBRARIES_INDEX_PAGE.concat(\"/\", innerProps.data.id),\n            onClick: handleClick,\n            children: /*#__PURE__*/ _jsx(LibraryListItemLinkInner, {\n                ...innerProps\n            })\n        }) : /*#__PURE__*/ _jsx(LibraryListItemLinkAlter, {\n            className: \"library-list-item-link\",\n            children: /*#__PURE__*/ _jsx(LibraryListItemLinkInner, {\n                ...innerProps\n            })\n        })\n    });\n};\nexport const LibraryDataTypes = (param)=>{\n    let { data: dataTypes  } = param;\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: dataTypes.map((no, idx)=>/*#__PURE__*/ _jsx(LibraryDataType, {\n                className: \"data-type data-type-\".concat(no),\n                children: typeof no === \"string\" ? no : DataTypesWithString[no]\n            }, idx))\n    });\n};\nexport const LibraryListEmptyContainer = styled(Empty).withConfig({\n    componentId: \"sc-aace925-6\"\n})(_templateObject6(), (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.sol_gray_300);\n","import { create } from \"zustand\";\nconst useLibraryStore = create((set)=>({\n        pagination: {},\n        setMetadata: (metadata)=>set((state)=>({\n                    metadata\n                })),\n        setSearchType: (searchType)=>set((state)=>({\n                    searchType\n                })),\n        setPagination: (pagination)=>set((state)=>({\n                    pagination: {\n                        ...state.pagination,\n                        ...pagination\n                    }\n                })),\n        setList: (list)=>set((state)=>({\n                    list\n                }))\n    }));\nexport default useLibraryStore;\n"],"names":[],"sourceRoot":""}