1"use strict";(self.webpackChunkshop_react_web=self.webpackChunkshop_react_web||[]).push([[62],{40062:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var n=a(65043),i=a(73216),s=a(97605),l=a(399),r=a(59116),d=a(36579),o=a(17254),p=a(72667),c=a(7685),u=a(27016),x=a(76172),h=a(65650),g=a(21502),m=a(31140),j=a(57377),v=a(86178),y=a.n(v),f=a(92858),b=a(42586),w=a(76269),D=a(48120),A=a(65371),V=a(61158),$=a(93417),N=a(56743),C=a(81621),T=a(70579);const S=()=>{const e=(0,i.Zp)();(0,f.e)();const t=(0,f.E)((e=>e.isUnderTabletScreen)),a=(0,b._)((e=>e.isAtEnd)),v=(0,n.useRef)(null);(0,w.v)(v);const{pointAmountData:S,pointUsedHistoryList:P,pointUsedHistoryPagination:W,pointHistoryListParams:H,setPointHistoryListParams:_}=(0,p.A)(),[k,E]=(0,n.useState)("\uc804\uccb4"),[F,M]=(0,n.useState)(null),[I,z]=(0,n.useState)(null),L=(e,t)=>{"startDate"===t?(0,x.CV)([{valueName:"startDate",newValue:(0,j._y)(e)},{valueName:"pageNumber",newValue:0}],_):(0,x.CV)([{valueName:"endDate",newValue:(0,j._y)(e)},{valueName:"pageNumber",newValue:0}],_)};return(0,n.useEffect)((()=>{null!==H&&void 0!==H&&H.startDate&&H.endDate&&(M(y()(H.startDate).toDate()),z(y()(H.endDate).toDate()))}),[H]),(0,n.useEffect)((()=>{(0,x.CV)([{valueName:"pointType",newValue:"\uc804\uccb4"===k?"all":"\uc720\ub8cc"===k?"pay":"free"},{valueName:"pageNumber",newValue:0}],_),E("\uc804\uccb4")}),[k]),(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)(s.pT,{gap:"24px",$gapWt:"16px",margin:"0 0 24px",$marginWt:"0 0 20px",width:"100%",justify:"start",children:[(0,T.jsx)(V.A,{title:"\ud3ec\uc778\ud2b8",backMode:"formHasStep",onClose:()=>e("/shop/menu")}),(0,T.jsx)($.A,{tabValueArray:A.iA,selectedValue:N.Zi.HISTORY,setSelectedValue:t=>{t===N.Zi.CHARGE&&e("/shop/point/recharge")}})]}),(0,T.jsxs)(s.pT,{gap:"16px",width:"100%",children:[(0,T.jsx)(C.A,{pointInfo:{label:"\uc0ac\uc6a9 \uac00\ub2a5 \ud3ec\uc778\ud2b8",details:{free:(null===S||void 0===S?void 0:S.freePoint)||0,paid:(null===S||void 0===S?void 0:S.payPoint)||0}},background:"var(--color-primary-50)"}),(0,T.jsx)(C.A,{pointInfo:{label:"1\uac1c\uc6d4 \uc774\ub0b4 \ub9cc\ub8cc\uc608\uc815 \ud3ec\uc778\ud2b8",details:{free:(null===S||void 0===S?void 0:S.expiringFreePoint)||0,paid:(null===S||void 0===S?void 0:S.expiringPayPoint)||0}},background:"var(--color-gray-50)"})]}),(0,T.jsx)(s.pT,{width:"100%",justify:"start",margin:"32px 0 12px",$marginWt:"24px 0 8px",children:(0,T.jsx)(l.ld,{fontSize:r.$N.size18,$lineHeight:r.kj.height26,$fontSizeWt:r.$N.size16,$lineHeightWt:r.kj.height24,children:"\ud3ec\uc778\ud2b8 \uc0ac\uc6a9 \ub0b4\uc5ed"})}),(0,T.jsx)(s.pT,{width:"100%",justify:"start",margin:"0 0 16px",padding:"16px 24px",radius:D.A.corner40,background:"var(--color-gray-50)",children:(0,T.jsxs)(s.pT,{gap:"8px",$gapWt:"4px",children:[(0,T.jsx)(m.A,{className:"smallOutlineInput",calendarClassName:"rangeCalendar startPosition",maxDate:I,selected:null!==F&&void 0!==F?F:null,startDate:F,endDate:I,selectsStart:!0,monthsShown:2,dateFormat:"yy.MM.dd",onChange:e=>L(e,"startDate")}),(0,T.jsx)(l.x5,{color:"var(--color-gray-300)",children:"~"}),(0,T.jsx)(m.A,{className:"smallOutlineInput",calendarClassName:"rangeCalendar endPosition",minDate:F,selected:null!==I&&void 0!==I?I:null,startDate:F,endDate:I,selectsEnd:!0,monthsShown:2,dateFormat:"yy.MM.dd",onChange:e=>L(e,"endDate")})]})}),(0,T.jsx)(s.pT,{width:"100%",display:"none",$displayWt:"flex",justify:"start",$marginWt:"0 0 12px"}),(0,T.jsxs)(s.oO,{children:[!a&&t&&(0,T.jsx)(s.gb,{}),(0,T.jsxs)(s.He,{ref:v,padding:"0 0 48px",$overflowX:"scroll",$boxShadow:"unset",border:"1px solid var(--color-gray-200)",children:[(0,T.jsx)(d.Du,{$paddingWt:"0",$minWidthWt:"1112px",width:"100%",overflow:"unset",$overflowY:"unset",children:(0,T.jsxs)("table",{children:[(0,T.jsx)(g.A,{tHeadList:o.C4,isFixedHead:!0}),P.length>0?(0,T.jsx)("tbody",{children:P.map(((e,t)=>{var a;return(0,T.jsxs)(d.Tr,{$isNoneClickable:!0,children:[(0,T.jsx)(d.Td,{children:(0,c._V)(null!==(a=e.createdAt)&&void 0!==a?a:"",{includeTime:!0,includeSeconds:!0})}),(0,T.jsx)(d.Td,{children:"FREE"===e.pointType?"\ubb34\ub8cc \ud3ec\uc778\ud2b8":"\uc720\ub8cc \ud3ec\uc778\ud2b8"}),(0,T.jsxs)(d.Td,{children:[(0,c.nm)(e.amount),"p"]}
1),(0,T.jsxs)(d.Td,{children:[(0,c.nm)(e.remainingAmount),"p"]}),(0,T.jsx)(d.Td,{children:e.description})]},t)}))}):(0,T.jsx)(d.vc,{$displayWt:"none",children:(0,T.jsx)("tr",{children:(0,T.jsx)("td",{colSpan:o.C4.length,children:(0,T.jsx)(h.A,{height:"376px",margin:"unset",$displayWt:"none",period:"".concat((0,c._V)((null===H||void 0===H?void 0:H.startDate)||"")," ~ ").concat((0,c._V)((null===H||void 0===H?void 0:H.endDate)||"")),description:"\ud3ec\uc778\ud2b8 \uc0ac\uc6a9 \ub0b4\uc5ed\uc774 \uc5c6\uc5b4\uc694"})})})})]})}),!(P.length>0)&&(0,T.jsx)(s.cS,{children:(0,T.jsx)(h.A,{period:"".concat((0,c._V)((null===H||void 0===H?void 0:H.startDate)||"")," ~ ").concat((0,c._V)((null===H||void 0===H?void 0:H.endDate)||"")),description:"\ud3ec\uc778\ud2b8 \uc0ac\uc6a9 \ub0b4\uc5ed\uc774 \uc5c6\uc5b4\uc694"})}),W&&(null===W||void 0===W?void 0:W.totalPages)>0?(0,T.jsx)(s.vp,{justify:"end",bottom:"20px",right:"16px",children:(0,T.jsx)(u.A,{margin:"0",onMovePage:e=>{(0,x.CV)([{valueName:"pageNumber",newValue:e-1}],_)},pagination:W})}):""]})]})]})}}}]); 2//# sourceMappingURL=62.45d037b5.chunk.js.map
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.