import{r as m,j as t}from"./react-WWJ_A68P.js";import{i as w}from"./@fxts-cXD7MMns.js";import{u as v}from"./react-router-dom-B4YB8MrN.js";import{a as s,W as y,aW as q,T as S,af as k,U as C,aX as L}from"./index-BPJ5U2d6.js";import{u as I}from"./useInfiniteBoardArticleList-CMBoDNKs.js";import{u as N}from"./useInput-DBpVLyZx.js";import{d as o}from"./styled-components-BHeWolSk.js";import"./call-bind-oCmkau44.js";import"./get-intrinsic-BKEvijrG.js";import"./es-errors-DzOT6E3C.js";import"./has-symbols-eVqrYdw7.js";import"./has-proto-JnoBQRdH.js";import"./function-bind-BbkWVFrm.js";import"./hasown-DYqjtFKE.js";import"./set-function-length-B5OANX0j.js";import"./define-data-property-DO9o5wXF.js";import"./es-define-property-tzmkNPou.js";import"./gopd-CEkvUycD.js";import"./has-property-descriptors-DphFXkuo.js";import"./react-dom-CvjNlBjt.js";import"./scheduler-CzFDRTuY.js";import"./react-router-BOGNRwMt.js";import"./@remix-run-DhIrJP8L.js";import"./@tanstack-BR86rpua.js";import"./react-helmet-async-jeYtsOp6.js";import"./react-fast-compare-Dxyd5FYM.js";import"./invariant-Bm-uj-iG.js";import"./shallowequal-F1vAqOm6.js";import"./react-redux-DlpFpBQ0.js";import"./use-sync-external-store-KK8Bpy9o.js";import"./redux-persist-Cbb21slr.js";import"./redux-DITMfSWq.js";import"./usehooks-ts-CCkIaz9n.js";import"./lodash.debounce-CDHjgjOA.js";import"./framer-motion-DbOul5S8.js";import"./axios-Da_2YOEl.js";import"./dayjs-CZ9ViMNG.js";import"./crypto-js-C0tVhymU.js";import"./universal-cookie-Cmu-M0pA.js";import"./react-error-boundary-DEyRbsfJ.js";import"./dompurify-CqxHTgmJ.js";import"./react-device-detect-BAEcyX2V.js";import"./ua-parser-js-BBZA8f28.js";import"./qs-LNWgR29u.js";import"./side-channel-CpYS7sho.js";import"./object-inspect-CL2AiSqO.js";import"./@reduxjs-DYPsSoVN.js";import"./immer-DqxjFn0G.js";import"./redux-thunk-ClJT1hhx.js";import"./redux-logger-B8JP_rc7.js";import"./qrcode.react-CJWQPexu.js";import"./swiper-DLv7ejQn.js";import"./@hookform-Dc6jS12O.js";import"./react-hook-form-BJXGuiwr.js";import"./@marsidev-F19kFZ1X.js";import"./currency.js-9OAR_aOO.js";import"./react-select-CI241hL_.js";import"./@babel-CabbEptY.js";import"./@emotion-DwO3GsBP.js";import"./hoist-non-react-statics-Buxaj0Kl.js";import"./react-is-8JwjhRSi.js";import"./stylis-YPZU7XtI.js";import"./@floating-ui-NvD4EidW.js";import"./use-isomorphic-layout-effect-MPmsYcaj.js";import"./memoize-one-BdPwpGay.js";import"./styled-reset-B7ZXsPC1.js";/* empty css                   */const z=o.div`
    background: #fff;
    padding-bottom: 27px;
    padding: 0 20px;
`,E=o.h1`
    font-size: 1.8rem;
    ${s.bold};
    margin: 12px 0;
`,P=o.ul`
    list-style: none;
    animation: ${y} 0.3s ease-in-out;
`,T=o.li`
    border-bottom: 1px solid #e9eaef;
    width: 100%;
    cursor: pointer;

    img,
    video,
    iframe {
        max-width: 100%;
    }

    h4 {
        font-size: 1.4rem;
    }

    &:last-child {
        margin-left: -20px;
        width: calc(100% + 40px);
        padding: 0 20px;
    }
`,A=o.div`
    font-size: 1.4rem;
    color: var(--color-textGray);
    margin-top: 0px;
    width: 100%;
    padding-bottom: 20px;
`,B=o.button`
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    gap: 4px;
    font-size: 1.5rem;
    ${s.regular};
    width: 100%;
    background: #fff;

    > svg {
        margin-bottom: 2px;
    }
`,W=o.form`
    padding: 8px 0;
`,$=o.label`
    border-radius: 100px;
    border: 1px solid #e9eaef;
    padding: 16px 16px 14px 16px;
    width: 100%;
    height: 48px;
    margin: 0 auto;
    display: flex;
    align-items: center;

    > svg {
        margin-right: 10px;
    }

    input {
        width: 100%;
        padding-top: 2px;
        &::placeholder {
            font-size: 1.5rem;
            color: #b3b4b9;
        }
    }
`,D=o.div`
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: center;
    color: var(--color-textGray);
    font-size: 1.3rem;
    ${s.regular};
    padding: 48px 0 218px;
    span {
        text-decoration: underline;
    }
`,r={FaqContainer:z,FaqTitle:E,FaqList:P,FaqItem:T,FaqAnswer:A,FaqButton:B,FormContainer:W,SearchInputLabel:$,FaqServiceNumber:D},M=a=>m.createElement("svg",{width:20,height:21,viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},m.createElement("path",{d:"M16 7.66699L10 13.667L4 7.66699",stroke:"#232634",strokeWidth:1.6,strokeLinecap:"round",strokeLinejoin:"round"})),tr=()=>{var d;const[a,l]=v({keyword:""}),{value:c,onChange:x,setValue:h}=N(""),i=a.get("keyword")||"",{data:e,fetchNextPage:u,hasNextPage:g,isFetched:f}=I({boardNo:L.FAQ,searchParams:{pageNumber:1,pageSize:26,keyword:i,hasTotalCount:!0}});m.useEffect(()=>{i&&h(i)},[i]);const j=p=>{p.preventDefault(),l({keyword:c},{replace:!0})},b=()=>{u()},F=w((d=e==null?void 0:e.pages[0])==null?void 0:d.data.items[0]);return t.jsxs(r.FaqContainer,{children:[t.jsx(r.FormContainer,{onSubmit:j,children:t.jsxs(r.SearchInputLabel,{children:[t.jsx(q,{}),t.jsx("input",{placeholder:"검색어를 입력해주세요",onChange:x,value:c})]})}),t.jsx(r.FaqTitle,{children:"자주 묻는 질문"}),f?F?t.jsx(S,{text:i?"검색 결과가 없습니다.":"등록된 FAQ가 없습니다."}):t.jsxs(t.Fragment,{children:[t.jsx(r.FaqList,{children:e==null?void 0:e.pages.map(p=>p.data.items.map(n=>t.jsx(r.FaqItem,{children:t.jsx(k,{title:n.title,children:t.jsx(r.FaqAnswer,{dangerouslySetInnerHTML:{__html:n.content}})})},n.articleNo)))}),g&&t.jsxs(r.FaqButton,{onClick:b,children:[t.jsx("span",{children:"더보기"}),t.jsx(M,{})]}),t.jsxs(r.FaqServiceNumber,{children:[t.jsx("h2",{children:"해피마켓 고객센터 문의"}),t.jsx("a",{href:"tel:1577-8450",children:t.jsx("span",{children:"1577-8450"})})]})]}):t.jsx(C,{})]})};export{tr as default};