https://www.makeoverforall.com/_next/static/chunks/pages/payment-2ee748701aaaa9dc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8252],{30485:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/payment",function(){return t(59219)}])},55270:function(e,n,t){"use strict";t.d(n,{j:function(){return AccordionComp}});var a=t(85893);t(67294);var i=t(45697),r=t.n(i),s=t(39183),l=t(28923),c=t(22797);let AccordionComp=e=>{let{forwardRef:n,id:t,expandIcon:i,title:r,titleClassName:d="",titleAs:o="h4",className:h,headerClassName:u,contentClassName:m,children:x}=e;return(0,a.jsxs)(s.Z,{className:"accordion ".concat(h),id:t,ref:n,children:[(0,a.jsx)(l.Z,{expandIcon:i,className:"accordion-header ".concat(u),children:(0,a.jsx)(o,{className:"accordion-title ".concat(d),children:r})}),(0,a.jsx)(c.Z,{className:"accordion-content ".concat(m),children:x})]})};s.Z.propTypes={forwardRef:r().any,expandIcon:r().any,id:r().string,onClick:r().any,children:r().any,className:r().string,headerClassName:r().string,contentClassName:r().string},s.Z.defaultProps={expandIcon:(0,a.jsx)("i",{className:"air ai-angle-down"}),title:"Title",titleClassName:"",className:"",headerClassName:"",contentClassName:""}},18273:function(e,n,t){"use strict";t.d(n,{As:function(){return SkeletonCard},Od:function(){return Skeleton},nR:function(){return SkeletonWrapper},sI:function(){return SkeletonGroup}});var a=t(85893);t(67294);var i=t(45697),r=t.n(i);let SkeletonGroup=e=>{let{groupClassName:n,className:t,el:i,height:r,width:s,ratio:l,rows:c}=e;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"skeleton-group ".concat(n),children:Array(c).fill().map((e,n)=>(0,a.jsx)(Skeleton,{className:t,el:i,ratio:l,height:r,width:s},n))})})};SkeletonGroup.propTypes={className:r().string,groupClassName:r().string,rows:r().any},SkeletonGroup.defaultProps={className:"",groupClassName:"",rows:4};let Skeleton=e=>{let{className:n,el:t,ratio:i,height:r,width:s}=e;return(0,a.jsx)("div",{className:"skeleton ".concat(n," ").concat(t," ").concat(i&&"ratio ".concat(i)),style:{height:"".concat(r),width:"".concat(s)},children:(0,a.jsx)("span",{children:"-"})})};Skeleton.propTypes={className:r().string,itemClassName:r().string,width:r().string,height:r().string,ratio:r().string},Skeleton.defaultProps={className:"",el:"",height:null,width:null,ratio:""};let SkeletonCard=e=>{let{variant:n,colLeft:t,colRight:i,cardBodyClassName:r,className:s,imgRatio:l,imgClassName:c,label:d,labelEl:o,labelHeight:h,labelWidth:u,labelClassName:m,title:x,titleEl:j,titleHeight:p,titleWidth:N,titleClassName:y,text:v,textEl:T,textHeight:C,textWidth:g,textClassName:b,children:E}=e;return(0,a.jsx)("div",{className:"skeleton-card card card-".concat(n," ").concat(s),children:(0,a.jsxs)("div",{className:"row row-0",children:[(0,a.jsx)("div",{className:"col-bg ".concat(t),children:(0,a.jsx)(Skeleton,{className:"skeleton-card-image ".concat(c),ratio:l})}),(0,a.jsx)("div",{className:"col-body ".concat(i),children:(0,a.jsxs)("div",{className:"card-body ".concat(r),children:[d&&(0,a.jsx)(Skeleton,{className:"skeleton-card-label ".concat(m),el:o,height:h,width:u}),x&&(0,a.jsx)(Skeleton,{className:"skeleton-card-title ".concat(y),el:j,height:p,width:N}),v&&(0,a.jsx)(Skeleton,{className:"skeleton-card-text ".concat(b),el:T,height:C,width:g}),E]})})]})})};SkeletonCard.propTypes={variant:r().oneOf(["basic","boxless","overlay"]),className:r().string},SkeletonCard.defaultProps={className:"",cardBodyClassName:"",variant:"boxless",colLeft:"col-12",colRight:"col-12",labelEl:"small",labelHeight:null,labelWidth:"100px",labelClassName:"",titleEl:"h4",titleHeight:null,titleWidth:null,titleClassName:"",textEl:"p",textHeight:null,textWidth:"90%",textClassName:""};let SkeletonWrapper=e=>{let{className:n,children:t}=e;return(0,a.jsxs)("div",{className:"skeleton-wrapper ".concat(n),children:[t,(0,a.jsx)("div",{className:"skeleton-loader"})]})};SkeletonWrapper.propTypes={className:r().string,children:r().any},SkeletonWrapper.defaultProps={className:""}},9780:function(e,n,t){"use strict";t.d(n,{D:function(){return l},_:function(){return WithDataLayer}});var a=t(1785),i=t.n(a),r=t(77050);let s="Make Over",l={productByClick:"product-by-click",homeBannerView:"home-banner-view",viewCartPage:"view-cart-page",promoSliderClick:"promo-slider-click",productDetailAddCart:"product-detail-add-cart",contactBySubmit:"contact-by-submit",storeLocation:"store-locations",newsLetterSubmit:"news-letter-submit",wishlistAdd:"wishlist-add",credit

