https://zara99.xyz/assets/RandomBoxView-d56c3bab.js

1import{d as te,u as se,r as $,p as ae,g as Q,y as oe,o as a,v as le,c as o,a as s,k as y,j as f,n as G,F as S,h as A,t as d,N as L,bq as ie,w as q,s as ne,at as re,B as ce,a7 as de,a6 as ue,W as me,i as z,Z as X,Y as ee,a8 as ve}from"./index-0c2fc791.js";import{_ as pe}from"./IconNoData.vue_vue_type_script_setup_true_lang-b99fe8aa.js";import{T as xe}from"./TableBase-c27347ec.js";import"./rules-2d0add82.js";import{L as _e}from"./LoadingComponent-f00ffbe6.js";import"./ChevronLeftIcon-c955d241.js";import"./InboxStackIcon-4c2cf3fb.js";const be="/images/rotateMobile.png",ye="/assets/gamble-612e03a4.jpg",fe={class:"play-randombox"},ge={class:"box-random"},we={class:"content"},he=["src"],ke=["src"],Be=["src"],$e=["src"],Ne=["id"],Te=["onClick","src","id"],Se=["id","src"],Ce=["id"],Ee={key:2,class:"box-particle"},Re={class:"icon"},Ve={key:5},De=["id"],He=["onClick","id"],Ae={class:"inner-box-set"},Ie={class:"box bottom"},je=["id"],ze=["id","src"],Me=["id"],Fe={key:2,class:"box-particle"},Ge={class:"icon"},Le={key:0,class:"group-submit"},Oe={key:0,class:"title"},Pe={class:"sub-title"},We={key:0},Ye={key:1,class:"number-credit"},qe={key:2},Je={key:1,class:"sub-title"},Ue={class:"number-credit"},Ze={key:2,class:"sub-title"},Ke={class:"number-credit"},Qe=["src"],Xe={key:1,class:"button-choice"},et={key:2,class:"button-choice"},tt=["href"],st=te({__name:"PlayRandomBoxView",props:{modelValue:{type:Object,default:null}},emits:["update:modelValue","finish","changeView"],setup(J,{emit:O}){const U=J,{t:k}=se(),R=O,g=$(!1),u=$(null),v=$(null),E=$(!1),C=$([]),I=ae();function V(){const l=["💛","👑","💗","✨","💎"],e=Math.floor(Math.random()*l.length);return l[e]}function j(){C.value=[];const l=[];for(let e=0;e<200;e++)l.push(V());l.length>0&&(C.value=l)}const i=Q(()=>U.modelValue),w=Q(()=>{var l;return(l=i==null?void 0:i.value)!=null&&l.tema_typ?6:1});oe(i,()=>{i.value&&_()});async function M(l,e){var N;if(!g.value){g.value=!0;const T=n("box",l);T&&(T.className="setActive");const c=await q.getRandonBox(e==null?void 0:e.biljett_typ);if(c.code===200&&c.error_code===0){const{other:p,...r}=c==null?void 0:c.payload;v.value=r,u.value=p,u.value&&u.value.splice(l-1,0,r),i.value&&((N=i.value)==null?void 0:N.item_typ)===0?

1w.value===1?Y(l):m(l):w.value===1?P(l,e):W(l,e)}else c.message&&ne.error(c.message)}}function P(l,e,N,T){const c=e==null?void 0:e.item_img_2,p=1e3,r=n("box",l),b=n("anim-box",l);j(),r&&b&&(r.className="setActive selectAnim",b.className="played",setTimeout(()=>{r.src=c,r.className="setActive",b.className="playSelected";const h=n("reward",l);h&&(h.className="reward-show-select")},p),setTimeout(()=>{E.value=!0},p*2))}function W(l,e,N,T){const c=w.value,p=e==null?void 0:e.item_img_2,r=1e3;let b=0;for(let x=0;x<c;x++){if(x+1===l)continue;const B=n("box",x+1),H=n("anim-box",x+1);B&&H&&(B.className="setDisabled",setTimeout(()=>{B.className="setDisabled selectAnim",H.className="played"},r*b),setTimeout(()=>{B.src=p;const F=n("reward",x+1);F&&(F.className="reward-show")},r*(b+1))),b++}const h=n("box",l),t=n("anim-box",l);h&&t&&(t.className="playSelected",setTimeout(()=>{h.className="setActive selectAnim",t.className="played"},r*b),setTimeout(()=>{h.src=p,h.className="setActive",t.className="playSelected";const x=n("reward",l);x&&(x.className="reward-show-select")},r*c),setTimeout(()=>{E.value=!0},r*(c+.5)))}function Y(l,e,N,T){w.value;const c=1e3;j();const p=n("box-head-write",l),r=n("anim-box-write",l);r&&p&&(p.className="top-spin-box box top",r.className="played",setTimeout(()=>{p.className="top-spin-box-finish box top";const b=n("reward",l);b&&(b.className="reward-show-select push-top")},c),setTimeout(()=>{E.value=!0},c*2))}function m(l,e,N,T){const c=w.value,p=1e3;let r=0;for(let t=0;t<c;t++){if(t+1===l)continue;const x=n("box-write",t+1),B=n("box-head-write",t+1),H=n("anim-box-write",t+1);x&&H&&B&&(x.className="setDisabled",setTimeout(()=>{B.className="top-spin-box box top",H.className="played"},p*r),setTimeout(()=>{B.className="top-spin-box-finish box top";const F=n("reward",t+1);F&&(F.className="reward-show push-top")},p*(r+1))),r++}const b=n("box-head-write",l),h=n("anim-box-write",l);h&&b&&(setTimeout(()=>{b.className="top-spin-box box top",h.className="played"},p*r),setTimeout(()=>{b.className="top-spin-box-finish box top";const t=n("reward",l);t&&(t.className="reward-show-select push-top")},p*c),setTimeout(()=>{E.value=!0},p*(c+.5)))}function n(l,e){return document.getElementById(`${l}-${e}`)}function _(){var l,e,N,T,c;if(i.value&&((l=i.value)==null?void 0:l.item_typ)===0){const p={"--theme-box-color-1":((e=i.value)==null?void 0:e.tema_color_1)||"#000","--theme-box-color-2":((N=i.value)==null?void 0:N.tema_color_2)||"#000","--theme-box-color-3":((T=i.value)==null?void 0:T.tema_color_3)||"#000","--theme-box-color-4":((c=i.value)==null?void 0:c.tema_color_4)||"#000"};let r=JSON.stringify(p);r=r.replace(/[\[\]{}"']/g,"").replace(/,/g,";");const b=document.getElementsByTagName("body")[0],h=document.createElement("style");h.innerHTML=`:root {${r}}`,b.appendChild(h)}}function D(){R("update:modelValue",null),R("finish",!0),g.value=!1,E.value=!1,u.value=null}function Z(){g.value||(R("update:modelValue",null),R("finish",!0),g.value=!1,E.value=!1,u.value=null)}function K(l){R("changeView",l),D()}return(l,e)=>{var N,T,c,p,r,b,h;return a(),le(ie,{to:"#port"},[i.value?(a(),o(S,{key:0},[s("div",fe,[s("div",ge,[s("div",we,[(N=i.value)!=null&&N.bakgrund?(a(),o("img",{key:0,loading:"lazy",class:"bg-random",src:i.value.bakgrund,alt:"bg-random"},null,8,he)):(a(),o("img",{key:1,loading:"lazy",class:"bg-random",src:y(ye),alt:"ImageGamble"},null,8,ke)),(T=i.value)!=null&&T.logo?(a(),o("img",{key:2,loading:"lazy",class:"logo-box",src:i.value.logo,alt:"logo-random"},null,8,Be)):f("",!0),(c=i.value)!=null&&c.character_icon?(a(),o("img",{key:3,loading:"lazy",class:"character-random",src:i.value.character_icon,alt:"character-random"},null,8,$e)):f("",!0),s("a",{onClick:e[0]||(e[0]=t=>Z()),class:"close"},[...e[5]||(e[5]=[s("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},[s("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)])]),((p=i.value)==null?void 0:p.item_typ)===1?(a(),o("div",{key:4,class:G(w.value===1?"random-box1":"random-box6")},[(a(!0),o(S,null,A(w.value,t=>{var x;return a(),o("div",{key:t,class:"animImgBox",id:`anim-box-${t}`},[(x=i.value)!=null&&x.item_img_1?(a(),o("img",{key:0,loading:"lazy",onClick:B=>M(t,i.value),src:i.value.item_img_1,id:`box-${t}`,alt:"box",class:"box-ran"},null,8,Te)):f("",!0),u.value?(a(),o(S,{key:1},[u.value[t-1]&&u.value[t-1].item_typ===1&&u.value[t-1].img?(a(),o("img",{key:0,loading:"lazy",class:"reward-hidden",id:`reward-${t}`,src:u.value[t-1].img,alt:"reward-img"},null,8,Se)):u.value[t-1]&&u.value[t-1].item_typ===0&&u.value[t-1].typ_bonus?(a(),o("div",{key:1,class:"reward-hidden",id:`reward-${t}`},d(u.value[t-1].bonus_name),9,Ce)):f("",!0),C.value.length>0&&w.value===1?(a(),o("div",Ee,[(a(!0),o(S,null,A(C.value,(B,H)=>(a(),o("div",{key:H+"pati",class:"particle"},[s("span",Re,d(B),1)]))),128))])):f("",!0)],64)):f("",!0)],8,Ne)}

1),128))],2)):(a(),o("div",Ve,[s("div",{class:G(w.value===1?"random-box1":"random-box6")},[(a(!0),o(S,null,A(w.value,t=>(a(),o("div",{key:"write"+t,class:"write-box"},[s("div",{id:`anim-box-write-${t}`,class:"animImgBox"},[s("div",{onClick:x=>M(t,i.value),id:`box-write-${t}`,class:"group-wrap-inner"},[s("div",{class:G(w.value===1?"box-code-wrap-event-1":"box-code-wrap-event")},[s("div",Ae,[s("div",Ie,[(a(),o(S,null,A(4,x=>s("div",{key:x,class:"box__side"},[...e[6]||(e[6]=[s("span",null,null,-1)])])),64)),e[7]||(e[7]=s("div",{class:"box__side"},null,-1)),e[8]||(e[8]=s("div",{class:"box__side"},null,-1))]),s("div",{id:"box-head-write-"+t,class:"box top"},[(a(),o(S,null,A(4,x=>s("div",{key:x,class:"box__side"},[...e[9]||(e[9]=[s("span",null,null,-1)])])),64)),e[10]||(e[10]=s("div",{class:"box__side"},[s("span"),s("span")],-1)),e[11]||(e[11]=s("div",{class:"box__side"},null,-1))],8,je)])],2)],8,He),u.value?(a(),o(S,{key:0},[u.value[t-1]&&u.value[t-1].item_typ===1&&u.value[t-1].img?(a(),o("img",{key:0,loading:"lazy",class:"reward-hidden",id:`reward-${t}`,src:u.value[t-1].img,alt:"reward-img"},null,8,ze)):u.value[t-1]&&u.value[t-1].item_typ===0&&u.value[t-1].typ_bonus?(a(),o("div",{key:1,class:"reward-hidden",id:`reward-${t}`},d(u.value[t-1].bonus_name),9,Me)):f("",!0),C.value.length>0&&w.value===1?(a(),o("div",Fe,[(a(!0),o(S,null,A(C.value,(x,B)=>(a(),o("div",{key:B+"pati",class:"particle"},[s("span",Ge,d(x),1)]))),128))])):f("",!0)],64)):f("",!0)],8,De)]))),128))],2)]))])]),E.value&&v.value?(a(),o("div",Le,[s("div",null,[s("div",{class:G([w.value===1&&"get-down","selected-reward"])},[v.value.bonus_name?(a(),o("p",Oe,d(y(k)("randomBox.reward"))+" "+d(v.value.bonus_name),1)):f("",!0),s("p",Pe,[L(d(y(k)("randomBox.youGet"))+" ",1),v.value.typ_bonus?(a(),o("span",We,d(y(k)(`randomBox.${v.value.typ_bonus}`))+" ",1)):f("",!0),v.value.bonus?(a(),o("span",Ye,d(v.value.bonus)+" ",1)):f("",!0),v.value.typ_bonus?(a(),o("span",qe,d(y(k)(`randomBox.youget${v.value.typ_bonus}`)),1)):f("",!0)]),v.value.draw_fix?(a(),o("p",Je,[s("span",null,[L(d(y(k)("randomBox.turn"))+" ",1),s("span",Ue,d(v.value.draw_fix),1),L(" "+d(y(k)("randomBox.tao")),1)])])):f("",!0),v.value.fix_draw?(a(),o("p",Ze,[s("span",null,[L(d(y(k)("randomBox.fixDraw"))+" ",1),s("span",Ke,d(v.value.fix_draw),1),L(" "+d(y(k)("randomBox.tao")),1)])])):f("",!0)],2),i.value.submit_icon?(a(),o("img",{key:0,loading:"lazy",onClick:e[1]||(e[1]=t=>D()),id:"submit-icon",class:G([w.value===1&&"get-down-icon","submit-icon"]),src:i.value.submit_icon,alt:"submit-icon"},null,10,Qe)):(a(),o("div",Xe,[s("button",{onClick:e[2]||(e[2]=t=>K(v.value.typ_bonus)),type:"button",class:"sec"},d(y(k)("randomBox.goTakeReward")),1)])),v.value.typ_bonus==="credit_free"?(a(),o("div",et,[s("button",{onClick:e[3]||(e[3]=t=>K(v.value.typ_bonus)),type:"button",class:"sec"},d(y(k)("randomBox.goTakeReward")),1)])):f("",!0),v.value.typ_bonus==="item"?(a(),o("a",{key:3,href:(h=(b=(r=y(I))==null?void 0:r.data)==null?void 0:b.kontakt)==null?void 0:h.line_kontakt,target:"_blank",class:"button-choice"},[s("button",{type:"button",class:"sec",onClick:e[4]||(e[4]=t=>D())},d(y(k)("randomBox.goTakeReward")),1)],8,tt)):f("",!0)]),e[12]||(e[12]=s("div",{class:"bg-submit"},null,-1))])):f("",!0)]),e[13]||(e[13]=s("div",{class:"switch-rotation"},[s("img",{loading:"lazy",class:"switch-box",src:be,alt:"rotateMb"})],-1))],64)):f("",!0)])}}});const at={class:"mx-1 md:mx-3 h-full"},ot={class:"flex justify-between items-center mb-1 sm:mb-2"},lt={class:"title-text !text-lg md:!text-2xl text-left"},nt={key:0},it={key:0,class:"grid max-[319px]:grid-cols-1 grid-cols-2 gap-3 w-full sm:max-w-none md:gap-6 items-center justify-center text-center my-3"},rt={class:"change-bg-card rounded-t-2xl text-center flex justify-center h-full py-3"},ct=["src"],dt={class:"px-2 bg-[#0007] pt-1 rounded-b-2xl"},ut={class:"mb-1 font-color-btn-sec text-sm md:text-base xl:text-lg font-semibold"},mt={class:"!text-[10px] md:!text-sm"},vt={class:"!text-[10px] md:!text-sm"},pt={key:1,class:"text-center h-full flex w-full justify-center items-center mt-[30%]"},xt={class:"!text-base min-[425px]:!text-lg"},_t={key:1},Bt=te({__name:"RandomBoxView",setup(J){const O=re(),{typeOfHistory:U,setTypeHistory:k}=O;ae();const R=ce(),{t:g}=se(),u=de(),v=$([]),E=$(!1),C=$(null),I=$(!1),V=$(!1),j=$(!1),i=$([]),w=$([{title:g("Date"),key:"datetime",fn:m=>ue(m).format("DD/MM/YY HH:mm")},{title:g("detail"),key:"kommentar"},{title:g("textStatus"),key:"status",type:"badge",fn:m=>g(m===1?"Status.success":"Status.unsuccess"),colorFn:m=>m===1?"!bg-green-500":"!bg-red-500"}]);me(async()=>{R.setTitle("Event"),await M()});async function M(){var n;j.value=!0;const m=await q.randonBox();if(m.code===200&&m.error_code===0){const _=(m==null?void 0:m.payload.biljett_vanster.filter(D=>!D.ar_not_show))||[];v.value=_,i.value=((n=m==null?void 0:m.payload)==null?void 0:n.historia)||[],await q.getMember()}else v.value=[],ne.error(m.message);j.value=!1}async function P(m,n){n&&m.kreditera>0&&(C.value=m)}oe(I,async()=>

1{I.value&&(await M(),I.value=!1)});function W(){V.value?V.value=!1:V.value=!0}function Y(m){m==="credit_free"?u.setContent("CreditFreeView"):m==="cash"&&(R.setCompo("HistoryView"),k("dra_tillbaka"))}return(m,n)=>j.value?(a(),le(_e,{key:1})):(a(),o(S,{key:0},[s("div",at,[s("div",ot,[s("p",lt,d(y(g)("randomBox.title")),1),z(X,{onClick:n[0]||(n[0]=_=>W()),class:"!w-[100px] !py-0.5 !my-0 secondary-button !text-xs sm:!text-sm",title:V.value?`${y(g)("randomBox.back")}`:`${y(g)("randomBox.history")}`},null,8,["title"])]),z(ve,{name:"default",mode:"out-in",appear:""},{default:ee(()=>[V.value?(a(),o("div",_t,[z(xe,{"header-data":w.value,data:i.value},null,8,["header-data","data"])])):(a(),o("div",nt,[v.value.length>0?(a(),o("div",it,[(a(!0),o(S,null,A(v.value,(_,D)=>(a(),o("div",{key:D+"minievent",class:"border-2 rounded-2xl"},[s("div",rt,[s("img",{loading:"lazy",src:(_==null?void 0:_.mini_logo)||"/images/randomBox.png",alt:"",class:"w-[75px] md:w-[85px]"},null,8,ct)]),s("div",dt,[s("p",ut,d(_.title),1),s("p",mt,d(y(g)("randomBox.yourTicket"))+" "+d(_.kreditera)+" "+d(y(g)("promotion.ticket")),1),z(X,{class:"!rounded-full primary-button !py-1 md:!py-1.5 disabled-btn-minievent my-3",onClick:Z=>P(_,_.enable),disabled:E.value||!_.enable||_.kreditera<=0},{custom:ee(()=>[s("p",vt,d(y(g)("randomBox.random")),1)]),_:1},8,["onClick","disabled"])])]))),128))])):(a(),o("div",pt,[s("div",null,[z(pe,{class:"mt-4 mb-4 ml-2 w-[70px] lg:ml-2.5 lg:w-[100px]"}),s("p",xt,d(y(g)("minievent.nodata")),1)])]))]))]),_:1})]),z(st,{modelValue:C.value,"onUpdate:modelValue":n[1]||(n[1]=_=>C.value=_),onFinish:n[2]||(n[2]=_=>I.value=_),onChangeView:n[3]||(n[3]=_=>Y(_))},null,8,["modelValue"])],64))}});export{Bt as default};