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

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1216],{21155:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/s/[descriptor]",function(){return s(50043)}])},49879:function(e,t,s){"use strict";s.d(t,{Z:function(){return o}});var i=s(85893);let a=(0,s(56074).QM)(e=>({container:{borderRadius:4,backgroundColor:"#1877f2",display:"flex",flexDirection:"row",alignItems:"center",cursor:"pointer"},icon:{height:24,width:24,marginTop:8,marginRight:8,marginBottom:8,marginLeft:12,backgroundImage:"url(https://potluck-web.s3.ap-northeast-1.amazonaws.com/facebook-round.png)",backgroundSize:"contain"},text:{flex:1,fontSize:14,fontWeight:"700",letterSpacing:.25,textAlign:"left",color:"#FFFFFF"}}));var o=e=>{let{onClick:t}=e,s=a();return(0,i.jsxs)("div",{className:s.container,onClick:t,children:[(0,i.jsx)("div",{className:s.icon}),(0,i.jsx)("div",{className:s.text,children:"Facebookアカウントでログイン"})]})}},5690:function(e,t,s){"use strict";var i=s(85893);s(67294),t.Z=function(e){return(0,i.jsxs)("svg",{width:27,height:24,fill:"none",...e,children:[(0,i.jsx)("path",{d:"M26.435 21.738L14.155.457c-.35-.61-1.37-.61-1.73 0L.135 21.738c-.18.31-.18.69 0 1 .18.31.51.5.87.5h24.56c.36 0 .69-.19.87-.5.18-.31.18-.69 0-1z",fill:"#FF0916"}),(0,i.jsx)("path",{d:"M12.162 13.89h0v.004c.047.493.128.866.252 1.128a.702.702 0 0 0 .281.333.832.832 0 0 0 .436.108.763.763 0 0 0 .725-.447c.139-.265.22-.64.255-1.101l.33-3.83c.034-.356.057-.713.057-1.06 0-.591-.08-1.06-.243-1.396h0l-.002-.004c-.191-.37-.547-.547-1.031-.547-.402 0-.738.14-.996.41h0l-.002.003c-.258.284-.38.653-.38 1.113 0 .312.023.839.068 1.567h0l.25 3.72zm.075 4.914c.266.228.573.344.928.344.352 0 .662-.114.908-.346.277-.239.402-.568.402-.964 0-.359-.13-.67-.385-.925a1.274 1.274 0 0 0-.936-.385c-.37 0-.68.129-.937.385a1.266 1.266 0 0 0-.385.925c0 .398.127.727.405.966z",fill:"#fff",stroke:"#fff",strokeWidth:.3})]})}},50043:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSG:function(){return ek},default:function(){return ew}});var i=s(85893),a=s(11163),o=s(67294),n=s(56074),r=s(83253),l=s.n(r),p=s(45007);s(9008);var c=s(65849),d=s(93967),h=s.n(d);s(23353);var u=s(61767);s(25515),s(72635);var m=s(53722),g=s(32407),f=s(58247),v=s(4931),x=s(53212),y=s(41182),C=s(11223),b=s(95249),j=s(49879),k=s(31445);s(71131);let w=()=>new Promise(e=>{FB.getLoginStatus(t=>e(t))}),N=()=>new Promise(e=>{FB.login(t=>e(t))}),S=(0,n.QM)(e=>({contentBox:{position:"relative",zIndex:10,width:"100vw",maxWidth:400,margin:"0 auto",textAlign:"center",backgroundColor:f.Z.backgroundGray,borderRadius:8,overflow:"hidden",[e.breakpoints.down("xs")]:{margin:0,borderRadius:0,maxWidth:"none"}},top:{backgroundImage:"url(https://potluck-web.s3.ap-northeast-1.amazonaws.com/login/login-background.jpg)",backgroundSize:"cover",backgroundPosition:"center",height:160,display:"flex",alignItems:"center",justifyContent:"center"},logo:{width:156,height:50},topShop:{height:100,display:"flex",alignItems:"center",justifyContent:"center",borderBottom:"1px solid ".concat(f.Z.subtleGray)},logoShop:{width:240,height:50,backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat"},form:{display:"flex",flexDirection:"column",paddingTop:4*e.spacing.unit,paddingLeft:4*e.spacing.unit,paddingRight:4*e.spacing.unit,paddingBottom:8*e.spacing.unit},sns:{width:"100%",maxWidth:274,marginLeft:"auto",marginRight:"auto"},dividerContainer:{display:"flex",alignItems:"center",marginTop:3*e.spacing.unit,marginBottom:3*e.spacing.unit},divider:{flex:1,borderBottom:"1px solid ".concat(f.Z.secondaryGray)},dividerText:{color:f.Z.primaryCharcoal,marginLeft:e.spacing.unit,marginRight:e.spacing.unit},error:{fontSize:12,fontWeight:"600",color:f.Z.alertRed,marginBottom:2*e.spacing.unit},input:{minHeight:48,fontSize:16,borderWidth:1,backgroundColor:"#FFFFFF",border:"1px solid ".concat(f.Z.subtleGray),borderRadius:3,paddingLeft:2*e.spacing.unit,marginBottom:2*e.spacing.unit,"&::placeholder":{color:f.Z.subtleGray,fontSize:14}},primaryCta:{marginTop:2*e.spacing.unit},secondaryCta:{marginTop:3*e.spacing.unit,textAlign:"center",fontSize:"14px",lineHeight:"21px",color:f.Z.secondaryCharcoal,textDecoration:"underline",cursor:"pointer"},secondaryCtaPink:{color:f.Z.primaryPink,textDecoration:"none",fontWeight:"600"},poweredByPotluck:{position:"fixed",height:25,bottom:2*e.spacing.unit,left:2*e.spacing.unit,right:2*e.spacing.unit,backgroundImage:"url(https://potluck-web.s3.ap-northeast-1.amazonaws.com/powered-by-potluck.svg)",backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat",filter:"invert(43%) sepia(50%) saturate(1776%) hue-rotate(324deg) brightness(111%) contrast(107%)",[e.breakpoints.up("sm")]:{position:"absolute"}}}));var Z=(0,p.$j)(e=>({}),e=>({...(0,c.DE)({login:u.x4,loginSns:u.WH,getProfile:u.Ai},e),dispatch:e}))((0,a.withRouter)(e=>{var t,s,a,n;let r=S(),[l,p]=(0,o.useState)(),[c,d]=(0,o.useState)(),[u,f]=(0,o.useState)(""),[Z,T]=(0,o.useState)(""),P=((0,x.Z)(u)||(0,y.Z)(u))&&Z.length>0,I=async()=>{let t;let s=await w();if("connected"===s.status)t=s.authResponse.accessToken;else{var i;let e=await N();t=null==e?void 0:null===(i=e.authResponse)||void 0===i?void 0:i.accessToken}if(t){let s=await e.loginSns({token:t,provider:"facebook"});if(s&&s.status>=300)p("SNSアカウントが見つかりませんでした。再度お試しください。");else{(0,m.Z)(e.dispatch);let t=await e.getProfile();e.isShopApp||g.Z.boot(t),await (0,v.Z)({store:{dispatch:e.dispatch}}),e.onSuccess?e.onSuccess():e.router.push("/menu")}}},R=async()=>{d(!0);try{var t;if((0,x.Z)(u))await e.login({email:u,password:Z});else if((0,y.Z)(u)){let t=(0,C.Z)({phone:u});await e.login({phone:t,password:Z})}(0,m.Z)(e.dispatch);let s=await e.getProfile();e.isShopApp||g.Z.boot(s),await (0,v.Z)({store:{dispatch:e.dispatch}}),null===(t=e.onSuccess)||void 0===t||t.call(e)}catch(e){(0,x.Z)(u)?p("メールアドレスかパスワード、どちらかが正しくありません。"):p("電話番号が正しくありません。")}finally{d(!1)}};return(0,i.jsxs)("div",{className:r.contentBox,children:[e.shop?(0,i.jsx)("div",{className:r.topShop,children:(0,i.jsx)("div",{className:r.logoShop,style:{backgroundImage:"url(".concat((null===(s=e.shop)||void 0===s?void 0:null===(t=s.media)||void 0===t?void 0:t.logoWide)||(null===(n=e.shop)||void 0===n?void 0:null===(a=n.media)||void 0===a?void 0:a.logo),")")}})}):(0,i.jsx)("div",{className:r.top,children:(0,i.jsx)(k.Z,{className:r.logo})}),(0,i.jsxs)("form",{className:r.form,children:[(0,i.jsx)("div",{className:r.sns,children:(0,i.jsx)(j.Z,{onClick:I})}),(0,i.jsxs)("div",{className:r.dividerContainer,children:[(0,i.jsx)("div",{className:r.divider}),(0,i.jsx)("div",{className:r.dividerText,children:"または"}),(0,i.jsx)("div",{className:r.divider})]}),l&&(0,i.jsx)("div",{className:r.error,children:l}),(0,i.jsx)("input",{value:u,name:"emailOrPhone",placeholder:"メールもしくは電話番号",className:r.input,onChange:e=>{p(!1),f(e.target.value)}}),(0,i.jsx)("input",{value:Z,name:"password",type:"password",placeholder:"パスワード",className:r.input,onChange:e=>{p(!1),T(e.target.value)}}),(0,i.jsx)(b.Z,{text:"ログイン",type:"button",loading:c,disabled:c||!P,className:r.primaryCta,onClick:R}),(0,i.jsx)("div",{className:r.secondaryCta,onClick:e.onClickSignup,children:"会員登録はこちら"}),(0,i.jsx)("div",{className:h()(r.secondaryCta,r.secondaryCtaPink),children:"パスワードをお忘れですか？"}),e.shop&&(0,i.jsx)("div",{className:r.poweredByPotluck})]})]})})),T=s(94367),P=s(2261),I=s(2461),R=s(73051),_=s(46962),B=s(28702),O=s(5690);s(64172);let z={subtitle:"SMSを利用して本人確認を行います",cta:"SMSを送る"},A={subtitle:"確認コードを利用して本人確認を行います",cta:"登録時に確認コードを受け取ります"};class L extends o.Component{componentDidMount(){setTimeout(()=>{this.emailOrPhoneRef.focus()},300)}render(){var e,t,s,a;let o=(0,x.Z)(this.state.emailOrPhone),n={...z};(o||!(0,_.Z)(this.state.emailOrPhone))&&(n={...n,...A});

1let r=this.state.emailOrPhone&&(o||(0,y.Z)(this.state.emailOrPhone)),l=!!this.state.name&&this.state.password&&this.state.password.length>=B.lo;return(0,i.jsxs)("div",{className:this.props.classes.contentBox,children:[this.props.shop&&(0,i.jsx)("div",{className:this.props.classes.topShop,children:(0,i.jsx)("div",{className:this.props.classes.logoShop,style:{backgroundImage:"url(".concat((null===(t=this.props.shop)||void 0===t?void 0:null===(e=t.media)||void 0===e?void 0:e.logoWide)||(null===(a=this.props.shop)||void 0===a?void 0:null===(s=a.media)||void 0===s?void 0:s.logo),")")}})}),(0,i.jsxs)(P.tq,{onSwiper:this.onSwiper,className:this.props.classes.form,children:[(0,i.jsx)(P.o5,{children:(0,i.jsxs)("div",{className:this.props.classes.slide,children:[(0,i.jsx)("div",{className:this.props.classes.title,children:"新規登録"}),(0,i.jsx)("div",{className:this.props.classes.subtitle,children:n.subtitle}),this.state.error&&(0,i.jsxs)("div",{className:this.props.classes.error,children:[(0,i.jsx)(O.Z,{className:this.props.classes.errorIcon}),(0,i.jsx)("div",{className:this.props.classes.errorText,children:this.state.error})]}),(0,i.jsx)("input",{ref:e=>this.emailOrPhoneRef=e,value:this.state.emailOrPhone,autoCapitalize:"none",placeholder:"メールor電話番号",className:this.props.classes.input,onChange:this.onChangeEmailOrPhone}),(0,i.jsx)("input",{value:this.state.referralCode,autoCapitalize:"none",placeholder:"招待コード（お持ちの方のみ）",className:this.props.classes.input,onChange:this.onChangeReferralCode}),(0,i.jsx)(b.Z,{text:n.cta,className:this.props.classes.primaryCta,disabled:this.state.error||!r,onClick:this.onPressSubmitStep1}),(0,i.jsx)("div",{className:this.props.classes.secondaryCtas,children:(0,i.jsx)("div",{className:this.props.classes.secondaryCta,onClick:this.props.onClickLogin,children:"ログインはこちら"})}),(0,i.jsxs)("div",{className:this.props.classes.secondaryCtas,children:[(0,i.jsx)("a",{href:"/kiyaku",className:h()(this.props.classes.secondaryCta,this.props.classes.secondaryCtaPink),children:"サービス利用規約"}),(0,i.jsx)("br",{}),(0,i.jsx)("a",{href:"/privacy",className:h()(this.props.classes.secondaryCta,this.props.classes.secondaryCtaPink),children:"プライバシーポリシー"})]}),this.props.shop&&(0,i.jsx)("div",{className:this.props.classes.poweredByPotluck})]})}),(0,i.jsx)(P.o5,{children:(0,i.jsxs)("div",{className:this.props.classes.slide,children:[(0,i.jsx)("div",{className:this.props.classes.subtitle,children:"届いた番号を入力してください"}),(0,i.jsx)("div",{id:"react-verification-code-input-css-anchor",children:(0,i.jsx)(I.Z,{ref:e=>this.codeRef=e,fields:4,className:this.props.classes.codeInput,onComplete:this.onVerificationCodeChange})}),!this.state.codeResent&&(0,i.jsx)("div",{onClick:this.onClickCreateVerificationCode,className:this.props.classes.disclaimer,children:"確認コードを再送する"}),this.state.codeResent&&(0,i.jsx)("div",{className:this.props.classes.disclaimer,children:"再送しました"})]})}),(0,i.jsx)(P.o5,{children:(0,i.jsxs)("div",{className:this.props.classes.slide,children:[(0,i.jsx)("div",{className:this.props.classes.subtitle,children:"アカウント情報登録"}),(0,i.jsx)("input",{ref:e=>this.nameRef=e,value:this.state.name,placeholder:"名前",autoCapitalize:"none",className:this.props.classes.input,onChange:this.onChangeName}),(0,i.jsx)("input",{value:this.state.password,type:"password",placeholder:"パスワード",autoCapitalize:"none",className:this.props.classes.input,onChange:this.onChangePassword}),(0,i.jsxs)("div",{className:this.props.classes.inputNote,children:["パスワードは",B.lo,"文字以上で必須"]}),(0,i.jsx)(b.Z,{text:"登録する",className:this.props.classes.primaryCta,disabled:this.state.error||!l,loading:this.state.createUserLoading,onClick:this.onClickCta})]})})]})]})}