1CardPaid:"credit-card-paid",successPayment:"success-payment",searchResult:"search-result",shoppingBagClickCheckout:"shopbag-click-checkout",plceOrderByClickButton:"place-order-click-buton",productImpression:"product-impression"},WithDataLayer=(e,n)=>{switch(n){case l.homeBannerView:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleBannerByView(e)});case l.promoSliderClick:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handlePromoSliderClick(e)});case l.productByClick:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleProductByClick(e)});case l.viewCartPage:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleViewCartPage(e)});case l.productDetailAddCart:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleAddCart(e)});case l.storeLocation:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleStoreLocation(e)});case l.contactBySubmit:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleContactUsSubmit(e)});case l.newsLetterSubmit:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleNewsLetterSubmit(e)});case l.wishlistAdd:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleWishList(e)});case l.successPayment:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleSuccessPayment(e)});case l.shoppingBagClickCheckout:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleBagCheckout(e)});case l.plceOrderByClickButton:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handlePlaceOrderClick(e)});case l.productImpression:return null===i()||void 0===i()?void 0:i().dataLayer({dataLayer:handleProductImpression(e)});default:return}},handleBannerByView=e=>{let{isLogin:n,id:t,title:a,position:i}=e;return{event:"promoView",eventCategory:"homepage",eventAction:"slider banner impression",eventLabel:"banner impression",ecommerce:{promoView:{promotions:[{id:t,name:a,position:"/"}]}},userId:n}},handleProductByClick=e=>{let{location:n,product_data:t,isLogin:a,listname:i}=e;if(!t)return null;{let{title:e,id:r,price:l,firstcategory:c}=t;return{event:"productClick",eventCategory:n,eventAction:"click on product "+i,eventLabel:"product click",ecommerce:{click:{actionField:{list:i,action:"click"},product:[{name:e,id:r,price:l,brand:s,category:c.title,list:i,position:n}]}},userId:a}}},handleProductImpression=e=>{let{isLogin:n,location:t,list:a,product:i}=e,r=[];return i.forEach(e=>{let{title:n,id:t,firstcategory:a,list:i,position:l}=e;r.push({name:n,id:t,brand:s,category:null==a?void 0:a.title,list:i,position:l})}),{event:"productView",eventCategory:t,eventAction:"impression on product ".concat(a),eventLabel:"product impression",ecommerce:{currencyCode:"IDR",impressions:r},userId:n}},handleViewCartPage=e=>{var n;let{cart:t,isLogin:a}=e,i=[];if(t&&(null==t?void 0:null===(n=t.items)||void 0===n?void 0:n.length)>0)return t.items.forEach(e=>{var n;i.push({name:e.title,id:e.sku_id,price:e.price,brand:s,category:"",variant:(null===(n=e.option_1)||void 0===n?void 0:n.value)?e.option_1.value:null,quantity:e.quantity})}),{event:"checkout",eventCategory:"cart",eventAction:"view cart page",eventLabel:"view cart",ecommerce:{checkout:{actionField:{step:1,option:"cart page loaded",action:"checkout"},currencyCode:"IDR",products:i}},userId:a}},handlePromoSliderClick=e=>{let{location:n,banner:t,position:a,isLogin:i}=e;return{event:"promoClick",eventCategory:"homepage",eventAction:"slider banner click",eventLabel:"banner click",ecommerce:{promoClick:{promotions:[{id:t.id,name:t.title,position:n}]}},userId:i}},handleAddCart=e=>{var n;let{location:t,listName:a,isLogin:i,sku_id:r,qty:s,product:l,option_value:c}=e;return{event:"addToCart",eventCategory:"product detail page",eventAction:"click - add to bag",eventLabel:l.title,productId:r,ecommerce:{currencyCode:"IDR",add:{actionFields:{list:a},products:[{id:r,name:l.title,price:l.sell_price,quantity:s,category:null===(n=l.firstcategory)||void 0===n?void 0:n.title,brand:"Make Over",picture:l.images[0],url:t,variant:c}]}},userId:i}},handleStoreLocation=e=>{let{title:n,isLogin:t}=e;return{event:"generalEvent",eventCategory:"Find Store",eventAction:"View location detail",eventLabel:"View detail store ".concat(n),userId:t}},handleContactUsSubmit=e=>{let{isLogin:n}=e;return{event:"generalEvent",eventCategory:"Contact Us",eventAction:"Message submitted",eventLabel:"Contact Us",userId:n}},handleNewsLetterSubmit=e=>({event:"generalEvent",eventCategory:"Subscribe Newsletter",eventAction:"Subscribed to newsletter",eventLabel:"Subscribe Newsletter",userId:e.isLogin}),handleWishList=e=>{(0,r.initializeStore)();let{location:n,title:t,isLogin:a}=e;return{event:"generalEvent",eventCategory:"Product Detail Page",eventAction:"Add to Wishlist - ".concat(n),eventLabel:t,userId:a}},handleBagCheckout=e=>{let{isLogin:n}=e,t=[];return e.items.map(e=>{var n;t.push({name:e.title,id:e.id,brand:s,category:e.first_category,variant:null===(n=e.option_1)||void 0===n?void 0:n.value,quantity:e.quantity})}),{event:"checkout",eventCategory:"cart",eventAction:"click proceed to checkout",eventLabel:"click proceed to checkout",ecommerce:{checkout:{actionField:{step:2,option:"click proceed to checkout",action:"checkout"},currencyCode:"IDR",products:t}},userId:n}},handlePlaceOrderClick=e=>{let{isLogin:n,payment_method:t,details:a}=e,i=[];return a.map(e=>{var n;i.push({name:e.title,price:e.price,brand:s,category:e.first_category,variant:null===(n=e.option_1)||void 0===n?void 0:n.value,quantity:e.quantity})}),{event:"checkout",eventCategory:"place order",eventAction:"click place order",eventLabel:"click place order",ecommerce:{checkout:{actionField:{step:3,option:t,action:"checkout"},currencyCode:"IDR",products:i}},userId:n}},handleSuccessPayment=e=>{let n,{payment_method:t,isLogin:a,id:i}=e;"Credit Card"===t&&(n="checkout credit card"),("DANA"===t||"LinkAja"===t||"Shopee Pay"===t)&&(n="checkout e-wallet"),n="OVO"===t?"checkout ovo":"checkout bank transfer";let r=[];return e.details.map(e=>{let{title:n,price:t,quantity:a,category:i,sku_code:s,option_1:l}=e;r.push({name:n,price:t,brand:"Make Over",category:"BELUM ADA",variant:null==l?void 0:l.value,quantity:a})}),{event:"transaction",eventCategory:"order complete",eventAction:"checkout success",eventLabel:n,ecommerce:{currencyCode:"IDR",purchase:{actionField:{id:i,revenue:e.total_amount,tax:0,shipping:e.shipping_fee,action:"purchase"},products:r}},userId:a}}},59219:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return pages_payment}});var a=t(85893),i=t(67294),r=t(87452),s=t(11163),l=t(45007),c=t(30256);let d="Paid",Check_Payment=(e,n)=>{if("DANA"===e.payment_method||"Shopee Pay"===e.payment_method||"LinkAja"===e.payment_method)return e.order_status.title===d?"none":"e-wallet";if("OVO"!==e.payment_method)return e.order_status.title,"none";if(e.order_status.title===d)return"none";if("Waiting Payment"===e.order_status.title){if(!n)return null;n()}};var o=t(77050),h=t(25675),u=t.n(h),m=t(23048),x=t(16829),j=t.n(x),payment_success=e=>{let{order:n}=e,t=(0,s.useRouter)(),[r,l]=i.useState(!1);return(0,a.jsx)("section",{className:"sc-finish py-main success",children:(0,a.jsx)("div",{className:"container mw-md",children:(0,a.jsxs)("div",{className:"row",children:[(0,a.jsx)("div",{className:"col-md-4",children:(0,a.jsx)(u(),{src:j(),alt:"grfx-success",className:"img-fluid",width:310,height:310,unoptimized:!0})}),(0,a.jsxs)("div",{className:"col-md-8 d-flex flex-column justify-content-center",children:[(0,a.jsx)("h2",{children:"Payment Success"}),(0,a.jsxs)("p",{children:[(0,a.jsxs)("strong",{children:["Order no: ",null==n?void 0:n.order_no]})," is in progress ",(0,a.jsx)("br",{})," ","You can check progress later in your account page."]}),(0,a.jsx)(m.z,{onClick:()=>{l(!0),t.push("/")},loader:!0,variant:"secondary",className:"".concat(r?"loading":""),children:"Back to Home"})]})]})})})},p=t(1536),N=t(98130);t(31955);let renderCount=e=>{let{seconds:n}=e;return(0,a.jsx)("h3",{children:n.toString().length<2?(0,a.jsx)(a.Fragment,{children:"0".concat(n.toString())}):n})};var countdown=e=>{let{end_date:n,handleComplete:t}=e;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(N.ZP,{date:n,renderer:renderCount,onComplete:t})})},y=t(5679),retry_payment=e=>{let{order_id:n,payment_method:t,callback:r,ewallet_phone:s,end_date:d,handleGetOrder:h}=e,u=(0,l.I0)(),[x,j]=i.useState(!1);return(0,a.jsx)(m.z,{variant:"link",className:"".concat(x&&"loading"),loader:!0,onClick:()=>{h(()=>{j(!0),(0,c.U)(o.Q_REPAYMENT_OVO,{order_id:n,payment_method:t,ewallet_phone:s},"POST").then(e=>{j(!1),r(e),setTimeout(()=>j(!1),1e3)}).catch(e=>{(0,y.q)(e[0],"general",u)})})},children:"retry payment"})}

