https://www.autostay.kr/_next/static/chunks/4380.ebf0ce659d911d24.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4380],{55456:function(t,e,s){s.d(e,{Z:function(){return h}});var l=s(24246),r=s(27378),i=s(51301),o=s(55081),n=s.n(o),a=s(83922),c=s.n(a);let ScrollEnd=class ScrollEnd extends n(){constructor(t){if(super(),this._enable=!1,this._correctSize=0,this._gap={left:0,right:0,top:0,bottom:0},this._active={scrollleft:!1,scrollright:!1,scrolltop:!1,scrollbottom:!1},this._isClear=!1,this._target=t===window||t===document?t:"string"==typeof t?document.querySelector(t):t,this._target===window||this._target===document)this._winTarget=!0;else if(this._target&&!/^textarea$/i.test(this._target.nodeName)){let t=c().userAgent();t.android&&t.chrome&&(this._correctSize=1)}this._scrollX=-1,this._scrollY=-1,this._scrollW=0,this._scrollH=0,this._scrollHandler=()=>this.trigger(),this.enable()}gap(t){if(t&&"object"==typeof t&&!Array.isArray(t))for(let e in t){let s=t[e];Object.prototype.hasOwnProperty.call(this._gap,e)&&"number"==typeof s&&(this._gap[e]=s>0?s:0)}return this}enable(){return this._enable||this._isClear||(this._target.addEventListener("scroll",this._scrollHandler),this._enable=!0),this}disable(){return!this._enable||this._isClear||(this._target.removeEventListener("scroll",this._scrollHandler),this._enable=!1),this}trigger(t){if(this._isClear)return this;let e=this._getScroll("left"),s=this._getScroll("top"),l=this._getTargetSize("width"),r=this._getTargetSize("height");return r>0&&(this._scrollY!==s||r!==this._scrollH)&&(this._scrollY=s,this._scrollH=r,"scrolltop"===t?this._dispatch(t,s,this._gap.top):"scrollbottom"===t?this._dispatch(t,s,this._gap.top):(this._dispatch("scrolltop",s,this._gap.top),this._dispatch("scrollbottom",s,r-this._gap.bottom))),l>0&&(this._scrollX!==e||l!==this._scrollW)&&(this._scrollX=e,this._scrollW=l,"scrollleft"===t?this._dispatch(t,e,this._gap.left):"scrollright"===t?this._dispatch(t,e,l-this._gap.right):(this._dispatch("scrollleft",e,this._gap.left),this._dispatch("scrollright",e,l-this._gap.right))),this}isScrollContent(t){return"scrollleft"===t||"scrollright"===t?this._getTargetSize("width")>0:("scrolltop"===t||"scrollbottom"===t)&&this._getTargetSize("height")>0}clear(){return this.disable(),this._isClear=!0,this}_getScroll(t){return this._winTarget?"top"===t?window.pageYOffset||document.documentElement.scrollTop||0:window.pageXOffset||document.documentElement.scrollLeft||0:"top"===t?this._target.scrollTop:this._target.scrollLeft}_getTargetSize(t){let e="width"===t?"Width":"Height",s=0;if(this._winTarget){let t=c().userAgent(),l=function(t){let e=document.documentElement;return Math.max(e["scroll"+t],document.body["scroll"+t],e["client"+t])}(e);s=t.ios||t.android?l-window["inner"+e]:l-document.documentElement["client"+e]}else s=this._target["scroll"+e]-this._target["client"+e]-this._correctSize;return s}_dispatch(t,e,s){let l=!1;l="scrollleft"===t||"scrolltop"===t?e<=s:e>=s,!this._active[t]&&l?(this._active[t]=!0,this.dispatch(t,{target:this._target,currentTarget:this._target})):l||(this._active[t]=!1)}};let ScrollEnd_ScrollEnd=class ScrollEnd_ScrollEnd extends r.Component{componentWillUnmount(){this.scrollEnd&&(this.scrollEnd.clear(),this.scrollEnd=null)}componentDidMount(){!this.scrollEnd&&c().isClient()&&(this.scrollEnd=new ScrollEnd(this.props.scrollTarget||window).gap({bottom:this.props.gap||10}).addListener("scrollbottom",this.props.onScrollEnd),this.props.disable?this.scrollEnd.disable():this.scrollEnd.trigger())}componentDidUpdate(t,e){let{disable:s,onScrollEnd:l}=this.props;this.scrollEnd&&(t.onScrollEnd!==l&&this.scrollEnd.removeListener("scrollbottom",t.onScrollEnd).addListener("scrollbottom",l),!t.disable&&s?this.scrollEnd.disable():t.disable&&!s&&this.scrollEnd.enable())}render(){let{className:t,children:e,loading:s,margin:r}=this.props;return(0,l.jsxs)("div",{className:t,children:[e,s&&(0,l.jsx)("div",{className:"my-x2_5 flex justify-center",style:!0===r?{marginTop:"100px",marginBottom:"100px"}:"string"==typeof r?{marginTop:r,marginBottom:r}:void 0,children:(0,l.jsx)(i._,{size:"40"})})]})}};var h=ScrollEnd_ScrollEnd},82278:function(t,e,s){s.d(e,{G:function(){return HistoryRetryMessage}});