1constructor(e){super(e),this.emailOrPhoneRef=null,this.codeRef=null,this.nameRef=null,this.step0Ref=null,this.onSwiper=e=>{this.swiper=e,this.swiper.on("slideChange",e=>{let{activeIndex:t}=e;1===t&&setTimeout(()=>{this.codeRef.iRefs[0].current.focus()},450)})},this.onChangeEmailOrPhone=e=>{this.setState({emailOrPhone:e.target.value,error:null})},this.onChangeReferralCode=e=>{this.setState({referralCode:e.target.value,error:null})},this.onChangeName=e=>{this.setState({name:e.target.value,error:null})},this.onChangePassword=e=>{this.setState({password:e.target.value,error:null})},this.onPressSubmitStep1=async()=>{if(this.state.referralCode)try{await this.props.checkReferralCode(this.state.referralCode)}catch(e){console.log(e),this.setState({error:e.error||"招待コードに誤りがあります"});return}try{if((0,y.Z)(this.state.emailOrPhone)){let e=(0,C.Z)({phone:this.state.emailOrPhone});await this.props.createPhoneVerificationCode(e)}else if((0,x.Z)(this.state.emailOrPhone))await this.props.createEmailVerificationCode(this.state.emailOrPhone);else{this.setState({error:"Unrecognized email format"});return}}catch(s){var e,t;this.setState({error:(null==s?void 0:null===(t=s.response)||void 0===t?void 0:null===(e=t.data)||void 0===e?void 0:e.error)||"エラーが発生しました"});return}this.setState({step:this.state.step+1})},this.onVerificationCodeChange=async e=>{if(e.length>=4){let t;this.setState({verificationCode:e,checkVerificationLoading:!0});try{if((0,y.Z)(this.state.emailOrPhone)){let s=(0,C.Z)({phone:this.state.emailOrPhone});t=await this.props.checkPhoneVerificationCode({phone:s,verificationCode:e})}else{if(!(0,x.Z)(this.state.emailOrPhone))return;t=await this.props.checkEmailVerificationCode({email:this.state.emailOrPhone,verificationCode:e})}(null==t?void 0:t.found)?(this.setState({step:this.state.step+1}),this.setState({checkVerificationLoading:!1}),setTimeout(()=>{this.nameRef.focus()},450)):this.setState({checkVerificationLoading:!1,verificationCodeError:"番号が間違っています"})}catch(e){this.setState({checkVerificationLoading:!1,verificationCodeError:"Not found"})}}},this.onClickCta=async()=>{this.setState({createUserLoading:!0});try{var e,t;let s={name:this.state.name,referralCode:this.state.referralCode,verificationCode:this.state.verificationCode,password:this.state.password,neighborhoodId:1};(0,y.Z)(this.state.emailOrPhone)?s.phone=(0,C.Z)({phone:this.state.emailOrPhone}):(0,x.Z)(this.state.emailOrPhone)&&(s.email=this.state.emailOrPhone),await this.props.createUser(s),(0,m.Z)(this.props.dispatch),await this.props.getProfile(),await (0,v.Z)({store:{dispatch:this.props.dispatch}}),null===(e=(t=this.props).onSuccess)||void 0===e||e.call(t)}catch(e){400===e.status?this.setState({error:"このアドレスはすでに登録されています。"}):this.setState({error:"メールアドレスかパスワード、どちらかが正しくありません。"})}finally{this.setState({createUserLoading:!1})}},this.onPressResendCode=async()=>{let e=(0,C.Z)({phone:this.state.emailOrPhone});await this.props.createPhoneVerificationCode(e),this.setState({codeResent:!0})},this.state={step:0,emailOrPhone:"",referralCode:e.referralCode||"",name:"",password:"",error:null,verificationCodeError:null,verificationCode:null,codeResent:!1,createUserLoading:!1,checkVerificationLoading:!1}}}var F=(0,p.$j)(e=>({}),e=>({...(0,c.DE)({createPhoneVerificationCode:u.Zf,checkPhoneVerificationCode:u.ie,createEmailVerificationCode:u.MB,checkEmailVerificationCode:u.Xy,createUser:u.r4,getProfile:u.Ai,getShops:u.u6,checkReferralCode:u.aj,setLocation:R.l6},e),dispatch:e}))((0,n.D2)(e=>({contentBox:{position:"relative",zIndex:10,width:"100vw",maxWidth:400,margin:"0 auto",textAlign:"center",backgroundColor:f.Z.backgroundGray,borderRadius:8,overflow:"hidden",[e.breakpoints.down("xs")]:{margin:0,borderRadius:0,maxWidth:"none"}},logo:{width:156,height:50},topShop:{height:100,display:"flex",alignItems:"center",justifyContent:"center",borderBottom:"1px solid ".concat(f.Z.subtleGray)},logoShop:{width:240,height:50,backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat"},form:{display:"flex",flexDirection:"column"},slide:{textAlign:"center",height:500,padding:4*e.spacing.unit},title:{fontSize:"22px",lineHeight:"31px",color:f.Z.primaryCharcoal,marginBottom:2*e.spacing.unit},subtitle:{fontSize:"14px",fontWeight:"500",color:f.Z.primaryCharcoal,textAlign:"center",marginBottom:2*e.spacing.unit},error:{display:"flex",flexDirection:"row",alignItems:"center",marginTop:e.spacing.unit,marginBottom:e.spacing.unit,padding:1.5*e.spacing.unit,border:"3px solid #FF000E",borderRadius:5,backgroundColor:"rgba(255, 196, 205, 0.3)"},errorIcon:{marginLeft:e.spacing.unit,marginRight:2*e.spacing.unit,color:f.Z.primaryPink},errorText:{flex:1,textAlign:"left",color:f.Z.primaryPink,fontSize:12,fontWeight:"bold",marginTop:4},input:{width:"100%",minHeight:48,fontSize:16,borderWidth:1,backgroundColor:"#FFFFFF",border:"1px solid ".concat(f.Z.subtleGray),borderRadius:3,paddingLeft:2*e.spacing.unit,marginBottom:2*e.spacing.unit,"&::placeholder":{color:f.Z.subtleGray,fontSize:14}},codeInput:{margin:"0 auto ".concat(2*e.spacing.unit,"px auto")},inputNote:{marginLeft:16,fontSize:9,lineHeight:"12px",color:"#232323",textAlign:"left"},primaryCta:{marginTop:2*e.spacing.unit},secondaryCtas:{marginTop:3*e.spacing.unit},secondaryCta:{textAlign:"center",fontSize:"14px",lineHeight:"21px",color:f.Z.secondaryCharcoal,textDecoration:"underline",cursor:"pointer"},secondaryCtaPink:{color:f.Z.primaryPink,textDecoration:"none",fontWeight:"600"},disclaimer:{fontWeight:"bold",fontSize:12,color:"#FF6069",marginVertical:4},poweredByPotluck:{position:"fixed",height:25,bottom:2*e.spacing.unit,left:2*e.spacing.unit,right:2*e.spacing.unit,backgroundImage:"url(https://potluck-web.s3.ap-northeast-1.amazonaws.com/powered-by-potluck.svg)",backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat",filter:"invert(43%) sepia(50%) saturate(1776%) hue-rotate(324deg) brightness(111%) contrast(107%)",[e.breakpoints.up("sm")]:{position:"absolute"}}}))((0,a.withRouter)(L))),M=s(56180),V=s(92909),W=s(79841),E=s(39493),H=s(33281),D=s(82117),q=function(e){return(0,i.jsx)("svg",{width:14,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,i.jsx)("path",{d:"M11.264 8.528l1.931-1.93-1.93-1.931V1.93H8.527L6.598 0 4.667 1.93H1.93v2.737L0 6.597l1.93 1.931v2.736h2.737l1.93 1.931 1.931-1.93h2.736V8.527zm-4.666 1.57v-7c1.93 0 3.5 1.569 3.5 3.5 0 1.93-1.57 3.5-3.5 3.5z",fill:"#B0B4BA"})})},G=function(e){return(0,i.jsx)("svg",{width:13,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,i.jsx)("path",{d:"M2.936 11.421l-1.65-1.65a1 1 0 010-1.414l1.65-1.65a1 1 0 000-1.414l-1.65-1.65a1 1 0 010-1.414l1.65-1.65a1 1 0 011.414 0L6 2.229a1 1 0 001.414 0l1.65-1.65a1 1 0 011.414 0l1.65 1.65a1 1 0 010 1.414l-1.65 1.65a1 1 0 000 1.414l1.65 1.65a1 1 0 010 1.414l-1.65 1.65a1 1 0 01-1.414 0l-1.65-1.65a1 1 0 00-1.414 0l-1.65 1.65a1 1 0 01-1.414 0z",fill:"#B0B4BA"})})},U=function(e){return(0,i.jsx)("svg",{width:10,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,i.jsx)("path",{d:"M3.3 0C2.099 0 .97.33 0 .891A6.585 6.585 0 013.3 6.6 6.585 6.585 0 010 12.309c.97.561 2.099.891 3.3.891 3.643 0 6.6-2.957 6.6-6.6S6.943 0 3.3 0z",fill:"#B0B4BA"})})},Q=s(64396),X=s.n(Q),K=s(91262),Y=s(57063),J=e=>(0,i.jsx)("svg",{className:"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc",viewBox:"0 0 24 24","aria-hidden":"true","data-testid":"CloseRoundedIcon",...e,children:(0,i.jsx)("path",{d:"M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"})});let $=(0,n.QM)(()=>({container:{width:4*Y.Z.spacing.unit,height:4*Y.Z.spacing.unit,borderRadius:2*Y.Z.spacing.unit,backgroundColor:f.Z.transparentDark}}));var ee=e=>{let{className:t,...s}=e,a=$();return(0,i.jsx)("div",{...s,className:h()(a.container,t),children:(0,i.jsx)(J,{fill:f.Z.white})})},et=s(89607),es=s(4279),ei=s(41629),ea=s(90563),eo=s(52668),en=s(53446),er=s(23394),el=s(10050),ep=s(75843);let ec=e=>{var t,s;let i=(0,ea.Z)(),a=e.type||i.type,o=e.day||i.day,n=e.date||i.date.format("YYYYMMDD");e.shop||e.meal.shop;let r=e.orderType||B.c7.REGULAR,l=1;e.meal&&(l=e.meal.amountRemaining);let p=[];e.meal&&e.meal.options&&(p=e.meal.options.reduce((e,t)=>

1(e.push({...t,label:t.name,values:t.values.reduce((e,t)=>{let s=t.name;return t.cost>0&&(s="".concat(s," (＋ \xa5").concat(t.cost,"）")),e.push({...t,label:s}),e},[])}),e),[]));let c=(0,el.Z)({plan:null===(t=e.wallet.data)||void 0===t?void 0:t.plan,shop:e.shop,meal:e.meal,type:a,day:o,orderType:r});if(!e.orderType&&c.value===B.Xs.UNAVAILABLE){let t=(0,er.Z)(),i=(0,el.Z)({plan:null===(s=e.wallet.data)||void 0===s?void 0:s.plan,shop:e.shop,meal:e.meal,type:t.type,day:t.day,orderType:B.c7.NOW});i.value===B.Xs.AVAILABLE&&(r=B.c7.NOW,c=i)}return{status:c,orderType:r,type:a,day:o,date:n,quantityRemaining:l,quantity:1,options:p,selectedOptions:{},selectedSides:[]}},ed=e=>{let{options:t,selectedOptions:s}=e;return Object.keys(s).filter(e=>{var t;return(null===(t=s[e])||void 0===t?void 0:t.length)>0}).reduce((e,i)=>{let a=t.find(e=>e.id===parseInt(i,10));return a&&e.push({id:a.id,name:a.name,values:s[i].map(e=>e.name)}),e},[])};class eh extends o.Component{render(){if(!this.props.meal)return(0,i.jsx)("div",{children:"Loading..."});let e=this.props.isShopApp?(0,ep.Z)(this.props.meal.name):this.props.meal.name,t=(0,eo.Z)({meal:this.props.meal,shop:this.props.shop}),s=(0,en.Z)(this.props.meal);return(0,i.jsxs)("div",{className:this.props.classes.container,children:[(0,i.jsxs)("div",{className:this.props.classes.content,children:[(0,i.jsx)(ee,{className:this.props.classes.closeIcon,onClick:this.props.onClose}),(0,i.jsx)("div",{className:this.props.classes.image,style:{backgroundImage:"url(".concat(s[0],")")}}),(0,i.jsxs)("div",{className:this.props.classes.section,children:[(0,i.jsxs)("div",{className:this.props.classes.sectionTop,children:[(0,i.jsxs)("div",{className:this.props.classes.sectionTopLeft,children:[(0,i.jsx)("div",{onClick:()=>{var e,t;return null===(t=this.props)||void 0===t?void 0:null===(e=t.onClickShop)||void 0===e?void 0:e.call(t,this.props.shop)},className:this.props.classes.shopName,children:this.props.shop.name}),(0,i.jsx)("div",{className:this.props.classes.mealName,children:e})]}),(0,i.jsx)("div",{className:this.props.classes.sectionTopActions,children:(0,i.jsx)(et.Z,{filled:this.state.favorite,color:f.Z.primaryCharcoal,className:this.props.classes.heart,onClick:this.onClickFavorite})})]}),(0,i.jsx)("div",{className:this.props.classes.footnotes,children:t.map((e,t)=>(0,o.createElement)(es.Z,{...e,key:t,className:this.props.classes.footnote}))}),(0,i.jsx)("div",{className:this.props.classes.sectionBody,children:this.props.meal.details})]}),(0,i.jsx)("div",{className:this.props.classes.separator}),(0,i.jsxs)("div",{className:this.props.classes.section,children:[this.state.options.map((e,t)=>(0,i.jsxs)("div",{className:this.props.classes.option,children:[(0,i.jsxs)("div",{className:this.props.classes.sectionTopBar,children:[(0,i.jsx)("div",{className:this.props.classes.sectionTitle,children:e.label}),e.required&&(0,i.jsx)("div",{className:this.props.classes.sectionTitleRedNote,children:"必須"}),e.allowMultiple&&(0,i.jsx)("div",{className:this.props.classes.sectionTitleBlackNote,children:"複数選択可能"})]}),(0,i.jsx)("div",{className:this.props.classes.optionValues,children:e.values.map(t=>{var s;return(0,i.jsxs)("div",{className:this.props.classes.optionValue,onClick:()=>this.onClickOptionValue(e,t),children:[(0,i.jsx)(K.Z,{value:null===(s=this.state.selectedOptions[e.id])||void 0===s?void 0:s.some(e=>e.name===t.name),className:this.props.classes.optionValueCheckbox}),(0,i.jsx)("div",{className:this.props.classes.optionValueLabel,children:t.label})]},t.name)})})]},t)),(0,i.jsx)("div",{className:this.props.classes.sectionTopBar,children:(0,i.jsx)("div",{className:this.props.classes.sectionTitle,children:"食数"})}),(0,i.jsx)(ei.Z,{value:this.state.quantity,min:1,max:this.state.quantityRemaining,className:this.props.classes.incrementer,onChange:this.onSelectQuantity})]}),this.props.meal.reviews.length>0&&[(0,i.jsx)("div",{className:this.props.classes.separator},"separator"),(0,i.jsxs)("div",{className:this.props.classes.section,children:[(0,i.jsx)("div",{className:this.props.classes.sectionTitle,children:"みんなのレビュー"}),(0,i.jsxs)("div",{className:this.props.classes.ratings,children:[(0,i.jsx)(X(),{name:"rating",editing:!1,starCount:5,starColor:f.Z.primaryPink,value:this.props.meal.rating.average}),(0,i.jsxs)("div",{className:this.props.classes.ratingsText,children:["平均",this.props.meal.rating.average]})]})]},"section")],this.props.meal.material&&[(0,i.jsx)("div",{className:this.props.classes.separator},"separator"),(0,i.jsxs)("div",{className:this.props.classes.section,children:[(0,i.jsx)("div",{className:this.props.classes.sectionTitle,children:"原材料"}),(0,i.jsx)("div",{className:this.props.classes.sectionBody,children:this.props.meal.material})]},"section")],this.state.orderType===B.c7.REGULAR&&this.props.meal.pickupInstructions&&[(0,i.jsx)("div",{className:this.props.classes.separator},"separator"),(0,i.jsxs)("div",{className:this.props.classes.section,children:[(0,i.jsx)("div",{className:this.props.classes.sectionTitle,children:"受け取り時の注意事項"}),(0,i.jsx)("div",{className:this.props.classes.sectionBody,children:this.props.meal.pickupInstructions})]},"section")],this.state.mapViewport&&[(0,i.jsx)("div",{className:this.props.classes.separator},"separator"),(0,i.jsxs)("div",{className:this.props.classes.section,children:[(0,i.jsx)("div",{className:this.props.classes.sectionTitle,children:"アクセス"}),(0,i.jsx)("div",{className:this.props.classes.mapTitle,children:this.props.shop.name}),(0,i.jsx)("div",{className:this.props.classes.mapSubtitle,children:this.props.shop.address}),(0,i.jsx)(V.ZP,{...this.state.mapViewport,mapboxApiAccessToken:"pk.eyJ1IjoicG90bHVja2hxIiwiYSI6ImNqeW03OHc3bjBnNTkzbHJvNHVtemhjNW4ifQ._9iIJ5jy_RzZTeks86lQBw",mapStyle:"mapbox://styles/potluckhq/cjym7i4e00vom1clbjz7at3an",width:"100%",height:"200px",className:this.props.classes.map,onViewportChange:this.onViewportChange,children:(0,i.jsx)(V.Hw,{id:"shop-location",type:"geojson",data:{type:"FeatureCollection",features:[{id:this.props.shop.id,type:"Feature",geometry:{type:"Point",coordinates:[this.props.shop.location.lon,this.props.shop.location.lat]}}]},children:(0,i.jsx)(V.mh,{id:"shop-location-layer",type:"symbol",layout:{"icon-image":"shop-marker-red","icon-anchor":"bottom"}})})})]},"section")]]}),(0,i.jsx)("div",{className:this.props.classes.ctaSection,children:(0,i.jsx)(b.Z,{...this.getCta()})})]})}constructor(e){var t,s,i;let a;super(e),this.getCta=()=>{var e,t,s,i,a,o;let n;if(this.props.profile.data){if((null===(t=this.props.wallet)||void 0===t?void 0:null===(e=t.data)||void 0===e?void 0:e.totalTickets)<1)n={text:"プランを購入する",onClick:this.props.onClickBuyPlan};else{let e=this.state.status.value===B.Xs.UNAVAILABLE;n={text:"＋カートに追加する",disabled:e,rightNumber:this.state.quantity,onClick:this.onClickAddToCart},Number.isFinite(null===(i=this.props.cart)||void 0===i?void 0:null===(s=i.shop)||void 0===s?void 0:s.id)&&(null===(o=this.props.cart)||void 0===o?void 0:null===(a=o.shop)||void 0===a?void 0:a.id)!==this.props.shop.id&&(n={text:"＋カートに追加する",disabled:e,gray:!0,rightNumber:this.state.quantity,onClick:this.onClickAddToCart})}}else n={text:"サインイン",onClick:this.props.onClickSignup};return n},this.getFirstInvalidOption=()=>this.state.options.filter(e=>e.required).find(e=>{var t;return!this.state.selectedOptions[e.id]||(null===(t=this.state.selectedOptions[e.id])||void 0===t?void 0:t.length)===0}),this.onClickBack=()=>{this.props.navigation.pop()},this.onClickFavorite=async()=>{let e=this.state.favorite;this.setState({favorite:!e}),e?await this.props.removeFavorite(this.props.meal.id):await this.props.addFavorite(this.props.meal.id),this.props.getFavorites()},this.onClickOptionValue=(e,t)=>

1{var s;let i=this.state.selectedOptions,a=null===(s=i[e.id])||void 0===s?void 0:s.some(e=>e.name===t.name);i[e.id]||(i[e.id]=[]),a?i[e.id]=i[e.id].filter(e=>e.name!==t.name):e.allowMultiple?i[e.id].push(t):i[e.id]=[t],this.setState({selectedOptions:i})},this.onSelectQuantity=e=>{this.setState({quantity:e})},this.onViewportChange=e=>{this.setState({mapViewport:e})},this.onClickAddItem=async e=>{},this.onLoginOrSignupSuccess=()=>{"daikanyamapink"!==this.props.defaultOfferCode||this.props.profile.data.payjpid||this.props.setDefaultOfferCode("daikanyamapink-trial")},this.onClickAddToCart=async()=>{var e;for(let e of(this.props.setMealTypeForCart(this.state.type),this.props.setMealDayForCart(this.state.day),this.props.setShopForCart(this.props.shop),this.props.setOrderTypeForCart(this.state.orderType),this.props.addMealToCart({...this.props.meal,options:ed({options:this.state.options,selectedOptions:this.state.selectedOptions}),quantity:this.state.quantity}),this.state.selectedSides))this.props.addSideToCart({...e,quantity:1});null===(e=this.props)||void 0===e||e.onAddItemToCart()};let o=e.meal,n=e.shop||(null===(t=e.meal)||void 0===t?void 0:t.shop),r={};!o&&e.mealById&&(o=e.mealById),!n&&e.shopByMealId&&(n=e.shopByMealId),o&&n&&(r=ec({...e,meal:o,shop:n})),n&&(a={zoom:15,latitude:n.location.lat,longitude:n.location.lon,transitionDuration:500}),this.state={...r,showImageView:!1,meal:o,shop:n,favorite:null===(i=e.favorites)||void 0===i?void 0:null===(s=i.data)||void 0===s?void 0:s.find(e=>e.id===o.id),loading:!o||!n,hideErrors:!1,reviewsExpanded:!1,mapViewport:a}}}eh.options={toolbar:{modifier:"transparent cover-content"}};var eu=(0,p.$j)((e,t)=>{var s,i;let a=(null===(s=t.meal)||void 0===s?void 0:s.id)||t.mealId,o={profile:e.api.profile.default,wallet:e.api.wallet.default,favorites:e.api.favorites.default,cart:e.features.cart};return a&&!t.meal&&e.api.mealById[a]&&e.api.mealById[a].data&&(o.meal=e.api.mealById[a].data),a&&!t.shop&&!(null===(i=o.meal)||void 0===i?void 0:i.shop)&&e.api.shopByMealId[a]&&e.api.shopByMealId[a].data&&(o.shop=e.api.shopByMealId[a].data),o},e=>({...(0,c.DE)({getMealById:u.i4,getShopByMealId:u.M,getFavorites:u._l,addFavorite:u.a3,removeFavorite:u.Ni,createMealView:u.KM,setShopForCart:R.IB,setMealTypeForCart:R.bp,setMealDayForCart:R.cH,setOrderTypeForCart:R.be,addMealToCart:R.RV,addSideToCart:R.gj,clearCart:R.LL},e),dispatch:e}))((0,n.D2)(e=>({container:{height:"100%",display:"flex",flexDirection:"column",backgroundColor:e.white},content:{flex:1,overflowY:"scroll",position:"relative",paddingBottom:2*e.spacing.unit},closeIcon:{zIndex:2,position:"absolute",top:e.spacing.unit,left:e.spacing.unit,cursor:"pointer"},ctaSection:{padding:2*e.spacing.unit,backgroundColor:f.Z.backgroundGray,borderTop:"1px solid ".concat(f.Z.borderGray)},image:{height:247,width:"100%",backgroundSize:"cover",backgroundPosition:"center",display:"flex",alignItems:"center",justifyContent:"center"},section:{padding:2*e.spacing.unit},separator:{height:8,backgroundColor:f.Z.whitesmoke,borderTop:"0.5px solid ".concat(f.Z.borderWhitesmoke)},sectionTop:{display:"flex"},sectionTopLeft:{flex:1},sectionTopActions:{width:25,display:"flex",justifyContent:"flex-end"},shopName:{fontSize:"12px",lineHeight:"18px",fontWeight:"700",color:f.Z.primaryPink},mealName:{fontSize:"20px",lineHeight:"30px",fontWeight:"700",color:f.Z.primaryCharcoal},footnotes:{display:"flex",marginTop:e.spacing.unit/2},footnote:{marginRight:e.spacing.unit},sectionTopBar:{display:"flex",paddingBottom:e.spacing.unit,borderBottom:"1px solid ".concat(f.Z.borderGray)},sectionTitle:{fontSize:"16px",lineHeight:"18px",fontWeight:"bold",color:f.Z.primaryCharcoal},sectionTitleRedNote:{fontSize:"11px",lineHeight:"18px",fontWeight:"normal",color:"#FF0000",marginLeft:e.spacing.unit},sectionTitleBlackNote:{fontSize:"11px",lineHeight:"18px",fontWeight:"normal",color:f.Z.primaryCharcoal,marginLeft:e.spacing.unit},sectionBody:{fontSize:"14px",lineHeight:"22px",fontWeight:"400",marginTop:2*e.spacing.unit},option:{marginBottom:3*e.spacing.unit},optionValues:{marginTop:2*e.spacing.unit},optionValue:{display:"flex",alignItems:"center",marginTop:e.spacing.unit},optionValueCheckbox:{marginRight:e.spacing.unit},optionValueLabel:{fontSize:"16px",lineHeight:"24px",fontWeight:"400",color:f.Z.primaryCharcoal},incrementer:{display:"flex",justifyContent:"center",marginTop:2*e.spacing.unit},ratings:{display:"flex",marginTop:e.spacing.unit},ratingsText:{fontWeight:"700",fontSize:"16px",lineHeight:"24px",color:f.Z.primaryCharcoal,marginLeft:e.spacing.unit},mapTitle:{fontWeight:"700",fontSize:"14px",lineHeight:"18px",color:f.Z.primaryCharcoal,marginTop:2*e.spacing.unit},mapSubtitle:{fontWeight:"700",fontSize:"12px",lineHeight:"18px",color:f.Z.primaryPink},map:{marginTop:2*e.spacing.unit}}))(eh)),em=s(10693),eg=s(58211),ef=e=>e.split("\n").map((e,t)=>(0,i.jsx)("div",{children:e},t));let ev={MealDialog:eu,OrderDialog:em.Z},ex=e=>{let t,{plan:s,shop:i,type:a,day:o,orderType:n=B.c7.REGULAR}=e;t=n===B.c7.NOW?(0,er.Z)():(0,ea.Z)();let r=a||t.type,l=o||t.day,p=i.meals.map(e=>({status:(0,el.Z)({plan:s,shop:i,meal:e,type:r,day:l,orderType:n}),shop:i,...e}));return p.sort((e,t)=>

1e.status.value===B.Xs.UNAVAILABLE&&t.status.value===B.Xs.AVAILABLE?1:e.status.value===B.Xs.AVAILABLE&&t.status.value===B.Xs.UNAVAILABLE?-1:e.status.message&&!t.status.message?1:!e.status.message&&t.status.message?-1:0),p};class ey extends o.Component{render(){var e,t,s,a,o,n,r;let l;if(this.state.loading)return(0,i.jsx)("div",{children:"Loading..."});let p=[{title:"月",day:"monday",hours:this.state.shop.hours},{title:"火",day:"tuesday",hours:this.state.shop.hours},{title:"水",day:"wednesday",hours:this.state.shop.hours},{title:"木",day:"thursday",hours:this.state.shop.hours},{title:"金",day:"friday",hours:this.state.shop.hours},{title:"土",day:"saturday",hours:this.state.shop.hours},{title:"日",day:"sunday",hours:this.state.shop.hours}],c=(null===(t=this.props.shop)||void 0===t?void 0:null===(e=t.storePage)||void 0===e?void 0:e.type)===B.yb.MEMBERSHIP,d=!!(null===(s=this.props.wallet.data)||void 0===s?void 0:s.plan),u=d&&(null===(a=this.props.wallet.data)||void 0===a?void 0:a.type)===B.M5.PROMO,m=d&&!u,g=this.state.meals;return(null===(n=this.props.wallet.data)||void 0===n?void 0:null===(o=n.productRestrictions)||void 0===o?void 0:o.mealIds)&&(g=g.filter(e=>this.props.wallet.data.productRestrictions.mealIds.includes(e.id))),this.state.dialog&&(l=ev[this.state.dialog.component]),(0,i.jsx)("div",{children:(0,i.jsxs)("div",{className:this.props.classes.container,children:[(0,i.jsxs)("div",{className:h()(this.props.classes.leftPanel,{[this.props.classes.leftPanelOpen]:!!this.state.dialog}),children:[(null===(r=this.state.shop.media)||void 0===r?void 0:r.bannerImage)&&(0,i.jsx)("div",{style:{backgroundImage:"url(".concat((0,eg.Z)({uuid:this.state.shop.media.bannerImage},"large"),")")},className:this.props.classes.image}),(0,i.jsxs)("div",{className:h()(this.props.classes.content,{[this.props.classes.contentNarrow]:c}),children:[(0,i.jsxs)("div",{className:this.props.classes.section,children:[(0,i.jsx)("div",{className:this.props.classes.title1,children:this.state.shop.name}),c&&(u||m)&&(0,i.jsx)(E.Z,{...this.props.wallet.data.plan.copy,startsAt:this.props.wallet.data.plan.currentPeriodStartsAt,endsAt:this.props.wallet.data.plan.currentPeriodEndsAt,className:this.props.classes.membershipCard}),c&&!u&&!m&&(0,i.jsx)(H.Z,{shop:this.state.shop,className:h()(this.props.classes.membershipCard,this.props.classes.membershipCardUpsell),onClick:this.onClickMembershipCardUpsell}),this.state.shop.media&&this.state.shop.media.ownerImage&&this.state.shop.media.ownerQuote&&(0,i.jsxs)("div",{className:this.props.classes.quote,children:[(0,i.jsx)("div",{className:this.props.classes.quoteImage,children:(0,i.jsx)("img",{src:(0,eg.Z)({uuid:this.state.shop.media.ownerImage}),alt:this.state.shop.name,style:{width:"100%",height:"100%",objectFit:"cover"}})}),(0,i.jsx)("div",{className:this.props.classes.quoteText,children:this.state.shop.media.ownerQuote})]}),c?(this.props.shop.storePage.homeContent||[]).map(e=>(0,i.jsx)("div",{className:this.props.classes[e.className],children:ef(e.content)})):(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:h()([this.props.classes.title1,this.props.classes.titleMargin]),children:"メニュー"}),(0,i.jsx)("div",{className:this.props.classes.meals,children:g.map(e=>(0,i.jsx)(W.Z,{meal:e,shop:this.state.shop,hideTicketStrings:!0,orderType:this.props.orderType,className:this.props.classes.meal,onClick:()=>this.onClickMeal(e)},e.id))})]})]}),this.state.shop.details&&[(0,i.jsx)("div",{className:this.props.classes.separator},"separator"),(0,i.jsxs)("div",{className:this.props.classes.section,children:[(0,i.jsx)("div",{className:this.props.classes.title1,children:"店舗情報"}),(0,i.jsx)("div",{className:this.props.classes.body,children:ef(this.state.shop.details)}),(0,i.jsx)("p",{className:this.props.classes.collapsTitle,onClick:()=>this.setState({isOpened:!this.state.isOpened}),children:"営業時間"}),(0,i.jsx)(M.Collapse,{isOpened:this.state.isOpened,children:p.map((e,t)=>(0,i.jsxs)("div",{className:this.props.classes.day,children:[(0,i.jsx)("p",{style:{marginTop:0,marginBottom:8},className:this.props.classes.dayTitle,children:e.title}),e.hours.lunch[e.day]?(0,i.jsxs)("p",{style:{marginTop:0,marginBottom:8},children:[(0,i.jsx)(q,{className:this.props.classes.collapsIcon})," ",e.hours.lunch[e.day]]}):(0,i.jsxs)("p",{style:{marginTop:0,marginBottom:8},children:[(0,i.jsx)(G,{className:this.props.classes.collapsIcon})," ","～ 休業中 ～"]}),e.hours.lunch[e.day]||e.hours.dinner[e.day]?(0,i.jsxs)("p",{style:{marginTop:0,marginBottom:8},children:[(0,i.jsx)(U,{className:this.props.classes.collapsIcon}),e.hours.dinner[e.day]?" ".concat(e.hours.dinner[e.day]):" ～ 休業中 ～"]}):null]},t))})]},"content")],(0,i.jsx)("div",{className:this.props.classes.separator}),(0,i.jsxs)("div",{className:this.props.classes.section,children:[(0,i.jsx)("div",{className:this.props.classes.title1,children:"アクセス"}),(0,i.jsx)("div",{className:this.props.classes.mapTitle,children:this.state.shop.name}),(0,i.jsx)("div",{className:this.props.classes.mapSubtitle,children:this.state.shop.address}),(0,i.jsx)(V.ZP,{...this.state.mapViewport,mapboxApiAccessToken:"pk.eyJ1IjoicG90bHVja2hxIiwiYSI6ImNqeW03OHc3bjBnNTkzbHJvNHVtemhjNW4ifQ._9iIJ5jy_RzZTeks86lQBw",mapStyle:"mapbox://styles/potluckhq/cjym7i4e00vom1clbjz7at3an",width:"100%",height:"200px",className:this.props.classes.map,onViewportChange:this.onViewportChange,children:(0,i.jsx)(V.Hw,{id:"shop-location",type:"geojson",data:{type:"FeatureCollection",features:[{id:this.state.shop.id,type:"Feature",geometry:{type:"Point",coordinates:[this.state.shop.location.lon,this.state.shop.location.lat]}}]},children:(0,i.jsx)(V.mh,{id:"shop-location-layer",type:"symbol",layout:{"icon-image":"shop-marker-red","icon-anchor":"bottom"}})})})]})]})]}),(0,i.jsx)("div",{className:h()(this.props.classes.rightPanel,{[this.props.classes.rightPanelOpen]:!!this.state.dialog}),children:this.state.dialog&&(0,i.jsx)(l,{...this.state.dialog.props,onClickMeal:this.onClickMeal})})]})})}constructor(e){super(e),this.onClickBuyPlan=()=>{this.props.router.push("/s/".concat(this.props.shop.descriptor,"/checkout"))},this.onClickMeal=e=>{this.setState({dialog:{component:"MealDialog",props:{meal:e,shop:this.state.shop,orderType:this.props.orderType,onAddItemToCart:this.onAddItemToCart,onClickSignup:this.props.onClickSignup,onClickBuyPlan:this.onClickBuyPlan,onClose:this.onCloseRightPanel}}})},this.onAddItemToCart=()=>{this.setState({dialog:{component:"OrderDialog",props:{orderType:this.props.orderType,onCreateOrder:this.onCreateOrder,onClose:this.onCloseRightPanel}}})},this.onCreateOrder=()=>{this.props.router.push("/s/".concat(this.props.shop.descriptor,"/orders"))},this.onCloseRightPanel=()=>{this.setState({dialog:null})},this.onClickMembershipCardUpsell=()=>{this.props.profile.data?this.props.router.push("/s/".concat(this.props.shop.descriptor,"/checkout")):this.props.onClickSignup()},this.onViewportChange=e=>{this.setState({mapViewport:e})};let t={shop:e.shop,rightPanelOpen:!1};if(t.isOpened=!1,t.shop&&(t.mapViewport={zoom:15,latitude:t.shop.location.lat,longitude:t.shop.location.lon,transitionDuration:500}),t.shop&&t.shop.meals){var s;t.meals=ex({plan:null===(s=e.wallet.data)||void 0===s?void 0:s.plan,shop:t.shop,type:e.type,day:e.day,orderType:e.orderType})}this.state=t}}let eC={clearCart:R.LL,setDefaultOfferCode:R.el};var eb=(0,p.$j)((e,t)=>({profile:e.api.profile.default,wallet:e.api.wallet.default,cart:e.features.cart,favorites:e.api.favorites.default,defaultOfferCode:e.features.defaultOfferCode}),eC)((0,n.D2)(e=>({container:{minHeight:"100%",paddingBottom:2*e.spacing.unit,display:"flex"},leftPanel:{flex:1,[e.breakpoints.up("sm")]:{transition:"padding-right 100ms ease-in-out"}},leftPanelOpen:{overflow:"hidden",[e.breakpoints.up("sm")]:{paddingRight:400}},rightPanel:{zIndex:5,position:"fixed",top:D.n,right:0,left:0,bottom:0,transform:"translateX(100vw)",transition:"transform box-shadow 100ms ease-in-out",clipPath:"inset(0px 0px 0px -15px)",[e.breakpoints.up("sm")]:{transform:"translateX(400px)",left:"unset",width:400}},rightPanelOpen:{right:0,transform:"translateX(0px)",[e.breakpoints.up("sm")]:{boxShadow:"-2px 0px 15px -6px rgba(0, 0, 0, 0.5)"}},image:{backgroundSize:"cover",backgroundPosition:"center",height:460,[e.breakpoints.down("xs")]:{height:280}},content:{maxWidth:880,margin:"0 auto",paddingBottom:2*e.spacing.unit,marginTop:2*e.spacing.unit,backgroundColor:e.white},contentNarrow:{maxWidth:620},section:{padding:2*e.spacing.unit},title1:{fontSize:"24px",lineHeight:"36px",fontWeight:"700",color:f.Z.primaryCharcoal},title2:{fontSize:"20px",lineHeight:"30px",fontWeight:"700",letterSpacing:.05,color:f.Z.primaryCharcoal},subtitle:{marginTop:2*e.spacing.unit,fontSize:"14px",lineHeight:"22px",fontWeight:"800",color:f.Z.primaryCharcoal},titleMargin:{marginTop:2*e.spacing.unit},body:{fontSize:"14px",lineHeight:"22px",fontWeight:"400",marginTop:2*e.spacing.unit},separator:{height:8,backgroundColor:f.Z.whitesmoke,borderTop:"0.5px solid ".concat(f.Z.borderWhitesmoke)},membershipCard:{marginTop:2*e.spacing.unit,marginBottom:2*e.spacing.unit},membershipCardUpsell:{cursor:"pointer"},quote:{display:"flex",alignItems:"center",backgroundColor:f.Z.backgroundGray,borderRadius:e.spacing.unit,padding:2*e.spacing.unit,marginTop:2*e.spacing.unit},quoteImage:{height:"56px",width:"56px",borderRadius:"28px",overflow:"hidden"},quoteText:{flex:1,fontSize:"16px",lineHeight:"20px",fontWeight:"500",color:f.Z.primaryCharcoal,marginLeft:2*e.spacing.unit},meals:{display:"flex",flexWrap:"wrap",marginLeft:-1*e.spacing.unit,marginRight:-1*e.spacing.unit},meal:{flexGrow:1,border:"0.5px solid ".concat(f.Z.white),backgroundSize:"cover",backgroundPosition:"center",margin:e.spacing.unit,maxWidth:"calc(33.33% - 16px)",minWidth:"calc(33.33% - 16px)",[e.breakpoints.down("xs")]:{maxWidth:"calc(50% - 16px)",minWidth:"calc(50% - 16px)"}},mapTitle:{fontWeight:"700",fontSize:"14px",lineHeight:"18px",color:f.Z.primaryCharcoal,marginTop:2*e.spacing.unit},mapSubtitle:{fontWeight:"700",fontSize:"12px",lineHeight:"18px",color:f.Z.primaryPink},map:{marginTop:2*e.spacing.unit},day:{display:"flex",flexDirection:"row"},dayTitle:{fontWeight:"700"},collapsTitle:{fontWeight:"700"},collapsIcon:{marginLeft:e.spacing.unit}}))((0,a.withRouter)(ey)));let ej=(0,n.QM)(e=>({}));var ek=!0,ew=e=>{let{shop:t}=e;ej();let s=(0,a.useRouter)(),[n,r]=(0,o.useState)(!1),[c,d]=(0,o.useState)(!1),h=(0,p.v9)(e=>{var t;return null===(t=e.api.profile.default)||void 0===t?void 0:t.data}),u=()=>{d(!1),r(!0)};return(0,i.jsxs)(T.Z,{backgroundColor:"gray",showNav:!!h,showSignupCta:!h,selectedIndex:0,shop:t,onClickSignup:u,children:[(0,i.jsx)(l(),{className:"Modal",isOpen:n,onRequestClose:()=>{r(!1)},children:(0,i.jsx)(F,{shop:t,onClickLogin:()=>{r(!1),d(!0)},onSuccess:()=>{s.push("/s/".concat(t.descriptor,"/checkout"))}})}),(0,i.jsx)(l(),{className:"Modal",isOpen:c,onRequestClose:()=>{d(!1)},children:(0,i.jsx)(Z,{shop:t,onClickSignup:u,onSuccess:()=>{d(!1)}})}),(0,i.jsx)(eb,{shop:t,onClickSignup:u})]})}},53446:function(e,t){"use strict";t.Z=e=>{var t,s;return(null==e?void 0:null===(t=e.images)||void 0===t?void 0:t.length)>0?e.images.map(e=>"https://potluck-media.s3-ap-northeast-1.amazonaws.com/".concat(e,"/medium.jpg")):(null==e?void 0:null===(s=e.media)||void 0===s?void 0:s.length)>0?e.media:"https://potluck-web.s3-ap-northeast-1.amazonaws.com/meal-placeholder.jpg"}},46962:function(e,t){"use strict";t.Z=e=>!/[a-zA-Z]/g.test(String(e))},2461:function(e,t,s){"use strict";var i=s(67294),a=s(45697),o=s.n(a),n={"react-code-input-container":"styles_react-code-input-container__tpiKG","react-code-input":"styles_react-code-input__CRulA",loading:"styles_loading__Z65VQ",blur:"styles_blur__19vMK",title:"styles_title__1cca0",spin:"styles_spin__6y_8G"};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===s&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("/* add css styles here (optional) */\n\n.styles_react-code-input-container__tpiKG {\n  position: relative;\n}\n\n.styles_react-code-input__CRulA > input {\n  border: solid 1px #a8adb7;

1\n  border-right: none;\n  font-family: 'Lato';\n  font-size: 20px;\n  color: #525461;\n  text-align: center;\n  box-sizing: border-box;\n  border-radius: 0;\n  -webkit-appearance: initial;\n}\n\n.styles_react-code-input__CRulA > input:last-child {\n  border-right: solid 1px #a8adb7;\n  border-top-right-radius: 6px;\n  border-bottom-right-radius: 6px;\n}\n\n.styles_react-code-input__CRulA > input:first-child {\n  border-top-left-radius: 6px;\n  border-bottom-left-radius: 6px;\n}\n\n.styles_react-code-input__CRulA > input:focus {\n  outline: none;\n  border: 1px solid #006fff;\n  caret-color: #006fff;\n}\n\n.styles_react-code-input__CRulA > input:focus + input {\n  border-left: none;\n}\n\n.styles_loading__Z65VQ {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  text-align: center;\n}\n\n.styles_blur__19vMK {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #fff;\n  opacity: 0.5;\n  filter: blur(0.5px);\n  transition: opacity 0.3s;\n}\n\n.styles_title__1cca0 {\n  margin: 0;\n  height: 20px;\n  padding-bottom: 10px;\n}\n\n.styles_spin__6y_8G {\n  display: inline-block;\n  animation: styles_loadingCircle__293ky 1s infinite linear;\n}\n\n@keyframes styles_loadingCircle__293ky {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n");var r=function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")},l=function(){function e(e,t){for(var s=0;s<t.length;s++){var i=t[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,s,i){return s&&e(t.prototype,s),i&&e(t,i),t}}(),p=function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},c=function(e,t){if(!e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&("object"==typeof t||"function"==typeof t)?t:e},d=function(e){if(!Array.isArray(e))return Array.from(e);for(var t=0,s=Array(e.length);t<e.length;t++)s[t]=e[t];return s},h={backspace:8,left:37,up:38,right:39,down:40},u=function(e){function t(e){r(this,t);var s=c(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));m.call(s);var a=e.fields,o=e.values,n=void 0,l=0;if(o&&o.length){n=[];for(var p=0;p<a;p++)n.push(o[p]||"");l=o.length>=a?0:o.length}else n=Array(a).fill("");s.state={values:n,autoFocusIndex:l},s.iRefs=[];for(var d=0;d<a;d++)s.iRefs.push(i.createRef());return s.id=+new Date,s}return p(t,e),l(t,[{key:"render",value:function(){var e=this,t=this.state,s=t.values,a=t.autoFocusIndex,o=this.props,r=o.loading,l=o.title,p=o.fieldHeight,c=o.fieldWidth,d=o.fields,h=o.autoFocus,u=o.className,m=o.type,g={width:c,height:p};return i.createElement("div",{className:n["react-code-input-container"]+" "+u,style:{width:d*c}},l&&i.createElement("p",{className:n.title},l),i.createElement("div",{className:n["react-code-input"]},s.map(function(t,s){return i.createElement("input",{type:"number"===m?"tel":m,pattern:"number"===m?"[0-9]*":null,autoFocus:h&&s===a,style:g,key:e.id+"-"+s,"data-id":s,value:t,id:e.props.id?e.props.id+"-"+s:null,ref:e.iRefs[s],onChange:e.onChange,onKeyDown:e.onKeyDown,onFocus:e.onFocus,disabled:e.props.disabled,required:e.props.required,placeholder:e.props.placeholder[s]})})),r&&i.createElement("div",{className:n.loading,style:{lineHeight:p+"px"}},i.createElement("div",{className:n.blur}),i.createElement("svg",{className:n.spin,viewBox:"0 0 1024 1024","data-icon":"loading",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},i.createElement("path",{fill:"#006fff",d:"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"}))))}}]),t}(i.Component);u.propTypes={type:o().oneOf(["text","number"]),onChange:o().func,onComplete:o().func,fields:o().number,loading:o().bool,title:o().string,fieldWidth:o().number,id:o().string,fieldHeight:o().number,autoFocus:o().bool,className:o().string,values:o().arrayOf(o().string),disabled:o().bool,required:o().bool,placeholder:o().arrayOf(o().string)},u.defaultProps={type:"number",fields:6,fieldWidth:58,fieldHeight:54,autoFocus:!0,disabled:!1,required:!1,placeholder:[]};var m=function(){var e=this;this.__clearvalues__=function(){var t=e.props.fields;e.setState({values:Array(t).fill("")}),e.iRefs[0].current.focus()},this.triggerChange=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e.state.values,s=e.props,i=s.onChange,a=s.onComplete,o=s.fields,n=t.join("");i&&i(n),a&&n.length>=o&&a(n)},this.onChange=function(t){var s=parseInt(t.target.dataset.id);if("number"===e.props.type&&(t.target.value=t.target.value.replace(/[^\d]/gi,"")),""!==t.target.value&&("number"!==e.props.type||t.target.validity.valid)){var i=e.props.fields,a=void 0,o=t.target.value,n=e.state.values;if(n=Object.assign([],n),o.length>1){var r=o.length+s-1;r>=i&&(r=i-1),a=e.iRefs[r],o.split("").forEach(function(e,t){var a=s+t;a<i&&(n[a]=e)}),e.setState({values:n})}else a=e.iRefs[s+1],n[s]=o,e.setState({values:n});a&&(a.current.focus(),a.current.select()),e.triggerChange(n)}},this.onKeyDown=function(t){var s=parseInt(t.target.dataset.id),i=s-1,a=e.iRefs[i],o=e.iRefs[s+1];switch(t.keyCode){case h.backspace:t.preventDefault();var n=[].concat(d(e.state.values));e.state.values[s]?(n[s]="",e.setState({values:n}),e.triggerChange(n)):a&&(n[i]="",a.current.focus(),e.setState({values:n}),e.triggerChange(n));break;case h.left:t.preventDefault(),a&&a.current.focus();break;case h.right:t.preventDefault(),o&&o.current.focus();break;case h.up:case h.down:t.preventDefault()}},this.onFocus=function(e){e.target.select(e)}};t.Z=u}},function(e){e.O(0,[2678,4885,4683,1664,3069,6875,2909,3433,8328,6943,3253,2090,544,5333,7668,1099,2888,9774,179],function(){return e(e.s=21155)}),_N_E=e.O()}]);
2//# sourceMappingURL=[descriptor]-c35e0c8fe3a6210f.js.map