https://cybershoke.net/assets/Effect-DrauBACU.js

1import{j as t,r as m}from"./vendor-react-BGN68_Lp.js";import{g as o}from"./vendor-styled-pkIKgjgv.js";import{I as c}from"./Item-XnKSUaAV.js";import{a as h,u as f}from"./vendor-redux-D8sX5Eqv.js";import{g as b,a$ as w,G as d,an as _}from"./index-uear5Vpj.js";import{u as l}from"./vendor-i18n-BWleq_Sd.js";const p=o.div`
2    position: absolute;
3    left: 0;
4    top: 0;
5    width: 100%;
6    height: 100%;
7    display: block;
8    background: linear-gradient(
9        163.3deg,
10        rgba(25, 30, 40, 0.65) 1.87%,
11        rgba(43, 52, 75, 0.65) 88.46%
12    );
13    z-index: 3;
14    display: flex;
15    flex-direction: column;
16    align-items: center;
17    padding-top: 72px;
18    cursor: ${e=>e.$readOnly?"default":"pointer"};
19
20    img {
21        width: 36px;
22        transition: opacity 0.3s ease;
23    }
24`,j=o.img`
25    width: 148px;
26    height: 48px;
27    border-radius: 12px;
28`,x=o.div`
29    position: absolute;
30    top: 67px;
31    left: 50%;
32    z-index: 2;
33    transform: translateX(-50%);
34    display: flex;
35    flex-direction: column;
36    align-items: center;
37    cursor: ${e=>e.$readOnly?"default":"pointer"};
38`,v=o.div`
39    font-weight: 500;
40    font-size: 12px;
41    color: #e8ecf4;
42    margin-top: 26px;
43    max-width: 90%;
44`,$=o.div`
45    margin: 8px 0 4px 0;
46    width: 148px;
47    height: 3px;
48    background: #3f4c60;
49    box-shadow: inset -75px 0px 0px #3f4860;
50    border-radius: 10px;
51    display: block;
52`,y=o.div`
53    font-weight: 400;
54    font-size: 12px;
55    color: #778597;
56`,z=o.div`
57    border: ${e=>e.active?"1px solid #5d6da2":"none"};
58    border-radius: 6px;
59
60    /* &:hover {
61        ${p} {
62            img {
63                opacity: 0;
64            }
65        }
66
67        ${x} {
68            z-index: 4;
69        }
70    } */
71`,L=({i:e,myInventory:r})=>{const{t:s}=l(),a=h(),n=f(i=>i.inventory.active_bg?.hash),u=()=>{const i=Math.floor(e.data_user_get.time/60),g=e.data_user_get.time-i*60;return(i==0?"":`${i} ${s("min")}. `)+`${g} ${s("sec")}.`};return t.jsxs(z,{active:r&&n==e.hash,children:[e.locked&&t.jsxs(p,{$readOnly:!r,onClick:()=>r&&a(w(e)),children:[t.jsx("img",{loading:"lazy",src:b("/pages/profile/icons/locker.png"),alt:""}),t.jsxs(v,{className:"limited-length",children:[s("Complete")," ",e.data_user_get.map]}),t.jsx($,{}),t.jsx(y,{children:u()})]}),t.jsx(x,{$readOnly:!r,children:t.jsx(j,{src:d(e.web_assets.cell)})}),t.jsx(c,{data:{...e,web_assets:null},disabled:!0,readOnly:!r})]})},k=o.div``,O=o.img`
72    width: 100%;
73    position: absolute;
74    top: 67px;
75    left: 50%;
76    transform: translateX(-50%);
77    width: 74px;
78    z-index: 1;
79`,C=o.span`
80    font-weight: 400;
81    font-size: 11px;
82    text-transform: uppercase;
83    color: #71798e;
84    opacity: 0.5;
85    position: absolute;
86    left: 18px;
87    top: 18px;
88    z-index: 1;
89`,R=({i:e,readOnly:r})=>{const{t:s}=l(),a=()=>e.ids.length>1?`, ${e.ids.length} ${s("sht")}`:"";return t.jsxs(k,{children:[t.jsx(C,{children:_(Math.trunc(e.item_usage_time/86400))+a()}),t.jsx(O,{src:d(e.web_assets.cell)}),t.jsx(c,{data:{...e,web_assets:null},disabled:!0,readOnly:r})]})},E=o.div`
90    overflow: hidden;
91`,B=o.img`
92    object-fit: cover;
93    max-width: 100%;
94    position: absolute;
95    z-index: 1;
96    top: 50%;
97    transform: translateY(-50%);
98`,M=o.video`
99    object-fit: cover;
100    max-width: 100%;
101    position: absolute;
102    z-index: 1;
103    bottom: 0;
104    height: 100%;
105    opacity: 0;
106    border-radius: 6px;
107    transition: opacity 0.3s ease;
108`,U=e=>{const{i:r}=e,s=m.useRef();return t.jsxs(E,{onMouseEnter:()=>{s.current.src!=r.web_assets.hover&&(s.current.src=r.web_assets.hover),s.current.style.opacity="1";const a=s.current.play();a!==void 0&&a.then(n=>{}).catch(n=>{})},onMouseLeave:()=>{s.current.style.opacity="0",s.current.pause()},children:[t.jsx(B,{src:d(r.web_assets.cell)}),t.jsx(M,{loop:!0,controls:!1,alt:"",ref:s,muted:!0}),t.jsx(c,{data:{...r,web_assets:null},customHover:!0,disabled:e.disabled,readOnly:e.readOnly,price_in_case:e.price_in_case})]})};export{L as B,U as E,R as G};