1,payment_ovo=e=>{let{order:n,setOrder:t,handleGetOrder:r}=e,c=(0,s.useRouter)();(0,l.I0)();let[d,o]=i.useState(!1),[h,u]=i.useState(null),[x,j]=i.useState(!1);return i.useEffect(()=>{let{updated_at:e}=n,t=new Date(new Date(new Date(e.split(" ").join("T"))).getTime()+55e3);new Date>=t?(j(!0),u(new Date(new Date(new Date(e.split(" ").join("T"))).getTime()+55e3))):(j(!1),u(t))},[n]),(0,a.jsx)("section",{className:"sc-finish py-main",children:(0,a.jsxs)("div",{className:"container mw-sm",children:[(0,a.jsxs)("div",{className:"text-center mb-4",children:[(0,a.jsxs)("p",{className:"mb-2 fadeInUp",children:[(0,a.jsx)("span",{className:"text-muted",children:"Order no:"})," ",null==n?void 0:n.order_no]}),(0,a.jsxs)("h1",{className:"fadeInUp d1",children:["Pay with ",null==n?void 0:n.payment_method]}),(0,a.jsxs)("div",{className:"row",children:[(0,a.jsx)("div",{className:"fadeInUp d2 col-12 text-center",children:"Thank you for ordering."}),(0,a.jsx)("div",{className:"fadeInUp d2 col-12 text-center mt-1",children:"Please proceed to pay as shown below through your OVO app:"})]})]}),(0,a.jsx)("div",{className:"card card-finish",children:(0,a.jsx)("div",{className:"card-body",children:(0,a.jsxs)("div",{className:"row",children:[(0,a.jsx)("div",{className:"col-12 text-center w-100 text-muted",children:"Total to Pay"}),(0,a.jsx)("div",{className:"col-12 text-center w-100 text-primary mt-2 pay",children:(0,p.oB)("ID",null==n?void 0:n.final_amount)})]})})}),(0,a.jsxs)("div",{className:"row",children:[h?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"col-12 text-center mt-4",children:x?"Your payment has expired":"Expired in"}),(0,a.jsx)("div",{className:"col-12 text-center mt-3",children:x?(0,a.jsx)(retry_payment,{handleGetOrder:r,order_id:parseInt(c.query.order_id),payment_method:"OVO",ewallet_phone:n.billing.phone,callback:e=>{let{updated_at:n}=e.repayment;u(new Date(new Date(new Date(n.split(" ").join("T"))).getTime()+55e3)),j(!1)},end_date:h}):(0,a.jsx)(countdown,{end_date:h,handleComplete:()=>j(!0)})})]}):null,(0,a.jsx)("div",{className:"col-12 mt-3 d-flex align-items-center justify-content-center",children:(0,a.jsx)(m.z,{onClick:()=>{window.location.reload()},variant:"primary",className:"btn-retry",children:"I’ve already paid"})}),(0,a.jsx)("div",{className:"col-12 mt-2 d-flex align-items-center justify-content-center",children:(0,a.jsx)(m.z,{onClick:()=>{o(!0),c.push("/")},variant:"link",children:"Back To Home"})})]})]})})},v=t(74855),T=t(55270);function mandiri(){return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"MBANKING",children:[(0,a.jsx)("div",{className:"h5",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Open Mandiri Online application, then enter your USERNAME and PASSWORD"}),(0,a.jsx)("li",{children:'Select "Payment"'}),(0,a.jsx)("li",{children:'Select "Multi Payment"'})]}),(0,a.jsx)("div",{className:"h5",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Select 88908 XENDIT as service provider"}),(0,a.jsxs)("li",{children:["Enter your Virtual Account Number"," ",(0,a.jsx)("strong",{children:"889084921933780381"})]}),(0,a.jsx)("li",{children:"Press Continue"}),(0,a.jsx)("li",{children:"Review and confirm the transaction details"}),(0,a.jsx)("li",{children:"Complete the transaction by entering your MPIN"})]}),(0,a.jsx)("div",{className:"h5",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Upon successful payment, save the transaction receipt or screenshot the screen as a proof of payment"}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minutes"})]})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"ATM",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: FIND NEAREST ATM"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:'Insert your ATM card and select "English"'}),(0,a.jsx)("li",{children:' Enter PIN, then select "ENTER"'}),(0,a.jsx)("li",{children:'Select "PAYMENT", then select "MULTI PAYMENT"'})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:[" ","Enter company code '88908' (88908 XENDIT), then press 'CORRECT'"]}),(0,a.jsxs)("li",{children:[" ","Enter Virtual Account Number ",(0,a.jsx)("strong",{children:"889084921933780381"}),", then press 'CORRECT'"]}),(0,a.jsx)("li",{children:'Enter the amount to transfer, then press "CORRECT"'}),(0,a.jsx)("li",{children:'Merchant details will be displayed, choose number 1 according to the amount billed and then press "YES"'}

