1import{d as le,u as oe,p as ne,r as o,am as ie,B as re,g as $,e as ce,a3 as pe,y as de,aC as ue,o as i,c,a as e,k as s,j as u,t as l,v as A,Y as H,Z as g,n as O,N as j,O as me,P as xe,i as b,F as B,h as E,m as ve,w as _e,s as fe}from"./index-0c2fc791.js";import{I as L,c as he}from"./dropdown-67673274.js";import{b as F}from"./addComma-15651ca2.js";import{_ as ye}from"./ShowRules.vue_vue_type_script_setup_true_lang-73cab9ac.js";import{_ as we}from"./ManualModal.vue_vue_type_script_setup_true_lang-560291e2.js";/* empty css */import{g as ge,d as be}from"./qrcode-b721c73e.js";import"./rules-2d0add82.js";import"./InformationCircleIcon-933d8683.js";import"./LoadingComponent-f00ffbe6.js";const ke="/assets/CoinCredit-c51ca668.png",Ce={class:"flex items-center justify-between"},Me={key:0,class:"flex items-center gap-3"},De={class:"flex items-center gap-1"},Te=["src"],Se={class:"text-title text-[20px] md:text-[28px]"},$e={key:0,class:"text-title !text-[16px]"},je={class:"!text-[12px] md:!text-[14px]"},Be={class:"flex flex-col justify-between h-full"},Fe={class:"mt-2 md:mt-7"},Ve={class:"mb-3 text-[12px] md:text-[16px]"},Ie={class:"text-[#FFD438]"},qe={class:"flex flex-col items-end"},ze={class:"relative w-full none-number-btn"},Pe=["placeholder"],Ne={class:"z-20 absolute top-[12px] right-[16px] text-[#A9A9A9]"},Qe={class:"mt-4 rounded-[16px] px-5 py-3 pay-container"},We={class:"flex items-center justify-between"},Ae={class:"text-[12px] md:text-[16px]"},He={class:"flex items-center gap-2"},Oe=["src"],Ee={class:"text-[12px] md:text-[16px]"},Le={class:"amount-gradient text-[12px] md:text-[18px]"},Re={class:"mt-5"},Ue={class:"py-2 sm:py-0"},Ge={key:1,class:"transition-in"},Ye={class:"grid grid-cols-[1fr_65px] md:grid-cols-[1fr_100px] items-center justify-between gap-4"},Ze={class:"text-[14px]"},Je={class:"!text-[12px]"},Ke={key:2,class:"transition-in flex flex-col md:max-h-auto overflow-auto h-[full]"},Xe={class:"flex items-center gap-[6px]"},et={class:"flex items-center gap-1"},tt=["src"],st={class:"flex flex-1 items-center justify-between bg-[#00000080] rounded-full relative ani-btn my-1 md:my-2"},at=["onClick"],lt=["onMouseenter"],ot={class:"mt-2 flex flex-1 justify-center h-full relative"},nt=["src"],it={key:1,class:"mt-2"},rt={class:"relative z-30 py-4 px-8 bg-[#00000080] overflow-hidden h-max rounded-xl"},ct={class:"text-[#FFD438] text-center text-[12px] md:text-[16px]"},pt={class:"mt-1 md:mt-2 text-center text-[12px] md:text-[16px]"},dt={class:"flex-col md:flex-row flex items-center mt-4 justify-center gap-3 md:gap-6"},ut={class:"bg-[white] rounded-[10px] w-[100px] h-[100px]"},mt=["src"],xt={class:""},vt={class:"text-[#FFD438] text-center md:text-left text-[12px] md:text-[16px]"},_t={class:"mt-1 text-center md:text-left text-[12px] md:text-[16px]"},ft={class:"mt-5 rounded-[16px] px-5 py-3 pay-container flex items-center justify-between"},ht={class:"text-[12px] md:text-[16px]"},yt={class:"flex items-center gap-2"},wt=["src"],gt={class:"amount-gradient"},bt={class:"text-[12px] md:text-[16px]"},Vt=le({__name:"Peer2PayView",props:{config:{type:Object,default:()=>({})}},setup(R){let v="";const{t,locale:U}=oe(),G=ne(),p=o(),k=ie(),f=re(),Y=R,V=o(),n=o(0),h=o(!1),Z=o(),J=async()=>{const d={kreditera:p.value||0};h.value=!0;const a=await _e.peer2pay_pay(d);a.code===200?(W.value=a.payload.bild,v=a.payload.bild,await ge(v).then(w=>v=w),m.value&&k.setMenuShow(!1),f.setTitle("p2p"),x.value=0,n.value=2):fe.error(a.message),h.value=!1},C=o(!1),K=async()=>{C.value=!0,be(v),C.value=!1},X=()=>{n.value=1},M=$(()=>Y.config.payload.config_web.peer_to_pay||{}),I=()=>{k.setMenuShow(!0),f.setTitle("Deposit"),n.value=0},y=o(!1),q=d=>{d===x.value?y.value=!0:y.value=!1},z=o(0),P=o(!1),N=o(),Q=o(""),ee=(d,a)=>{z.value++,N.value=d,Q.value=a,P.value=!0},D=()=>{window.innerWidth<640?m.value=!0:m.value=!1,m.value&&n.value===2&&k.setMenuShow(!1),T.value=window.innerWidth>=1024},m=o(!1),T=o(window.innerWidth>=1024),W=o(""),te=$(()=>{switch(n.value){case 0:return t("peer2pay.depositCredit");case 1:return t("peer2pay.manualDeposit");case 2:return t("peer2pay.pay");default:return t("peer2pay.depositCredit")}}),se=o([{title:t("peer2pay.viewManualStep1")},{title:t("peer2pay.viewManualStep2")},{title:t("peer2pay.viewManualStep3")},{title:t("peer2pay.viewManualStep4")},{title:t("peer2pay.viewManualStep5")}]),ae=$(()=>[{title:m.value?t("peer2pay.menu1Mobile"):t("peer2pay.menu1")},{title:m.value?t("peer2pay.menu2Mobile"):t("peer2pay.menu2")}]),x=o(0);return ce(()=>{D(),f.setTitle("Deposit"),addEventListener("resize",()=>{D()})}),pe(()=>{removeEventListener("resize",()=>{D()}),f.setTitle("Deposit")}),de(n,async()=>{n.value===2&&(await ue(),setTimeout(()=>{var d;(d=V.value)==null||d.scrollIntoView({behavior:"smooth"})},500))},{immediate:!0}),(d,a)=>{var w;return i(),c(B,null,[e("div",{class:"md:ml-[1.5rem] h-full landscape:ml-[1rem] landscape:lg:ml-[1.5rem]",ref_key:"transactionContainer",ref:V},[e("div",Ce,[n.value!==2?(i(),c("div",Me,[e("div",De,[n.value===1?(i(),c("img",{key:0,src:s(L),onClick:a[0]||(a[0]=r=>I()),alt:"IconDropdownn",class:"w-5 h-5 font-[900] cursor-pointer text-[white]"},null,8,Te)):u("",!0),e("p",Se,l((s(U)==="th"?M.value.name:void 0)||s(t)("Deposit.peer2pay")),1)]),!T.value&&n.value!==0||T.value?(i(),c("span",$e,"("+l(te.value)+")",1)):u("",!0)])):u("",!0),n.value===0?(i(),A(g,{key:1,bg:"active",color:"white",class:"active my-0 md:!w-[150px] text-center !h-9 !mx-0 !w-[120px]",onClick:a[1]||(a[1]=r=>X())},{custom:H(()=>[e("p",je,l(s(t)("peer2pay.manualDes")),1)]),_:1})):u("",!0)]),n.value===0?(i(),c("div",{key:0,ref_key:"mainContainer",ref:Z,class:O([{"transition-out":n.value===0},"h-auto"])},[e("div",Be,[e("div",null,[e("div",Fe,[e("p",Ve,[j(l(s(t)("peer2pay.fillCredit"))+" ",1),e("span",Ie,"(1 "+l(s(t)("Credit"))+" = 1 THBP)",1)]),e("div",qe,[e("div",ze,[me(e("input",{type:"number",placeholder:s(t)("InputAmount"),"onUpdate:modelValue":a[2]||(a[2]=r=>p.value=r),min:"0",class:"font-[600] relative credit-input mt-1 w-full px-3 py-1 sm:py-1.5 rounded-full h-[40px] border-solid border-2 disabled:brightness-75 disabled:opacity-50 !text-black text-sm md:text-base"},null,8,Pe),[[xe,p.value]]),e("p",Ne,l(s(t)("Credit")),1)])])]),e("div",Qe,[e("div",We,[e("p",Ae,l(s(t)("peer2pay.payfor")),1),e("div",He,[e("img",{src:s(he),alt:"credit coin",class:"w-[24px] h-[24px]"},null,8,Oe),e("p",Ee,[e("span",Le,l(p.value?s(F)(p.value,2):0),1),a[7]||(a[7]=j(" THBP ",-1))])])])]),e("div",Re,[b(g,{title:s(t)("peer2pay.depositCredit"),disabled:h.value||(p.value??0)<M.value.deposition_min||(p.value??0)>M.value.deposition_max,loading:h.value,bg:"active",color:"white",class:"active my-3 mx-auto text-center !h-[45px] !w-full",onClick:a[3]||(a[3]=r=>J())},null,8,["title","disabled","loading"])])]),e("div",Ue,[b(ye,{"rules-data":(w=s(G).data)==null?void 0:w.deposition.config_web.peer_to_pay.beskrivning},null,8,["rules-data"])])])],2)):u("",!0),n.value===1?(i(),c("div",Ge,[(i(!0),c(B,null,E(se.value,(r,_)=>(i(),c("div",{class:"mt-4 rounded-[16px] px-5 py-1 pay-container",key:r.title}
1,[e("div",Ye,[e("p",Ze,l(r.title),1),b(g,{onClick:S=>ee(_,r.title),bg:"active",color:"white",class:"active !w-[70px] md:!w-[100px] h-[30px] !py-0 my-3 mx-auto text-center"},{custom:H(()=>[e("p",Je,l(s(t)("peer2pay.viewManual")),1)]),_:1},8,["onClick"])])]))),128))])):u("",!0),n.value===2?(i(),c("div",Ke,[e("div",Xe,[e("div",et,[e("img",{src:s(L),onClick:a[4]||(a[4]=r=>I()),alt:"IconDropdownn",class:"w-5 h-5 font-[900] cursor-pointer text-[white]"},null,8,tt)]),e("div",st,[e("div",{style:ve({left:`${48.5*x.value}%`}),class:O([{"brightness-90 ":y.value},"bg-active hover:brightness-90 cursor-pointer !z-30"])},null,6),(i(!0),c(B,null,E(ae.value,(r,_)=>(i(),c("button",{onClick:S=>(x.value=_,q(_)),key:r.title,class:"w-full px-2 relative !text-[12px] rounded-full my-[4px] md:my-[6px] ! mx-auto text-center h-6 !md:h-7"},[e("span",{onMouseenter:S=>q(_),onMouseleave:a[5]||(a[5]=S=>y.value=!1),class:"relative z-40 cursor-pointer"},l(r.title),41,lt)],8,at))),128))])]),e("div",ot,[x.value===0?(i(),c("iframe",{key:0,id:"iframeQr",class:"w-full h-[64vh] md:h-[440px]",src:`${W.value}&embedded=true`,title:"TTT",allow:"camera; microphone",crossorigin:"anonymous"},null,8,nt)):u("",!0),x.value===1?(i(),c("div",it,[e("div",rt,[a[8]||(a[8]=e("div",{class:"w-full h-full bg-qr-container absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rounded-xl"},null,-1)),e("p",ct,l(s(t)("peer2pay.qr.title1")),1),e("p",pt,l(s(t)("peer2pay.qr.title2")),1),e("div",dt,[e("div",ut,[e("img",{src:s(v),alt:"qr peer2par",class:"w-full h-full object-contain rounded-[10px]"},null,8,mt)]),e("div",xt,[e("p",vt,l(s(t)("peer2pay.qr.nameShop")),1),e("p",_t,[j(l(s(t)("peer2pay.qr.amount"))+" ",1),e("span",null,l(s(F)(p.value||0,2))+" THBP",1)]),b(g,{title:s(t)("peer2pay.qr.save"),loading:C.value,bg:"active",color:"white",class:"active mt-3 mx-auto text-center !py-3 !px-3",onClick:a[6]||(a[6]=r=>K())},null,8,["title","loading"])])])]),e("div",ft,[e("p",ht,l(s(t)("peer2pay.qr.get")),1),e("div",yt,[e("img",{src:s(ke),alt:"coin",class:"w-[24px] h-[24px] md:w-[26px] md:h-[26px]"},null,8,wt),e("span",gt,l(s(F)(p.value||0,2)),1),e("p",bt,l(s(t)("Credit")),1)])])])):u("",!0)])])):u("",!0)],512),(i(),A(we,{isOpen:P.value,key:z.value,content:N.value||0,title:Q.value},null,8,["isOpen","content","title"]))],64)}}});export{Vt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.