{"code":"(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\"}}]);","extractedComments":[]}