https://fastlance.vn/_next/static/chunks/4684.07a6521c5aef813d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4684],{7089:(e,t,n)=>{"use strict";n.r(t),n.d(t,{CoinDesktopPage:()=>W,CoinMobilePage:()=>en,Header:()=>K});var s=n(20294),i=n(37876),a=n(14232),r=n(65143),c=n(79514),l=n(88202),o=n(80481),d=n(50075),u=n(67684),p=n(4758),m=n(14678),h=n(40123),f=n.n(h),x=n(10997);function _(e,t){return"data:".concat(e,";base64,").concat(t)}var g=n(84194),j=function(e){var t=e.coinPaymentId,n=e.disclosure,s=e.handleRefetchHistory,a=e.isTopUpLoading,c=e.topUpDetail,h=n.isOpen,j=n.onClose,b=(0,d.Bd)(o.rm).t,N=(0,r.Us)().isMobile,w=(0,g.AR)(t),C=w.data,P=w.isLoading,k=function(){null==s||s(),j()},S=t&&P||a,U=!!C&&C.approved&&f()(c),q=c||C;return(0,i.jsx)(x.aF,{isShown:h,onClickToClose:function(){k()},className:"coin-page-modal",header:(0,i.jsx)("div",{className:"_cl-primary-600 _ffml-secondary _fw-600 _fs-300 _fs-600-sm",style:(0,u._)({},U&&{minHeight:"20px"}),children:U?"":b("top-up.history.modal.qr.header")}),children:(0,i.jsxs)("div",{className:"coin-qr-modal _pdbt-4px",children:[(0,i.jsx)("hr",{className:"_mgv-16px"}),S?(0,i.jsx)(v,{}):U?(0,i.jsx)(y,{}):(0,i.jsxs)("div",{className:"_dp-g _gg-8px _jtfit-ct",children:[(0,i.jsx)("p",{className:"_fs-100 _cl-text-default-300 _fs-200-sm",children:b("top-up.history.modal.qr.remark")}),(0,i.jsx)("img",{src:"/static-v4/images/coin/prompt-pay-logo.svg",alt:"prompt pay logo",className:"prompt-pay-logo _mg-at"}),(0,i.jsx)("div",{className:"_dp-f _alit-ct _bdw-2px _bdcl-neutral-200 _bdrd-12px _pd-16px _pd-24px-sm",children:(null==q?void 0:q.qr_image)&&(0,i.jsx)("img",{className:"qrcode",src:_("image/png",q.qr_image),alt:"qrcode"})}),N&&(0,i.jsx)(m.$n,{className:"_fs-200 _ffml-primary _cl-primary-400 _pdh-4px _mgh-at",variant:"ghost",endIconClass:"far fa-arrow-to-bottom",size:"small",style:{width:"80px",minHeight:"24px"},onClick:function(){var e,t,n,s;e=q.qr_image,t="".concat((0,l.$)().APP_NAME,"_").concat(null==q?void 0:q.promptpay_reference_id,".png"),n=_("image/png",e),(s=document.createElement("a")).href=n,s.download=t,s.click()},children:b("top-up.history.modal.qr.save-image")}),(0,i.jsxs)("div",{className:"notice-box payment-info _dp-g _gg-4px _w-100pct",children:[(0,i.jsxs)("div",{className:"payment-info-item",children:[(0,i.jsx)("p",{children:b("top-up.history.modal.qr.payment-info.name")}),(0,i.jsx)("p",{children:b("top-up.history.modal.qr.payment-info.company")})]}),(0,i.jsxs)("div",{className:"payment-info-item",children:[(0,i.jsx)("p",{children:b("top-up.history.modal.qr.payment-info.reference")}),(0,i.jsx)("p",{children:null==q?void 0:q.promptpay_reference_id})]}),(0,i.jsxs)("div",{className:"payment-info-item",children:[(0,i.jsx)("p",{children:(0,i.jsx)("strong",{children:b("top-up.history.modal.qr.payment-info.amount")})}),(0,i.jsx)("p",{children:(0,i.jsx)("strong",{children:p.GP.currency(Number(null==q?void 0:q.amount),{symbol:!0})})})]})]})]}),(0,i.jsx)(m.$n,{className:"_w-100pct",onClick:function(){k()},style:{marginTop:"12px"},children:b(S||U?"top-up.history.modal.qr.payment-info.button.success":"top-up.history.modal.qr.payment-info.button.fail")})]})})},v=function(){var e=(0,d.Bd)(o.rm).t;return(0,i.jsxs)("div",{className:"loading-state _dp-g _jtfit-ct _alct-ct _tal-ct _gg-8px",style:{minHeight:"360px"},children:[(0,i.jsx)("div",{className:"icon-container",children:(0,i.jsx)("i",{className:"fas fa-spinner _fs-1200 _cl-neutral-300 _vtcal-md"})}),(0,i.jsx)("p",{className:"_fw-600 _ffml-secondary _mgt-24px",children:e("top-up.history.modal.qr.loading.description-1")}),(0,i.jsx)("p",{className:"_cl-text-default-200 _fs-300 _wsp-pl",children:e("top-up.history.modal.qr.loading.description-2")})]})},y=function(){var e=(0,d.Bd)(o.rm).t;return(0,i.jsxs)("div",{className:"loading-state _dp-g _jtfit-ct _alct-ct _tal-ct _gg-8px",style:{minHeight:"300px"},children:[(0,i.jsx)("div",{children:(0,i.jsx)("i",{className:"fas fa-circle-check _cl-positive-200 _fs-1200"})}),(0,i.jsx)("p",{className:"_fw-600 _ffml-secondary _mgt-24px",children:e("top-up.history.modal.qr.success.description-1")}),(0,i.jsx)("p",{className:"_cl-text-default-200 _fs-300 _wsp-pl",children:e("top-up.history.modal.qr.success.description-2")})]})},b=n(70967),N=function(e){var t=e.disclosure,n=e.topUpAmount,r=e.onConfirmTopUp,c=(0,d.Bd)(o.rm).t,l=t.isOpen,u=t.onClose,h=(0,s._)((0,a.useState)(!1),2),f=h[0],_=h[1],g=p.GP.currency(Number(n)),j=p.GP.currency(Number(n),{symbol:!0});return(0,d.ig)(function(){l||_(!1)},[l]),(0,i.jsx)(x.aF,{isShown:l,onClickToClose:function(){u()},className:"coin-page-modal",classNamePanel:"coin-page-modal-panel",header:(0,i.jsx)("div",{className:"_cl-primary-600 _ffml-secondary _fw-600 _fs-300 _fs-600-sm",children:c("top-up.history.modal.summary.header")}),children:(0,i.jsxs)("div",{className:"coin-summary-modal _pdbt-4px",children:[(0,i.jsx)("hr",{className:"_mgv-12px"}),(0,i.jsxs)("div",{className:"coin-item",children:[(0,i.jsxs)("div",{className:"_bdbtw-1px",children:[(0,i.jsx)("div",{children:c("top-up.history.modal.summary.description-1")}),(0,i.jsxs)("div",{children:[g," Coins"]})]}),(0,i.jsxs)("div",{className:"_bgcl-neutral-100 _fw-600",children:[(0,i.jsx)("div",{children:c("top-up.history.modal.summary.description-2")}),(0,i.jsxs)("div",{children:[g," Coins"]})]})]}),(0,i.jsxs)("div",{className:"coin-item coin-item--highlight _fw-600",children:[(0,i.jsx)("div",{children:c("top-up.history.modal.summary.description-3")}),(0,i.jsx)("div",{children:j})]}),(0,i.jsx)("hr",{className:"_mgt-24px",style:{marginBottom:"12px"}}),(0,i.jsxs)("div",{className:"tb-checkbox",children:[(0,i.jsx)("input",{id:"terms",name:"terms",type:"checkbox",checked:f,onChange:function(){_(function(e){return!e})}}),(0,i.jsx)("label",{htmlFor:"terms",className:"_mg-0px _fw-600 _cl-text-default-200 _fs-100 _fs-300-sm",children:c("top-up.history.modal.summary.checkbox")}

