https://mogukatsu.com/_next/static/chunks/pages/restaurant_users/r…/[reservationId]-f1f8a1f5d04de51d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5491],{15355:function(e,r,s){"use strict";s.d(r,{v:function(){return ReservationView}});var t=s(59092),n=s(12450),a=s(15186),i=s(95301),c=s(52738);s(67294);var l=s(24692),o=s(87098),u=s(20234),d=s(52552),m=s(85893),ReservationView=function(e){var r,s,x,v=e.arrivingMinutes,p=e.numberOfPerson,h=e.restaurant,j=e.reserverName,f=e.realtimeReceptionCreatedAt,b=(0,d.a$)((null==h?void 0:null===(r=h.prefecture)||void 0===r?void 0:r.name)||"",(null==h?void 0:null===(s=h.city)||void 0===s?void 0:s.name)||"",(null==h?void 0:null===(x=h.town)||void 0===x?void 0:x.name)||"",null==h?void 0:h.address);return(0,m.jsxs)("div",{className:"text-gray-600",children:[h&&(0,m.jsx)("div",{className:"flex items-center justify-between mb-3",children:(0,m.jsxs)("a",{href:(0,u.a)(b),target:"_blank",rel:"noreferrer",className:"flex items-center mr-1 underline",children:[(0,m.jsx)(c.Z,{className:"w-5 mr-2"}),(0,m.jsx)("span",{className:"text-xs",children:b})]})}),(null==h?void 0:h.phone)&&(0,m.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,m.jsxs)("div",{className:"flex items-center",children:[(0,m.jsx)(t.Z,{className:"w-5 mr-2"}),(0,m.jsx)("span",{className:"text-sm ",children:h.phone})]}),(0,m.jsx)(l.Fz,{text:"お店に電話する",tel:h.phone})]}),(0,m.jsxs)("div",{className:"flex items-center mb-3",children:[(0,m.jsx)(n.Z,{className:"w-5 mr-2"}),(0,m.jsx)("span",{className:"text-sm ",children:(0,o.g5)(f)})]}),(0,m.jsxs)("div",{className:"flex items-center mb-3",children:[(0,m.jsx)(a.Z,{className:"w-5 mr-2"}),(0,m.jsxs)("span",{className:"text-sm ",children:[v,"分以内に来店"]})]}),(0,m.jsxs)("div",{className:"flex items-center mb-3",children:[(0,m.jsx)(i.Z,{className:"w-5 mr-2"}),(0,m.jsx)("span",{className:"text-sm",children:j}),(0,m.jsxs)("span",{className:"text-sm",children:[" (",p,"名)"]})]})]})}},79769:function(e,r,s){"use strict";s.r(r),s.d(r,{default:function(){return _reservationId_}});var t=s(59392),n=s(39332),a=s(16131),i=s(52399),c=s(81389),l=s(25756),o=s(67294),u=s(15355),d=s(24692),m=s(74561),x=s(49276),v=s(85893),CanceledView=function(e){var r=e.reservation,s=e.children;return(0,x.oR)().state,(0,v.jsxs)("div",{className:"",children:[(0,v.jsx)(m.VH,{title:"キャンセル",description:"こちらの案件はキャンセルとなりました。",notActive:!0}),s,(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"予約内容"}),(0,v.jsx)(u.v,{arrivingMinutes:r.arrivingMinutes,numberOfPerson:r.seatCount,restaurant:r.campaign.restaurant,reserverName:r.influencer.name,realtimeReceptionCreatedAt:r.createdAt})]}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-2",href:"/restaurant_users/reservations",children:"やること一覧に戻る"})]})},p=s(50029),h=s(87794),j=s.n(h),f=s(11163),b=s(87536),w=s(83550),N=s(65209),R=s(14195),CompletedView=function(e){var r=e.reservation,s=e.children,t=(0,f.useRouter)(),n=(0,o.useState)(!1),a=n[0],i=n[1],c=(0,o.useState)(!1),l=c[0],d=c[1],x=(0,o.useState)(!1),h=x[0],g=x[1],_=(0,b.cI)({mode:"all",defaultValues:{}}),y=_.setValue,k=_.watch,C=(0,o.useCallback)(function(){if(!k("reservationReview.simpleFeedback")&&!l&&!h)throw i(!0),g(!0),"Abort route"},[h,l,k]),V=(0,o.useCallback)((0,p.Z)(j().mark(function _callee(){return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return d(!0),e.prev=1,e.next=4,R.a3.get("/restaurants/reservation-reviews?realtimeReservationId=".concat(r.id));case 4:y("reservationReview.simpleFeedback",e.sent.data.result.reservationReview.simpleFeedback),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(1),console.log(e.t0);case 11:d(!1);case 12:case"end":return e.stop()}},_callee,null,[[1,8]])})),[r.id,y]);return(0,o.useEffect)(function(){return t.events.on("routeChangeStart",C),function(){t.events.off("routeChangeStart",C)}},[t,C]),(0,o.useEffect)(function(){V()},[V]),(0,v.jsxs)("div",{className:"",children:[(0,v.jsx)(m.VH,{title:"完了",description:"こちらの案件は完了しました！"}),s,(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"予約内容"}),(0,v.jsx)(u.v,{arrivingMinutes:r.arrivingMinutes,numberOfPerson:r.seatCount,restaurant:r.campaign.restaurant,reserverName:r.influencer.name,realtimeReceptionCreatedAt:r.createdAt})]}),(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"投稿内容"}),(0,v.jsx)(w.F,{post:r.realtimePost})]}),(0,v.jsx)(N.d,{showFeedbackModal:a,setShowFeedbackModal:i,reservationId:r.id,isRealtime:!0,fetchReview:V})]})},g=s(45001),_=s(62179),y=s(29997),PostAdjustedView=function(e){var r,s,t=e.reservation,n=(e.promoter,e.children),a=(0,x.lm)().showNotification,i=(0,o.useState)(!1),c=i[0],l=i[1],h=(0,o.useState)(!1),f=h[0],b=h[1],N=(0,o.useState)(!1),k=N[0],C=N[1];(0,x.oR)().state;var V=(r=(0,p.Z)(j().mark(function _callee(){return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,R.a3.put("/restaurants/realtime/reservations/".concat(t.id,"/complete"));case 3:a("success","送信しました!"),l(!1),location.reload(),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),a("error");case 11:case"end":return e.stop()}},_callee,null,[[0,8]])})),function(){return r.apply(this,arguments)}),P=(s=(0,p.Z)(j().mark(function _callee2(e,r){var s;return j().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return s={revisionCategoryTagIds:e,text:r},n.prev=1,n.next=4,R.a3.post("/restaurants/realtime/posts/".concat(t.realtimePost.id,"/revision-requests"),s);case 4:a("success","修正依頼を送信しました!"),l(!1),location.reload(),n.next=12;break;case 9:n.prev=9,n.t0=n.catch(1),a("error");case 12:case"end":return n.stop()}},_callee2,null,[[1,9]])})),function(e,r){return s.apply(this,arguments)});return(0,v.jsxs)("div",{className:"",children:[(0,v.jsx)(m.VH,{title:"投稿修正内容確認",description:"投稿の修正内容を確認しましょう！"}),n,(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"予約内容"}),(0,v.jsx)(u.v,{arrivingMinutes:t.arrivingMinutes,numberOfPerson:t.seatCount,restaurant:t.campaign.restaurant,reserverName:t.influencer.name,realtimeReceptionCreatedAt:t.createdAt})]}),(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"投稿報告内容"}),(0,v.jsx)(w.F,{post:t.realtimePost})]}),t.revisionRequests.length>1&&(0,v.jsx)(_._,{revisionRequests:t.revisionRequests,showPostReviseRequestHistory:k,setShowPostReviseRequestHistory:C}),(0,v.jsx)(d.zx,{className:"btn-primary mb-2",onClick:function(){return l(!0)},children:"投稿内容OK"}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-2",onClick:function(){return b(!0)},children:"修正依頼をする"}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-2",href:"/restaurant_users/talk_rooms/".concat(t.talkRoomId),children:"メッセージを送る"}),(0,v.jsx)(y.u_,{title:"投稿報告確認",isOpen:c,setIsOpen:l,showButton:!1,children:(0,v.jsxs)("div",{className:"text-center mb-4 px-5",children:[(0,v.jsx)(g.Z,{className:"w-10 text-red-500 mx-auto mb-3"}),(0,v.jsxs)("div",{className:"text-sm text-gray-600 mb-6",children:["このSNS投稿を確認済みとし、",(0,v.jsx)("br",{}),"案件を完了にしますか？"]}),(0,v.jsx)(d.zx,{className:"btn-primary mb-2",onClick:V,children:"はい"}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-4",onClick:function(){return l(!1)},children:"いいえ"})]})}),(0,v.jsx)(m.IG,{title:"投稿修正依頼",isOpen:f,setIsOpen:b,onClose:function(){return b(!1)},onConfirmRequestRevise:P})]})},PostAdjustingView=function(e){var r=e.reservation,s=(e.promoter,e.children),t=(0,o.useState)(!1),n=t[0],a=t[1];return(0,x.oR)().state,(0,v.jsxs)("div",{className:"",children:[(0,v.jsx)(m.VH,{title:"投稿の修正待ち",description:"クリエイターの投稿修正を待ちましょう！"}),s,(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"予約内容"}),(0,v.jsx)(u.v,{arrivingMinutes:r.arrivingMinutes,numberOfPerson:r.seatCount,restaurant:r.campaign.restaurant,reserverName:r.influencer.name,realtimeReceptionCreatedAt:r.createdAt})]}),(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"修正依頼中の投稿"}),(0,v.jsx)(w.F,{post:r.realtimePost})]}),r.revisionRequests.length>1&&(0,v.jsx)(_._,{revisionRequests:r.realtimePost.revisionRequests,showPostReviseRequestHistory:n,setShowPostReviseRequestHistory:a}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-2",href:"/restaurant_users/talk_rooms/".concat(r.talkRoomId),children:"メッセージを送る"})]})},PostedView=function(e){var r,s,t=e.reservation,n=(e.promoter,e.children),a=(0,x.lm)().showNotification,i=(0,o.useState)(!1),c=i[0],l=i[1],h=(0,o.useState)(!1),f=h[0],b=h[1];(0,x.oR)().state;var N=(r=(0,p.Z)(j().mark(function _callee(){return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,R.a3.put("/restaurants/realtime/reservations/".concat(t.id,"/complete"));case 3:a("success","送信しました!"),l(!1),location.reload(),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),a("error");case 11:case"end":return e.stop()}},_callee,null,[[0,8]])})),function(){return r.apply(this,arguments)}),_=(s=(0,p.Z)(j().mark(function _callee2(e,r){var s;return j().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return s={revisionCategoryTagIds:e,text:r},n.prev=1,n.next=4,R.a3.post("/restaurants/realtime/posts/".concat(t.realtimePost.id,"/revision-requests"),s);case 4:a("success","修正依頼を送信しました!"),l(!1),location.reload(),n.next=12;break;case 9:n.prev=9,n.t0=n.catch(1),a("error");case 12:case"end":return n.stop()}},_callee2,null,[[1,9]])})),function(e,r){return s.apply(this,arguments)});return(0,v.jsxs)("div",{className:"",children:[(0,v.jsx)(m.VH,{title:"投稿確認",description:"投稿内容を確認しましょう！"}),n,(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"予約内容"}),(0,v.jsx)(u.v,{arrivingMinutes:t.arrivingMinutes,numberOfPerson:t.seatCount,restaurant:t.campaign.restaurant,reserverName:t.influencer.name,realtimeReceptionCreatedAt:t.createdAt})]}),(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"投稿報告内容"}),(0,v.jsx)(w.F,{post:t.realtimePost})]}),(0,v.jsx)(d.zx,{className:"btn-primary mb-2",onClick:function(){return l(!0)},children:"投稿内容OK"}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-2",onClick:function(){return b(!0)},children:"修正依頼をする"}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-2",href:"/restaurant_users/talk_rooms/".concat(t.talkRoomId),children:"メッセージを送る"}),(0,v.jsx)(y.u_,{title:"投稿報告確認",isOpen:c,setIsOpen:l,showButton:!1,children:(0,v.jsxs)("div",{className:"text-center mb-4 px-5",children:[(0,v.jsx)(g.Z,{className:"w-10 text-red-500 mx-auto mb-3"}),(0,v.jsxs)("div",{className:"text-sm text-gray-600 mb-6",children:["このSNS投稿を確認済みとし、",(0,v.jsx)("br",{}),"案件を完了にしますか？"]}),(0,v.jsx)(d.zx,{className:"btn-primary mb-2",onClick:N,children:"はい"}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-4",onClick:function(){return l(!1)},children:"いいえ"})]})}),(0,v.jsx)(m.IG,{title:"投稿修正依頼",isOpen:f,setIsOpen:b,onClose:function(){return b(!1)},onConfirmRequestRevise:_})]})},PostingView=function(e){var r,s=e.reservation,t=e.promoter,n=e.children,a=(0,x.lm)().showNotification,i=(0,o.useState)(!1),c=i[0],l=i[1],h=(r=(0,p.Z)(j().mark(function _callee(){return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,R.a3.put("/restaurants/realtime/reservations/".concat(s.id,"/cancel"));case 3:a("success","キャンセルしました"),l(!1),location.reload(),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),a("error");case 11:case"end":return e.stop()}},_callee,null,[[0,8]])})),function(){return r.apply(this,arguments)});return(0,v.jsxs)("div",{className:"",children:[(0,v.jsx)(m.VH,{title:"来店待ち",description:"".concat(t.name,"さんの来店・投稿報告待ちです。")}),n,(0,v.jsxs)(m.Zb,{children:[(0,v.jsx)(m.ll,{children:"予約内容"}),(0,v.jsx)(u.v,{arrivingMinutes:s.arrivingMinutes,numberOfPerson:s.seatCount,restaurant:s.campaign.restaurant,reserverName:s.influencer.name,realtimeReceptionCreatedAt:s.createdAt})]}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-4",href:"/restaurant_users/talk_rooms/".concat(s.talkRoomId),children:"メッセージを送る"}),(0,v.jsx)(d.zx,{className:"font-bold text-gray-500 mb-6",onClick:function(){return l(!0)},children:"キャンセルを依頼する"}),(0,v.jsx)(y.u_,{title:"予約キャンセル",isOpen:c,setIsOpen:l,showButton:!1,children:(0,v.jsxs)("div",{className:"text-center mb-4 px-5",children:[(0,v.jsx)(g.Z,{className:"w-10 text-red-600 mx-auto mb-3"}),(0,v.jsxs)("div",{className:"mb-10",children:[(0,v.jsxs)("div",{className:"font-bold mb-4 text-sm text-red-600",children:["必ず予約者に、",(0,v.jsx)("br",{}),"電話でキャンセルの旨をお伝えください。"]}),(0,v.jsx)(d.Fz,{tel:t.phoneNumber,text:"".concat(t.name,"さんに電話する")})]}),(0,v.jsx)(d.zx,{onClick:h,className:"btn-primary mb-2 bg-red-600 text-white",children:"キャンセルする"}),(0,v.jsx)(d.zx,{className:"btn-secondary mb-4",onClick:function(){return l(!1)},children:"戻る"})]})})]})},_reservationId_=function(){var e,r=(0,n.useParams)(),s=(0,x.oR)().state,o=(0,x.gG)("/restaurants/realtime/reservations/".concat(null==r?void 0:r.reservationId));if(o.error)return(0,v.jsx)(i.O,{});var u=(null===(e=o.data)||void 0===e?void 0:e.status)==="ok"?o.data.result:void 0;if(!u)return(0,v.jsx)(c.C,{});var renderReservationTypeView=function(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(l.z,{promoter:u.influencer,showTags:!1}),(0,v.jsxs)("div",{className:"flex flex-col items-center py-4",children:[(0,v.jsx)("span",{className:"bg-m_brown text-white text-xs rounded-full py-1 px-2 mb-1",children:"応募"}),(0,v.jsx)(t.Z,{className:"w-6 mx-auto text-m_brown"})]}),(0,v.jsx)("div",{className:"mb-6",children:(0,v.jsx)(a.U,{restaurant:s.signInUser,campaign:u.campaign,viewerUserType:"restaurant",hideStatus:!0,isRealtimeMode:!0})})]})};return(0,v.jsx)("div",{className:"px-4 py-5",children:function(){switch(u.status){case"posting":return(0,v.jsx)(PostingView,{reservation:u,promoter:u.influencer,children:renderReservationTypeView()});case"posted":return(0,v.jsx)(PostedView,{reservation:u,promoter:u.influencer,children:renderReservationTypeView()});case"post_adjusting":return(0,v.jsx)(PostAdjustingView,{reservation:u,promoter:u.influencer,children:renderReservationTypeView()});case"post_adjusted":return(0,v.jsx)(PostAdjustedView,{reservation:u,promoter:u.influencer,children:renderReservationTypeView()});case"completed":return(0,v.jsx)(CompletedView,{reservation:u,promoter:u.influencer,children:renderReservationTypeView()});case"canceled_by_restaurant":case"canceled_by_influencer":return(0,v.jsx)(CanceledView,{reservation:u,children:renderReservationTypeView()});default:return null}}()})}},88048:function(e,r,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/restaurant_users/realtime/reservations/[reservationId]",function(){return s(79769)}])},45001:function(e,r,s){"use strict";var t=s(67294);let n=t.forwardRef(function(e,r){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:r},e),t.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",clipRule:"evenodd"}))});r.Z=n}},function(e){e.O(0,[283,6050,7536,5587,399,2659,3695,6816,4285,4561,1306,3184,59,9774,2888,179],function(){return e(e.s=88048)}),_N_E=e.O()}]);