https://www.boxful.kr/_next/static/chunks/pages/mypage/payments-51c3437813cea19a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9725],{1640:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/payments",function(){return __webpack_require__(80748)}])},80748:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{GuideContainer:function(){return GuideContainer},ItemContainer:function(){return ItemContainer},ItemInfo:function(){return ItemInfo},ItemList:function(){return ItemList},ItemTitle:function(){return ItemTitle},ServiceStatus:function(){return ServiceStatus},default:function(){return MyPagePayments}});var _swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7297),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893),next_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(41664),next_link__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(67294),src_components_layout__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(77814),src_consts__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(4015),pages_mypage_info__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(45019),pages_product_locker_id___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(30356),styled_components__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(32125),src_utils__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(17333),react_i18next__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(26793);function _templateObject(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 5rem 2rem 0;\n\n  div.row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n"]);return _templateObject=function(){return data},data}function _templateObject1(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  color: ",";\n  margin: 3rem 0 1.2rem;\n"]);return _templateObject1=function(){return data},data}function _templateObject2(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  /* margin-bottom: 3rem; */\n"]);return _templateObject2=function(){return data},data}function _templateObject3(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  /* width: 100%; */\n  width: 100%;\n  padding: 0 2rem;\n  max-width: 100%;\n  min-height: 5rem;\n  border-radius: 1rem;\n  padding: 1.5rem;\n\n  box-shadow: 0px 0px 6px #00000029;\n  > div {\n    display: flex;\n  }\n"]);return _templateObject3=function(){return data},data}function _templateObject4(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  color: ",";\n"]);return _templateObject4=function(){return data},data}function _templateObject5(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  background-color: ",";\n  border-radius: 0.8rem;\n  padding: 1rem;\n  margin: 1rem 0 0.5rem;\n  gap: 0.5rem;\n\n  div {\n    display: flex;\n    align-items: center;\n  }\n\n  p {\n    color: white;\n    margin-left: 0.7rem;\n  }\n"]);return _templateObject5=function(){return data},data}function MyPagePayments(){let{t,i18n}=(0,react_i18next__WEBPACK_IMPORTED_MODULE_9__.$)(),[tab,setTab]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("locker"),[paymentList,setPaymentList]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)([]);return(0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.BP)({type:tab}).then(res=>{setPaymentList(res.success.list)})},[tab]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_layout__WEBPACK_IMPORTED_MODULE_4__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Article,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(pages_mypage_info__WEBPACK_IMPORTED_MODULE_6__.Title,{children:t("mypage.payment.order-summary")}

1),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(pages_product_locker_id___WEBPACK_IMPORTED_MODULE_7__.TabBarContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(pages_product_locker_id___WEBPACK_IMPORTED_MODULE_7__.TabBar,{active:"locker"==tab,onClick:()=>setTab("locker"),children:t("general.locker")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(pages_product_locker_id___WEBPACK_IMPORTED_MODULE_7__.TabBar,{active:"pickup"==tab,onClick:()=>setTab("pickup"),children:t("general.pickup")})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(ItemList,{style:{paddingBottom:"3rem"},children:[0==paymentList.length?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"ko"==i18n.language?"/images/noData/payment.png":"/images/noData/en.svg",style:{width:"100%",maxWidth:"45rem",margin:"auto"}}):null,paymentList.map((data,idx)=>{let good_name=data.good_name.split(" | ");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/mypage/payments/".concat(data.payment_id).concat("fee-payment"==data.type?"?type=fee-payment":""),passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(ItemContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"row",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ItemInfo,{children:(null==data?void 0:data.payment_date)?"".concat((0,src_utils__WEBPACK_IMPORTED_MODULE_8__.kI)(new Date((0,src_utils__WEBPACK_IMPORTED_MODULE_8__.kS)(data.payment_date)),".")," 결제"):null}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ItemInfo,{style:{color:src_consts__WEBPACK_IMPORTED_MODULE_5__.O.gray_30},children:data.payment_no})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ItemTitle,{style:{marginTop:"1.5rem"},children:good_name[0]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"row",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ItemInfo,{style:{marginTop:"0.3rem"},children:"fee-payment"==data.type?"추가 청구 결제":good_name[1]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ItemTitle,{children:"".concat((0,src_utils__WEBPACK_IMPORTED_MODULE_8__.x6)(data.unit_price),"원")})]})]})},idx)})]})]})})}let Article=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.article.withConfig({componentId:"sc-859a6ce4-0"})(_templateObject()),ServiceStatus=(0,styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP)(src_consts__WEBPACK_IMPORTED_MODULE_5__._.caption_1_m.medium).withConfig({componentId:"sc-859a6ce4-1"})(_templateObject1(),src_consts__WEBPACK_IMPORTED_MODULE_5__.O.gray_35),ItemList=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.div.withConfig({componentId:"sc-859a6ce4-2"})(_templateObject2()),ItemContainer=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.div.withConfig({componentId:"sc-859a6ce4-3"})(_templateObject3()),ItemTitle=src_consts__WEBPACK_IMPORTED_MODULE_5__._.body_3_m.medium,ItemInfo=(0,styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP)(src_consts__WEBPACK_IMPORTED_MODULE_5__._.caption_2_m.regular).withConfig({componentId:"sc-859a6ce4-4"})(_templateObject4(),src_consts__WEBPACK_IMPORTED_MODULE_5__.O.gray_40),GuideContainer=styled_components__WEBPACK_IMPORTED_MODULE_10__.ZP.div.withConfig({componentId:"sc-859a6ce4-5"})(_templateObject5(),src_consts__WEBPACK_IMPORTED_MODULE_5__.O.gray_50)}},function(__webpack_require__){__webpack_require__.O(0,[1664,8764,298,9685,2237,8683,9063,7333,5752,8272,5019,3950,7109,356,9774,2888,179],function(){return __webpack_require__(__webpack_require__.s=1640)}),_N_E=__webpack_require__.O()}]);