(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{RnbV:function(a,e,n){"use strict";var t=n("o0o1"),l=n.n(t),r=n("ODXe"),i=n("Ff2n"),o=n("wx14"),u=n("rePB"),c=n("q1tI"),s=n.n(c),p=n("R/WZ"),d=(n("iuhU"),n("FoiA")),m=n("Kg+a"),g=n("chnp"),b=n.n(g),h=n("mtPR"),f=n("OS56"),y=n.n(f),v=n("i4t8"),x=n("TSYQ"),k=n.n(x),O=n("GUC0"),P=n.n(O),j=n("AqyA"),w=n("tRbT"),S=n("r9w1"),C=n("Z3vd"),_=n("kfFl"),T=n("IsqK"),N=n("tVbE"),A=n("eD//"),I=n("wb2y"),D=n("bXiM"),R=n("lO0E"),K=n("PsDL"),L=n("ofer"),B=n("ZPUd"),E=n.n(B),F=n("6u8J"),J=n("cVXz"),U=n("jjAL"),M=n("A2So"),W=n("UsYt"),q=n("ADg1"),G=n("zio0"),V=n("0T4n"),Z=n("aZ9c"),X=["checkoutprofile","province","cities","backend","checkoutproduct"],z=s.a.createElement;function H(a,e){var n=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),n.push.apply(n,t)}return n}function Y(a){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?H(Object(n),!0).forEach((function(e){Object(u.a)(a,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(n,e))}))}return a}var Q=Object(p.a)((function(a){var e;return e={root:{width:"100%"},button:{marginTop:a.spacing(1),marginRight:a.spacing(1)},actionsContainer:{marginBottom:a.spacing(2)},resetContainer:{padding:a.spacing(3)},appBar:{position:"relative"},title:{marginLeft:a.spacing(2),flex:1}},Object(u.a)(e,"root",{"&:hover":{backgroundColor:"transparent"}}),Object(u.a)(e,"icon",{borderRadius:"50%",width:16,height:16,boxShadow:"inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)",backgroundColor:"#f5f8fa",backgroundImage:"linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))","$root.Mui-focusVisible &":{outline:"2px auto rgba(19,124,189,.6)",outlineOffset:2},"input:hover ~ &":{backgroundColor:"#ebf1f5"},"input:disabled ~ &":{boxShadow:"none",background:"rgba(206,217,224,.5)"}}),Object(u.a)(e,"checkedIcon",{backgroundColor:"#137cbd",backgroundImage:"linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))","&:before":{display:"block",width:16,height:16,backgroundImage:"radial-gradient(#fff,#fff 28%,transparent 32%)",content:'""'},"input:hover ~ &":{backgroundColor:"#106ba3"}}),e})),$=s.a.forwardRef((function(a,e){return z(F.a,Object(o.a)({direction:"up",ref:e},a))}));e.a=function(a){var e=a.checkoutprofile,n=(a.province,a.cities,a.backend),t=a.checkoutproduct,u=Object(i.a)(a,X),p=Q(),g=s.a.useState(!1),f=Object(r.a)(g,2),x=f[0],O=f[1],B=function(){O(!0)},F=(Object(o.a)({},u),k()(p.imgRaised,p.imgRoundedCircle,p.imgFluid),k()(p.imgRounded,p.imgGallery)),H=s.a.useState({order_id:function(){var a=(new Date).getTime();return"Trx-Ord-yyyyyyyy".replace(/[y]/g,(function(e){var n=(a+16*Math.random())%16|0;return a=Math.floor(a/16),("x"==e?n:3&n|8).toString(16)}))}(),cust_name:"",cust_telp:"",cust_address:"",product_img:"",product_name:"",product_color:"",product_quantity:"",product_price:"",product_courier:"",note:"",status:1}),aa=Object(r.a)(H,2),ea=aa[0],na=aa[1];var ta=e.map((function(a){return z("div",{align:"center"},z("div",{style:{padding:"10px"}},z(L.a,{variant:"h6",align:"center",className:p.title},"Informasi Customer"),z("br",null),z(h.a,null,z(v.a,{className:p.marginAuto},z(y.a,null,z("img",{src:b.a,style:{width:"1100px"}}),z("br",null)))),z(G.a,null,z(q.a,{name:"cust_name",value:a.username,type:"text"})),z("h5",null,z("b",null,a.username.toUpperCase())),z(G.a,null,z(q.a,{name:"cust_telp",value:a.telp,type:"text"})),z("h5",{style:{marginTop:"-20px"}},z("b",null,a.telp)),z("br",null),z("h5",{style:{marginTop:"-20px"}},z("b",null,a.email.toUpperCase())),z(G.a,null,z(q.a,{name:"cust_address",value:a.address,type:"text"}))))})),la=t.map((function(a){var e=s.a.useState(""),t=Object(r.a)(e,2),l=t[0],i=(t[1],s.a.useState("")),o=Object(r.a)(i,2),u=o[0],c=o[1],d=function(){na(Y({},ea,{product_courier:u})),O(!1)};return z("div",{align:"center"},z(M.a,{className:p.textCenter,align:"center"},z(W.a,null,z("div",{style:{padding:"10px"}},z(L.a,{variant:"h6",align:"left",className:p.title},"Pesanan Produk"),z("br",null),z("hr",null),z(h.a,null,z(w.a,{item:!0,xs:!0},z(G.a,null,z(q.a,{name:"product_img",value:"".concat(n).concat(a.img[0].url),type:"text"})),z("div",{align:"center"},z("h4",null,z("b",null,"Produk Dipesan")),z("img",{className:F,width:"200px",alt:"First slide",src:"".concat(n).concat(a.img[0].url)}))),z(w.a,{item:!0,xs:!0},z("div",{align:"center"},z("h4",null),z("br",null),z("br",null),z("br",null),z("br",null),z(G.a,null,z(q.a,{name:"product_name",value:a.name,type:"text"})),z("h5",null,z("b",null,a.name)))),z(w.a,{item:!0,xs:!0},z("div",{align:"center"},z("h4",null,z("b",null,"Warna")),z("br",null),z("br",null),z("br",null),z(G.a,null,z(q.a,{className:p.formControl},z(J.a,{labelId:"demo-simple-select-label",id:"demo-simple-select",value:l,name:"product_color",onChange:function(a){na(Y({},ea,{product_color:a.target.value.toString()}))}},z(U.a,{value:1},"Hitam"),z(U.a,{value:2},"Merah"),z(U.a,{value:3},"Biru"),z(U.a,{value:4},"Putih")))))),z(w.a,{item:!0,xs:!0},z("div",{align:"center"},z("h4",null,z("b",null,"Harga Satuan")),z("br",null),z("br",null),z("br",null),z("h5",null,z("b",null,z(Z.a,{value:a.price,displayType:"text",thousandSeparator:!0,prefix:"Rp."}))))),z(w.a,{item:!0,xs:!0},z("div",{align:"center"},z("h4",null,z("b",null,"Jumlah Unit")),z("br",null),z("br",null),z("br",null),z(G.a,null,z(q.a,{className:p.formControl},z(S.a,{id:"outlined-number",type:"number",align:"center",name:"quantity",InputLabelProps:{shrink:!1},onInput:function(a){na(Y({},ea,{product_quantity:a.target.value}))}}))))),z(w.a,{item:!0,xs:!0},z("div",{align:"center"},z("h4",null,z("b",null,"Sub Total Produk")),z("br",null),z("br",null),z("br",null),z("h5",null,z("b",null,"Total Rp.",z(Z.a,{value:a.price,displayType:"text",thousandSeparator:!0,prefix:"Rp."})))))),z(h.a,{style:{padding:"20px"}},z(w.a,{item:!0,xs:!0,style:{padding:"20px"}},z(S.a,{id:"outlined-full-width",label:"Pesan",style:{margin:8},placeholder:"( Opsional ) Tinggalkan Pesan Kepada Dealer",fullWidth:!0,margin:"normal",InputLabelProps:{shrink:!0},variant:"outlined",onInput:function(a){na(Y({},ea,{note:a.target.value}))}})),z(w.a,{item:!0,xs:!0,style:{padding:"20px"}},z("br",null),z(C.a,{variant:"outlined",color:"primary",onClick:B},"Pilih Opsi Pengiriman"),z("span",null,ea.product_courier),z(_.a,{fullScreen:!0,open:x,onClose:d,TransitionComponent:$},z(D.a,{className:p.appBar},z(R.a,null,z(K.a,{edge:"start",color:"inherit",onClick:d,"aria-label":"close"},z(E.a,null)),z(L.a,{variant:"h6",className:p.title},"Pilih Opsi Pengiriman"),z(C.a,{autoFocus:!0,color:"inherit",onClick:d},"Pilih"))),z(A.a,null,z(N.a,{button:!0,id:"POS",selected:"POS"==u,onClick:function(a){c("POS")}},z(T.a,{primary:"POS",secondary:"Akan diterima pada tanggal 2 Apr - 6 Apr"})),z(I.a,null),z(N.a,{button:!0,id:"JNE",selected:"JNE"==u,onClick:function(a){c("JNE")}},z(T.a,{primary:"JNE",secondary:"Akan diterima pada tanggal 30 Mar - 2 Apr"})),z(N.a,{button:!0,id:"TIKI",selected:"TIKI"==u,onClick:function(a){c("TIKI")}},z(T.a,{primary:"TIKI",secondary:"Akan diterima pada tanggal 1 Apr - 4 Apr, COD (Bayar di Tempat) tidak didukung"}))))),z(w.a,{item:!0,xs:!0,align:"right",style:{padding:"20px"}},z("br",null),z("h5",null,z("b",null,"Total Rp.",z(Z.a,{value:a.price,displayType:"text",thousandSeparator:!0,prefix:"Rp."}))),z(G.a,null,z(q.a,{name:"product_price",value:a.price,type:"text"}))))))))}));return z("div",{style:{padding:"50px"}},z("div",{align:"center",className:p.section,id:"notifications"},z(d.a,{message:z("h2",null,z("b",null,"Checkout")),align:"center",color:"info"})),z(V.a,{onSubmit:function(a){var n,r,i;return l.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:return n=Y({},ea,{cust_name:e[0].username,cust_telp:e[0].telp.toString(),cust_address:e[0].address,product_name:t[0].name,product_price:t[0].price}),na(n),a.next=4,l.a.awrap(fetch("/api/transaction/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)}));case 4:if(!(r=a.sent).ok){a.next=12;break}return a.next=8,l.a.awrap(r.json());case 8:1===(i=a.sent).STATUS?(i.DATA.transaction,P()("Produk Berhasil Ditambah ke Keranjang","Silahkan Cek Keranjang Belanja Anda","success")):P()("Produk Gagal Ditambah ke Keranjang","Silahkan Coba Lagi","error"),a.next=13;break;case 12:P()("Transaksi Gagal","Silahkan Coba Lagi","error");case 13:case"end":return a.stop()}}),null,null,null,Promise)}},z("div",null,z(M.a,{className:p.textCenter,align:"center"},z(W.a,null,z(h.a,null,z(v.a,{xs:6},ta),z(v.a,{xs:6},z("div",{style:{padding:"10px"}},z(L.a,{variant:"h6",align:"center",className:p.title},"Informasi Pengiriman"),z("br",null),z(h.a,null,z(v.a,{className:p.marginAuto},z(y.a,null,z("img",{src:b.a,style:{width:"1100px"}}),z("br",null)))),z("br",null),z(c.Fragment,null,z(J.a,{className:"basic-single",classNamePrefix:"select",name:"provinsi",fullWidth:!0,placeholder:"Provinsi"})),z("br",null),z("br",null),z(c.Fragment,null,z(J.a,{className:"basic-single",classNamePrefix:"select",name:"kabupaten",fullWidth:!0,placeholder:"Kabupaten"})),z("br",null),z("br",null),z(c.Fragment,null,z(J.a,{className:"basic-single",classNamePrefix:"select",name:"kota",fullWidth:!0,placeholder:"Kota"})),z("br",null),z("br",null),z(S.a,{id:"outlined-full-width",label:"Alamat Lengkap",placeholder:"Masukan Alamat Lengkap",fullWidth:!0,height:"50px",margin:"normal",InputLabelProps:{shrink:!0},variant:"outlined"}))))))),z("div",null,la),z("div",null,z(h.a,null,z(w.a,{item:!0,xs:6,style:{padding:"20px"}},z(m.a,{color:"info",style:{width:"100%"},type:"submit"},z(j.a,{className:p.icons},"attach_money"),"Buat Pesanan")),z(w.a,{item:!0,xs:6,style:{padding:"20px"}},z(m.a,{color:"danger",style:{width:"100%"}},z(j.a,{className:p.icons},"attach_money"),"Batalkan Pesanan"))))))}},"l+AL":function(a,e){a.exports="/_next/static/images/Promotion_2-1-6e8c96e318e453a7db4ca1ffcc73c32d.jpg"}}]);