https://eraspace.com/_next/static/chunks/pages/payment/[id]-2ffea44c3ca03d23.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7083],{8503:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/payment/[id]",function(){return t(23573)}])},39669:function(e,a,t){"use strict";t.d(a,{Fw:function(){return p},Hr:function(){return g},JB:function(){return x},M:function(){return y},RR:function(){return c},cN:function(){return v},ce:function(){return h},dz:function(){return d},lR:function(){return f},lz:function(){return o},pf:function(){return u},yv:function(){return b},zF:function(){return m}});var n=t(49358),s=t(89788),r=t(87801);let i=(0,r.Z)({baseURL:"".concat("https://jeanne.eraspace.com/orders","/v1"),config:{isAuth:!0,includeXSource:!0}}),l=(0,r.Z)({baseURL:"".concat("https://jeanne.eraspace.com/e-payments","/v2"),config:{isAuth:!0,includeXSource:!0}}),c=async e=>(0,s.ZP)(()=>i.get("/o2o/schedule/".concat(e))),d=async e=>(0,s.ZP)(()=>i.get("/history/".concat(e))),o=async e=>(0,s.ZP)(()=>i.post("/order/tracking/3pl/",e)),u=async e=>{let{order_number:a,email_or_phone:t}=e,r=(0,n.yI)({order_number:a,email_or_phone:t});return(0,s.ZP)(()=>i.get("/history/detail".concat(r)))},m=async()=>(0,s.ZP)(()=>i.get("/order/tracking/list")),p=async e=>{let{offset:a,limit:t,email:r="",status:l="",source:c="eraspace",order_type:d="",search:o=""}=e,u=(0,n.yI)({offset:a,limit:t,email:r,status:l,source:c,order_type:d,search:o});return(0,s.ZP)(()=>i.get("/history/".concat(u)))},x=async e=>(0,s.ZP)(()=>i.post("/o2o/schedule/change",e)),f=async e=>{let{order_number:a,...t}=e;return(0,s.ZP)(()=>i.patch("/o2o/picker/".concat(a),t))},h=e=>(0,s.ZP)(()=>i.get("/payment/".concat(e))),v=e=>(0,s.ZP)(()=>i.post("/order/tracking/sap/",{order_number:e,source:"ERAFONEDOTCOM"})),y=async e=>{let{order_number:a,...t}=e;return(0,s.ZP)(()=>i.patch("/order/".concat(a),t))},g=async e=>{let{order_number:a,...t}=e;return(0,s.ZP)(()=>i.patch("/order/".concat(a),t))},b=async e=>{try{return(await l.get("/status-gateway",{params:{oid:e}})).data}catch(e){if("object"==typeof e&&null!==e&&"response"in e){var a;let t=null===(a=e.response)||void 0===a?void 0:a.data;if((null==t?void 0:t.status)==="OK"&&(null==t?void 0:t.status_code)===200)return t;throw Error((null==t?void 0:t.error_message)||"Gagal mengecek status pembayaran")}throw Error("Network error / API tidak bisa diakses")}}},42659:function(e,a,t){"use strict";var n=t(85893),s=t(97570),r=t(67294),i=t(17124),l=t(8206),c=t(98388);a.Z=(0,r.memo)(function(e){let{children:a,expired:t,onFinish:d,idTest:o,className:u=""}=e,m=(0,l.Z)(),[p,x]=(0,r.useState)(null),[f,h]=(0,r.useState)(0),[v,y]=(0,r.useState)(0),[g,b]=(0,r.useState)(0),j=e=>{let a=new Date(e).getTime();a-new Date().getTime()<0?x(!1):x(!0);let t=setInterval(()=>{let e=a-new Date().getTime();h(Math.floor(e/36e5%24)),y(Math.floor(e%36e5/6e4)),b(Math.floor(e%6e4/1e3)),e<0&&(clearInterval(t),x(!1),y(0),b(0))},1e3)};return(0,r.useEffect)(()=>{t&&j(t)},[t]),(0,r.useEffect)(()=>{!1===p&&d&&d()},[p]),(0,n.jsxs)(i.xu,{className:(0,c.m6)("flex w-full ".concat(m?"flex-col":"justify-between items-center"),u),children:[a,(0,n.jsxs)(s.Z,{className:"font-bold text-sm shrink-0","data-testid":o,children:[f>0&&"".concat(f," jam")," ",v<10?"0".concat(v," menit"):"".concat(v," menit")," ",g<10?"0".concat(g," detik"):"".concat(g," detik")]})]})})},67688:function(e,a,t){"use strict";t.d(a,{v:function(){return s}});let n=e=>{let a=document.createElement("textarea");a.value=e,a.style.top="0",a.style.left="0",a.style.position="fixed",document.body.appendChild(a),a.focus(),a.select();try{document.execCommand("copy")}catch(e){}finally{document.body.removeChild(a)}},s=e=>{window.isSecureContext?navigator.clipboard.writeText(e):n(e)}},23573:function(e,a,t){"use strict";t.r(a),t.d(a,{__N_SSP:function(){return z},default:function(){return A}});var n=t(85893),s=t(45793),r=t(41704),i=t(15188),l=t(97689),c=t(23866),d=t(38568),o=t(18847),u=t(5778),m=t(5740),p=t(97570),x=t(38272),f=t(1138),h=t(42659),v=t(67294),y=t(17124),g=t(98388),b=t(49358);function j(e){var a,t;let{orderDetailResponse:s,className:r,descClassName:i,btnClassName:l}=e,c=null!==(t=null==s?void 0:null===(a=s.data)||void 0===a?void 0:a.payment)&&void 0!==t?t:[],d=null==c?void 0:c.find(e=>(null==e?void 0:e.status_payment)==="pending"&&(null==e?void 0:e.payment_method_code)==="bca_paylater");return(null==d?void 0:d.qris_image)?(0,n.jsx)("div",{className:(0,g.m6)("w-full p-5 rounded-[8px] my-5 bg-[#FAFAFA] flex flex-col items-center justify-center",r),children:(0,n.jsxs)("div",{className:"flex flex-col gap-6 items-center",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,n.jsx)("img",{src:"data:image/jpeg;base64,".concat(null==d?void 0:d.qris_image),alt:"qris"}),(0,n.jsx)("p",{className:(0,g.m6)("text-sm font-normal leading-[22.4px] text-center text-dark",i),children:"Scan kode QR di sini atau"})]}),(0,n.jsx)(y.zx,{className:(0,g.m6)("w-fit text-primary py-[9px] px-6 text-sm font-bold leading-[22.4px] h-10 flex items-center justify-center !bg-transparent border-none",l),onClick:()=>{var e,a;return(0,b.Lp)(null!==(a=null==d?void 0:d.qris_image)&&void 0!==a?a:"","".concat(null==s?void 0:null===(e=s.data)||void 0===e?void 0:e.order_number,".png"))},children:"Download QR"})]})}):null}var Z=t(70468),w=t(67688),_=t(99039),N=t(19511),k=t(16932),P=t(60998),S=t(14174),E=t(48583),T=t(41664),C=t.n(T),D=t(11163),I=t(70439),q=t(14431),F=t(75577);function M(){return(0,n.jsx)(l.Z,{width:100,height:16})}var z=!0,A=function(e){var a,t,y,T,z,A,L,R;let{isMobile:O,orderId:V}=e,{data:K}=(0,I.Zo)(),B=(0,D.useRouter)(),H=(0,E.b9)(P.VD),[G,X]=(0,v.useState)(0),[J,Q]=(0,v.useState)(!1),U=(0,N.br)(V,{cacheTime:0}),W=null===(a=U.data)||void 0===a?void 0:a.data,$=null!==(L=null==K?void 0:null===(t=K.data)||void 0===t?void 0:t.isEmailVerified)&&void 0!==L&&L,Y=null!==(R=null==K?void 0:null===(y=K.data)||void 0===y?void 0:y.isPhoneNumberVerified)&&void 0!==R&&R,ee=(0,k.H0)(),ea=(0,k.sJ)(),[et,en]=(0,v.useState)(!1),es=(0,N.I4)(),er=(0,q.VV)("eraspace-banner-survey-success-page",!1,{enabled:J}),ei=(0,v.useMemo)(()=>{var e,a,t;return null==er?void 0:null===(t=er.data)||void 0===t?void 0:null===(a=t.data)||void 0===a?void 0:null===(e=a.items)||void 0===e?void 0:e.content},[null==er?void 0:null===(A=er.data)||void 0===A?void 0:null===(z=A.data)||void 0===z?void 0:null===(T=z.items)||void 0===T?void 0:T.content]);(0,v.useEffect)(()=>{ee(),ea()},[]),(0,v.useEffect)(()=>