1),(0,a.jsx)("li",{children:'Payment confirmation will be displayed. Select "YES", to proceed'})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:" Keep your receipt as proof of payment"}),(0,a.jsx)("li",{children:" Your transaction is successful"}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minute"})]})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"IBANKING",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Go to Mandiri Internet Banking website"," ",(0,a.jsx)("span",{children:(0,a.jsx)("a",{href:"https://ibank.bankmandiri.co.id",children:"https://ibank.bankmandiri.co.id"})})]}),(0,a.jsx)("li",{children:"Login with your USER ID and PASSWORD"}),(0,a.jsx)("li",{children:'Go to the Home page, then select "Payment"'}),(0,a.jsx)("li",{children:'Select "Multi Payment"'})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Select 88908 XENDIT as service provider"}),(0,a.jsxs)("li",{children:["Enter your Virtual Account Number"," ",(0,a.jsx)("strong",{children:"889084921933780381"})]}),(0,a.jsx)("li",{children:"Press continue"}),(0,a.jsx)("li",{children:'If all details are correct and then click on "CONFIRM"'}),(0,a.jsx)("li",{children:"Enter PIN / Challenge Code Token"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Upon successful payment, save the transaction receipt or screenshot the screen as a proof of payment"}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minutes"})]})]})]})}function BNI(){return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"ATM",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: FIND NEAREST ATM"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:'Select "Other Transaction"'}),(0,a.jsx)("li",{children:'Select "Transfer"'}),(0,a.jsx)("li",{children:"Select the type of account you are using to transfer (i.e. from Savings account)"}),(0,a.jsx)("li",{children:'Choose "Virtual Account Billing"'}),(0,a.jsxs)("li",{children:["Enter virtual account number ",(0,a.jsx)("strong",{children:"8808492174155614"})]}),(0,a.jsx)("li",{children:"The amount billed will show on the screen"}),(0,a.jsx)("li",{children:"Confirm the transaction, if it's correct then continue"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:'Select "Other Transaction"'}),(0,a.jsx)("li",{children:'Select "Transfer"'}),(0,a.jsx)("li",{children:"Select the type of account you are using to transfer (i.e. from Savings account)"}),(0,a.jsx)("li",{children:'Choose "Virtual Account Billing"'}),(0,a.jsxs)("li",{children:["Enter virtual account number ",(0,a.jsx)("strong",{children:"8808492174155614"})]}),(0,a.jsx)("li",{children:" The amount billed will show on the screen"}),(0,a.jsx)("li",{children:"Confirm the transaction, if it's correct then continue"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Your transaction is completed"}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minute"})]})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"IBANKING",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Enter the following address"," ",(0,a.jsx)("span",{children:(0,a.jsx)("a",{href:"https://ibank.bni.co.id",children:"https://ibank.bni.co.id"})})," ",'and click "Enter"']}),(0,a.jsx)("li",{children:"Enter your User ID and Password"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:'Select the menu "Transfer"'}),(0,a.jsx)("li",{children:'Select the menu "Virtual Account Billing"'}),(0,a.jsxs)("li",{children:["Enter your Virtual Account number ",(0,a.jsx)("strong",{children:"8808492174155614"})]}),(0,a.jsx)("li",{children:'Choose the type of account you are using to transfer and press "Continue"'}),(0,a.jsx)("li",{children:"The amount billed will show on the screen"}),(0,a.jsx)("li",{children:"Enter the authentication token code"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:" Your transaction is completed"}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minutes"})]})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"MBANKING",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Enter your User ID and Password"}),(0,a.jsx)("li",{children:'Select the menu "Transfer"'})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:'Select the menu "Virtual Account Billing" and then choose debit account'}),(0,a.jsxs)("li",{children:["Enter your Virtual Account Number ",(0,a.jsx)("strong",{children:"8808492174155614"})," ",'on the menu "Input New"']}),(0,a.jsx)("li",{children:"The amount billed will show on the screen"}),(0,a.jsx)("li",{children:"Confirm the transaction and enter your password"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Your transaction is completed"}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minutes"})]})]})]})}function BRI(){return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"ATM",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: FIND NEAREST ATM"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Insert the card, select the language and then enter your PIN"}),(0,a.jsx)("li",{children:'Select "Other Menu" and select "Payment"'}),(0,a.jsx)("li",{children:'Select "Other Payment" and select "Briva"'})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:[" ","Enter virtual account number ",(0,a.jsx)("strong",{children:"262154921875343517"})," and the nominal that you want to pay"]}),(0,a.jsxs)("li",{children:["Check the transaction data and press ",(0,a.jsx)("strong",{children:'"YES"'})]})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsx)("ol",{children:(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minute"})})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"IBANKING",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Login to"," ",(0,a.jsx)("span",{children:(0,a.jsx)("a",{href:"https://ib.bri.co.id/ib-bri/",children:"https://ib.bri.co.id/ib-bri/"})}),", enter your USER ID and Password"]}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Payment"'})," and select"," ",(0,a.jsx)("strong",{children:'"Briva"'})]})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Enter your Virtual Account Number 262154921875343517, enter the amount that you want to pay, and click send"}),(0,a.jsx)("li",{children:"Enter your password again along with the authentication code from internet bank mToken"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsx)("ol",{children:(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minutes"})})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"MBANKING",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Login to BRI Mobile Banking, enter your USER ID and PIN"}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Payment"'})," and select"," ",(0,a.jsx)("strong",{children:'"Briva"'})]})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Enter your Virtual Account Number"," ",(0,a.jsx)("strong",{children:"262154921875343517"}),", and the amount that you want to pay"]}),(0,a.jsx)("li",{children:'Input your PIN and click "Send"'})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsx)("ol",{children:(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minutes"})})]})]})}function BCA(){return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"ATM",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: FIND NEAREST ATM"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Insert your BCA ATM card and PIN"}),(0,a.jsx)("li",{children:"Enter your ATM PIN"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Select Menu ",(0,a.jsx)("strong",{children:'"Other Transaction"'})]}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Transfer"'})]}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"To BCA Virtual Account"'})]}),(0,a.jsxs)("li",{children:["Enter Virtual Account Number ",(0,a.jsx)("strong",{children:"396817588958957"}),". Press"," ",(0,a.jsx)("strong",{children:'"Correct"'})," to proceed"]}),(0,a.jsxs)("li",{children:["Verify Virtual Account details and then enter amount to be transferred and select ",(0,a.jsx)("strong",{children:'"Correct"'})," to confirm"]}),(0,a.jsx)("li",{children:"Confirm your transaction details displayed"}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Yes"'})," if the details are correct or"," ",(0,a.jsx)("strong",{children:'"No"'})," if the details are not correct"]})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["You have completed your transaction. Select ",(0,a.jsx)("strong",{children:'"No"'})," to end the transaction"]}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minute"})]})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"IBANKING",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Login to KlikBCA Individual (",(0,a.jsx)("a",{href:"https://ibank.klikbca.com",children:"https://ibank.klikbca.com"}),")"]}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Transfer"'}),", then select"," ",(0,a.jsx)("strong",{children:'"Transfer to BCA Virtual Account"'})]})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Enter the Virtual Account Number ",(0,a.jsx)("strong",{children:"396817588958957"})]}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Continue"'})," to proceed your payment"]}),(0,a.jsxs)("li",{children:["Enter ",(0,a.jsx)("strong",{children:'"RESPON KEYBCA APPLI 1"'})," shown in your BCA Token, then click on the ",(0,a.jsx)("strong",{children:'"Send"'})," button"]}),(0,a.jsx)("li",{children:"Enter the authentication token code"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Your transaction is successful"}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minutes"})]})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"MBANKING",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Open BCA Mobile App"}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"m-BCA"'}),", then select"," ",(0,a.jsx)("strong",{children:'"m-Transfer"'})]})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"m-BCA"'}),", then select"," ",(0,a.jsx)("strong",{children:'"m-Transfer"'})]}),(0,a.jsxs)("li",{children:["Enter your Virtual Account Number ",(0,a.jsx)("strong",{children:"396817588958957"}),", then press ",(0,a.jsx)("strong",{children:'"OK"'})]}),(0,a.jsxs)("li",{children:["Click on ",(0,a.jsx)("strong",{children:'"Send"'})," button at the top right corner to proceed"]}),(0,a.jsxs)("li",{children:["Click ",(0,a.jsx)("strong",{children:'"OK"'})," to proceed"]}),(0,a.jsx)("li",{children:"Enter your PIN to authorize the transaction"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsx)("ol",{children:(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minutes"})})]})]})}function Permata(){return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"ATM",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: FIND NEAREST ATM"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Insert your Permata ATM card and PIN"}),(0,a.jsx)("li",{children:"Enter your ATM PIN"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Select Menu ",(0,a.jsx)("strong",{children:'"Transaksi Lainnya"'})]}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Transfer"'})]}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Transfer Antar Rekening Permata Bank"'})]}),(0,a.jsxs)("li",{children:["Enter Virtual Account Number ",(0,a.jsx)("strong",{children:"8214492177924564"})]}),(0,a.jsx)("li",{children:"Select the type of account you are using to transfer (i.e. from Savings account)"}),(0,a.jsx)("li",{children:"Confirm your transaction details displayed"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsx)("ol",{children:(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically. This may take up to 5 minute"})})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"IBANKING",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsx)("ol",{children:(0,a.jsxs)("li",{children:["Open"," ",(0,a.jsx)("span",{children:(0,a.jsx)("a",{href:"https://new.permatanet.com",children:"https://new.permatanet.com"})})," ","and login"]})}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children

