https://pot-luck.jp/_next/static/chunks/pages/s/[descriptor]/orders-944b7995d6e6a652.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2794],{68750:function(s,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/s/[descriptor]/orders",function(){return t(41600)}])},41600:function(s,e,t){"use strict";t.r(e),t.d(e,{default:function(){return B}});var i=t(85893),a=t(56074),r=t(61767),o=t(73051),l=t(75265),n=t(25515),d=t(4931),p=t(67294);t(25675);var c=t(45007),h=t(93967),g=t.n(h),u=t(83253),m=t.n(u),v=t(9708),x=t(30211),O=t(58247),f=t(10693),w=t(1313),k=t(18940),b=t(97691),C=t(40177),y=t(89869),j=t(95249);t(90562);var T=t(237),Z=t(10991),N=t(78821);let S={OrderDialog:f.Z},P="past-orders",D="upcoming-orders",R=[{id:P,label:"過去の注文"},{id:D,label:"これから受け取る注文"}];class E extends p.Component{componentDidUpdate(s){var e,t,i,a,r,o,l,n;(null==s?void 0:null===(t=s.upcomingOrders)||void 0===t?void 0:null===(e=t.data)||void 0===e?void 0:e.length)!==(null===(r=this.props)||void 0===r?void 0:null===(a=r.upcomingOrders)||void 0===a?void 0:null===(i=a.data)||void 0===i?void 0:i.length)&&(null===(n=this.props)||void 0===n?void 0:null===(l=n.upcomingOrders)||void 0===l?void 0:null===(o=l.data)||void 0===o?void 0:o.length)>0&&this.setState({selectedTab:1})}render(){let s,e;if(R[this.state.selectedTab].id===P){var t,a;let e,r;this.state.pastOrders.length>0&&(e=this.state.pastOrders[0],r=(0,x.Z)(this.state.pastOrders[0]));let o=[{title:"行ったお店の数",value:this.state.pastOrdersShopsTotal,icon:(0,i.jsx)(T.Z,{})},{title:"注文数",value:this.state.pastOrdersTotal,icon:(0,i.jsx)(Z.Z,{})},{title:"レビュー記入数",value:(null===(a=this.props.reviews)||void 0===a?void 0:null===(t=a.data)||void 0===t?void 0:t.length)||0,icon:(0,i.jsx)(N.Z,{})}];s=(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:this.props.classes.header,children:[(0,i.jsxs)("div",{className:this.props.classes.lunchBox,children:[(0,i.jsx)(k.Z,{className:this.props.classes.fork}),(0,i.jsx)(C.Z,{image:r}),!e&&(0,i.jsxs)("div",{className:this.props.classes.lunchBoxText,children:["POTLUCKのご利用\u2028\u2028履歴は",(0,i.jsx)("br",{}),"まだありません\u2028\u2028"]}),!1,(0,i.jsx)(b.Z,{className:this.props.classes.spoon})]}),e&&!e.review&&(0,i.jsx)(j.Z,{white:!0,text:"レビューを書く",className:this.props.classes.headerCta,onClick:()=>this.onClickReview(e)}),e&&e.review&&(0,i.jsx)(j.Z,{text:"再注文する",className:this.props.classes.headerCta,onClick:()=>this.onClickOrderAgain(e)})]}),(0,i.jsx)("div",{className:this.props.classes.stats,children:o.map((s,e)=>(0,i.jsxs)("div",{className:this.props.classes.stat,children:[s.title,(0,i.jsxs)("div",{children:[s.icon,(0,i.jsx)("span",{className:this.props.classes.statNumber,children:s.value})]})]},e))}),(0,i.jsx)("div",{className:this.props.classes.pastOrders,children:this.state.pastOrders.slice(1).map(s=>(0,i.jsx)("div",{style:{backgroundImage:"url(".concat((0,x.Z)(s),")")},className:this.props.classes.pastOrder},s.id))})]})}else if(R[this.state.selectedTab].id===D){let e=[];this.props.upcomingOrders.data&&(e=this.props.upcomingOrders.data),s=e.length>0?(0,i.jsx)("div",{children:e.map(s=>(0,i.jsx)(y.Z,{order:s,hideTicketStrings:this.props.isShopApp,className:this.props.classes.upcomingCard,onClick:()=>this.onClickOrder(s)},s.id))}):(0,i.jsxs)("div",{className:this.props.classes.ordersEmpty,children:[(0,i.jsx)("div",{className:this.props.classes.ordersEmptyImage,style:{backgroundImage:"url(https://potluck-webapp.s3-ap-northeast-1.amazonaws.com/mr-potluck.png)"}}),(0,i.jsxs)("div",{className:this.props.classes.ordersEmptyText,children:["受け取り予定のご注文はありません。",(0,i.jsx)("br",{}),"今日も良い1日をお過ごしください"]})]})}return this.state.dialog&&(e=S[this.state.dialog.component]),(0,i.jsxs)("div",{className:g()(this.props.classes.container,this.props.className),children:[(0,i.jsx)(m(),{isOpen:!!this.state.dialog,onRequestClose:this.onClickCloseDialog,className:this.props.classes.modal,children:e&&(0,i.jsx)(e,{...this.state.dialog.props,onClose:this.onClickCloseDialog})}),(0,i.jsx)("div",{className:this.props.classes.fixedHeader,children:(0,i.jsx)(w.Z,{tabs:R,selectedTab:this.state.selectedTab,className:this.props.classes.tabs,onClickTab:this.onClickTab})}),(0,i.jsx)("div",{className:this.props.classes.content,children:s})]})}constructor(s){super(s),this.hasLoaded=()=>{var s;return this.props.reviews.loaded&&(null===(s=this.props.pastOrders[this.state.pastOrdersPage])||void 0===s?void 0:s.loaded)},this.loadData=async()=>{let{pastOrders:s}=await (0,v.Z)({upcomingOrders:this.props.getUpcomingOrders(),pastOrders:this.props.getPastOrders(this.state.pastOrdersPage),reviews:this.props.getReviews()});this.setState({pastOrdersTotal:s.total,pastOrdersShopsTotal:s.shopsCount,pastOrdersTotalPages:s.totalPages,pastOrders:[...this.state.pastOrders,...s.orders]})},this.refreshPastOrders=async()=>{this.setState({refreshingPastOrders:!0}),this.props.getUpcomingOrders();let s=await this.props.getPastOrders(0);this.setState({refreshingPastOrders:!1,pastOrdersPage:0,pastOrdersTotal:s.total,pastOrdersShopsTotal:s.shopsCount,pastOrdersTotalPages:s.totalPages,pastOrders:s.orders})},this.refreshUpcomingOrders=async()=>{this.setState({refreshingUpcomingOrders:!0}),await this.props.getUpcomingOrders(),this.setState({refreshingUpcomingOrders:!1})},this.onClickTab=s=>{this.setState({selectedTab:s})},this.onClickReview=s=>{this.setState({showReviewDialog:!0,selectedOrder:s})},this.onClickCloseReviewDialog=()=>{this.setState({showReviewDialog:!1,selectedOrder:null})},this.onClickSubmitReview=async s=>{let{rating:e,comment:t}=s;this.setState({reviewDialogLoading:!0}),await this.props.createReview({orderId:this.state.selectedOrder.id,rating:e,comment:t}),await this.props.getReviews(),this.setState({pastOrders:[{...this.state.pastOrders[0],review:!0},...this.state.pastOrders.slice(1)],selectedOrder:null,showReviewDialog:!1,reviewDialogLoading:!1})},this.onClickOrderAgain=s=>