1{if(W&&!(G>=3)){if(0===W.payment.length){let e=setTimeout(()=>{X(e=>e+1),U.refetch()},1e5);return()=>clearTimeout(e)}Q(!0),(0,_.iy)(W)}},[W]);let el=(0,v.useMemo)(()=>!W||Array.isArray(W.payment&&0===W.payment.length)?null:W.payment[0],[W]),ec=(0,v.useMemo)(()=>{var e;return(null==W?void 0:null===(e=W.payment)||void 0===e?void 0:e.length)?[...W.payment].sort((e,a)=>new Date(a.created_at).getTime()-new Date(e.created_at).getTime())[0]:null},[W]),ed=async()=>{try{if(en(!0),!(null==ec?void 0:ec.invoice_number)){H({isShow:!0,message:"Invoice tidak ditemukan",variant:"error"});return}let a=await es.mutateAsync(ec.invoice_number);if(a&&a.data){var e;let t=a.data,n=null===(e=t.order_status)||void 0===e?void 0:e.toLowerCase();if(t.is_expired){B.push("".concat(Z.yy.payment_failure).concat(V));return}if("pending"===n){await U.refetch(),H({isShow:!0,message:"Mohon Selesaikan pembayaranmu terlebih dahulu",variant:"default"});return}if("paid"===n){B.push((null==W?void 0:W.is_virtual)?"/akun/transaksi/digital/".concat(W.id):"/akun/transaksi/".concat(null==W?void 0:W.id));return}H({isShow:!0,message:"Status pembayaran tidak valid: ".concat(n||"unknown"),variant:"error"})}else H({isShow:!0,message:"Gagal mendapatkan data pembayaran",variant:"error"})}catch(e){H({isShow:!0,message:e instanceof Error?e.message:"Gagal mengecek status pembayaran",variant:"error"})}finally{en(!1)}},eo=(0,v.useMemo)(()=>{if(!(null==el?void 0:el.expired_at)||!W||"paid"===el.status_payment||"paid"===el.status_payment)return!1;let e=new Date(el.expired_at);return(0,S.default)(new Date,e)},[el,W]),eu=(0,v.useMemo)(()=>!!el&&!!el.va_number,[el]),em=(0,v.useMemo)(()=>!!el&&(el.payment_method_code.includes("alfamart")||el.payment_method_code.includes("indomaret")),[el]),ep=e=>{(0,w.v)(e),H({isShow:!0,message:"Berhasil disalin",variant:"default"})},ex=()=>{B.push("".concat(Z.yy.payment_failure).concat(V))};(0,v.useEffect)(()=>{eo&&ex()},[eo]);let ef=(0,v.useMemo)(()=>{var e,a;return[{label:"Status Order",value:null==W?void 0:W.status_label,dataTestId:"qa-pagesuccess-orderstatus"},{label:"Nomor Pesanan",value:null==W?void 0:W.order_number,dataTestId:"qa-pagesuccess-orderno"},{label:"Total Pembayaran",value:null==W?void 0:W.grand_total_formated,dataTestId:"qa-pagesuccess-grandtotal"},{label:"Jenis Pembayaran",value:null!==(e=null==el?void 0:el.payemnt_method_description)&&void 0!==e?e:"",dataTestId:"qa-pagesuccess-paymenttype"},{label:"Status Pembayaran",value:(0,b.kC)(null!==(a=null==el?void 0:el.status_payment)&&void 0!==a?a:""),dataTestId:"qa-pagesuccess-paymentstatus"}]},[W,el]);return(0,n.jsxs)(c.Z,{dir:"column",gap:O?6:8,className:(0,g.m6)("max-w-md mx-auto",!1===O&&"shadow p-4 rounded my-4 max-w-xl"),children:[U.isError&&(0,n.jsx)(s.Z,{variant:"danger",size:O?"small":"large",children:U.error.message}),(0,n.jsxs)(c.Z,{dir:"column",gap:2,children:[(0,n.jsx)(d.Z,{size:"xl",className:"text-center",children:"Informasi Pembayaran"}),(0,n.jsx)(m.Z,{})]}),(0,n.jsxs)(c.Z,{dir:"column",gap:6,children:[(0,n.jsx)(c.Z,{dir:"column",gap:6,items:"center",children:(null==W?void 0:W.status)==="pending"?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.Z,{name:"payment-pending",className:"w-[120px] h-[120px] my-2"}),(0,n.jsxs)(p.Z,{className:"text-center text-sm","data-testid":"qa-pagesuccess-ordersuccess",children:["Terima kasih, pesanan berhasil dibuat. ",(0,n.jsx)("br",{})," Silakan selesaikan transaksimu"]})]}):(null==W?void 0:W.status)==="processing"?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.Z,{name:"payment-success",className:"w-[120px] h-[120px] my-2"}),(0,n.jsxs)(p.Z,{className:"text-center text-sm","data-testid":"qa-pagesuccess-ordersuccess",children:["Selamat, pembayaranmu berhasil. ",(0,n.jsx)("br",{})," Pesanan akan segera diproses."]})]}):(null==W?void 0:W.status)==="canceled"?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.Z,{name:"payment-failed",className:"w-[120px] h-[120px] my-2"}),(0,n.jsx)(p.Z,{className:"text-center text-sm","data-testid":"qa-pagesuccess-orderfailure",children:"Maaf, pesanan gagal dibuat. Silakan coba lagi atau ganti metode pembayaran."})]}):null}),(0,n.jsx)(c.Z,{dir:"column",className:"w-full max-w-sm mx-auto child:p-2",children:ef.map(e=>(0,n.jsxs)(c.Z,{gap:2,className:"w-full",children:[(0,n.jsx)(c.Z,{dir:"column",className:"flex-1 w-full",children:(0,n.jsxs)(c.Z,{justify:"between",className:"w-full",children:[(0,n.jsx)(p.Z,{className:"md:text-sm",children:e.label}),(0,n.jsx)(p.Z,{className:"md:text-sm",children:":"})]})}),(0,n.jsx)(c.Z,{dir:"column",className:"flex-1 w-full",children:U.isLoading?(0,n.jsx)(M,{}):(0,n.jsx)(p.Z,{className:"font-semibold md:text-sm","data-testid":e.dataTestId,children:e.value})})]},e.label))}),(null==el?void 0:el.expired_at)&&(null==el?void 0:el.status_payment)!=="paid"&&(0,n.jsx)(s.Z,{variant:"info",size:"small",children:(0,n.jsxs)(c.Z,{gap:3,items:"center",children:[(0,n.jsx)(u.Z,{name:"money",className:"w-6 h-6 text-primary"}),(0,n.jsx)(h.Z,{expired:el.expired_at,onFinish:ex,idTest:"qa-pagesuccess-countdown",children:(0,n.jsx)(p.Z,{className:"md:text-sm",children:"Selesaikan pembayaran sebelum "})})]})}),!!U.data&&(0,n.jsx)(j,{orderDetailResponse:U.data}),(0,n.jsx)(c.Z,{items:"center",justify:"between",className:"p-4 rounded bg-line",children:(0,n.jsxs)(c.Z,{dir:"column",gap:2,items:"center",className:"w-full",children:[(eu||em)&&(null==el?void 0:el.payment_method_code)!=="jenius"&&(0,n.jsxs)(c.Z,{dir:"column",gap:2,items:"center",justify:"center",className:"w-full",children:[(0,n.jsx)(p.Z,{className:"text-sm",children:em?"Kode Pembayaran":"Nomor VA - ".concat(null==el?void 0:el.payemnt_method_description)}),(0,n.jsxs)(c.Z,{gap:4,items:"center",className:"w-fit",children:[(0,n.jsx)(p.Z,{className:"text-[18px] leading-[28.8px] tracking-[0.15] font-bold","data-testid":"qa-pagesuccess-paymentcode",children:null==el?void 0:el.va_number}),(0,n.jsx)(o.Z,{onClick:()=>ep((null==el?void 0:el.va_number)||""),variant:"unstyled",ariaLabel:"Copy",className:"w-fit min-w-0",icon:(0,n.jsx)(u.Z,{name:"copy"})})]}),!!(null==el?void 0:el.deep_link)&&(0,n.jsx)(C(),{href:null==el?void 0:el.deep_link,target:"_blank",children:(0,n.jsx)(i.Z,{variant:"primary",className:"text-sm leading-[22.4px] py-[9px] px-7 h-full normal-case",children:"Bayar di myBCA"})})]}),el&&"paid"!==el.status_payment&&!eo&&(0,n.jsx)(c.Z,{justify:"center",children:(0,n.jsx)(i.Z,{onClick:ed,isLoading:et,size:O?"small":"large",variant:"link-text",className:"flex items-center !space-x-1 [&>

1span]:!leading-normal !text-primary !px-0 !py-0 !border-0 font-bold text-sm !w-fit !min-w-0",icon:et?void 0:(0,n.jsx)(u.Z,{name:"refresh",className:"w-5 h-5"}),children:"Cek Status Bayar"})})]})}),el&&(0,n.jsx)(r.Z,{className:"payment-blocks",children:(0,n.jsx)(f.Z,{className:"flex flex-col gap-2",identifier:el.payment_method_code,loadingComponent:(0,n.jsx)(l.Z,{height:256})})})]}),(0,n.jsxs)(c.Z,{gap:O?6:8,dir:"column",items:"center",children:[(0,n.jsx)(C(),{href:"".concat(Z.yy.detail_transaksi).concat(V),className:O?"flex w-full":"",children:(0,n.jsx)(i.Z,{isFullWidth:O,size:"large",variant:"primary","data-testid":"qa-pagesuccess-btnorderdetail",children:"Lihat Detail Pesanan"})}),(null==W?void 0:W.status)==="processing"&&(0,n.jsx)(r.Z,{dangerouslySetInnerHTML:(0,F.rg)(ei||"")}),$?Y?(0,n.jsx)(p.Z,{className:"text-sm text-center",children:"Detail konfirmasi pesanan akan segera dikirim ke email-mu."}):(0,n.jsx)(x.Z,{textInfo:"Yuk, lengkapi data dirimu untuk dapatkan berbagai update penawaran menarik. ",textVerify:"Lengkapi Data Diri",textClassName:"text-sm",className:"text-center",textVerifyClassName:"underline"}):(0,n.jsx)(x.Z,{textInfo:"Lengkapi data email untuk mendapat detail konfirmasi pesananmu. ",textVerify:"Isi Data Email",textClassName:"text-sm",className:"text-center",textVerifyClassName:"underline"}),(0,n.jsxs)(p.Z,{className:"text-sm",children:["Punya masalah terkait pe

1sanan ini?"," ",(0,n.jsx)(C(),{href:"/informasi/hubungi-kami",children:(0,n.jsx)(i.Z,{size:"large",variant:"link-text",children:"Hubungi Kami"})})]}),(0,n.jsx)(m.Z,{}),(0,n.jsx)(C(),{href:"/",className:O?"flex w-full mb-6":"mb-4",children:(0,n.jsx)(i.Z,{isFullWidth:O,variant:"secondary",size:"large",children:"Kembali Berbelanja"})})]})]})}},19511:function(e,a,t){"use strict";t.d(a,{AP:function(){return j},I4:function(){return Z},Kd:function(){return u},Km:function(){return x},_$:function(){return h},br:function(){return m},g8:function(){return b},h:function(){return g},nd:function(){return y},rB:function(){return o},tf:function(){return v},w:function(){return p},x$:function(){return f}});var n=t(89788),s=t(39669),r=t(14537),i=t(36492),l=t(59403),c=t(85945),d=t(48228);let o=(e,a)=>{var t;let n=(0,r.Z)();return(0,i.a)(["orders","history",e],()=>(0,s.Fw)(e),{...a,enabled:n&&(null===(t=null==a?void 0:a.enabled)||void 0===t||t)})},u=(e,a)=>{let t=(0,r.Z)();return(0,l.N)({queryKey:["orders","history","infinite",e],queryFn:a=>{let{pageParam:t}=a,n={offset:null!=t?t:1,...e};return(0,s.Fw)(n)},getNextPageParam:(e,a)=>a.length+1,enabled:t&&(null==a?void 0:a.enabled)})},m=(e,a)=>{var t;let n=(0,r.Z)();return(0,i.a)(["order","detail",e],()=>(0,s.dz)(e||""),{...a,enabled:!!n&&!!e&&(null===(t=null==a?void 0:a.enabled)||void 0===t||t)})},p=e=>{let a=(0,c.NL)();return()=>a.invalidateQueries(["order","detail",e],{exact:!0})},x=e=>{let a=(0,c.NL)();return()=>!!a.isFetching(["order","detail",e],{exact:!0})},f=e=>(0,i.a)(["order","o2o","scheduler",e],()=>(0,s.RR)(e),{enabled:!!e}),h=e=>(0,i.a)(["order","history","3pl",e],()=>(0,s.lz)(e),{enabled:!1}),v=e=>(0,i.a)(["order","history","3pl",e],()=>(0,s.lz)(e),{enabled:!!e}),y=e=>(0,i.a)(["order","history","sap",e],()=>(0,s.cN)(e),{enabled:!1}),g=e=>(0,i.a)(["order","history","sap",e],()=>(0,s.cN)(e),{enabled:!!e}),b=()=>(0,d.D)(async e=>(0,n.ZP)(()=>(0,s.M)(e),{throwErrorObject:!0})),j=()=>(0,d.D)(async e=>(0,n.ZP)(()=>(0,s.Hr)(e),{throwErrorObject:!0})),Z=()=>(0,d.D)(async e=>{let a=await (0,s.yv)(e);if(200===a.status_code&&"OK"===a.status)return a;throw Error(a.error_message||"Gagal mengecek status pembayaran")})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=8503)}),_N_E=e.O()}]);