1:[(0,a.jsxs)("li",{children:["Choose ",(0,a.jsx)("strong",{children:'"Pembayaran"'})]}),(0,a.jsxs)("li",{children:["Choose ",(0,a.jsx)("strong",{children:'"Pembayaran Tagihan"'})]}),(0,a.jsxs)("li",{children:["Choose ",(0,a.jsx)("strong",{children:'"Virtual Account"'})]}),(0,a.jsx)("li",{children:"Choose your source of payment"}),(0,a.jsxs)("li",{children:["Choose ",(0,a.jsx)("strong",{children:'"Masukkan Daftar Tagihan Baru"'})]}),(0,a.jsxs)("li",{children:["Enter your Virtual Account Number ",(0,a.jsx)("strong",{children:"8214492177924564"})]}),(0,a.jsx)("li",{children:"Check your detail information and proceed"}),(0,a.jsx)("li",{children:"Enter SMS token response code"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Your transaction is completed"}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically.This may take up to 5 minutes"})]})]}),(0,a.jsxs)(T.j,{className:"accordion-card card",headerClassName:"card-body",contentClassName:"card-body",titleClassName:"h3",title:"MBANKING",children:[(0,a.jsx)("div",{className:"h3",children:"STEP 1: LOG IN TO YOUR ACCOUNT"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Open Permata Application"}),(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Transfer"'})]})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 2: PAYMENT DETAILS"}),(0,a.jsxs)("ol",{children:[(0,a.jsxs)("li",{children:["Select ",(0,a.jsx)("strong",{children:'"Rekening PermataBank"'})]}),(0,a.jsxs)("li",{children:["Enter your Virtual Account Number ",(0,a.jsx)("strong",{children:"8214492177924564"})]}),(0,a.jsx)("li",{children:"Enter the authentication token"})]}),(0,a.jsx)("div",{className:"h3",children:"STEP 3: TRANSACTION COMPLETED"}),(0,a.jsxs)("ol",{children:[(0,a.jsx)("li",{children:"Your transaction is completed"}),(0,a.jsx)("li",{children:"Once the payment transaction is completed, this invoice will be updated automatically.This may take up to 5 minutes"})]})]})]})}function PaymentInstructions(e){let{payment_method:n}=e;switch(n){case"BNI":return(0,a.jsx)(BNI,{});case"BRI":return(0,a.jsx)(BRI,{});case"Mandiri":return(0,a.jsx)(mandiri,{});case"BCA":return(0,a.jsx)(BCA,{});case"Permata":return(0,a.jsx)(Permata,{});default:return null}}var payment_transfer=e=>{var n,t;let{order:r}=e,[s,l]=i.useState();return(0,a.jsxs)("div",{children:[(0,a.jsx)("section",{className:"sc-finish pt-main pb-main-sm",children:(0,a.jsxs)("div",{className:"container mw-sm",children:[(0,a.jsxs)("div",{className:"text-center mb-4",children:[(0,a.jsxs)("p",{className:"mb-2 fadeInUp",children:[(0,a.jsx)("span",{className:"text-muted",children:"Order no:"})," ",null==r?void 0:r.order_no]}),(0,a.jsx)("h1",{className:"fadeInUp d1",children:"Pay with Bank Transfer"}),(0,a.jsx)("p",{className:"fadeInUp d2",children:"Thank you for ordering. Please proceed to pay as shown below:"})]}),(0,a.jsxs)("div",{className:"card card-finish fadeInUp d3 w-100",children:[(0,a.jsxs)("div",{className:"card-body w-100",children:[(0,a.jsx)("span",{className:"label d-block mb-2",children:"Total to Pay"}),(0,a.jsx)("h4",{className:"text-primary",children:(0,p.oB)("ID",null==r?void 0:r.final_amount)})]}),(0,a.jsxs)("div",{className:"card-body card-body-bottom w-100",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("span",{className:"label d-block mb-2",children:["Transfer to Bank ",null==r?void 0:r.payment_method]}),(0,a.jsx)("h5",{className:"mb-0",children:null==r?void 0:null===(n=r.payment_info)||void 0===n?void 0:n.account_number}),(0,a.jsx)("p",{className:"mb-0",children:(0,a.jsx)("strong",{children:"PT. Paragon Indonesia"})})]}),(0,a.jsx)("div",{children:(0,a.jsx)(v.CopyToClipboard,{text:null==r?void 0:null===(t=r.payment_info)||void 0===t?void 0:t.account_number,onCopy:()=>l(!0),children:(0,a.jsx)(m.z,{variant:"link",className:"btn-underline inverse ".concat(s?"copied":""),children:s?"Copied":"Copy"})})})]})]})]})}),(0,a.jsx)("section",{className:"sc-how-to-pay pt-main-sm pb-main",children:(0,a.jsxs)("div",{className:"container mw-md fadeInUp d4",children:[(0,a.jsx)("h2",{className:"mb-3",children:"How to Pay"}),(0,a.jsx)(PaymentInstructions,{payment_method:r.payment_method})]})})]})},C=t(18273),skeleton_loader=()=>(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("section",{className:"sc-finish py-main",children:(0,a.jsx)("div",{className:"container mw-sm",children:(0,a.jsx)(C.nR,{children:(0,a.jsx)("div",{className:"payment-skeleton",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"grid-center",children:(0,a.jsx)(C.Od,{width:"319px",el:"p"})}),(0,a.jsx)("div",{className:"grid-center mt-2",children:(0,a.jsx)(C.Od,{width:"424px",el:"h1"})}),(0,a.jsx)("div",{className:"grid-center mt-1",children:(0,a.jsx)(C.Od,{width:"446px",el:"p"})}),(0,a.jsx)("div",{className:"grid-center mt-2",children:(0,a.jsx)(C.Od,{width:"537px",height:"102px"})}),(0,a.jsx)("div",{className:"grid-center mt-5",children:(0,a.jsx)(C.Od,{width:"310px",height:"54px"})})]})})})})})}),g=t(82536),b=t.n(g),payment_cancelled=e=>{let{order:n}=e,[t,r]=i.useState(!1),[l,c]=i.useState(!1),d=(0,s.useRouter)();return(0,a.jsx)("section",{className:"sc-finish py-main",children:(0,a.jsx)("div",{className:"container px-lg-6 px-md-0",children:(0,a.jsxs)("div",{className:"row",children:[(0,a.jsx)("div",{className:"col-12 col-md-5 pr-md-3 text-center text-md-right",children:(0,a.jsx)(u(),{src:b(),alt:"payment-failed",className:"img-fluid",width:310,height:310,priority:!0})}),(0,a.jsxs)("div",{className:"col-12 col-md-7 pt-md-5 text-center text-md-left mt-3 mt-md-0",children:[(0,a.jsx)("h1",{children:"PAYMENT CANCELLED"}),(0,a.jsxs)("p",{className:"lead",children:["Payment of"," ",(0,a.jsxs)("span",{className:"font-weight-bold",children:[(0,p.oB)("ID",null==n?void 0:n.final_amount)," "]}),"for Order No."," ",(0,a.jsxs)("span",{className:"font-weight-bold",children:[null==n?void 0:n.order_no," "]}

1),"was cancelled due to exceeding the payment deadline. You can choose order again to purchase."]}),(0,a.jsxs)("div",{className:"d-md-flex justify-content-between w-100 w-md-100 w-lg-75",children:[(0,a.jsx)(m.z,{onClick:()=>{c(!0),setTimeout(()=>{d.push("/bag")},500)},variant:"primary",className:"mb-3 mt-3 w-100 ".concat(l?"loading":""),loader:!0,children:"order again"}),(0,a.jsx)(m.z,{onClick:()=>{r(!0),setTimeout(()=>{d.push("/")},500)},variant:"secondary",className:"mb-3 ml-md-2 mt-md-3 w-100 ".concat(t?"loading":""),loader:!0,children:"back to home"})]})]})]})})})},E=t(9780);let S="Bank Transfer",A="e-wallet";var payment=()=>{let e=(0,s.useRouter)(),n=(0,l.I0)(),{cartReducer:t}=(0,l.v9)(e=>({cartReducer:e.cartReducer}),l.wU),{user_data:r}=(0,l.v9)(e=>e.authReducer),[d,h]=i.useState(null),[u,m]=i.useState(null),[x,j]=i.useState(!0),[p,N]=i.useState(0),parseTitle=e=>{let n=e.toLowerCase();return n.split(" ").join("-")},handleGetOrder=a=>{(0,c.U)(o.Q_ORDER,{id:e.query.order_id},"GET").then(e=>{var i,r,s,l,c,d,o,u,x,p,N,y,v,T;window.insider_object=window.insider_object||{};let C=(null==e?void 0:null===(i=e.order)||void 0===i?void 0:i.payment_method.toLowerCase())==="credit card"?"Credit Card":"Transfer",g=null==e?void 0:null===(r=e.order)||void 0===r?void 0:r.payment_method,b=null==e?void 0:null===(l=e.order)||void 0===l?void 0:null===(s=l.details)||void 0===s?void 0:s.map(e=>{var n;return{quantity:null==e?void 0:e.quantity,subtotal:(null==e?void 0:e.price)*(null==e?void 0:e.quantity),product:{id:String(null==e?void 0:e.id),name:null==e?void 0:e.title,taxonomy:[],currency:"IDR",unit_price:null==e?void 0:e.price,unit_sale_price:null==e?void 0:e.price,url:"https://www.makeoverforall.com/product/".concat(parseTitle(e.title),"/").concat(e.id),stock:"",color:null==e?void 0:null===(n=e.option_1)||void 0===n?void 0:n.value,size:"",product_image_url:null==e?void 0:e.image}}}),E={order_id:null==e?void 0:null===(c=e.order)||void 0===c?void 0:c.id,currency:"IDR",total:null==e?void 0:null===(d=e.order)||void 0===d?void 0:d.final_amount,shipping_cost:null==e?void 0:null===(o=e.order)||void 0===o?void 0:o.shipping_fee,delivery:{country:"ID",city:null==e?void 0:null===(x=e.order)||void 0===x?void 0:null===(u=x.shipping)||void 0===u?void 0:u.city,district:null==e?void 0:null===(N=e.order)||void 0===N?void 0:null===(p=N.shipping)||void 0===p?void 0:p.subdistrict},payment_type:C,bank_name:g,line_items:b};if(window.insider_object.page={type:"Confirmation"},window.insider_object.transaction=E,"Canceled"===e.order.order_status.title)h(e.order),j(!1);else{let i=Check_Payment(e.order,a);if(i)return"none"===i?((null==t?void 0:null===(T=t.list)||void 0===T?void 0:null===(v=T.virtual_account)||void 0===v?void 0:v.includes(null==e?void 0:null===(y=e.order)||void 0===y?void 0:y.payment_method))?m(S):m(A),handleDataLayer(e.order),n({type:"SET_INITIAL_CART",payload:null}),h(e.order)):setTimeout(()=>handleSecondGetEWallet(),3e3);m("OVO"),h(e.order),handleDataLayer(e.order),n({type:"SET_INITIAL_CART",payload:null})}})},handleSecondGetEWallet=()=>{(0,c.U)(o.Q_ORDER,{id:e.query.order_id},"GET").then(e=>{if("Paid"!==e.order.order_status.title)return N(e=>e+1),setTimeout(()=>handleSecondGetEWallet(),2e3);handleDataLayer(e.order),n({type:"SET_INITIAL_CART",payload:null}),m(A),h(e.order)})},handleDataLayer=e=>{(0,E._)({isLogin:r?r.id:"0",...e},E.D.successPayment)};return i.useEffect(()=>{var n;(null==e?void 0:null===(n=e.query)||void 0===n?void 0:n.order_id)&&handleGetOrder()},[null==e?void 0:e.query]),(0,a.jsx)("div",{children:d?(0,a.jsx)("div",{children:x?(0,a.jsx)(a.Fragment,{children:"Paid"===d.order_status.title?(0,a.jsx)(payment_success,{order:d}):(0,a.jsxs)(a.Fragment,{children:["OVO"===u?(0,a.jsx)(payment_ovo,{order:d,setOrder:h,handleGetOrder:handleGetOrder}):null,u===S?(0,a.jsx)(payment_transfer,{order:d}):null]})}):(0,a.jsx)(payment_cancelled,{order:d})}):(0,a.jsx)(skeleton_loader,{})})},k=t(95146),pages_payment=()=>(i.useEffect(()=>{(0,k.Z)()},[]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.Z,{title:"Payment"}),(0,a.jsx)(payment,{})]}))},82536:function(e){e.exports="/_next/static/images/grfx-grfx-error-a28184003c72680b0d3edd51078e1741.png"}},function(e){e.O(0,[539,8159,1399,4712,8883,6752,9774,2888,179],function(){return e(e.s=30485)}),_N_E=e.O()}]);