1)]}),(0,i.jsx)("div",{className:"notice-box _fs-100 _cl-text-default-200",style:{marginTop:"12px"},children:(0,i.jsx)("ul",{className:"_pdl-16px _lh-150pct",children:(0,b.Gl)(c).map(function(e){return e})})}),(0,i.jsx)(m.$n,{className:"_w-100pct _mgt-12px _fs-400",disabled:!f,onClick:r,children:c("top-up.history.modal.summary.button-confirm")})]})})},w=n(70953),C=function(){var e,t=(0,d.Bd)(o.rm).t,n=(0,r.ur)().isLoggedIn,s=(0,g.UW)(n).data;return(0,i.jsxs)("div",{className:"current-coin-section _ffml-secondary _pst-rlt _mgh-at _w-100pct",style:{maxWidth:"528px"},children:[(0,i.jsx)("p",{className:"_fs-500 _ffml-secondary",children:t("current-coin.label")}),(0,i.jsx)("strong",{className:"_fs-800",children:p.GP.currency(Number(null!=(e=null==s?void 0:s.coin)?e:0))}),(0,i.jsx)("img",{src:"/static-v4/images/coin/current-coin-bg.svg",alt:"",className:"_pst-asl _ussl-n"})]})},P=n(62701),k=n(15039),S=n.n(k),U=function(e){var t=e.disclosure,n=t.isOpen,s=t.onClose,a=(0,w.Gl)().maintenanceMessage;return(0,i.jsx)(x.aF,{isShown:n,onClickToClose:s,className:"coin-page-modal",header:(0,i.jsx)("div",{style:{minHeight:"20px"}}),children:(0,i.jsxs)("div",{className:"coin-ma-modal",children:[(0,i.jsx)("hr",{className:"_mgv-16px"}),(0,i.jsxs)("div",{className:"loading-state _dp-g _jtfit-ct _alct-ct _tal-ct _gg-8px",style:{minHeight:"300px"},children:[(0,i.jsx)("div",{children:(0,i.jsx)("i",{className:"fas fa-circle-exclamation _cl-warning-200 _fs-1200"})}),(0,i.jsx)("p",{className:"_fw-600 _ffml-secondary _mgt-12px",children:"กรุณาดำเนินการชำระเงินในภายหลัง"}),(0,i.jsx)("p",{className:"_cl-text-default-200 _fs-300",children:a})]}),(0,i.jsx)(m.$n,{isFluid:!0,onClick:s,className:"_mgt-12px",children:"กลับสู่หน้าเติมเงิน"})]})})},q=function(e){switch(e){case"APPROVED":return{variant:"positive",text:"สำเร็จ",color:"_cl-positive-200"};case"OPEN":return{variant:"warning",text:"รอชำระ",color:"_cl-neutral-600"};case"DISAPPROVED":return{variant:"negative",text:"ไม่อนุมัติ",color:"_cl-negative-300"};default:return{variant:"negative",text:"ยกเลิก",color:"_cl-negative-300"}}},G=(0,l.$)().FASTPAY_URL,R=function(e){var t=e.total,n=e.handleRefetch,r=(0,d.Bd)(o.rm).t,c=(0,w.Gl)().isMaintenance,l=(0,w.mG)().filter,u=(0,g.hb)(l),h=u.data,f=u.isLoading,x=(0,d.j1)(),_=x.onOpen,v=(0,d.j1)(),y=(0,s._)((0,a.useState)(),2),N=y[0],C=y[1],P=!(f||!(null==h?void 0:h.data.length)),k=((null==h?void 0:h.metadata.page)-1)*b.nG+1,S=Math.min((null==h?void 0:h.metadata.page)*b.nG,null==h?void 0:h.metadata.total_count);return(0,i.jsxs)(a.Fragment,{children:[(0,i.jsxs)(m.XI,{children:[(0,i.jsx)(m.nd,{children:r("top-up.history.table.header.1")}),(0,i.jsx)(m.nd,{children:r("top-up.history.table.header.2")}),(0,i.jsx)(m.nd,{align:"right",children:r("top-up.history.table.header.3")}),(0,i.jsx)(m.nd,{align:"right",children:r("top-up.history.table.header.4")}),(0,i.jsx)(m.nd,{align:"right",children:r("top-up.history.table.header.5")}),(0,i.jsx)(m.nd,{align:"center",children:r("top-up.history.table.header.6")}),(0,i.jsx)(m.nd,{align:"center",children:r("top-up.history.table.header.7")}),(0,i.jsx)(m.nd,{}),P?h.data.map(function(e,t){var n=e.coin_payment_code,s=e.created_at,a=e.base_amount,l=e.bonus_amount,o=e.type,d=e.status,u=e.checkout_payment_code,h=p.GP.currency(Number(a)),f=q(d);return(0,i.jsxs)(m.Hj,{children:[(0,i.jsx)(m.l$,{children:n}),(0,i.jsx)(m.l$,{children:p.GP.dateTime(s)}),(0,i.jsx)(m.l$,{align:"right",children:h}),(0,i.jsx)(m.l$,{align:"right",children:p.GP.currency(Number(l))}),(0,i.jsx)(m.l$,{align:"right",children:(0,i.jsx)("strong",{children:h})}),(0,i.jsx)(m.l$,{align:"center",className:"_ttf-cptl",children:o}),(0,i.jsx)(m.l$,{align:"center",children:(0,i.jsx)(m.Ex,{variant:f.variant,children:f.text})}),(0,i.jsx)(m.l$,{children:"OPEN"===d&&(0,i.jsx)("a",{className:"_cl-primary-600 _tdcrt-udl",onClick:function(){c?v.onOpen():u?window.location.href="".concat(G,"/p/").concat(u):(C(e),_())},style:{cursor:"pointer"},children:r("top-up.history.table.action")})})]},t)}):(0,i.jsx)(m.Hj,{children:(0,i.jsx)(m.l$,{colSpan:8,align:"center",children:f?(0,i.jsx)("div",{className:"_mgv-40px",children:(0,i.jsx)(m.aH,{})}):(0,i.jsx)($,{})})}),P&&(0,i.jsx)(m.Hj,{children:(0,i.jsx)(m.l$,{colSpan:8,align:"right",children:(0,i.jsxs)("div",{className:"_cl-text-default-200",children:[k,"-",S," ",r("top-up.history.table.pagination",{total:t})]})})})]}),N&&(0,i.jsx)(j,{disclosure:x,coinPaymentId:N.id,isTopUpLoading:!1,handleRefetchHistory:n}),(0,i.jsx)(U,{disclosure:v})]})},$=function(){var e=(0,r.Us)().isMobile,t=(0,d.Bd)(o.rm).t;return(0,i.jsxs)("div",{className:S()("_bdcl-neutral-200 _tal-ct _cl-text-default-300 _dp-f _fdrt-cl _jtfct-ct",{"_bdbtw-1px":e}),style:{height:"96px"},children:[(0,i.jsx)("i",{className:"far fa-messages _fs-800"}),(0,i.jsx)("p",{className:"_fw-600 _ffml-secondary _mgt-8px",children:t("top-up.history.table.empty")})]})},A=function(){var e,t,n=(0,d.Bd)(o.rm).t,s=(0,w.mG)(),r=s.filter,c=s.setFilter,l=(0,g.hb)(r),p=l.data,h=l.refetch,f=l.isRefetching,_=(0,g.UW)().refetch,j=(0,a.useMemo)(function(){return p?Math.ceil(p.metadata.total_count/b.nG):0},[p]),v=function(){h(),_()};return(0,i.jsxs)("div",{className:"history-section _bdrd-8px _pd-24px _bgcl-white-100",children:[(0,i.jsxs)("div",{className:"_dp-f _jtfct-spbtw",children:[(0,i.jsx)("h4",{className:"_lh-150pct",children:n("top-up.history.title")}),(0,i.jsxs)("div",{className:"filter-section _dp-f _gg-8px",children:[(0,i.jsx)(m.$n,{variant:"outline",onClick:function(){return v()},isLoading:f,children:(0,i.jsx)("i",{className:"far fa-rotate"})}),(0,i.jsx)(m.l6,{value:r.year,onChange:function(e){c({page:1,year:Number(e.target.value)})},children:b.VS.map(function(e){return(0,i.jsx)("option",{value:e,children:e},e)})})]})]}),(0,i.jsx)(m.QB,{iconClass:"fas fa-info-circle _fs-300",className:"_mgt-16px",children:n("top-up.history.message")}),(0,i.jsxs)("div",{className:"_mgt-12px",children:[(0,i.jsx)(R,{handleRefetch:v,total:null!=(t=null==p?void 0:p.metadata.total_count)?t:0}),!!(null==p||null==(e=p.data)?void 0:e.length)&&(0,i.jsx)("div",{className:"_dp-f _jtfct-ct _mgt-24px",children:(0,i.jsx)(x.DI,{currentPage:p.metadata.page,onChangePage:function(e){c(function(t){return(0,P._)((0,u._)({},t),{page:e})})},total:j}

1)})]})]})},B=n(89099),F=n(93996),T=function(){var e=(0,d.Bd)(o.rm).t,t=(0,B.useRouter)().asPath,n=(0,F.u)().authGuard,s=function(){n(t)};return(0,i.jsx)("div",{className:"login-section",children:(0,i.jsxs)("div",{className:"notice-box",children:[(0,i.jsx)("h5",{children:e("login.label")}),(0,i.jsx)("p",{className:"_mgt-4px _cl-text-default-200",children:e("login.description")}),(0,i.jsxs)("div",{className:"_dp-g _gg-12px _mgt-24px _mgh-at",style:{width:"236px"},children:[(0,i.jsx)(m.$n,{onClick:function(){return s()},children:e("login.button-login")}),(0,i.jsx)("small",{className:"_fs-300 _cl-text-default-300 _lh-150pct",children:e("login.button-divider")}),(0,i.jsx)(m.$n,{onClick:function(){return s()},variant:"secondary",className:"_bgcl-white-100",children:e("login.button-register")})]})]})})},D=n(13810),I=n(88992),M=function(){var e=(0,w.Gl)(),t=e.isMaintenance,n=e.maintenanceMessage;return t?(0,i.jsx)(m.QB,{variant:"warning",iconClass:"fas fa-exclamation-triangle _fs-300",className:"_mgt-24px _wsp-pw",children:n}):null},O=function(e){var t=e.isDisabled,n=e.amount,s=e.onSelectPlan,a=(0,d.Bd)(o.rm).t,r=p.GP.price(Number(n),{compact:!0});return(0,i.jsxs)("div",{className:"coin-topup-item",children:[(0,i.jsxs)("div",{className:"_dp-f _alit-ct _gg-8px",children:[(0,i.jsx)("i",{className:"far fa-coins _cl-warning-200 _fs-600"}),(0,i.jsxs)("p",{className:"_fw-600 _cl-text-default-200",children:[r," Coins"]})]}),(0,i.jsx)(m.$n,{disabled:t,className:S()("_mnw-120px _fs-300"),onClick:function(){s(n)},children:a("top-up.item.button",{formattedAmount:r})})]})},H=function(e){var t,n=e.isDisabled,s=e.onSubmitForm,a=(0,d.Bd)(o.rm).t,r=(0,I.xW)(),c=r.register,l=r.watch,h=r.handleSubmit,x=r.reset,_=r.formState.errors,g=l("amount"),j=f()(_),v=null==_||null==(t=_.amount)?void 0:t.message;return(0,i.jsxs)("form",{onSubmit:h(function(e){s(e.amount),x()}),children:[(0,i.jsxs)("div",{className:"coin-topup-form-item",children:[(0,i.jsx)("i",{className:"far fa-coins _cl-warning-200 _fs-600"}),(0,i.jsx)(m.pd,(0,P._)((0,u._)({suffix:a("top-up.form-item.input.suffix"),placeholder:a("top-up.form-item.input.placeholder"),type:"number",min:"100",max:"500000",step:"0.01"},c("amount",{setValueAs:function(e){return""===e?void 0:Number(e)}})),{variant:v?"negative":"primary"})),(0,i.jsx)(m.$n,{disabled:n||!g||!j,type:"submit",children:a("top-up.form-item.button")})]}),g&&(0,i.jsx)("div",{className:S()("_mgt-8px _fs-300",{"_cl-text-default-200":j,"_cl-negative-300":!j}),children:j?"".concat(a("top-up.form-item.amount")," ").concat(p.GP.currency(Number(g))," Coins"):v})]})},E=n(51802),L=E.Ik({amount:E.ai().min(100,"จำนวน Coin ขั้นต่ำที่คุณสามารถเติมได้ 100 บาท").max(5e5,"จำนวน Coin ที่คุณสามารถเติมได้สูงสุด 500,000 บาท").optional().refine(function(e){if(!e)return!0;var t=String(e).split(".");return!(2===t.length&&t[1].length>2)},{message:"จำนวน Coin ไม่ถูกต้อง"})}),V=function(e){var t=(0,d.Bd)(o.rm).t,n=e.onSubmitTopUp,s=e.isDisabled,a=(0,I.mN)({resolver:(0,D.u)(L)});return(0,i.jsxs)("div",{className:"topup-section _mgh-at",style:{maxWidth:"528px"},children:[(0,i.jsxs)("div",{className:"title",children:[(0,i.jsx)("h6",{children:t("top-up.title")}),(0,i.jsx)("p",{className:"_fs-300 _cl-text-default-200",children:t("top-up.sub-title")})]}),(0,i.jsx)(M,{}),(0,i.jsx)("div",{className:"topup-item-wrapper",children:(0,i.jsx)(I.Op,(0,P._)((0,u._)({},a),{children:(0,i.jsx)(H,{isDisabled:s,onSubmitForm:function(e){n(e)}})}))}),(0,i.jsx)("div",{className:"title",children:(0,i.jsx)("h6",{children:t("top-up.title-2")})}),(0,i.jsx)("div",{className:"topup-item-wrapper",children:b.XI.map(function(e){return(0,i.jsx)(O,{amount:e,isDisabled:s,onSelectPlan:function(e){n(e)}},e)})}),(0,i.jsxs)("div",{className:"_mgt-32px _pd-16px _bdw-1px _bdcl-neutral-300 _bdrd-8px _fs-200 _bgcl-neutral-100 _cl-text-default-200",children:[(0,i.jsxs)("p",{className:"_fs-200",children:[t("top-up.coin-note.label"),":"]}),(0,i.jsx)("ul",{className:"coin-note-list _pdl-24px _lh-150pct",children:(0,b.Gl)(t).map(function(e){return e})})]})]})},W=function(){var e=(0,s._)((0,a.useState)("0"),2),t=e[0],n=e[1],l=(0,s._)((0,a.useState)(null),2),o=l[0],u=l[1],p=(0,r.ur)().isLoggedIn,m=(0,w.Gl)().isMaintenance,h=(0,w.mG)().filter,f=(0,d.j1)(),x=(0,d.j1)(),_=(0,g.PD)(),v=_.mutate,y=_.isPending,b=(0,g.UW)().refetch,P=(0,g.hb)(h,p).refetch;return(0,i.jsxs)(c.w7,{children:[(0,i.jsx)(K,{}),(0,i.jsxs)("div",{className:"lo-container-desktop",style:{paddingBlockStart:"60px",paddingBlockEnd:p?"32px":"60px"},children:[p?(0,i.jsx)(C,{}):(0,i.jsx)(T,{}),(0,i.jsx)(V,{onSubmitTopUp:function(e){n(e),f.onOpen()},isDisabled:!p||m})]}),p&&(0,i.jsx)("div",{className:"_bgcl-neutral-100 _pdt-48px",style:{paddingBlockEnd:"60px"},children:(0,i.jsx)("div",{className:"lo-container-desktop",children:(0,i.jsx)(A,{})})}),(0,i.jsxs)(a.Fragment,{children:[(0,i.jsx)(N,{disclosure:f,topUpAmount:t,onConfirmTopUp:function(){f.onClose(),v({data:{amount:t}},{onSuccess:function(e){"string"==typeof e?window.open(e,"_blank","noopener,noreferrer"):(x.onOpen(),u(e))}})}}),(0,i.jsx)(j,{disclosure:x,isTopUpLoading:y,topUpDetail:o,handleRefetchHistory:function(){P(),b()}})]})]})},K=function(){var e=(0,d.Bd)(o.rm).t;return(0,i.jsxs)("div",{className:"banner-section",style:{height:"200px"},children:[(0,i.jsxs)("h1",{children:[(0,l.$)().APP_NAME," Coin"]}),(0,i.jsx)("h2",{children:e("description")}),(0,i.jsx)("img",{src:"/static-v4/images/coin/coin-desktop-banner.png",alt:"",className:"_pst-asl _ussl-n"})]})},Y=n(45526),Q=n(52076),z=n.n(Q),X=n(40625),J=(0,l.$)().FASTPAY_URL,Z=function(e){var t,n=e.handleRefetch,r=(0,s._)((0,a.useState)(),2),c=r[0],l=r[1],o=(0,w.mG)().filter,u=(0,w.Gl)().isMaintenance,h=(0,d.j1)(),f=h.onOpen,x=(0,d.j1)(),_=(0,X.Wx)(),v=_.ref,y=_.inView,b=(0,g.nw)(o),N=b.data,C=b.isLoading,P=b.fetchNextPage,k=b.isFetchingNextPage,G=b.hasNextPage;return((0,a.useEffect)(function(){y&&P()},[y]),C)?(0,i.jsx)("div",{className:"_dp-f _jtfct-ct _alit-ct",style:{height:"96px"},children:(0,i.jsx)(m.aH,{})}):(null==(t=N.pages)?void 0:t[0].data.length)?(0,i.jsxs)(a.Fragment,{children:[(0,i.jsxs)("div",{className:"tx-table-mobile _fs-200",children:[(0,i.jsx)(m.nD.Group,{behavior:"checkbox",variant:"dividing",name:"tx",children:N.pages.map(function(e){return e.data.map(function(e){var t=p.GP.currency(Number(e.base_amount)),n=p.GP.dateTime(e.created_at),a=q(e.status),r=e.checkout_payment_code;return(0,i.jsxs)(m.nD.Item,{hasChevron:!0,children:[(0,i.jsx)(m.nD.Toggle,{children:(0,i.jsxs)("div",{className:"_f-1",children:[(0,i.jsxs)("div",{className:"_dp-f _alit-ct _jtfct-spbtw _fs-300 _fw-600 _ffml-secondary",children:[(0,i.jsx)("div",{className:S()((0,Y._)({},a.color,!0)),children:a.text}),(0,i.jsxs)("p",{children:[t," coins"]})]}),(0,i.jsxs)("p",{className:"_fs-200 _mgt-4px _cl-text-default-200",children:["วันที่ทำรายการ: ",n]})]})}),(0,i.jsx)(m.nD.Content,{children:(0,i.jsxs)("div",{className:"_pdv-12px _pdh-16px _dp-g _gg-4px _bgcl-neutral-200 _bdbtw-1px _bdcl-neutral-200",children:[Object.entries(ee).map(function(t,n){var a,r=(0,s._)(t,2),c=r[0],l=r[1],o=l.formatFn?l.formatFn(e[c]):e[c];return"coin_payment_code"===c?(0,i.jsxs)("div",{className:"tx-item-detail",children:[(0,i.jsxs)("p",{children:[l.label,":"]}

1),(0,i.jsxs)("div",{className:"_dp-f _alit-ct _gg-4px",children:[(0,i.jsx)("p",{className:"_fs-200",children:o}),(0,i.jsx)("a",{onClick:function(){navigator.clipboard.writeText(o)},style:{marginBottom:"4px"},children:(0,i.jsx)("i",{className:"fal fa-copy _fs-100"})})]})]},n):(0,i.jsxs)("div",{className:S()("tx-item-detail",{"_fw-600":"amount"===c}),children:[(0,i.jsxs)("p",{children:[l.label,":"]}),(0,i.jsxs)("p",{children:[null!=o?o:"-"," ",null!=(a=l.unit)?a:""]})]},n)}),(0,i.jsxs)("div",{className:"tx-item-detail _fw-600",children:[(0,i.jsx)("p",{children:"Coin ที่ได้รับทั้งหมด:"}),(0,i.jsxs)("p",{children:[t," coins"]})]}),"OPEN"===e.status&&(0,i.jsx)("a",{className:"_cl-primary-600 _tdcrt-udl _fs-200 _tal-r",onClick:function(){u?x.onOpen():r?window.location.href="".concat(J,"/p/").concat(r):(l(e),f())},style:{cursor:"pointer"},children:"ดำเนินการชำระเงินต่อ"})]})})]},e.id)})})}),G&&(0,i.jsx)("div",{ref:v}),k&&(0,i.jsx)("div",{className:"_dp-f _jtfct-ct _mgt-24px",children:(0,i.jsx)(m.aH,{})})]}),c&&(0,i.jsx)(j,{disclosure:h,coinPaymentId:c.id,isTopUpLoading:!1,handleRefetchHistory:n}),(0,i.jsx)(U,{disclosure:x})]}):(0,i.jsx)($,{})},ee={coin_payment_code:{label:"รหัสชำระ"},created_at:{label:"วันที่ทำรายการ",formatFn:p.GP.dateTime},type:{label:"วิธีการชำระ",formatFn:z()},base_amount:{label:"ยอดเติมเงิน",unit:"บาท",formatFn:p.GP.currency},bonus_amount:{label:"โบนัสพิเศษ",unit:"coins"}},et=function(){var e=(0,d.Bd)(o.rm).t,t=(0,w.mG)(),n=t.filter,s=t.setFilter,a=(0,g.nw)(n),r=a.refetch,c=a.isRefetching,l=(0,g.UW)().refetch,u=function(){r(),l()};return(0,i.jsxs)("div",{className:"history-section history-section-mobile _pdv-24px _pdh-16px _dp-g _gg-12px _bdrd-16px _bgcl-white-100",style:{backgroundColor:"white"},children:[(0,i.jsxs)("div",{className:"filter-section _dp-g _gg-8px _gatf-cl _alit-ct",children:[(0,i.jsx)("h4",{className:"_fs-600",children:e("top-up.history.title")}),(0,i.jsx)(m.$n,{variant:"outline",onClick:function(){return u()},isLoading:c,children:(0,i.jsx)("i",{className:"far fa-rotate"})}),(0,i.jsx)(m.l6,{value:n.year,onChange:function(e){s({page:1,year:Number(e.target.value)})},children:b.VS.map(function(e){return(0,i.jsx)("option",{value:e,children:e},e)})})]}),(0,i.jsx)(m.QB,{variant:"primary",iconClass:"fas fa-info-circle _fs-300",children:e("top-up.history.message")}),(0,i.jsx)(Z,{handleRefetch:u})]})},en=function(){var e=(0,s._)((0,a.useState)("0"),2),t=e[0],n=e[1],l=(0,s._)((0,a.useState)(null),2),o=l[0],u=l[1],p=(0,r.ur)().isLoggedIn,m=(0,w.Gl)().isMaintenance,h=(0,w.mG)().filter,f=(0,d.j1)(),x=(0,d.j1)(),_=(0,g.PD)(),v=_.mutate,y=_.isPending,b=(0,g.UW)().refetch,P=(0,g.nw)(h,p).refetch;return(0,i.jsxs)(c.wW,{children:[(0,i.jsx)(es,{}),(0,i.jsxs)("div",{className:"_pdh-16px _pdv-32px",children:[p?(0,i.jsx)(C,{}):(0,i.jsx)(T,{}),(0,i.jsx)(V,{onSubmitTopUp:function(e){n(e),f.onOpen()},isDisabled:!p||m})]}),p&&(0,i.jsx)("div",{className:"_bgcl-neutral-100 _pdv-32px _pdh-16px",children:(0,i.jsx)(et,{})}),(0,i.jsxs)(a.Fragment,{children:[(0,i.jsx)(N,{disclosure:f,topUpAmount:t,onConfirmTopUp:function(){f.onClose(),x.onOpen(),v({data:{amount:t}},{onSuccess:function(e){"string"==typeof e?window.open(e,"_blank","noopener,noreferrer"):u(e)}})}}),(0,i.jsx)(j,{disclosure:x,isTopUpLoading:y,topUpDetail:o,handleRefetchHistory:function(){P(),b()}})]})]})},es=function(){var e=(0,d.Bd)(o.rm).t;return(0,i.jsxs)("div",{className:"banner-section",style:{height:"300px"},children:[(0,i.jsxs)("h1",{children:[(0,l.$)().APP_NAME," Coin"]}),(0,i.jsx)("h2",{className:"_wsp-pl",children:e("description")}),(0,i.jsx)("img",{src:"/static-v4/images/coin/coin-mobile-banner.png",className:"_pst-asl _ussl-n",alt:""})]})}},8532:(e,t,n)=>{e.exports=n(75631)("toUpperCase")},11220:e=>{var t="\ud800-\udfff",n="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",s="\ud83c[\udffb-\udfff]",i="[^"+t+"]",a="(?:\ud83c[\udde6-\uddff]){2}",r="[\ud800-\udbff][\udc00-\udfff]",c="(?:"+n+"|"+s+")?",l="[\\ufe0e\\ufe0f]?",o="(?:\\u200d(?:"+[i,a,r].join("|")+")"+l+c+")*",d=RegExp(s+"(?="+s+")|"+("(?:"+[i+n+"?",n,a,r,"["+t+"]"].join("|"))+")"+(l+c+o),"g");e.exports=function(e){return e.match(d)||[]}},19204:e=>{e.exports=function(e,t,n){var s=-1,i=e.length;t<0&&(t=-t>i?0:i+t),(n=n>i?i:n)<0&&(n+=i),i=t>n?0:n-t>>>0,t>>>=0;for(var a=Array(i);++s<i;)a[s]=e[s+t];return a}}

