{"version":3,"file":"static/chunks/pages/mypage/passes-7c2a6b9c7ae59b3d.js","mappings":"AACA","sources":["webpack://_N_E/?ac60","webpack://_N_E/./src/components/Package/index.tsx","webpack://_N_E/./src/components/common/Accordian/context.tsx","webpack://_N_E/./src/components/common/Accordian/index.tsx","webpack://_N_E/./src/components/common/Link/FilledLink.tsx","webpack://_N_E/./src/components/Package/MyPass/AddPassCTA.tsx","webpack://_N_E/./src/components/Package/MyPass/EmptyPass.tsx","webpack://_N_E/./src/components/Package/MyPass/index.tsx","webpack://_N_E/./src/components/Package/MyPass/PassCard.tsx","webpack://_N_E/./src/components/Package/MyPass/MyPassContents.tsx","webpack://_N_E/./src/pages/mypage/passes/index.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/mypage/passes\",\n      function () {\n        return require(\"private-next-pages/mypage/passes/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/mypage/passes\"])\n      });\n    }\n  ","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  li {\\n    color: \",\n        \";\\n    line-height: 22px;\\n    list-style: initial;\\n    margin-inline-start: 24px;\\n  }\\n\\n  @media (max-width: 768px) {\\n    li {\\n      font-size: 14px;\\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  .priceInfo {\\n    display: flex;\\n    align-items: center;\\n    @media (max-width: 768px) {\\n      display: flex;\\n      align-items: flex-start;\\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  position: relative;\\n  padding: 24px;\\n  border-radius: 6px;\\n  background-color: \",\n        \";\\n  border: 1px solid \",\n        \";\\n\\n  :hover {\\n    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.04);\\n    transition: box-shadow 0.3s ease-in-out;\\n  }\\n\\n  .ant-row {\\n    width: 100%;\\n    justify-content: space-between;\\n    flex-wrap: nowrap;\\n    gap: 40px;\\n    align-items: center;\\n  }\\n\\n  .ant-col {\\n    align-items: center;\\n\\n    &.clickArea {\\n      cursor: pointer;\\n      flex: 1;\\n    }\\n\\n    &.priceInfo {\\n      text-align: right;\\n      display: flex;\\n      flex-direction: row;\\n      justify-content: space-between;\\n      height: 52px;\\n\\n      .left {\\n        height: 100%;\\n        justify-content: center;\\n        display: flex;\\n        flex-direction: column;\\n        margin-right: 24px;\\n      }\\n\\n      .right {\\n        display: flex;\\n        flex-direction: column;\\n      }\\n    }\\n  }\\n\\n  @media (max-width: 768px) {\\n    padding: 20px;\\n    .ant-row {\\n      flex-direction: column;\\n      align-items: stretch;\\n    }\\n\\n    .ant-col.priceInfo {\\n      align-items: flex-end;\\n    }\\n\\n    .ant-col {\\n      &.priceInfo {\\n        .left {\\n          justify-content: flex-end;\\n        }\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject3() {\n    const data = _tagged_template_literal([\n        \"\\n  width: 100%;\\n  display: flex;\\n  gap: 8px;\\n  padding: 20px 28px;\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { BOOKS_LANDING, EBOOKS_LANDING, PASSES_LANDING } from \"@/settings/constant\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { styled as muiStyled } from \"@mui/material\";\nimport { useRouter } from \"next/router\";\nimport { useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport FilledButton from \"../common/Button/FilledButton\";\nexport const getIsPasses = (pathname)=>pathname.startsWith(PASSES_LANDING);\nexport const usePasses = ()=>{\n    const { pathname  } = useRouter();\n    const { isPasses  } = useMemo(()=>{\n        return {\n            isPasses: getIsPasses(pathname)\n        };\n    }, [\n        pathname\n    ]);\n    return {\n        isPackages: isPasses\n    };\n};\nexport const useProductType = ()=>{\n    const { pathname  } = useRouter();\n    // Todo 로직 수정 필요\n    const { productType  } = useMemo(()=>{\n        let productType;\n        switch(pathname.split(\"/\")[1]){\n            case EBOOKS_LANDING:\n                productType = \"ebooks\";\n                break;\n            case PASSES_LANDING:\n                productType = \"package\";\n                break;\n            case BOOKS_LANDING:\n                productType = \"aladinbooks\";\n                break;\n        }\n        return {\n            productType\n        };\n    }, [\n        pathname\n    ]);\n    return {\n        productType\n    };\n};\nexport const Title = muiStyled(\"h5\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.grey[900],\n        marginBottom: \"24px\",\n        ...theme.typography.h4,\n        \"& em\": {\n            color: theme.palette.indigo[500],\n            textDecoration: \"none\"\n        },\n        [theme.breakpoints.down(820)]: {\n            marginBottom: \"20px\"\n        }\n    };\n});\nexport const SubTitle = muiStyled(\"h5\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.text[\"title\"],\n        marginBottom: \"20px\",\n        ...theme.typography.h6,\n        \"& span\": {\n            color: theme.palette.text[\"secondary\"],\n            marginInlineStart: \"4px\",\n            ...theme.typography.body2\n        },\n        [theme.breakpoints.down(\"sm\")]: {\n            \"& span\": {}\n        }\n    };\n});\nexport const Container = muiStyled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        maxWidth: \"1200px\",\n        margin: \"0 auto\",\n        width: \"100%\",\n        // marginBottom: '40px',\n        \".notice-title\": {\n            color: theme.palette.grey[500],\n            fontWeight: \"600\",\n            marginBottom: \"8px\"\n        },\n        [theme.breakpoints.down(\"sm\")]: {\n            gap: \"40px\"\n        }\n    };\n});\nexport const NoticeList = styled.ul.withConfig({\n    componentId: \"sc-f80b46ae-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_500);\nexport const OriginalPrice = muiStyled(\"s\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.text[\"disabled\"],\n        ...theme.typography.body2,\n        [theme.breakpoints.down(\"sm\")]: {\n            textAlign: \"left\"\n        }\n    };\n});\nexport const DiscountRate = muiStyled(\"em\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.red[400],\n        marginInlineEnd: \"4px\",\n        ...theme.typography.h6,\n        [theme.breakpoints.down(\"sm\")]: {}\n    };\n});\nexport const Price = muiStyled(\"p\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.text[\"primary\"],\n        textAlign: \"right\",\n        whiteSpace: \"nowrap\",\n        ...theme.typography.h6,\n        [theme.breakpoints.down(\"sm\")]: {\n            textAlign: \"left\"\n        }\n    };\n});\nexport const PassTitle = muiStyled(\"h5\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.text[\"primary\"],\n        marginBottom: \"4px\",\n        maxWidth: \"380px\",\n        textOverflow: \"ellipsis\",\n        overflow: \"hidden\",\n        display: \"-webkit-box\",\n        WebkitLineClamp: 2,\n        \"-webkit-box-orient\": \"vertical\",\n        wordBreak: \"break-all\",\n        ...theme.typography.h6,\n        [theme.breakpoints.down(\"sm\")]: {\n            display: \"flex\",\n            flexDirection: \"column-reverse\",\n            alignItems: \"flex-start\"\n        }\n    };\n});\nexport const PassPrice = styled.div.withConfig({\n    componentId: \"sc-f80b46ae-1\"\n})(_templateObject1());\nexport const PassItemContainer = styled.li.withConfig({\n    componentId: \"sc-f80b46ae-2\"\n})(_templateObject2(), (pass)=>pass.theme.new.colors.white, (pass)=>pass.theme.new.colors.sol_gray_100);\nexport const SubDescription = muiStyled(\"span\")((param)=>{\n    let { theme  } = param;\n    return {\n        color: theme.palette.text[\"secondary\"],\n        display: \"flex\",\n        alignItems: \"center\",\n        ...theme.typography.body1\n    };\n});\nexport const OrderFilledButton = muiStyled(FilledButton)((param)=>{\n    let { theme  } = param;\n    return {\n        padding: \"10px 16px\",\n        ...theme.typography.subtitle2\n    };\n});\nexport const PurchaseButton = (param)=>{\n    let { onClick , children  } = param;\n    return /*#__PURE__*/ _jsx(OrderFilledButton, {\n        type: \"text\",\n        variant: \"outlined\",\n        className: \"cart-btn\",\n        onClick: onClick,\n        children: children\n    });\n};\nexport const SubscribeButton = (param)=>{\n    let { onClick , children  } = param;\n    return /*#__PURE__*/ _jsx(OrderFilledButton, {\n        type: \"text\",\n        variant: \"solid\",\n        className: \"cart-btn\",\n        onClick: onClick,\n        children: children\n    });\n};\nexport const PassDialogButtonContainer = styled.div.withConfig({\n    componentId: \"sc-f80b46ae-3\"\n})(_templateObject3());\nexport const PassDialogButton = muiStyled(Button)((param)=>{\n    let { theme  } = param;\n    return {\n        width: \"100%\",\n        padding: \"12px 20px\",\n        ...theme.typography.semibold16\n    };\n});\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext, useCallback, useContext, useState } from \"react\";\nexport const AccordionContext = /*#__PURE__*/ createContext({\n    handleAccordionChange: ()=>{}\n});\nexport const AccordionProvider = (param)=>{\n    let { children , defaultIcon  } = param;\n    const [openId, setOpenId] = useState(false);\n    const handleAccordionChange = useCallback((panel)=>{\n        setOpenId(panel);\n    }, []);\n    return /*#__PURE__*/ _jsx(AccordionContext.Provider, {\n        value: {\n            openId,\n            defaultIcon,\n            handleAccordionChange\n        },\n        children: children\n    });\n};\nexport const useAccordion = ()=>{\n    const context = useContext(AccordionContext);\n    if (!context) {\n        throw new Error(\"Missing AccordionProvider\");\n    }\n    return context;\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Accordion, AccordionDetails, AccordionSummary, styled } from \"@mui/material\";\nimport { AccordionProvider, useAccordion } from \"./context\";\nimport { useEffect } from \"react\";\nconst DefaultAccordion = styled((props)=>{\n    const { handleAccordionChange , openId  } = useAccordion();\n    const { id , ...rest } = props;\n    if (openId === undefined) return;\n    useEffect(()=>{\n        if (!openId && props.defaultExpandedId) handleAccordionChange(props.defaultExpandedId);\n    }, []);\n    return /*#__PURE__*/ _jsx(Accordion, {\n        ...rest,\n        expanded: openId === id || props.expanded ? true : false,\n        onChange: (event, expanded)=>{\n            if (expanded) handleAccordionChange(id);\n            else handleAccordionChange(false);\n        }\n    });\n})((param)=>{\n    let { theme  } = param;\n    return {\n        padding: 0,\n        boxShadow: \"none\",\n        \":before\": {\n            backgroundColor: \"transparent\"\n        }\n    };\n});\nconst Summary = styled((props)=>{\n    const { defaultIcon  } = useAccordion();\n    return /*#__PURE__*/ _jsx(AccordionSummary, {\n        expandIcon: props.expandIcon || defaultIcon,\n        ...props\n    });\n})((param)=>{\n    let { theme  } = param;\n    return {\n        borderBottom: 0,\n        padding: 0,\n        margin: 0,\n        \"& .MuiAccordionSummary-expandIconWrapper.Mui-expanded\": {\n            transform: \"rotate(180deg)\"\n        },\n        \" .MuiAccordionSummary-root.Mui-expanded\": {\n            minHeight: \"fit-content\"\n        },\n        \"& .MuiAccordionSummary-content\": {\n            flexGrow: \"inherit\",\n            margin: 0\n        },\n        \"& .MuiAccordionSummary-content.Mui-expanded\": {\n            margin: 0\n        }\n    };\n});\nconst Details = styled(AccordionDetails)((param)=>{\n    let { theme  } = param;\n    return {\n        padding: 0\n    };\n});\nexport const Accordions = (param)=>{\n    let { children , defaultExpandIcon , ...props } = param;\n    return /*#__PURE__*/ _jsx(DefaultAccordion, {\n        ...props,\n        children: children\n    });\n};\n// 아코디언이 여러개일 경우, 여러개의 아코디언을 관리하기 위한 컨테이너\nexport const AccordionsContainer = (param)=>{\n    let { children , defaultExpandIcon , ...props } = param;\n    return /*#__PURE__*/ _jsx(AccordionProvider, {\n        defaultIcon: defaultExpandIcon,\n        ...props,\n        children: children\n    });\n};\nAccordions.Summary = Summary;\nAccordions.Details = Details;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n      background-color: \",\n        \";\\n      color: \",\n        \";\\n\\n      &.active,\\n      &:hover {\\n        background-color: \",\n        \";\\n        color: \",\n        \";\\n      }\\n    \"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n      background-color: \",\n        \";\\n      color: \",\n        \";\\n\\n      &.active,\\n      &:hover {\\n        background-color: \",\n        \";\\n        color: \",\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      color: \",\n        \";\\n      border: 1px solid \",\n        \";\\n      &.active,\\n      &:hover {\\n        background-color: \",\n        \";\\n        color: \",\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  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  height: auto;\\n  padding: 9px 16px;\\n\\n  border-radius: 6px;\\n  font-weight: 600;\\n  letter-spacing: -0.14px;\\n\\n  &.disabled {\\n    background-color: \",\n        \" !important;\\n    color: \",\n        \" !important;\\n  }\\n\\n  \",\n        \"\\n  \",\n        \"\\n\\n\t\\n\t\t\",\n        \"\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nimport styled, { css } from \"styled-components\";\nimport Link from \"next/link\";\nexport const LinkVariants = {\n    plain: \"plain\",\n    outlined: \"outlined\",\n    soft: \"soft\",\n    solid: \"solid\"\n};\nconst FilledLink = styled(Link).withConfig({\n    componentId: \"sc-d451f70b-0\"\n})(_templateObject3(), (props)=>props.theme.new.colors.sol_gray_100, (props)=>props.theme.new.colors.sol_gray_300, (props)=>props.variant === LinkVariants.solid && css(_templateObject(), (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.white, (props)=>props.theme.new.colors.sol_indigo_600, (props)=>props.theme.new.colors.white), (props)=>props.variant === LinkVariants.soft && css(_templateObject1(), (props)=>props.theme.new.colors.sol_indigo_100, (props)=>props.theme.new.colors.sol_indigo_600, (props)=>props.theme.new.colors.sol_indigo_200, (props)=>props.theme.new.colors.sol_indigo_600), (props)=>props.variant === LinkVariants.outlined && css(_templateObject2(), (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_50, (props)=>props.theme.new.colors.sol_indigo_500));\nexport default FilledLink;\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 14px;\\n  font-weight: 600;\\n  line-height: 22px;\\n  letter-spacing: -0.14px;\\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 FilledLink from \"@/components/common/Link/FilledLink\";\nimport { PASSES_NEW, PASSES_LANDING } from \"@/settings/constant\";\nimport { Col, Row } from \"antd\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nexport const AddPassCTA = (param)=>{\n    let {} = param;\n    return /*#__PURE__*/ _jsxs(AddPassCTARow, {\n        gutter: 12,\n        children: [\n            /*#__PURE__*/ _jsx(Col, {\n                children: /*#__PURE__*/ _jsx(PassFilledLink, {\n                    variant: \"soft\",\n                    href: PASSES_NEW,\n                    onClick: ()=>mixpanelEvent(\"Page Default Button Clicked\", {\n                            Type: \"pass\",\n                            \"Button Name\": \"이용권 코드로 등록\",\n                            \"Button URL\": PASSES_NEW\n                        }),\n                    children: \"이용권 코드로 등록\"\n                })\n            }),\n            /*#__PURE__*/ _jsx(Col, {\n                children: /*#__PURE__*/ _jsx(PassFilledLink, {\n                    href: PASSES_LANDING,\n                    variant: \"solid\",\n                    onClick: ()=>mixpanelEvent(\"Page Default Button Clicked\", {\n                            Type: \"pass\",\n                            \"Button Name\": \"이용권 구매하기\",\n                            \"Button URL\": PASSES_LANDING\n                        }),\n                    children: \"이용권 구매하기\"\n                })\n            })\n        ]\n    });\n};\nconst AddPassCTARow = styled(Row).withConfig({\n    componentId: \"sc-b173a5f9-0\"\n})(_templateObject());\nconst PassFilledLink = styled(FilledLink).withConfig({\n    componentId: \"sc-b173a5f9-1\"\n})(_templateObject1());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  background-color: \",\n        \";\\n  display: flex;\\n  flex-direction: column;\\n  align-items: center;\\n  justify-content: center;\\n  padding: 40px 10px;\\n  margin-bottom: 28px;\\n\\n  h3 {\\n    font-size: 20px;\\n    font-weight: 600;\\n    line-height: 1.5;\\n    letter-spacing: -0.2px;\\n    margin-bottom: 12px;\\n  }\\n\\n  p {\\n    color: \",\n        \";\\n    font-size: 16px;\\n    line-height: 1.5;\\n    letter-spacing: -0.16px;\\n    margin-bottom: 24px;\\n  }\\n\\n  @media (max-width: 768px) {\\n    .ant-row {\\n      flex-direction: column;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { AddPassCTA } from \"./AddPassCTA\";\nexport const EmptyPass = (param)=>{\n    let {} = param;\n    return /*#__PURE__*/ _jsxs(EmptyPassContainer, {\n        children: [\n            /*#__PURE__*/ _jsx(\"h3\", {\n                children: \"등록된 이용권이 없어요.\"\n            }),\n            /*#__PURE__*/ _jsx(\"p\", {\n                children: \"아래의 버튼을 눌러 등록 혹은 구매를 진행해주세요.\"\n            }),\n            /*#__PURE__*/ _jsx(AddPassCTA, {})\n        ]\n    });\n};\nconst EmptyPassContainer = styled.div.withConfig({\n    componentId: \"sc-62fded7b-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_500);\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 20px;\\n  font-weight: 700;\\n  line-height: 1.5;\\n  margin-bottom: 8px;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  color: \",\n        \";\\n  font-size: 16px;\\n  font-weight: 600;\\n  line-height: 1.5;\\n  letter-spacing: -0.16px;\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  color: \",\n        \";\\n  font-size: 16px;\\n  line-height: 22px; /* 157.143% */\\n  letter-spacing: -0.14px;\\n  font-weight: 600;\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from \"styled-components\";\nimport { styled as muiStyled } from \"@mui/material\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nexport const SubTitle = styled.p.withConfig({\n    componentId: \"sc-730175dd-0\"\n})(_templateObject());\nexport const PassName = muiStyled(\"p\")((param)=>{\n    let { theme  } = param;\n    return {\n        display: \"-webkitbox\",\n        \"-webkit-box-orient\": \"vertical\",\n        \"-webkit-line-clamp\": \"2\",\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        ...theme.typography.h6,\n        [theme.breakpoints.down(\"sm\")]: {\n            ...theme.typography.subtitle1\n        }\n    };\n});\nexport const PassCount = styled.div.withConfig({\n    componentId: \"sc-730175dd-1\"\n})(_templateObject1(), (props)=>props.theme.new.colors.sol_blue_400);\nexport const PassStatus = styled.strong.withConfig({\n    componentId: \"sc-730175dd-2\"\n})(_templateObject2(), (props)=>props.theme.new.colors.sol_gray_500);\nexport const PassDays = muiStyled(\"span\")((param)=>{\n    let { theme  } = param;\n    return {\n        ...theme.typography.subtitle1,\n        color: theme.palette.grey[300],\n        [theme.breakpoints.down(\"sm\")]: {\n            ...theme.typography.subtitle2\n        }\n    };\n});\nexport const MoreInfoButton = ()=>{\n    return /*#__PURE__*/ _jsx(Button, {\n        label: \"자세히 보기\",\n        variant: \"strokeSecondary\",\n        size: \"large\",\n        sx: {\n            height: \"48px\"\n        }\n    });\n};\nexport const ConditionTypo = muiStyled(\"p\")((param)=>{\n    let { theme , isExpert  } = param;\n    return {\n        ...theme.typography.subtitle1,\n        color: isExpert ? theme.palette.mint[400] : theme.palette.blue[400],\n        [theme.breakpoints.down(\"sm\")]: {\n            ...theme.typography.subtitle2\n        }\n    };\n});\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex-direction: column;\\n  gap: 16px;\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: grid;\\n  grid-template-columns: repeat(auto-fit, minmax(440px, 1fr));\\n  grid-gap: 16px;\\n  @media (max-width: 768px) {\\n    grid-template-columns: repeat(1, 1fr);\\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: 1px solid \",\n        \";\\n  border-radius: 12px;\\n  padding: 20px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n\"\n    ]);\n    _templateObject3 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject4() {\n    const data = _tagged_template_literal([\n        \"\\n  gap: 32px;\\n  min-height: 212px;\\n\\n  @media (max-width: 768px) {\\n    min-height: 122px;\\n    gap: 28px;\\n  }\\n\"\n    ]);\n    _templateObject4 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject5() {\n    const data = _tagged_template_literal([\n        \"\\n  border: none;\\n  align-items: center;\\n  justify-content: center;\\n  background-image: url(\\\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='rgba(225, 228, 237, 1)' stroke-width='2' stroke-dasharray='8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\\\");\\n  border-radius: 6px;\\n\\n  min-height: 180px;\\n  > div {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    gap: 12px;\\n\\n    a {\\n      width: 160px;\\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\tdisplay: flex;\\n\tflex-direction: column;\\n\tgap: 8px;\\n\"\n    ]);\n    _templateObject6 = 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 { Dot, Sizes } from \"@/components/icon/IconList\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { SOLVOOK_WRITE_STUDIO } from \"@/settings/constant\";\nimport { Button, Chip } from \"@bookips/solvook-ui-library\";\nimport { Box, styled as muiStyled, useTheme } from \"@mui/material\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useMemo } from \"react\";\nimport { SubjectsWithString } from \"src/api/product\";\nimport usePassStore from \"src/store/pass\";\nimport styled from \"styled-components\";\nimport { ConditionTypo, PassCount, PassDays, PassName, PassStatus, SubTitle } from \".\";\nimport { ExpiredReasonWithString, PassCategory, TicketDeductionMethod } from \"../../../api/membership\";\nimport { AddPassCTA } from \"./AddPassCTA\";\nexport const PassTypeToString = {\n    expert: {\n        ko: \"엑스퍼트\",\n        colorCode: \"mint\"\n    },\n    ticket: {\n        ko: \"자료 이용권\",\n        colorCode: \"blue\"\n    },\n    default: {\n        ko: \"자료 이용권\",\n        colorCode: \"blue\"\n    }\n};\nexport const PassCardList = (param)=>{\n    let { title , children  } = param;\n    return /*#__PURE__*/ _jsxs(PassCardListContainer, {\n        children: [\n            /*#__PURE__*/ _jsx(SubTitle, {\n                children: title\n            }),\n            /*#__PURE__*/ _jsx(PassCardGridLayout, {\n                children: children\n            })\n        ]\n    });\n};\nexport const MyPassPageContainer = styled.div.withConfig({\n    componentId: \"sc-fb86f380-0\"\n})(_templateObject());\n// 이용권 등록\nexport const AddPassCard = ()=>{\n    return /*#__PURE__*/ _jsx(DashedPassCardContainer, {\n        children: /*#__PURE__*/ _jsx(AddPassCTA, {})\n    });\n};\n// 만료된 이용권\nexport const ExpiredPassCard = (param)=>{\n    let { title , expiredReason , data  } = param;\n    var _PassTypeToString_, _PassTypeToString_1;\n    const { productInfo , isInPackage  } = data;\n    return /*#__PURE__*/ _jsxs(DisabledPassCardContainer, {\n        children: [\n            /*#__PURE__*/ _jsxs(Box, {\n                sx: {\n                    display: \"flex\",\n                    gap: \"8px\"\n                },\n                children: [\n                    productInfo.category && /*#__PURE__*/ _jsx(Chip, {\n                        bold: true,\n                        label: ((_PassTypeToString_ = PassTypeToString[\"\".concat(productInfo.category)]) === null || _PassTypeToString_ === void 0 ? void 0 : _PassTypeToString_[\"ko\"]) || PassTypeToString.default.ko,\n                        solvookColor: ((_PassTypeToString_1 = PassTypeToString[\"\".concat(productInfo.category)]) === null || _PassTypeToString_1 === void 0 ? void 0 : _PassTypeToString_1[\"colorCode\"]) || PassTypeToString.default.colorCode,\n                        sx: {\n                            width: \"fit-content\"\n                        }\n                    }),\n                    isInPackage && /*#__PURE__*/ _jsx(Chip, {\n                        bold: true,\n                        label: \"패키지\",\n                        solvookColor: \"indigo\",\n                        sx: {\n                            width: \"fit-content\"\n                        }\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(PassName, {\n                children: title\n            }),\n            /*#__PURE__*/ _jsx(PassStatus, {\n                children: ExpiredReasonWithString[expiredReason]\n            })\n        ]\n    });\n};\nconst PRIORITY_MAP = {\n    EN: 1,\n    KO: 2,\n    MA: 3,\n    SC: 4,\n    SO: 5,\n    KH: 6\n};\nconst getPassRemainingText = (data, isExpert)=>{\n    var _data_remainCount;\n    if (isExpert) {\n        var _data_remainCount1;\n        return data.isUnLimited ? \"엑스퍼트 무제한 \" : \"\".concat(((_data_remainCount1 = data.remainCount) === null || _data_remainCount1 === void 0 ? void 0 : _data_remainCount1.toLocaleString()) || 0, \"문제 남음 \");\n    }\n    // amount 차감형, 횟수형 타입 //? data.remainAmount : data.remainCount\n    if (data.deductionMethod === TicketDeductionMethod.AMOUNT) {\n        var _data_remainAmount;\n        return \"\".concat(((_data_remainAmount = data.remainAmount) === null || _data_remainAmount === void 0 ? void 0 : _data_remainAmount.toLocaleString()) || 0, \"원 남음 \");\n    }\n    return \"\".concat(((_data_remainCount = data.remainCount) === null || _data_remainCount === void 0 ? void 0 : _data_remainCount.toLocaleString()) || 0, \"회 남음 \");\n};\nexport const UsingPassCard = (param)=>{\n    let { data , setSubscribeInfoModal  } = param;\n    var _PassTypeToString_, _PassTypeToString_1;\n    const router = useRouter();\n    const theme = useTheme();\n    const { isMobile  } = useWindowDimensions();\n    const { productInfo , isInPackage  } = data;\n    const openPassInfoModal = usePassStore((state)=>state.openPassInfoModal);\n    const isNoCountLimit = productInfo.category === PassCategory.FreePass || productInfo.category === PassCategory.Subscription || productInfo.category === PassCategory.Solvookplus;\n    const isSubscription = productInfo.category.includes(\"subscribe\");\n    const isExpert = productInfo.category.includes(\"expert\");\n    const handleClickItem = ()=>{\n        mixpanelEvent(\"Product Detail Button Clicked\", {\n            \"Product Categories\": productInfo.category,\n            \"Product ID\": productInfo.id,\n            \"Product Title\": productInfo.title,\n            \"Product Price\": productInfo.price,\n            \"Button UI\": \"Arrow\"\n        });\n        if (isSubscription) {\n            setSubscribeInfoModal({\n                open: true,\n                data\n            });\n            return;\n        }\n        openPassInfoModal({\n            passInfo: data.productInfo,\n            userPassInfo: data\n        });\n    };\n    // 이용가능한 과목이 여러개일 경우, 우선순위에 따라서 정렬합니다.\n    const sortedSubjects = useMemo(()=>{\n        return [\n            ...productInfo.availableSubjects\n        ].sort((a, b)=>{\n            return PRIORITY_MAP[a] - PRIORITY_MAP[b];\n        });\n    }, [\n        productInfo.availableSubjects\n    ]);\n    const handleUseTicketClick = useCallback(()=>{\n        const goExpertLink = \"\".concat(SOLVOOK_WRITE_STUDIO);\n        const q = SubjectsWithString[sortedSubjects[0]];\n        const subject = sortedSubjects[0];\n        // ex.  https://solvook.com/search?q=영어&subject=EN&tickets=130\n        const goSearchLink = \"/search?q=\".concat(q, \"&subject=\").concat(subject, \"&tickets=\").concat(productInfo.id);\n        //mx-182 이용하기, 자료찾기 클릭시\n        mixpanelEvent(\"Pass Module Button Clicked\", {\n            \"Pass Categories\": isExpert ? \"엑스퍼트 이용권\" : \"자료 이용권\",\n            \"Pass ID\": productInfo.id,\n            \"Pass Title\": productInfo.title,\n            \"Button Name\": isExpert ? \"이용하기\" : \"자료 찾기\",\n            \"Button Url\": isExpert ? goExpertLink : goSearchLink\n        });\n        if (isExpert) router.push(goExpertLink);\n        else router.push(goSearchLink);\n    }, [\n        sortedSubjects\n    ]);\n    return /*#__PURE__*/ _jsxs(AddPassCardContainer, {\n        children: [\n            /*#__PURE__*/ _jsxs(CardTextInformation, {\n                children: [\n                    /*#__PURE__*/ _jsxs(Box, {\n                        sx: {\n                            display: \"flex\",\n                            gap: \"8px\"\n                        },\n                        children: [\n                            productInfo.category && /*#__PURE__*/ _jsx(Chip, {\n                                bold: true,\n                                label: ((_PassTypeToString_ = PassTypeToString[\"\".concat(productInfo.category)]) === null || _PassTypeToString_ === void 0 ? void 0 : _PassTypeToString_[\"ko\"]) || PassTypeToString.default.ko,\n                                solvookColor: ((_PassTypeToString_1 = PassTypeToString[\"\".concat(productInfo.category)]) === null || _PassTypeToString_1 === void 0 ? void 0 : _PassTypeToString_1[\"colorCode\"]) || PassTypeToString.default.colorCode,\n                                size: isMobile ? \"small\" : \"medium\",\n                                sx: {\n                                    width: \"fit-content\"\n                                }\n                            }),\n                            isInPackage && /*#__PURE__*/ _jsx(Chip, {\n                                bold: true,\n                                label: \"패키지\",\n                                solvookColor: \"indigo\",\n                                size: isMobile ? \"small\" : \"medium\",\n                                sx: {\n                                    width: \"fit-content\"\n                                }\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(PassName, {\n                        children: productInfo.title\n                    }),\n                    isNoCountLimit ? /*#__PURE__*/ _jsxs(PassCount, {\n                        children: [\n                            \"사용범위 내 무제한\",\n                            /*#__PURE__*/ _jsxs(PassDays, {\n                                children: [\n                                    /*#__PURE__*/ _jsx(Icon, {\n                                        icon: Dot,\n                                        size: Sizes.xsmall,\n                                        color: theme.palette.text.disabled\n                                    }),\n                                    \" \".concat(data.remainDay, \"일 남음 \")\n                                ]\n                            })\n                        ]\n                    }) : /*#__PURE__*/ _jsx(PassCount, {\n                        children: /*#__PURE__*/ _jsxs(ConditionTypo, {\n                            isExpert: isExpert,\n                            children: [\n                                getPassRemainingText(data, isExpert),\n                                /*#__PURE__*/ _jsxs(PassDays, {\n                                    children: [\n                                        /*#__PURE__*/ _jsx(Icon, {\n                                            icon: Dot,\n                                            size: Sizes.xsmall,\n                                            color: theme.palette.text.disabled\n                                        }),\n                                        isSubscription ? \" 월 정기 구독\" : \" \".concat(data.remainDay, \"일 남음\")\n                                    ]\n                                })\n                            ]\n                        })\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsxs(BottomLayout, {\n                children: [\n                    /*#__PURE__*/ _jsx(Button, {\n                        label: \"자세히 보기\",\n                        variant: \"strokeSecondary\",\n                        size: \"large\",\n                        sx: {\n                            height: \"48px\"\n                        },\n                        onClick: handleClickItem\n                    }),\n                    /*#__PURE__*/ _jsx(Button, {\n                        label: \"\".concat(isExpert ? \"이용하기\" : \"자료 찾기\"),\n                        variant: \"soft\",\n                        size: \"large\",\n                        onClick: handleUseTicketClick\n                    })\n                ]\n            })\n        ]\n    });\n};\nconst PassCardListContainer = styled.div.withConfig({\n    componentId: \"sc-fb86f380-1\"\n})(_templateObject1());\nconst PassCardGridLayout = styled.div.withConfig({\n    componentId: \"sc-fb86f380-2\"\n})(_templateObject2());\nexport const PassCardContainer = styled.div.withConfig({\n    componentId: \"sc-fb86f380-3\"\n})(_templateObject3(), (props)=>props.theme.new.colors.sol_gray_100);\nexport const AddPassCardContainer = styled(PassCardContainer).withConfig({\n    componentId: \"sc-fb86f380-4\"\n})(_templateObject4());\nexport const BottomLayout = muiStyled(\"div\")((param)=>{\n    let { theme  } = param;\n    return {\n        display: \"flex\",\n        gap: \"8px\",\n        justifyContent: \"end\",\n        alignItems: \"flex-end\",\n        [theme.breakpoints.down(\"sm\")]: {\n            \"> button\": {\n                width: \"50%\"\n            }\n        }\n    };\n});\nexport const DashedPassCardContainer = styled(PassCardContainer).withConfig({\n    componentId: \"sc-fb86f380-5\"\n})(_templateObject5());\nexport const DisabledPassCardContainer = muiStyled(PassCardContainer)((param)=>{\n    let { theme  } = param;\n    return {\n        backgroundColor: theme.palette.grey[0],\n        cursor: \"not-allowed\",\n        pointerEvents: \"none\",\n        justifyContent: \"start !important\",\n        gap: \"8px\",\n        minHeight: \"212px\",\n        \"> p\": {\n            color: theme.palette.grey[300]\n        },\n        [theme.breakpoints.down(\"sm\")]: {\n            minHeight: \"inherit\"\n        }\n    };\n});\nconst CardTextInformation = muiStyled(\"div\")(_templateObject6());\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Accordions, AccordionsContainer } from \"@/components/common/Accordian\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowDown, Sizes } from \"@/components/icon/IconList\";\nimport { PassDialogButton, PassDialogButtonContainer } from \"@/components/Package\";\nimport useRedirect from \"@/hooks/useRedirect\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { SUBSCRIBE_CANCEL } from \"@/settings/constant\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Typography, useTheme } from \"@mui/material\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useRouter } from \"next/router\";\nimport { useState } from \"react\";\nimport { getMemberships } from \"../../../api/membership\";\nimport { PassInfoModal } from \"../PassInfoModal\";\nimport { SubscribeDialog } from \"../SubscribeToPass/SubscribeDialog\";\nimport { EmptyPass } from \"./EmptyPass\";\nimport { AddPassCard, ExpiredPassCard, MyPassPageContainer, PassCardList, UsingPassCard } from \"./PassCard\";\nexport const MyPassContents = (param)=>{\n    let {} = param;\n    var _subscribeInfoModal_data, _subscribeInfoModal_data1;\n    const theme = useTheme();\n    const { user , isLoggedIn  } = useAuthStore();\n    const { push  } = useRouter();\n    const [subscribeInfoModal, setSubscribeInfoModal] = useState({\n        open: false,\n        data: null\n    });\n    const { redirectToLogin  } = useRedirect();\n    const { data: userPassesData  } = useQuery([\n        \"userPasses\",\n        user\n    ], ()=>getMemberships({}), {\n        retry: false,\n        onError: (error)=>{\n            if (error.response.status === 401) {\n                redirectToLogin();\n            }\n        }\n    });\n    if (!userPassesData) return /*#__PURE__*/ _jsx(EmptyPass, {});\n    return /*#__PURE__*/ _jsxs(MyPassPageContainer, {\n        children: [\n            userPassesData.unexpired.length > 0 ? /*#__PURE__*/ _jsxs(PassCardList, {\n                title: \"등록된 이용권\",\n                children: [\n                    userPassesData.unexpired.map((pass, index)=>{\n                        return /*#__PURE__*/ _jsx(UsingPassCard, {\n                            data: pass,\n                            setSubscribeInfoModal: setSubscribeInfoModal\n                        }, index);\n                    }),\n                    /*#__PURE__*/ _jsx(AddPassCard, {})\n                ]\n            }) : /*#__PURE__*/ _jsx(EmptyPass, {}),\n            userPassesData.expired.length > 0 && /*#__PURE__*/ _jsx(AccordionsContainer, {\n                defaultExpandIcon: /*#__PURE__*/ _jsx(Icon, {\n                    icon: ArrowDown,\n                    color: theme.palette.text.secondary,\n                    size: Sizes.xmedium\n                }),\n                children: /*#__PURE__*/ _jsxs(Accordions, {\n                    id: \"1\",\n                    sx: {\n                        padding: 0,\n                        boxShadow: \"none\"\n                    },\n                    defaultExpandedId: \"1\",\n                    children: [\n                        /*#__PURE__*/ _jsx(Accordions.Summary, {\n                            sx: {\n                                ...theme.typography.h6,\n                                color: theme.palette.text.secondary,\n                                justifyContent: \"start\",\n                                gap: \"8px\",\n                                flexGrow: \"inherit\"\n                            },\n                            onClick: ()=>{\n                                mixpanelEvent(\"Toggle Button Clicked\", {\n                                    Position: \"이용권 관리\",\n                                    \"Button Name\": \"만료된 이용권\"\n                                });\n                            },\n                            children: \"만료된 이용권\"\n                        }),\n                        /*#__PURE__*/ _jsx(Accordions.Details, {\n                            children: /*#__PURE__*/ _jsx(PassCardList, {\n                                title: \"\",\n                                children: userPassesData.expired.map((pass, index)=>{\n                                    return /*#__PURE__*/ _jsx(ExpiredPassCard, {\n                                        title: pass.productInfo.title,\n                                        expiredReason: pass.expiredReason,\n                                        data: pass\n                                    }, index);\n                                })\n                            })\n                        })\n                    ]\n                })\n            }),\n            /*#__PURE__*/ _jsx(PassInfoModal, {}),\n            /*#__PURE__*/ _jsx(SubscribeDialog, {\n                open: subscribeInfoModal.open,\n                onClose: ()=>setSubscribeInfoModal((prev)=>({\n                            ...prev,\n                            open: false\n                        })),\n                contentInfo: {\n                    ...subscribeInfoModal === null || subscribeInfoModal === void 0 ? void 0 : (_subscribeInfoModal_data = subscribeInfoModal.data) === null || _subscribeInfoModal_data === void 0 ? void 0 : _subscribeInfoModal_data.productInfo,\n                    expiredAt: subscribeInfoModal === null || subscribeInfoModal === void 0 ? void 0 : (_subscribeInfoModal_data1 = subscribeInfoModal.data) === null || _subscribeInfoModal_data1 === void 0 ? void 0 : _subscribeInfoModal_data1.expiredAt\n                },\n                footer: /*#__PURE__*/ _jsxs(PassDialogButtonContainer, {\n                    children: [\n                        /*#__PURE__*/ _jsx(Button, {\n                            variant: \"strokeSecondary\",\n                            onClick: ()=>{\n                                setSubscribeInfoModal((prev)=>({\n                                        ...prev,\n                                        open: false\n                                    }));\n                                push(SUBSCRIBE_CANCEL);\n                            },\n                            sx: {\n                                width: \"100%\"\n                            },\n                            children: /*#__PURE__*/ _jsx(Typography, {\n                                variant: \"semibold16\",\n                                color: \"gray.500\",\n                                children: \"해지 신청하기\"\n                            })\n                        }),\n                        /*#__PURE__*/ _jsx(PassDialogButton, {\n                            variant: \"solid\",\n                            onClick: ()=>{\n                                setSubscribeInfoModal((prev)=>({\n                                        ...prev,\n                                        open: false\n                                    }));\n                            },\n                            children: \"확인\"\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  @media (max-width: 1200px) {\\n    margin-top: 28px;\\n  }\\n  @media (max-width: 768px) {\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { MyPassContents } from \"@/components/Package/MyPass/MyPassContents\";\nimport { MyPageLayout } from \"@/containers/Layout/MyPage/Layout\";\nimport { MySolvookLayout } from \"@/containers/Layout/MyPage/MySolvookLayout\";\nimport { CategoryName } from \"@/modules/mypages/libraries/views/LibraryListView\";\nimport styled from \"styled-components\";\nimport { MyPageWrapper } from \"..\";\nconst MyPassNextPage = (param)=>{\n    let {} = param;\n    return /*#__PURE__*/ _jsx(MyPageWrapper, {\n        children: /*#__PURE__*/ _jsx(MyPageLayout, {\n            children: /*#__PURE__*/ _jsx(MySolvookLayout, {\n                children: /*#__PURE__*/ _jsxs(MyPassPageContainer, {\n                    children: [\n                        /*#__PURE__*/ _jsx(CategoryName, {\n                            children: \"이용권 관리\"\n                        }),\n                        /*#__PURE__*/ _jsx(MyPassContents, {})\n                    ]\n                })\n            })\n        })\n    });\n};\nexport default MyPassNextPage;\nconst MyPassPageContainer = styled.div.withConfig({\n    componentId: \"sc-27cb24b1-0\"\n})(_templateObject());\n"],"names":[],"sourceRoot":""}