1{this.props.navigation.push("ShopDialog",{shop:s.shop})},this.onClickOrder=s=>{this.setState({dialog:{component:"OrderDialog",props:{order:s}}})},this.onClickCloseDialog=()=>{this.setState({dialog:null})},this.componentDidMount=()=>{this.loadData()};let e=[];s.upcomingOrders.data&&(e=s.upcomingOrders.data),this.state={refreshingPastOrders:!1,loadingPastOrdersPage:!1,refreshingUpcomingOrders:!1,showReviewDialog:!1,selectedOrder:null,showCarousel:!1,carouselInitialIndex:-1,pastOrdersPage:0,pastOrdersTotal:0,pastOrdersShopsTotal:0,pastOrdersTotalPages:0,pastOrders:[],selectedTab:e.length>0?1:0}}}let I={getPastOrders:r.rx,getUpcomingOrders:r.DK,getReviews:r.Jh,createReview:r.XU};var _=(0,c.$j)(s=>({profile:s.api.profile.default,reviews:s.api.reviews.default,pastOrders:s.api.pastOrders,upcomingOrders:s.api.upcomingOrders.default}),I)((0,a.D2)(s=>({container:{backgroundColor:O.Z.white,display:"flex",flexDirection:"column",height:"100%",[s.breakpoints.up("sm")]:{maxWidth:600,marginLeft:"auto",marginRight:"auto"}},modal:{},fixedHeader:{backgroundColor:O.Z.white},content:{flex:1,overflowY:"scroll"},tabs:{paddingTop:3*s.spacing.unit,borderBottom:"1px solid ".concat(O.Z.borderGray)},header:{display:"flex",flexDirection:"column",alignItems:"center",padding:2*s.spacing.unit,backgroundImage:"url(/orders-background.svg)",backgroundSize:"100% auto",backgroundPosition:"center",backgroundRepeat:"repeat-y",backgroundColor:"#F3EBE9"},lunchBox:{position:"relative",display:"flex",justifyContent:"center",alignItems:"flex-end"},fork:{marginRight:2*s.spacing.unit},spoon:{marginLeft:2*s.spacing.unit},lunchBoxText:{position:"absolute",top:78,fontSize:"12px",lineHeight:"16px",textAlign:"center",fontWeight:"bold",color:O.Z.primaryCharcoal},lunchBoxDate:{position:"absolute",top:160},headerCta:{width:160,marginTop:2*s.spacing.unit},stats:{display:"flex",backgroundColor:O.Z.white,borderBottom:"1px solid ".concat(O.Z.borderGray)},stat:{flex:1,textAlign:"center",color:O.Z.primaryCharcoal,fontSize:"10px",lineHeight:"15px",padding:s.spacing.unit/2},statNumber:{color:O.Z.primaryCharcoal,fontWeight:"700",fontSize:"20px",lineHeight:"30px",marginLeft:4},pastOrders:{display:"flex",flexWrap:"wrap",minHeight:400},pastOrder:{flexGrow:1,maxWidth:"33.33%",minWidth:"33.33%",border:"0.5px solid ".concat(O.Z.white),backgroundSize:"cover",backgroundPosition:"center","&:before":{content:'""',float:"left",paddingTop:"100%"}},upcomingCard:{marginTop:2*s.spacing.unit,marginLeft:2*s.spacing.unit,marginRight:2*s.spacing.unit,cursor:"pointer"},ordersEmpty:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center"},ordersEmptyImage:{height:"119px",width:"155px",backgroundSize:"cover",backgroundPosition:"center"},ordersEmptyText:{fontWeight:"800",fontSize:"14px",lineHeight:"21px",marginTop:2*s.spacing.unit,color:O.Z.primaryCharcoal}}))(E));t(82117);var U=t(94367);let L=(0,a.QM)(s=>({container:{marginTop:2*s.spacing.unit}})),z=s=>{let{shop:e}=s,t=L();return(0,i.jsx)(U.Z,{backgroundColor:"gray",selectedKey:"orders",shop:e,children:(0,i.jsx)(_,{className:t.container})})};z.getInitialProps=async s=>{let e,t;try{if(!(e=await (0,n.Z)(s)))return(0,l.Z)(s,"/s/".concat(s.query.descriptor));t=await (0,v.Z)({shop:s.store.dispatch((0,r._D)(s.query.descriptor)),data:(0,d.Z)(s,{loggedIn:!!e})})}catch(s){console.log(s)}return(null==t?void 0:t.shop)?(t.shop.defaultOffer&&("daikanyamapink"===t.shop.defaultOffer&&e&&!e.payjpid?s.store.dispatch((0,o.el)("daikanyamapink-trial")):s.store.dispatch((0,o.el)(t.shop.defaultOffer))),{profile:e,shop:t.shop}):(0,l.Z)(s,"/".concat(s.query.descriptor))};var B=z},75265:function(s,e,t){"use strict";var i=t(11163),a=t.n(i);e.Z=function(s){let{res:e}=s,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/";e?(e.writeHead(307,{Location:t}),e.end()):a().replace(t)}},25515:function(s,e,t){"use strict";var i=t(61767),a=t(73051);let r=async s=>{var e,t;let r;let{store:o,req:l}=s;(null==l?void 0:null===(e=l.headers)||void 0===e?void 0:e.cookie)&&(null==o||o.dispatch((0,a.d8)(null==l?void 0:null===(t=l.headers)||void 0===t?void 0:t.cookie)));try{r=await (null==o?void 0:o.dispatch((0,i.Ai)()))}catch(s){}return r};e.Z=r}},function(s){s.O(0,[2678,4885,4683,1664,2347,3069,6875,2909,3433,6943,3253,2090,5769,7668,2888,9774,179],function(){return s(s.s=68750)}),_N_E=s.O()}]);
2//# sourceMappingURL=orders-944b7995d6e6a652.js.map