1,21854:(e,t,n)=>{var s=n(19204);e.exports=function(e,t,n){var i=e.length;return n=void 0===n?i:n,!t&&n>=i?e:s(e,t,n)}},40625:(e,t,n)=>{"use strict";n.d(t,{Wx:()=>o});var s=n(14232),i=Object.defineProperty,a=new Map,r=new WeakMap,c=0,l=void 0;function o({threshold:e,delay:t,trackVisibility:n,rootMargin:i,root:d,triggerOnce:u,skip:p,initialInView:m,fallbackInView:h,onChange:f}={}){var x;let[_,g]=s.useState(null),j=s.useRef(f),[v,y]=s.useState({inView:!!m,entry:void 0});j.current=f,s.useEffect(()=>{let s;if(!p&&_)return s=function(e,t,n={},s=l){if(void 0===window.IntersectionObserver&&void 0!==s){let i=e.getBoundingClientRect();return t(s,{isIntersecting:s,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),()=>{}}let{id:i,observer:o,elements:d}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var n;return`${t}_${"root"===t?!(n=e.root)?"0":(r.has(n)||(c+=1,r.set(n,c.toString())),r.get(n)):e[t]}`}).toString(),n=a.get(t);if(!n){let s,i=new Map,r=new IntersectionObserver(t=>{t.forEach(t=>{var n;let a=t.isIntersecting&&s.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=a),null==(n=i.get(t.target))||n.forEach(e=>{e(a,t)})})},e);s=r.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:r,elements:i},a.set(t,n)}return n}(n),u=d.get(e)||[];return d.has(e)||d.set(e,u),u.push(t),o.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(d.delete(e),o.unobserve(e)),0===d.size&&(o.disconnect(),a.delete(i))}}(_,(e,t)=>{y({inView:e,entry:t}),j.current&&j.current(e,t),t.isIntersecting&&u&&s&&(s(),s=void 0)},{root:d,rootMargin:i,threshold:e,trackVisibility:n,delay:t},h),()=>{s&&s()}},[Array.isArray(e)?e.toString():e,_,d,i,u,p,n,h,t]);let b=null==(x=v.entry)?void 0:x.target,N=s.useRef(void 0);_||!b||u||p||N.current===b||(N.current=b,y({inView:!!m,entry:void 0}));let w=[g,v.inView,v.entry];return w.ref=w[0],w.inView=w[1],w.entry=w[2],w}s.Component},51480:e=>{var t=RegExp("[\\u200d\ud800-\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");e.exports=function(e){return t.test(e)}},52076:(e,t,n)=>{var s=n(12438),i=n(8532);e.exports=function(e){return i(s(e).toLowerCase())}},71260:(e,t,n)=>{"use strict";n.d(t,{DS:()=>f,Rq:()=>x,SJ:()=>j,_3:()=>_,pU:()=>h,qf:()=>g});var s=n(16927),i=n(67684),a=n(62701),r=n(65699),c=n(4902),l=n(42252),o=n(79819),d=n(15526),u=n(66002),p=n(84367),m=n(93661),h=function(){var e=(0,d.n)(function(e){return(0,s._)(function(){return(0,c.YH)(this,function(t){switch(t.label){case 0:return[4,p.jU.createProductActionLog(e)];case 1:return[2,t.sent().createProductActionLog]}})})()});return(0,i._)({referenceUserId:(0,m.Tv)()},e)},f=function(e){var t=[u.g1,e],n=(0,l.I)({queryKey:t,queryFn:function(){return(0,s._)(function(){var t,n;return(0,c.YH)(this,function(s){switch(s.label){case 0:return[4,p.jU.getRelatedProduct(e)];case 1:return[2,(null==(n=s.sent())||null==(t=n.getRelatedProducts)?void 0:t.related_products)||[]]}})})()},cacheTime:1/0,staleTime:1/0,enabled:!!e});return(0,i._)({queryKey:t},n)},x=function(e){var t={id:e,page:1,limit:5};return(0,o.q)({queryKey:[u.QV,e],queryFn:function(e){var n=e.pageParam,i=void 0===n?t:n;return(0,s._)(function(){return(0,c.YH)(this,function(e){switch(e.label){case 0:return[4,p.jU.getSellerReviews(i)];case 1:return[2,e.sent().getSellerReviews]}})})()},getNextPageParam:function(e){if((null==e?void 0:e.page)!==(null==e?void 0:e.total_pages))return(0,a._)((0,i._)({},t),{page:(null==e?void 0:e.page)+1})}})},_=function(){return(0,d.n)(function(e){return p.jU.setFavoriteById(e)})},g=function(e,t){var n=t.isMobile,o=(0,r._)(t,["isMobile"]),d=[u.sj,e],m=(0,l.I)((0,i._)({queryKey:d,queryFn:function(){return(0,s._)(function(){return(0,c.YH)(this,function(t){switch(t.label){case 0:return[4,p.jU.getProductDetailV2("".concat(e),{isMobile:n})];case 1:return[2,t.sent()]}})})()}},o));return(0,a._)((0,i._)({},m),{queryKey:d})},j=function(e){return(0,l.I)((0,i._)({queryKey:[u._],queryFn:p.jU.getMyServices},e))}},75631:(e,t,n)=>{var s=n(21854),i=n(51480),a=n(82180),r=n(12438);e.exports=function(e){return function(t){var n=i(t=r(t))?a(t):void 0,c=n?n[0]:t.charAt(0),l=n?s(n,1).join(""):t.slice(1);return c[e]()+l}}},82180:(e,t,n)=>{var s=n(84204),i=n(51480),a=n(11220);e.exports=function(e){return i(e)?a(e):s(e)}},84204:e=>{e.exports=function(e){return e.split("")}}}]);