https://www.tpipolene.com/_next/static/chunks/pages/checkout/bbl_qr_code/[order_id]-6c2271fdd6372c80b859.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4759],{56578:function(e,n,s){"use strict";var t=s(94184),r=s.n(t),i=s(67294),a=s(11461),c=s(85893);n.Z=function(e){var n=e.elLeft,s=e.elCenter,t=e.elRight,l=e.className,o=e.isBerger,d=(0,i.useState)(!1),u=d[0],m=d[1];return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:r()("heaed-title-mb",l||"",{"h-64px is-berger":o}),children:[n?(0,c.jsx)("div",{className:"heaed-title-mb-left",children:n}):null,s?(0,c.jsx)("div",{className:"heaed-title-mb-center",children:s}):null,t?(0,c.jsx)("div",{className:"heaed-title-mb-right",children:t}):null,o&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:"navTrigger-bg"}),(0,c.jsxs)("div",{className:r()("navTrigger",{active:u}),onClick:function(){return m(!u)},children:[(0,c.jsx)("i",{}),(0,c.jsx)("i",{}),(0,c.jsx)("i",{})]})]})]}),!l&&(0,c.jsx)("div",{className:r()("heaed-title-mb-bg",{"h-64px":o})}),o&&(0,c.jsx)("div",{className:r()("nav-content",{active:u}),children:(0,c.jsx)("div",{className:"container ",children:(0,c.jsx)(a.Z,{open:u,setOpen:m})})})]})}},6256:function(e,n,s){"use strict";s.r(n),s.d(n,{__N_SSP:function(){return x}});var t=s(41664),r=s(11163),i=s(67294),a=s(1124),c=s(56578),l=s(26847),o=s(5070),d=s(53023),u=s(6929),m=s(77202),h=s(85893),x=!0;n.default=function(){(0,i.useContext)(l.ZP).isLoggin;var e,n,s,x,v=(0,r.useRouter)(),f=v.query.order_id,j=(0,i.useState)(!0),g=j[0],N=j[1],_=(0,i.useState)(),b=_[0],p=_[1],w=(0,i.useState)(0),y=w[0],q=w[1],S=(0,i.useState)(1e3),k=S[0],C=(S[1],(0,i.useState)(!1)),E=C[0],Z=C[1];!function(e,n){var s=(0,i.useRef)();(0,i.useEffect)((function(){s.current=e}),[e]),(0,i.useEffect)((function(){if(null!==n){var e=setInterval((function(){s.current()}),n);return function(){return clearInterval(e)}}}),[n])}((function(){q(y-1),Z(0==!y)}),E?k:null);var P=function(){d.Z.getBBLPaymentQR({order_id:f}).then((function(e){var n=e.data;p(n),N(!1)})).catch((function(e){console.log(e.response),N(!1)}))};(0,i.useEffect)((function(){if(!f)return null;P()}),[f]);var R=(0,i.useContext)(m.ZP).socket;(0,i.useEffect)((function(){if(R&&f)return R.on(f,T),function(){R.off(f,T)}}),[R,f]);var T=function(){v.push("/checkout/success_order/".concat(f,"?payment_status=3"))};return(0,h.jsxs)(a.Z,{title:"Payment QR Code",page_name:"Cart",mobileNavShow:"none",mbNavBottomShow:"none",noneShipping:"mobile",className:"bg-mainlayout-grey-ds bg-mainlayout-white-md min-height-mainlayout-100-md footer-btn-chat-none",loading:g,isBackToTop:!1,children:[(0,h.jsx)(o.pU,{at:"sm",children:(0,h.jsx)(c.Z,{elLeft:(0,h.jsx)(t.default,{href:"/",children:(0,h.jsx)("a",{children:(0,h.jsx)("img",{src:"/icon/header/mobile/Icon-ionic-ios-arrow-back.svg"})})}),elCenter:(0,h.jsx)(t.default,{href:"/",children:(0,h.jsx)("div",{className:"d-flex align-items-center",children:(0,h.jsx)("img",{src:"/images/header/logo-tpi.svg",className:"header-logo"})})})})}),(0,h.jsx)("div",{className:"container ",children:(0,h.jsx)("div",{className:"row justify-content-center mb-md-del-85px",children:(0,h.jsx)("div",{className:"col-lg-7 col-12",children:(0,h.jsx)("div",{className:"row box-change-pass-success qr-code-payment mt-md-5",children:(0,h.jsx)("div",{className:"col-12",children:(0,h.jsx)("div",{className:"text-center py-5",children:!g&&(0,h.jsx)(h.Fragment,{children:b&&(2===(null===b||void 0===b||null===(e=b.order)||void 0===e?void 0:e.payment_status)?"success":(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("h2",{children:"\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e14\u0e49\u0e27\u0e22 QR Code"}),(0,h.jsx)("div",{className:"d-flex justify-content-center mt-3",children:(0,h.jsxs)("div",{className:"box-qr",children:[(0,h.jsx)("div",{className:"box-qr-area",children:(0,h.jsx)("img",{src:(null===b||void 0===b||null===(n=b.qr_data)||void 0===n?void 0:n.qr_url)||"",className:"img-qrcode"})}),(0,h.jsxs)("div",{className:"box-qr-content",children:[(0,h.jsxs)("h5",{className:"text-center",children:["\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d"," #",f]}),(0,h.jsxs)("h5",{className:"text-center",children:["\u0e22\u0e2d\u0e14\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e33\u0e23\u0e30"," ",u.Z.formatNumber((null===b||void 0===b||null===(s=b.order)||void 0===s?void 0:s.net_price)||"0")," ","\u0e1a\u0e32\u0e17"]})]})]})}),(0,h.jsx)(o.pU,{at:"sm",children:(0,h.jsx)("a",{className:"btn btn-primary-nohover btn-head-order font-weight-medium w-100 mt-4",download:"qr_code_".concat(f),href:(null===b||void 0===b||null===(x=b.qr_data)||void 0===x?void 0:x.qr_url)||"",children:"\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e25\u0e07\u0e04\u0e25\u0e31\u0e07\u0e23\u0e39\u0e1b\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13"})}),(0,h.jsx)("div",{className:"mt-4",children:(0,h.jsx)("p",{className:"mb-0 text-danger",children:"* \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38 : \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19"})})]}))})})})})})})})]})}},36180:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/checkout/bbl_qr_code/[order_id]",function(){return s(6256)}])}},function(e){e.O(0,[9774,4038,1124,2888,179],(function(){return n=36180,e(e.s=n);var n}));var n=e.O();_N_E=n}]);