PageSourceSearch

https://addct.kr/_next/static/chunks/pages/mypage-94111b3d0669e019.js

js addct.kr collected 2026-10-10 01:03:09 UTC 38,481 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1859],{12546:(e,n,t)=>{"use strict";t.r(n),t.d(n,{__N_SSG:()=>K,default:()=>J});var r=t(28888),a=t(37876),i=t(73553),l=t(12375),s=t(72824),o=t(52506),c=t(64307),d=t(78028),u=t(48230),m=t.n(u),h=t(89099),p=t.n(h),f=t(14232),x=t(77908),g=t(85664);let y=(0,g.eU)({key:"CurrentLabelAtom",default:""}),v=(0,g.eU)({key:"NextLabelAtom",default:""}),j=(0,g.eU)({key:"AmountDifference",default:0});var b=t(55650);function N(){let e=(0,r._)(["\n  margin-top: 1.33333rem;\n  @media (min-width: 1367px) {\n    margin-top: 0;\n  }\n"]);return N=function(){return e},e}function w(){let e=(0,r._)(["\n  display: flex;\n  border: 1px solid #000;\n"]);return w=function(){return e},e}function k(){let e=(0,r._)(["\n  display: block;\n  width: calc(100% / 3);\n  padding: 2rem 0;\n  text-align: center;\n  color: inherit;\n  text-decoration: none;\n\n  .inner {\n    display: block;\n  }\n\n  &:nth-of-type(2n) .inner {\n    border-left: 1px solid #eee;\n    border-right: 1px solid #eee;\n  }\n\n  span {\n    display: block;\n\n    &:first-of-type {\n      font-size: 1.33333rem;\n      font-weight: 600;\n      line-height: normal;\n      color: #000;\n    }\n\n    &:last-of-type {\n      margin-top: 0.66666rem;\n      font-size: 0.93333rem;\n      font-weight: 400;\n      line-height: normal;\n      color: #000;\n    }\n  }\n\n  .quantity::after {\n    content: '개';\n  }\n\n  .amt::after {\n    content: 'P';\n    font-size: 0.8rem;\n    font-weight: 400;\n    line-height: normal;\n    color: #000;\n    padding-left: 0.26666rem;\n  }\n\n  .count::after {\n    content: '건';\n  }\n\n  .no-values {\n    animation: rotate_number 1s linear infinite;\n    transform-origin: 50% 50%;\n  }\n\n  @keyframes rotate_number {\n    100% {\n      transform: rotateY(360deg);\n    }\n  }\n\n  @media (min-width: 1367px) {\n    span {\n      &:first-of-type {\n        font-size: 1.17647rem;\n      }\n\n      &:last-of-type {\n        margin-top: 0.58823rem;\n        font-size: 0.82352rem;\n      }\n    }\n\n    .amt::after {\n      font-size: 0.70588rem;\n      padding-left: 0.52941rem;\n    }\n  }\n"]);return k=function(){return e},e}let C=1e3/60,_=Math.round(2e3/(1e3/60)),E=(0,s.AH)(N()),A=(0,s.AH)(w()),D=(0,s.AH)(k()),R=e=>{let{myInformation:n}=e,t=(0,h.useRouter)(),[r,i]=(0,f.useState)(null),[l,s]=(0,f.useState)(null),[o,c]=(0,f.useState)(null);return(0,f.useEffect)(()=>{if(!t.isReady)return;let e=0,r=setInterval(()=>{let t=(e=>1===e?1:1-Math.pow(2,-10*e))(++e/_);n&&(i(Math.round(n.couponeData.totalCount*t)),s(Math.round(n.accumulationsData.totalAvailableAmt*t)),c(Math.round((e=>e.deliveryDoneCnt+e.exchangeDoneCnt+e.returnProcessingCnt+e.productPrepareCnt+e.deliveryIngCnt+e.cancelProcessingCnt+e.payDoneCnt+e.deliveryPrepareCnt+e.buyConfirmCnt+e.depositWaitCnt+e.cancelDoneCnt+e.returnDoneCnt+e.exchangeProcessingCnt)(n.statusData)*t))),1===t&&clearInterval(r)},C);return()=>clearInterval(r)},[n,t.isReady]),(0,a.jsx)("section",{className:E,children:(0,a.jsx)("nav",{className:A,children:[{className:"quantity",href:"/mypage/coupons",label:"쿠폰",value:r},{className:"amt",href:"/mypage/mileage",label:"적립금",value:l},{className:"count",href:"/mypage/orders",label:"총 주문",value:o}].map(e=>(0,a.jsx)(m(),{className:D,href:e.href,children:(0,a.jsxs)("span",{className:"inner",children:[null!==e.value?(0,a.jsx)("span",{className:e.className,children:e.value.toLocaleString()}):(0,a.jsx)("span",{className:"no-values",children:"0"}),(0,a.jsx)("span",{children:e.label})]})},e.label))})})};var S=t(68811);function T(){let e=(0,r._)(["\n          padding: 0 2rem;\n          @media (min-width: 768.98px) {\n            padding: 0;\n          }\n        "]);return T=function(){return e},e}function I(){let e=(0,r._)(["\n          @media (min-width: 1367px) {\n            display: none;\n          }\n        "]);return I=function(){return e},e}function P(){let e=(0,r._)(["\n            display: inline-flex;\n            align-items: center;\n          "]);return P=function(){return e},e}function q(){let e=(0,r._)(["\n              font-size: 1.06666rem;\n              font-weight: 600;\n              line-height: normal;\n              color: #000;\n              margin-right: 0.53333rem;\n            "]);return q=function(){return e},e}function z(){let e=(0,r._)(["\n              font-size: 0.66666rem;\n              font-weight: 400;\n              line-height: normal;\n              color: #fff;\n              background-color: #000;\n              padding: 0.33333rem;\n            "]);return z=function(){return e},e}function M(){let e=(0,r._)(["\n        @media (min-width: 1367px) {\n          display: none;\n        }\n      "]);return M=function(){return e},e}function L(){let e=(0,r._)(["\n          border: 1px solid #000;\n          .mypage-status-window {\n            padding: 1.73333rem 1.46666rem;\n            display: flex;\n            align-items: center;\n            max-width: 500px;\n            max-height: 13.33333rem;\n            margin: 0 auto;\n            & > div {\n              width: calc(100% / 2);\n            }\n            .video {\n              height: 8.66666rem;\n              video {\n                width: 100%;\n                height: 100%;\n              }\n            }\n            .information {\n              margin-left: 0.93333rem;\n              text-align: center;\n              .label {\n                span {\n                  display: block;\n                  font-size: 0.73333rem;\n                  font-weight: 400;\n                  line-height: normal;\n                  color: #000;\n                }\n              }\n              .name {\n                margin-top: 0.93333rem;\n                span {\n                  font-size: 1.06666rem;\n                  font-weight: 600;\n                  line-height: normal;\n                  color: #000;\n                }\n              }\n              .grade {\n                margin-top: 0.46666rem;\n                span {\n                  font-size: 0.8rem;\n                  font-weight: 400;\n                  line-height: normal;\n                  color: #000;\n                }\n                .current-label {\n                  font-weight: 600;\n                  &::after {\n                    content: '|';\n                    padding: 0 0.4rem;\n                  }\n                }\n              }\n              .membership {\n                margin-top: 1.33333rem;\n                a {\n                  max-width: 8.66666rem;\n                  display: block;\n                  border: 1px solid #555;\n                  font-size: 0.93333rem;\n                  font-weight: 400;\n                  line-height: normal;\n                  color: #000;\n                  padding: 0.53333rem 0;\n                  margin: 0 auto;\n                }\n              }\n            }\n          }\n        "]);return L=function(){return e},e}function O(){let e=(0,r._)(["\n        margin-top: 2.66666rem;\n        @media (min-width: 1367px) {\n          margin-top: 2.35294rem;\n        }\n      "]);return O=function(){return e},e}function H(){let e=(0,r._)(["\n          font-size: 1.06666rem;\n          font-weight: 600;\n          line-height: normal;\n          color: #000;\n          padding-bottom: 0.93333rem;\n          border-bottom: 2px solid #000;\n          @media (min-width: 1367px) {\n            font-size: 1.17647rem;\n            padding-bottom: 0.82352rem;\n          }\n        "]);return H=function(){return e},e}function Y(){let e=(0,r._)(["\n          margin-top: 0.8rem;\n          & > a {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          }\n          @media (min-width: 1367px) {\n            margin-top: 0.823529rem;\n          }\n        "]);return Y=function(){return e},e}function U(){let e=(0,r._)(["\n              & > span {\n                &:first-of-type {\n                  font-size: 0.93333rem;\n                  font-weight: 500;\n                  line-height: normal;\n                  color: #000;\n                }\n                &:last-of-type {\n                  font-size: 0.8rem;\n                  font-weight: 400;\n                  line-height: normal;\n                  color: #000;\n                  b {\n                    font-weight: 600;\n                  }\n                }\n              }\n              @media (min-width: 1367px) {\n                & > span {\n                  &:first-of-type {\n                    font-size: 0.94117rem;\n                  }\n                  &:last-of-type {\n                    font-size: 0.82352rem;\n                  }\n                }\n              }\n            "]);return U=function(){return e},e}function B(){let e=(0,r._)(["\n          margin-top: 2rem;\n          display: flex;\n          align-items: center;\n          & > li {\n            width: calc(100% / 5);\n            text-align: center;\n            cursor: pointer;\n            div {\n              display: inline-block;\n              span {\n                display: block;\n                &:first-of-type {\n                  font-size: 1.33333rem;\n                  font-weight: 500;\n                  line-height: normal;\n                  color: #888;\n                }\n                &:last-of-type {\n                  margin-top: 1.33333rem;\n                  font-size: 0.8rem;\n                  font-weight: 500;\n                  line-height: normal;\n                  color: #888;\n                }\n              }\n              .no-values {\n                animation: rotate_number 1s linear infinite;\n                transform-origin: 50% 50%;\n                @keyframes rotate_number {\n                  100% {\n                    transform: rotateY(360deg);\n                  }\n                }\n              }\n            }\n            .active {\n              span {\n                &:first-of-type {\n                  color: #000;\n                }\n                &:last-of-type {\n                  color: #000;\n                }\n              }\n            }\n          }\n          @media (min-width: 1367px) {\n            margin-top: 2.35294rem;\n            & > li {\n              div {\n                span {\n                  &:first-of-type {\n                    font-size: 1.29411rem;\n                  }\n                  &:last-of-type {\n                    margin-top: 1.05882rem;\n                    font-size: 0.94117rem;\n                  }\n                }\n              }\n            }\n          }\n        "]);return B=function(){return e},e}function G(){let e=(0,r._)(["\n          margin-top: 2rem;\n          border: 1px solid #888;\n          display: flex;\n          & > li {\n            width: calc(100% / 3);\n            padding: 0.66666rem;\n            &:nth-of-type(2n) {\n              border-left: 1px solid #888;\n              border-right: 1px solid #888;\n            }\n            & > a {\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              & > span {\n                font-size: 0.93333rem;\n                font-weight: 400;\n                line-height: normal;\n                color: #000;\n              }\n              & > .no-values {\n                animation: rotate_number 1s linear infinite;\n                transform-origin: 50% 50%;\n                @keyframes rotate_number {\n                  100% {\n                    transform: rotateY(360deg);\n                  }\n                }\n              }\n            }\n          }\n          @media (min-width: 1367px) {\n            margin-top: 2.35294rem;\n            & > li {\n              padding: 0.73529rem 0.58823rem;\n              & > a {\n                & > span {\n                  &:first-of-type {\n                    font-size: 0.88235rem;\n                  }\n                  &:last-of-type {\n                    font-size: 0.82352rem;\n                  }\n                }\n              }\n            }\n          }\n        "]);return G=function(){return e},e}function W(){let e=(0,r._)(["\n        margin-top: 2.66666rem;\n        @media (min-width: 1367px) {\n          margin-top: 2.35294rem;\n        }\n      "]);return W=function(){return e},e}let F=()=>{let{rUser:e}=(0,o.A)(),[n,t]=(0,f.useState)(""),[r,i]=(0,f.useState)(""),[l,c]=(0,f.useState)(""),[d,u]=(0,f.useState)(""),h=(0,g.v
1c)(y),p=(0,g.vc)(v),x=(0,g.vc)(j);return((0,f.useEffect)(()=>{(null==e?void 0:e.memberGradeName)&&(t(e.memberGradeName),i(e.memberName),c(e.memberId),u(e.email))},[null==e?void 0:e.accessToken,e.email,e.memberGradeName,e.memberId,e.memberName]),""===r&&""===l&&""===d)?(0,a.jsx)(a.Fragment,{}):"ADDCT"===S.IW?(0,a.jsx)("section",{className:(0,s.AH)(I()),children:(0,a.jsxs)("div",{className:(0,s.AH)(P()),children:[(0,a.jsxs)("span",{className:(0,s.AH)(q()),children:[""===r?d:r," 님"]}),(0,a.jsx)("span",{className:(0,s.AH)(z()),children:n})]})}):(0,a.jsx)("section",{className:(0,s.AH)(M()),children:(0,a.jsx)("div",{className:(0,s.AH)(L()),children:(0,a.jsxs)("div",{className:"mypage-status-window",children:[(0,a.jsx)("div",{className:"video",children:(()=>{switch(h){case"씨앗":default:return(0,a.jsx)("video",{playsInline:!0,muted:!0,autoPlay:!0,src:"https://d2awjssdq42p8p.cloudfront.net/parnell/video/media-convert/1d67a537/24f915f4.h264.mp4"});case"새싹":return(0,a.jsx)("video",{playsInline:!0,muted:!0,autoPlay:!0,src:"https://d2awjssdq42p8p.cloudfront.net/parnell/video/media-convert/1e534176/853ea450.h264.mp4"});case"나무":return(0,a.jsx)("video",{playsInline:!0,muted:!0,autoPlay:!0,src:"https://d2awjssdq42p8p.cloudfront.net/parnell/video/media-convert/a03157c6/04a10412.h264.mp4"});case"열매":return(0,a.jsx)("video",{playsInline:!0,muted:!0,autoPlay:!0,src:"https://d2awjssdq42p8p.cloudfront.net/parnell/video/media-convert/8aed9c8f/730b9d77.h264.mp4"})}})()}),(0,a.jsxs)("div",{className:"information",children:[""!==p&&(0,a.jsxs)("div",{className:"label",children:[(0,a.jsxs)("span",{children:["다음 ",p,"까지"]}),(0,a.jsxs)("span",{children:[x.toLocaleString(),"원 남았습니다!"]})]}),(0,a.jsx)("div",{className:"name",children:(0,a.jsxs)("span",{children:[""===r?d:r," 님"]})}),(0,a.jsxs)("div",{className:"grade",children:[(0,a.jsx)("span",{className:"current-label",children:h}),(0,a.jsx)("span",{children:""===l?d:l})]}),(0,a.jsx)("div",{className:"membership",children:(0,a.jsx)(m(),{href:"/membership",children:"멤버쉽 혜택 보기"})})]})]})})})},V=e=>{let{myInformation:n,startYmd:t,endYmd:r,orderRequestTypes:i,setOrderRequestTypes:l}=e,o=(0,h.useRouter)(),[c,d]=(0,f.useState)(null),[u,x]=(0,f.useState)(null),[g,y]=(0,f.useState)(null),[v,j]=(0,f.useState)(null),[b,N]=(0,f.useState)(null),[w,k]=(0,f.useState)(null),[C,_]=(0,f.useState)(null),[E,A]=(0,f.useState)(null),D=1e3/60,R=Math.round(2e3/(1e3/60));(0,f.useEffect)(()=>{if(!o.isReady)return;let e=0,t=setInterval(()=>{let r=(e=>1===e?1:1-Math.pow(2,-10*e))(++e/R);if(n){var a,i,l,s,o,c,u,m,h,p,f,g,v;d(Math.round((null==n||null==(a=n.statusData)?void 0:a.depositWaitCnt)*r)),x(Math.round((null==n||null==(i=n.statusData)?void 0:i.payDoneCnt)*r)),y(Math.round(((null==n||null==(l=n.statusData)?void 0:l.productPrepareCnt)+(null==n||null==(s=n.statusData)?void 0:s.deliveryPrepareCnt))*r)),j(Math.round((null==n||null==(o=n.statusData)?void 0:o.deliveryIngCnt)*r)),N(Math.round(((null==n||null==(c=n.statusData)?void 0:c.deliveryDoneCnt)+(null==n||null==(u=n.statusData)?void 0:u.buyConfirmCnt))*r)),k(Math.round(((null==n||null==(m=n.statusData)?void 0:m.cancelDoneCnt)+(null==n||null==(h=n.statusData)?void 0:h.cancelProcessingCnt))*r)),_(Math.round(((null==n||null==(p=n.statusData)?void 0:p.exchangeDoneCnt)+(null==n||null==(f=n.statusData)?void 0:f.exchangeProcessingCnt))*r)),A(Math.round(((null==n||null==(g=n.statusData)?void 0:g.returnDoneCnt)+(null==n||null==(v=n.statusData)?void 0:v.returnProcessingCnt))*r))}1===r&&clearInterval(t)},D)},[D,n,o.isReady,R]);let S=(0,f.useCallback)(e=>{l(e),p().push("/mypage?orderRequestTypes=".concat(e,"&pageNumber=1"))},[l]);return(0,a.jsxs)("section",{className:(0,s.AH)(O()),children:[(0,a.jsx)("h3",{className:(0,s.AH)(H()),children:"나의 쇼핑 정보"}),(0,a.jsx)("div",{className:(0,s.AH)(Y()),children:(0,a.jsxs)(m(),{href:{pathname:"/mypage/orders",query:{orderRequestTypes:"DEPOSIT_WAIT,PAY_DONE,PRODUCT_PREPARE,DELIVERY_PREPARE,DELIVERY_ING,DELIVERY_DONE,BUY_CONFIRM"}},as:"/mypage/orders",children:[(0,a.jsxs)("div",{className:(0,s.AH)(U()),children:[(0,a.jsx)("span",{children:"주문처리"})," ",(0,a.jsxs)("span",{children:["(최근 ",(0,a.jsx)("b",{children:"3개월"})," 기준)"]})]}
1),(0,a.jsx)("div",{children:(0,a.jsx)("svg",{width:"8",height:"15",viewBox:"0 0 8 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M0.999999 14L7 7.5L1 1",stroke:"black",strokeLinecap:"square"})})})]})}),(0,a.jsxs)("ul",{className:(0,s.AH)(B()),children:[(0,a.jsx)("li",{children:(0,a.jsxs)("div",{onClick:()=>S("DEPOSIT_WAIT"),className:"DEPOSIT_WAIT"===i?"active":"",children:[null!==c?(0,a.jsx)("span",{children:null==c?void 0:c.toLocaleString()}):(0,a.jsx)("span",{className:"no-values",children:"0"}),(0,a.jsx)("span",{children:"주문확인"})]})}),(0,a.jsx)("li",{children:(0,a.jsxs)("div",{onClick:()=>S("PAY_DONE"),className:"PAY_DONE"===i?"active":"",children:[null!==u?(0,a.jsx)("span",{children:null==u?void 0:u.toLocaleString()}):(0,a.jsx)("span",{className:"no-values",children:"0"}),(0,a.jsx)("span",{children:"결제완료"})]})}),(0,a.jsx)("li",{children:(0,a.jsxs)("div",{onClick:()=>S("PRODUCT_PREPARE,DELIVERY_PREPARE"),className:"PRODUCT_PREPARE,DELIVERY_PREPARE"===i?"active":"",children:[null!==g?(0,a.jsx)("span",{children:null==g?void 0:g.toLocaleString()}):(0,a.jsx)("span",{className:"no-values",children:"0"}),(0,a.jsx)("span",{children:"상품준비중"})]})}),(0,a.jsx)("li",{children:(0,a.jsxs)("div",{onClick:()=>S("DELIVERY_ING"),className:"DELIVERY_ING"===i?"active":"",children:[null!==v?(0,a.jsx)("span",{children:null==v?void 0:v.toLocaleString()}):(0,a.jsx)("span",{className:"no-values",children:"0"}),(0,a.jsx)("span",{children:"배송중"})]})}),(0,a.jsx)("li",{children:(0,a.jsxs)("div",{onClick:()=>S("DELIVERY_DONE,BUY_CONFIRM"),className:"DELIVERY_DONE,BUY_CONFIRM"===i?"active":"",children:[null!==b?(0,a.jsx)("span",{children:null==b?void 0:b.toLocaleString()}):(0,a.jsx)("span",{className:"no-values",children:"0"}),(0,a.jsx)("span",{children:"배송완료"})]})})]}),(0,a.jsxs)("ul",{className:(0,s.AH)(G()),children:[(0,a.jsx)("li",{children:(0,a.jsxs)(m(),{href:"/mypage/orders?orderRequestTypes=CANCEL_DONE,CANCEL_PROCESSING&startYmd=".concat(t,"&endYmd=").concat(r),children:[(0,a.jsx)("span",{children:"취소"}),null!==w?(0,a.jsx)("span",{children:w.toLocaleString()}):(0,a.jsx)("span",{className:"no-values",children:"0"})]})}),(0,a.jsx)("li",{children:(0,a.jsxs)(m(),{href:"/mypage/orders?orderRequestTypes=EXCHANGE_DONE,EXCHANGE_PROCESSING,EXCHANGE_WAITING&startYmd=".concat(t,"&endYmd=").concat(r),children:[(0,a.jsx)("span",{children:"교환"}),null!==C?(0,a.jsx)("span",{children:C.toLocaleString()}):(0,a.jsx)("span",{className:"no-values",children:"0"})]})}),(0,a.jsx)("li",{children:(0,a.jsxs)(m(),{href:"/mypage/orders?orderRequestTypes=RETURN_DONE,RETURN_PROCESSING&startYmd=".concat(t,"&endYmd=").concat(r),children:[(0,a.jsx)("span",{children:"반품"}),null!==E?(0,a.jsx)("span",{children:E.toLocaleString()}):(0,a.jsx)("span",{className:"no-values",children:"0"})]})})]})]})},X=e=>{let{pageNumber:n,setPageNumber:t,orderRequestTypes:r,setOrderRequestTypes:u}=e,m=(0,h.useRouter)(),x=(0,i.dj)(),{rUser:g}=(0,o.A)(),[y,v]=(0,f.useState)(null),[j,b]=(0,f.useState)(!1),[N,w]=(0,f.useState)(!1);(0,f.useEffect)(()=>{(async()=>{if(m.isReady){w(!0),u(m.query.orderRequestTypes?String(m.query.orderRequestTypes).toUpperCase():"DEPOSIT_WAIT"),t(m.query.pageNumber?Number(m.query.pageNumber):1);try{let e=await (0,d.A)({url:"/api/mypage/info",method:"get",headers:{accessToken:null==g?void 0:g.accessToken},params:{orderRequestTypes:m.query.orderRequestTypes?String(m.query.orderRequestTypes).toUpperCase():"DEPOSIT_WAIT",pageNumber:m.query.pageNumber?Number(m.query.pageNumber):1,pageSize:3,hasTotalCount:!0}});v(e.data),w(!1)}catch(e){console.error(e)}}})()},[!0,null==g?void 0:g.accessToken,m.isReady,m.query.orderRequestTypes,m.query.pageNumber,u,t]);let k=(0,f.useCallback)(async e=>{try{b(!0);let n=await (0,d.A)({url:"/api/mypage/buy-confirm",method:"post",headers:{accessToken:null==g?void 0:g.accessToken},data:{orderOptionNo:e}});200===n.status&&(x({title:"구매확정",description:"구매확정으로 변경됩니다.",status:"success",duration:1e3,isClosable:!0}),setTimeout(()=>{b(!1),p().reload()},1e3))}catch(e){console.error(e)}},[null==g?void 0:g.accessToken,x]),C=(0,f.useCallback)(async(e,n)=>{try{b(!0);let t=await (0,d.A)({url:"/api/mypage/cancel-withdraw",method:"post",headers:{accessToken:null==g?void 0:g.accessToken},data:{orderOptionNo:e}});200===t.status&&(x({title:"".concat(n),description:"".concat(n," 취소를 성공했습니다."),status:"success",duration:1e3,isClosable:!0}),setTimeout(()=>{b(!1),p().reload()},1e3))}catch(e){console.error(e)}},[null==g?void 0:g.accessToken,x]),{pagination:_}=(0,c.W)({id:"/mypage",page:{index:n,rowSize:3,totalRowSize:(null==y?void 0:y.totalCount)?null==y?void 0:y.totalCount:1}});return(0,a.jsxs)("section",{className:(0,s.AH)(W()),children:[(0,a.jsx)(l.A,{data:y,isLoading:j,isDataLoading:N,page:"/mypage",purchaseConfirmationFunction:k,claimCancellationFunction:C}),null!==y&&(0,a.jsx)(a.Fragment,{children:y.items.length>0&&!1===N&&(0,a.jsx)(c.d,{id:_.id,linkLoader:e=>"/mypage?orderRequestTypes=".concat(m.query.orderRequestTypes?String(m.query.orderRequestTypes):r,"&pageNumber=").concat(e),css:"\n                margin-top: 3.33333rem;\n                @media (min-width: 1367px) {\n                  margin-top: 4.70588rem;\n                }\n              "})})]})};var K=!0;let J=()=>{let{rUser:e}=(0,o.A)(),n=(0,h.useRouter)(),t=(0,i.dj)(),[r,l]=(0,f.useState)(""),[c,u]=(0,f.useState)(""),[m,g]=(0,f.useState)(null),[y,v]=(0,f.useState)(n.query.pageNumber?Number(n.query.pageNumber):1),[j,N]=(0,f.useState)(n.query.orderRequestTypes?String(n.query.orderRequestTypes):"DEPOSIT_WAIT");return(0,f.useEffect)(()=>{(null==e?void 0:e.accessToken)===""&&(t({title:"로그인 인증 만료",description:"로그인 페이지로 이동합니다.",status:"error",duration:3e3,isClosable:!0}),p().replace({pathname:"/member/login",query:{returnUri:"/mypage"}}))},[null==e?void 0:e.accessToken,t]),(0,f.useEffect)(()=>{let e=new Date,n=e.getFullYear(),t=("0"+(e.getMonth()+1)).slice(-2),r=("0"+e.getDate()).slice(-2),a=new Date,i=new Date(a.setMonth(a.getMonth()-3)),s=i.getFullYear();l(s+"-"+("0"+(i.getMonth()+1)).slice(-2)+"-"+("0"+i.getDate()).slice(-2)),u(n+"-"+t+"-"+r)},[]),(0,f.useEffect)(()=>{(async()=>
1{if(n.isReady)try{let n=await (0,d.A)({url:"/api/mypage",method:"get",headers:{accessToken:null==e?void 0:e.accessToken}});g(n.data)}catch(e){console.error(e)}})()},[null==e?void 0:e.accessToken,n.isReady]),(0,a.jsx)(b.A,{title:"MY PAGE",aside:!0,maxWidth:!0,children:(0,a.jsxs)("article",{className:(0,s.AH)(T()),children:[(0,a.jsx)(F,{}),(0,a.jsx)(R,{myInformation:m}),(0,a.jsx)(V,{myInformation:m,startYmd:r,endYmd:c,orderRequestTypes:j,setOrderRequestTypes:N}),(0,a.jsx)(X,{pageNumber:y,setPageNumber:v,orderRequestTypes:j,setOrderRequestTypes:N}),(0,a.jsx)(x.A,{})]})})}},17923:(e,n,t)=>{"use strict";t.d(n,{Sc:()=>A});var r=t(14232),a=t(69288),i=t(96622),l=(t(82938),t(25341)),s=t(79865),o=t(23042),c=t(2669),d=t(44349),u=t(80159),m=t(68580),h=t(2656),p={border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"};(0,l.Bv)("span",{baseStyle:p}).displayName="VisuallyHidden",(0,l.Bv)("input",{baseStyle:p}).displayName="VisuallyHiddenInput";var f=t(88199),[x,g]=(0,a.q)({name:"CheckboxGroupContext",strict:!1}),y=e=>e?"":void 0;function v(...e){return function(n){e.some(e=>(null==e||e(n),null==n?void 0:n.defaultPrevented))}}var j=(0,l.Bv)(s.P.svg);function b(e){return r.createElement(j,{width:"1.2em",viewBox:"0 0 12 10",variants:{unchecked:{opacity:0,strokeDashoffset:16},checked:{opacity:1,strokeDashoffset:0,transition:{duration:.2}}},style:{fill:"none",strokeWidth:2,stroke:"currentColor",strokeDasharray:16},...e},r.createElement("polyline",{points:"1.5 6 4.5 9 10.5 1"}))}function N(e){return r.createElement(j,{width:"1.2em",viewBox:"0 0 24 24",variants:{unchecked:{scaleX:.65,opacity:0},checked:{scaleX:1,opacity:1,transition:{scaleX:{duration:0},opacity:{duration:.02}}}},style:{stroke:"currentColor",strokeWidth:4},...e},r.createElement("line",{x1:"21",x2:"3",y1:"12",y2:"12"}))}function w({open:e,children:n}){return r.createElement(o.N,{initial:!1},e&&r.createElement(s.P.div,{variants:{unchecked:{scale:.5},checked:{scale:1}},initial:"unchecked",animate:"checked",exit:"unchecked",style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}},n))}function k(e){let{isIndeterminate:n,isChecked:t,...a}=e;return r.createElement(w,{open:t||n},r.createElement(n?N:b,{...a}))}function C(e){e.preventDefault(),e.stopPropagation()}var _=(0,l.Bv)("span",{baseStyle:{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"top",userSelect:"none",flexShrink:0}}),E=(0,l.Bv)("label",{baseStyle:{cursor:"pointer",display:"inline-flex",alignItems:"center",verticalAlign:"top",position:"relative"}}),A=(0,l.Rf)(function(e,n){let t=g(),a={...t,...e},s=(0,l.o5)("Checkbox",a),o=(0,c.MN)(e),{spacing:x="0.5rem",className:j,children:b,iconColor:N,iconSize:w,icon:A=r.createElement(k,null),isChecked:D,isDisabled:R=null==t?void 0:t.isDisabled,onChange:S,inputProps:T,...I}=o,P=D;(null==t?void 0:t.value)&&o.value&&(P=t.value.includes(o.value));let q=S;(null==t?void 0:t.onChange)&&o.value&&(q=function(...e){return function(n){e.forEach(e=>{null==e||e(n)})}}(t.onChange,S));let{state:z,getInputProps:M,getCheckboxProps:L,getLabelProps:O,getRootProps:H}=function(e={}){let{isDisabled:n,isReadOnly:t,isRequired:a,isInvalid:l,id:s,onBlur:o,onFocus:c,"aria-describedby":x}=(0,d.vA)(e),{defaultChecked:g,isChecked:j,isFocusable:b,onChange:N,isIndeterminate:w,name:k,value:_,tabIndex:E,"aria-label":A,"aria-labelledby":D,"aria-invalid":R,...S}=e,T=function(e,n=[]){let t=Object.assign({},e);for(let e of n)e in t&&delete t[e];return t}(S,["isDisabled","isReadOnly","isRequired","isInvalid","id","onBlur","onFocus","aria-describedby"]),I=(0,i.c)(N),P=(0,i.c)(o),q=(0,i.c)(c),[z,M]=(0,r.useState)(!1),[L,O]=(0,r.useState)(!1),[H,Y]=(0,r.useState)(!1),[U,B]=(0,r.useState)(!1);(0,r.useEffect)(()=>(0,f.Y)(M),[]);let G=(0,r.useRef)(null),[W,F]=(0,r.useState)(!0),[V,X]=(0,r.useState)(!!g),K=void 0!==j,J=K?j:V,Q=(0,r.useCallback)(e=>{if(t||n)return void e.preventDefault();K||(J?X(e.target.checked):X(!!w||e.target.checked)),null==I||I(e)},[t,n,J,K,w,I]);(0,u.U)(()=>{G.current&&(G.current.indeterminate=!!w)},[w]),(0,m.w)(()=>{n&&O(!1)},[n,O]),(0,u.U)(()=>{let e=G.current;(null==e?void 0:e.form)&&(e.form.onreset=()=>{X(!!g)})},[]);let Z=n&&!b,$=(0,r.useCallback)(e=>{" "===e.key&&B(!0)},[B]),ee=(0,r.useCallback)(e=>{" "===e.key&&B(!1)},[B]);(0,u.U)(()=>{G.current&&G.current.checked!==J&&X(G.current.checked)},[G.current]);let en=(0,r.useCallback)((e={},r=null)=>({...e,ref:r,"data-active":y(U),"data-hover":y(H),"data-checked":y(J),"data-focus":y(L),"data-focus-visible":y(L&&z),"data-indeterminate":y(w),"data-disabled":y(n),"data-invalid":y(l),"data-readonly":y(t),"aria-hidden":!0,onMouseDown:v(e.onMouseDown,e=>{L&&e.preventDefault(),B(!0)}),onMouseUp:v(e.onMouseUp,()=>B(!1)),onMouseEnter:v(e.onMouseEnter,()=>Y(!0)),onMouseLeave:v(e.onMouseLeave,()=>Y(!1))}),[U,J,n,L,z,H,w,l,t]),et=(0,r.useCallback)((e={},t=null)=>({...T,...e,ref:(0,h.Px)(t,e=>{e&&F("LABEL"===e.tagName)}),onClick:v(e.onClick,()=>{var e;W||(null==(e=G.current)||e.click(),requestAnimationFrame(()=>{var e;null==(e=G.current)||e.focus()}))}),"data-disabled":y(n),"data-checked":y(J),"data-invalid":y(l)}),[T,n,J,l,W]),er=(0,r.useCallback)((e={},r=null)=>({...e,ref:(0,h.Px)(G,r),type:"checkbox",name:k,value:_,id:s,tabIndex:E,onChange:v(e.onChange,Q),onBlur:v(e.onBlur,P,()=>O(!1)),onFocus:v(e.onFocus,q,()=>O(!0)),onKeyDown:v(e.onKeyDown,$),onKeyUp:v(e.onKeyUp,ee),required:a,checked:J,disabled:Z,readOnly:t,"aria-label":A,"aria-labelledby":D,"aria-invalid":R?!!R:l,"aria-describedby":x,"aria-disabled":n,style:p}),[k,_,s,Q,P,q,$,ee,a,J,Z,t,A,D,R,l,x,n,E]),ea=(0,r.useCallback)((e={},t=null)=>({...e,ref:t,onMouseDown:v(e.onMouseDown,C),onTouchStart:v(e.onTouchStart,C),"data-disabled":y(n),"data-checked":y(J),"data-invalid":y(l)}),[J,n,l]);return{state:{isInvalid:l,isFocused:L,isChecked:J,isActive:U,isHovered:H,isIndeterminate:w,isDisabled:n,isReadOnly:t,isRequired:a},getRootProps:et,getCheckboxProps:en,getInputProps:er,getLabelProps:ea,htmlProps:T}}({...I,isDisabled:R,isChecked:P,onChange:q}),Y=(0,r.useMemo)(()=>({opacity:z.isChecked||z.isIndeterminate?1:0,transform:z.isChecked||z.isIndeterminate?"scale(1)":"scale(0.95)",fontSize:w,color:N,...s.icon}),[N,w,z.isChecked,z.isIndeterminate,s.icon]),U=(0,r.cloneElement)(A,{__css:Y,isIndeterminate:z.isIndeterminate,isChecked:z.isChecked});return r.createElement(E,{__css:s.container,className:((...e)=>e.filter(Boolean).join(" "))("chakra-checkbox",j),...H()},r.createElement("input",{className:"chakra-checkbox__input",...M(T,n)}),r.createElement(_,{__css:s.control,className:"chakra-checkbox__control",...L()},U),b&&r.createElement(l.Bv.span,{className:"chakra-checkbox__label",...O(),__css:{marginStart:x,...s.label}},b))});A.displayName="Checkbox"},49185:(e,n,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage",function(){return t(12546)}])},55650:(e,n,t)=>{"use strict";t.d(n,{A:()=>S});var r=t(28888),a=t(37876),i=t(72824),l=t(52506),s=t(48230),o=t.n(s);function c(){let e=(0,r._)(["\n  display: none;\n  min-width: 197px;\n  max-width: 197px;\n  margin-right: 40px;\n  margin-top: 84px;\n\n  @media (min-width: 1367px) {\n    display: block;\n  }\n"]);return c=function(){return e},e}function d(){let e=(0,r._)(["\n  display: inline-flex;\n  align-items: center;\n"]);return d=function(){return e},e}function u(){let e=(0,r._)(["\n  font-size: 22px;\n  font-weight: 600;\n  line-height: 26.4px;\n  color: #000;\n"]);return u=function(){return e},e}function m(){let e=(0,r._)(["\n  margin-left: 12px;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 14.4px;\n  color: #fff;\n  background-color: #000;\n  padding: 6px;\n"]);return m=function(){return e},e}function h(){let e=(0,r._)(["\n  margin-top: 50px;\n"]);return h=function(){return e},e}function p(){let e=(0,r._)(["\n  & + & {\n    margin-top: 50px;\n  }\n\n  h3 {\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 24px;\n    color: #000;\n  }\n\n  a {\n    display: block;\n    margin-top: 24px;\n    font-size: 17px;\n    font-weight: 400;\n    line-height: 20.4px;\n    color: #000;\n  }\n"]);return p=function(){return e},e}let f=()=>(0,a.jsx)("nav",{className:b,"aria-label":"마이페이지 메뉴",children:x.map(e=>(0,a.jsxs)("section",{className:N,children:[(0,a.jsx)("h3",{children:e.title}),(0,a.jsx)("div",{children:e.links.map(e=>(0,a.jsx)(o(),{href:e.href,children:e.label},e.href))})]},e.title))}),x=[{title:"쇼핑 정보",links:[{href:"/mypage/orders",label:"주문 조회"},{href:"/mypage/coupons",label:"쿠폰 내역"},{href:"/mypage/mileage",label:"적립금 내역"},{href:"/mypage/reviews",label:"나의 후기"}]},{title:"나의 활동",links:[{href:"/cart",label:"장바구니"},{href:"/mypage/inquiries",label:"1:1 문의"}]},{title:"나의 정보",links:[{href:"/member/profile",label:"회원 정보 수정"},{href:"/member/update-password",label:"비밀번호 변경"},{href:"/mypage/shipping-address",label:"주소록 관리"},{href:"/member/logout",label:"로그아웃"}]}],g=(0,i.AH)(c()),y=(0,i.AH)(d()),v=(0,i.AH)(u()),j=(0,i.AH)(m()),b=(0,i.AH)(h()),N=(0,i.AH)(p()),w=()=>{let{user:e}=(0,l.A)(),n=e.memberName,t=e.email;return""===n&&""===t?(0,a.jsx)(a.Fragment,{}):(0,a.jsxs)("aside",{id:"mypage-aside",className:g,children:[(0,a.jsxs)("div",{className:y,children:[(0,a.jsxs)("span",{className:v,children:[n||t,"님"]}),(0,a.jsx)("span",{className:j,children:e.memberGradeName})]}),(0,a.jsx)(f,{})]})};var k=t(14232);function C(){let e=(0,r._)(["\n        padding: 2.66666rem 0 5.33333rem;\n        display: flex;\n        flex-wrap: wrap;\n        @media (min-width: 1367px) {\n          padding: 5.88235rem 0 11.7647rem;\n          max-width: 937px;\n          margin: 0 auto;\n        }\n      "]);return C=function(){return e},e}function _(){let e=(0,r._)(["\n              max-width: 700px;\n              margin: 0 auto;\n              @media (min-width: 1367px) {\n                max-width: none;\n              }\n            "]);return _=function(){return e},e}function E(){let e=(0,r._)(["\n              width: 100%;\n            "]);return E=function(){return e},e}function A(){let e=(0,r._)(["\n        /* flex: 1 1 auto; */\n        flex: 1;\n        ","\n      "]);return A=function(){return e},e}function D(){let e=(0,r._)(["\n          text-align: center;\n          width: 100%;\n          padding: 3.333333em 20px 2.66666em;
1\n          p {\n            font-size: 1.333333em;\n            line-height: 1;\n            font-weight: 600;\n          }\n          @media (min-width: 1259.98px) {\n            padding: 6em 20px 1.4em;\n            p {\n              font-size: 1.333333em;\n            }\n          }\n        "]);return D=function(){return e},e}function R(){let e=(0,r._)(["\n        font-size: 1.33333rem;\n        font-weight: 600;\n        line-height: normal;\n        color: #000;\n        text-align: center;\n        margin-bottom: 2.66666rem;\n        @media (min-width: 1367px) {\n          font-size: 1.41176rem;\n          margin-bottom: 3.23529rem;\n        }\n        /* text-align: center;\n        width: 100%;\n        "," */\n      "]);return R=function(){return e},e}let S=e=>{let n=(0,k.useMemo)(()=>{var n;return[...null!=(n=e.className)?n:[],(0,i.AH)(C())].join(" ")},[e.className]);return(0,a.jsxs)("div",{id:"mypage-container",className:n,children:[!0===e.aside&&(0,a.jsx)(w,{}),(0,a.jsx)(T,{title:e.title,mypageChildren:e.children,paddingLR:e.paddingLR,maxWidth:e.maxWidth})]})},T=e=>(0,a.jsxs)("div",{className:(0,i.AH)(A(),!0===e.maxWidth?(0,i.AH)(_()):(0,i.AH)(E())),children:[(0,a.jsx)(I,{title:e.title}),e.mypageChildren]}),I=e=>{let{title:n}=e;return n?(0,a.jsx)("h2",{className:(0,i.AH)(R(),"string"==typeof n&&(0,i.AH)(D())),children:"string"==typeof n?n:""}):null}},77908:(e,n,t)=>{"use strict";t.d(n,{A:()=>h});var r,a=t(28888),i=t(37876),l=t(72824),s=t(48230),o=t.n(s),c=t(14232);function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}let u=function(e){return c.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",width:8,height:16,fill:"none"},e),r||(r=c.createElement("path",{d:"m1 14.656 6-6.5-6-6.5",stroke:"#000",strokeLinecap:"square"})))};function m(){let e=(0,a._)(["\n        margin-top: 4.66666rem;\n        & > h2 {\n          margin-top: 2.66666rem;\n          font-size: 1.06666rem;\n          font-weight: 600;\n          line-height: normal;\n          color: #000;\n          padding-bottom: 1.33333rem;\n          border-bottom: 2px solid #000;\n        }\n        & > nav {\n          ul {\n            li {\n              border-bottom: 1px solid #000;\n              a {\n                padding: 1.4rem 0;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                div {\n                  font-size: 1rem;\n                  font-weight: 400;\n                  line-height: normal;\n                  color: #000;\n                }\n              }\n            }\n          }\n        }\n        @media (min-width: 1367px) {\n          display: none;\n        }\n      "]);return m=function(){return e},e}let h=()=>(0,i.jsxs)("section",{className:(0,l.AH)(m()),children:[(0,i.jsx)("nav",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:(0,i.jsxs)(o(),{href:"/mypage/coupons",children:[(0,i.jsx)("div",{children:"쿠폰 내역"}),(0,i.jsx)(u,{})]})}),(0,i.jsx)("li",{children:(0,i.jsxs)(o(),{href:"/mypage/mileage",children:[(0,i.jsx)("div",{children:"마일리지 내역"}),(0,i.jsx)(u,{})]})}),(0,i.jsx)("li",{children:(0,i.jsxs)(o(),{href:"/mypage/reviews",children:[(0,i.jsx)("div",{children:"나의 후기"}),(0,i.jsx)(u,{})]})})]})}),(0,i.jsx)("h2",{children:"나의 활동"}),(0,i.jsx)("nav",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:(0,i.jsxs)(o(),{href:"/cart",children:[(0,i.jsx)("div",{children:"장바구니"}),(0,i.jsx)(u,{})]})}),(0,i.jsx)("li",{children:(0,i.jsxs)(o(),{href:"/mypage/inquiries",children:[(0,i.jsx)("div",{children:"1:1문의"}),(0,i.jsx)(u,{})]})})]})}),(0,i.jsx)("h2",{children:"나의 정보"}),(0,i.jsx)("nav",{children:(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:(0,i.jsxs)(o(),{href:"/member/profile",children:[(0,i.jsx)("div",{children:"회원 정보 수정"}),(0,i.jsx)(u,{})]})}),(0,i.jsx)("li",{children:(0,i.jsxs)(o(),{href:"/member/update-password",children:[(0,i.jsx)("div",{children:"비밀번호 변경"}),(0,i.jsx)(u,{})]})}),(0,i.jsx)("li",{children:(0,i.jsxs)(o(),{href:"/mypage/shipping-address",children:[(0,i.jsx)("div",{children:"주소록 관리"}),(0,i.jsx)(u,{})]})}),(0,i.jsx)("li",{children:(0,i.jsxs)(o(),{href:"/member/logout",children:[(0,i.jsx)("div",{children:"로그아웃"}),(0,i.jsx)(u,{})]})})]})})]})},82938:(e,n,t)=>{"use strict";t.d(n,{i:()=>i});var r=t(14232),a=t(96622);function i(e){let{value:n,defaultValue:t,onChange:i,shouldUpdate:l=(e,n)=>e!==n}=e,s=(0,a.c)(i),o=(0,a.c)(l),[c,d]=(0,r.useState)(t),u=void 0!==n,m=u?n:c,h=(0,a.c)(e=>{let n="function"==typeof e?e(m):e;o(m,n)&&(u||d(n),s(n))},[u,s,m,o]);return[m,h]}}},e=>{e.O(0,[2273,3661,4307,2375,636,6593,8792],()=>e(e.s=49185)),_N_E=e.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.