1var l=s(24246),r=s(13793);function HistoryRetryMessage(t){let{message:e,onRetry:s,dense:i=!1}=t;return(0,l.jsxs)("div",{className:i?"flex flex-col items-center gap-x4 py-x6":"flex flex-col items-center gap-x4 py-x16",children:[(0,l.jsx)("p",{className:"m-0 t5-bold text-fg-neutral-subtle",children:e}),(0,l.jsx)(r.K,{type:"button",variant:"neutralWeak",size:"medium",onClick:()=>s(),children:"다시 시도하기"})]})}},60229:function(t,e,s){s.d(e,{_:function(){return PaymentHistorySkeleton}});var l=s(24246),r=s(87407);function RowSkeleton(){return(0,l.jsxs)("div",{className:"flex flex-col gap-x5 border-0 border-b border-solid border-stroke-neutral-muted px-spacing-x-global-gutter py-x4",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between gap-x2",children:[(0,l.jsxs)("div",{className:"flex items-center gap-x2",children:[(0,l.jsx)(r.O,{className:"block h-x6 w-x13"}),(0,l.jsx)(r.O,{className:"block h-[var(--seed-line-height-t5)] w-[120px]"})]}),(0,l.jsx)(r.O,{className:"block h-[var(--seed-line-height-t4)] w-[76px]"})]}),(0,l.jsx)(r.O,{className:"ml-auto block h-[var(--seed-line-height-t5)] w-[88px]"})]})}function PaymentHistorySkeleton(t){let{rows:e=5}=t;return(0,l.jsx)("div",{"aria-busy":"true",children:Array.from({length:e},(t,e)=>(0,l.jsx)(RowSkeleton,{},e))})}},13015:function(t,e,s){s.d(e,{Z:function(){return PurchaseTypeBadge}});var l=s(24246),r=s(96603);function PurchaseTypeBadge(t){let{purchaseType:e}=t,s="SUBSCRIPTION"===e;return(0,l.jsx)(r.Ct,{size:"large",variant:s?"solid":"weak",tone:"neutral",children:s?"구독권":"1회권"})}},84380:function(t,e,s){s.r(e),s.d(e,{UsageHistoryList:function(){return UsageHistoryList}});var l=s(24246),r=s(27378),i=s(43755),o=s(55456),n=s(41773),a=s(31875),c=s(8541),h=s(82278),d=s(60229),p=s(44411),g=s.n(p),u=s(13015);function UsageHistoryRow(t){let{item:e}=t,s=g()(e.usedAt);return(0,l.jsxs)("li",{className:"flex list-none items-start justify-between gap-x3 border-0 border-b border-solid border-stroke-neutral-muted px-spacing-x-global-gutter py-x4",children:[(0,l.jsxs)("div",{className:"flex min-w-0 flex-col items-start gap-x2",children:[(0,l.jsx)(u.Z,{purchaseType:e.purchaseType}),(0,l.jsx)("span",{className:"t5-medium truncate text-fg-neutral",children:e.title}),(0,l.jsxs)("span",{className:"flex items-center gap-x2 t4-regular text-fg-neutral-muted",children:[e.storeName&&(0,l.jsx)("span",{className:"truncate",children:e.storeName}),e.plateNum&&(0,l.jsx)("span",{className:"shrink-0",children:e.plateNum})]})]}),(0,l.jsxs)("span",{className:"flex shrink-0 items-center gap-x2 t4-regular text-fg-neutral-subtle",children:[(0,l.jsx)("span",{children:s.format("YYYY.MM.DD")}),(0,l.jsx)("span",{children:s.format("HH:mm")})]})]})}let m="usedHistory",_={includeSubscription:!0,serviceType:0,limit:20};function UsageHistoryList(){let t=(0,i.NL)(),{data:e,isFetched:s,isFetching:p,isError:g,hasNextPage:u,fetchNextPage:x,refetch:f}=(0,n.Dd)(m,_,!0);(0,r.useEffect)(()=>()=>{t.removeQueries({queryKey:[m]})},[t]);let b=(0,r.useCallback)(()=>{x()},[x]),y=(e?.pages??[]).flatMap(t=>(t.result??[]).map(a.jb));return!s||p&&0===y.length?(0,l.jsx)(d._,{}):g&&0===y.length?(0,l.jsx)(h.G,{message:"이용 내역을 불러오지 못했어요",onRetry:f}):0===y.length?(0,l.jsx)(c.g,{message:"이용 내역이 없어요"}):(0,l.jsxs)(o.Z,{className:"flex flex-col pb-[var(--safe-bottom-gap)]",onScrollEnd:b,disable:!u||p,loading:p,children:[(0,l.jsx)("ul",{className:"m-0 flex list-none flex-col p-0",children:y.map(t=>(0,l.jsx)(UsageHistoryRow,{item:t},t.key))}),g&&!p&&(0,l.jsx)(h.G,{dense:!0,message:"다음 내역을 불러오지 못했어요",onRetry:x})]})}}}]);