https://imely.ai/stc/assets/BkuXFd95.js

1import{j as t,f as J,r as d,b as Q,c as ee,g as te}from"./zAk_dWi2.js";import{u as se,a as ae,d as re,g as le,h as k,t as ne,i as M,j as H,k as ie,l as oe,F as N,m as ce,n as de,o as y,U as me}from"./noDdwLSR.js";const U="toast-container";let j=null;function ue({id:s,message:C,duration:p=2500,onClose:f}){const[b,T]=d.useState(!1);return d.useEffect(()=>{requestAnimationFrame(()=>{T(!0)});const o=setTimeout(()=>T(!1),p);return()=>{clearTimeout(o)}},[p]),t.jsx("div",{id:s,onTransitionEnd:()=>{b||f==null||f()},className:"toast-container "+(b?"show":"hide"),children:C})}function xe(){let s=document.getElementById(U);return s||(s=document.createElement("div"),s.id=U,document.body.appendChild(s)),j||(j=J(s)),s}function w(s,C){xe();const p=()=>{j.render(null)};j.render(t.jsx(ue,{id:`toast-${Date.now()}`,message:s,duration:C,onClose:p}))}const Ce=s=>t.jsx("svg",{"data-src":"/assets/images/icon/icn_edit.svg",width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:t.jsx("path",{d:"M17.1813 2.92689C16.0291 1.71505 14.1047 1.69077 12.9222 2.87317L3.54741 12.2475C3.21958 12.5754 2.99204 12.9899 2.89148 13.4424L2.01387 17.3923C1.97678 17.5592 2.02754 17.7335 2.14844 17.8544C2.26934 17.9753 2.44362 18.026 2.6105 17.9889L6.53689 17.1157C7.00432 17.0118 7.43243 16.7767 7.77103 16.4381L17.129 7.08003C18.27 5.939 18.2933 4.09631 17.1813 2.92689ZM13.6293 3.58029C14.4143 2.79538 15.6917 2.8115 16.4566 3.61596C17.1948 4.39225 17.1793 5.61548 16.4219 6.37293L15.7507 7.04418L12.958 4.25155L13.6293 3.58029ZM12.2509 4.95864L15.0436 7.7513L7.06391 15.731C6.85976 15.9352 6.60164 16.0769 6.31982 16.1396L3.1605 16.8421L3.86768 13.6593C3.92698 13.3924 4.06117 13.148 4.2545 12.9547L12.2509 4.95864Z",fill:"currentColor"})}),ve=s=>t.jsx("svg",{"data-src":"/assets/images/icon/icn_trash.svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:t.jsx("path",{d:"M20.25 4.5H16.5V3.75C16.5 3.15326 16.2629 2.58097 15.841 2.15901C15.419 1.73705 14.8467 1.5 14.25 1.5H9.75C9.15326 1.5 8.58097 1.73705 8.15901 2.15901C7.73705 2.58097 7.5 3.15326 7.5 3.75V4.5H3.75C3.55109 4.5 3.36032 4.57902 3.21967 4.71967C3.07902 4.86032 3 5.05109 3 5.25C3 5.44891 3.07902 5.63968 3.21967 5.78033C3.36032 5.92098 3.55109 6 3.75 6H4.5V19.5C4.5 19.8978 4.65804 20.2794 4.93934 20.5607C5.22064 20.842 5.60218 21 6 21H18C18.3978 21 18.7794 20.842 19.0607 20.5607C19.342 20.2794 19.5 19.8978 19.5 19.5V6H20.25C20.4489 6 20.6397 5.92098 20.7803 5.78033C20.921 5.63968 21 5.44891 21 5.25C21 5.05109 20.921 4.86032 20.7803 4.71967C20.6397 4.57902 20.4489 4.5 20.25 4.5ZM9 3.75C9 3.55109 9.07902 3.36032 9.21967 3.21967C9.36032 3.07902 9.55109 3 9.75 3H14.25C14.4489 3 14.6397 3.07902 14.7803 3.21967C14.921 3.36032 15 3.55109 15 3.75V4.5H9V3.75ZM18 19.5H6V6H18V19.5ZM10.5 9.75V15.75C10.5 15.9489 10.421 16.1397 10.2803 16.2803C10.1397 16.421 9.94891 16.5 9.75 16.5C9.55109 16.5 9.36032 16.421 9.21967 16.2803C9.07902 16.1397 9 15.9489 9 15.75V9.75C9 9.55109 9.07902 9.36032 9.21967 9.21967C9.36032 9.07902 9.55109 9 9.75 9C9.94891 9 10.1397 9.07902 10.2803 9.21967C10.421 9.36032 10.5 9.55109 10.5 9.75ZM15 9.75V15.75C15 15.9489 14.921 16.1397 14.7803 16.2803C14.6397 16.421 14.4489 16.5 14.25 16.5C14.0511 16.5 13.8603 16.421 13.7197 16.2803C13.579 16.1397 13.5 15.9489 13.5 15.75V9.75C13.5 9.55109 13.579 9.36032 13.7197 9.21967C13.8603 9.07902 14.0511 9 14.25 9C14.4489 9 14.6397 9.07902 14.7803 9.21967C14.921 9.36032 15 9.55109 15 9.75Z",fill:"currentColor"})}),ge=s=>t.jsx("svg",{"data-src":"/assets/images/icon/icn_add.svg",width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:t.jsx("path",{d:"M10 2.5C10 2.22386 9.77614 2 9.5 2C9.22386 2 9 2.22386 9 2.5V9H2.5C2.22386 9 2 9.22386 2 9.5C2 9.77614 2.22386 10 2.5 10H9V16.5C9 16.7761 9.22386 17 9.5 17C9.77614 17 10 16.7761 10 16.5V10H16.5C16.7761 10 17 9.77614 17 9.5C17 9.22386 16.7761 9 16.5 9H10V2.5Z",fill:"currentColor"})}),pe=s=>t.jsx("svg",{"data-src":"/assets/images/icon/icn_clock.svg",width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:t.jsx("path",{d:"M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3ZM9.5 5C9.74546 5 9.94961 5.17688 9.99194 5.41012L10 5.5V10H12.5C12.7761 10 13 10.2239 13 10.5C13 10.7455 12.8231 10.9496 12.5899 10.9919L12.5 11H9.5C9.25454 11 9.05039 10.8231 9.00806 10.5899L9 10.5V5.5C9 5.22386 9.22386 5 9.5 5Z",fill:"currentColor"})}),c={positive:"positive",negative:"negative"},x={TBT_PERSIST:1,TBT_DAILY:2,TBT_EXPIRABLE:3},g={TTT_SEND:{code:1,labelKey:"gem.statusLabels.send"},TTT_RECV:{code:2,labelKey:"gem.statusLabels.recv"},TTT_REWARD_WELCOME:{code:10,labelKey:"gem.statusLabels.rewardWelcome"},TTT_REWARD_DAILY:{code:11,labelKey:"gem.statusLabels.rewardDaily"},TTT_REWARD_TASK:{code:12,labelKey:"gem.statusLabels.rewardTask"},TTT_REWARD_INVITE:{code:13,labelKey:"gem.statusLabels.rewardInvite"},TTT_REWARD_UPGRADE:{code:14,labelKey:"gem.statusLabels.rewardUpgrade"},TTT_TOPUP:{code:50,labelKey:"gem.statusLabels.topup"},TTT_EXPIRED:{code:100,labelKey:"gem.statusLabels.gemExpired"},TTT_ASK:{code:101,labelKey:"gem.statusLabels.ask"},USE_FEATURE:{code:103,labelKey:"gem.statusLabels.useFeature"}},fe={1:"gem.featureType.chat",2:"gem.featureType.genPhoto",3:"gem.featureType.genPpt",4:"gem.featureType.emotes"};function be(){var V;const{t:s}=Q(),C=ee(),p=se(),{trackClick:f}=ae(),{data:b}=re({queryKey:["wallet_page"],queryFn:async()=>{var r;const{data:e}=await ce();return(e==null?void 0:e.err)===0?(r=e==null?void 0:e.data)==null?void 0:r.data:null}}),T=(b==null?void 0:b.walletFeatureData)??null,[o,A]=d.useState(c.positive),[m,W]=d.useState(null),[i,_]=d.useState(null),K=d.useRef(null),{scrollRef:R}=te(),S=Object.fromEntries(Object.values(g).map(e=>[e.code,s(e.labelKey)])),G=(e,r)=>{const l=Date.now();return r===g.TTT_EXPIRED.code?!0:l>e},E=d.useMemo(()=>{var n;if(!m)return{amount:0,earliestTs:null};const e=Date.now();let r=0,l=null;

1return(n=m==null?void 0:m.listBalanceEntry)==null||n.forEach(a=>{!(a.type===x.TBT_DAILY||a.type===x.TBT_EXPIRABLE)||!a.tsExpired||a.tsExpired<=e||(l===null||a.tsExpired<l?(l=a.tsExpired,r=a.balance):a.tsExpired===l&&(r+=a.balance))}),{amount:r,earliestTs:l}},[m]),Z=async()=>{var e,r,l,n,a,u;try{const X=await de(),h=k(X,"data");if(h.err===0){const $=(r=(e=h.data)==null?void 0:e.listBalanceEntry)==null?void 0:r.filter(v=>v.type===x.TBT_PERSIST),z=(n=(l=h.data)==null?void 0:l.listBalanceEntry)==null?void 0:n.filter(v=>v.type===x.TBT_DAILY),q=(u=(a=h.data)==null?void 0:a.listBalanceEntry)==null?void 0:u.filter(v=>v.type===x.TBT_EXPIRABLE);W({...h.data,listBalancePersist:$,listBalanceDaily:z,listBalanceExpirable:q})}else w(s("gem.error.withCode",{code:h.err}))}catch{w(s("gem.error.generic"))}},B=d.useCallback(async(e,r)=>{try{const l=await le(e,r),n=k(l,"data");if(n.err===0&&n.data){const a=n.data;_(e?{listData:[...(i==null?void 0:i.listData)||[],...(a==null?void 0:a.listData)||[]],p:(a==null?void 0:a.p)||null}:a)}else w(s("gem.error.withCode",{code:n.err}))}catch{w(s("gem.error.generic"))}},[i]),L=d.useMemo(()=>ne(()=>{const e=R.current;if(!e)return;e.scrollTop+e.clientHeight>=e.scrollHeight*.8&&(i!=null&&i.p)&&B(i.p,o===c.positive?1:2)},300),[i]);d.useEffect(()=>{p&&Z()},[p]),d.useEffect(()=>{_(null),B(null,o===c.positive?1:2)},[o]),d.useEffect(()=>{const e=R.current;if(e)return e.addEventListener("scroll",L),()=>e.removeEventListener("scroll",L)},[i]);const I=(e=[],r=[])=>{if(!Array.isArray(e)||!Array.isArray(r))return 0;const l=r.filter(a=>e.includes(a.type));return(l==null?void 0:l.reduce((a,u)=>a+u.balance,0)).toLocaleString("vi-VN")||0},D=e=>e.map(r=>T==null?void 0:T[r]).filter(Boolean).join(", "),F=(e,r)=>{if(!e)return"";if(r===g.USE_FEATURE.code){const n=fe[y(e,"")];return n?s(n):""}const l=y(e,"");return D(l&&typeof l=="object"?Object.values(l).flat():String(e).split(",").map(n=>n.trim()))},O=({type:e,amount:r,refDesc:l,refType:n})=>{if(e===g.USE_FEATURE.code){const a=y(l,""),u=y(n,"");return u===4&&(a!=null&&a.name)?s("gem.statusLabels.emoteUnlock",{name:a.name}):u===1&&(a!=null&&a.name)?a.count>1?s("gem.statusLabels.chatTextMsgMulti",{name:a.name,count:a.count}):s("gem.statusLabels.chatTextMsg",{name:a.name}):S[e]}return e===g.TTT_REWARD_TASK.code?s("gem.statusLabels.luckySpin",{amount:r}):e===g.TTT_REWARD_INVITE.code?l?s("gem.statusLabels.rewardInvite",{name:l,amount:r}):s("gem.statusLabels.rewardInviteCode",{amount:r}):e===g.TTT_REWARD_DAILY.code?s("gem.statusLabels.rewardDaily",{amount:r}):e===g.TTT_REWARD_WELCOME.code?s("gem.statusLabels.rewardWelcome",{amount:r}):S[e]},Y=e=>e?M:H,P=(e,r)=>{if(typeof e!="string"||!e.includes("💎"))return e;const l=Y(r);return e.split("💎").flatMap((n,a,u)=>a<u.length-1?[n,t.jsx("img",{src:l,className:"inline-block size-4 mx-1 align-text-bottom",alt:""},a)]:[n])};return t.jsxs("div",{className:"max-w-3xl w-full mx-auto pb-6 px-4 pt-0 md:pt-6",children:[t.jsx("div",{className:"text-lg font-bold mb-6 border-b py-3 border-border-subtle",children:s("gem.pageTitle")}),t.jsxs("div",{className:"flex flex-wrap justify-between items-end mb-8 gap-3",children:[t.jsxs("div",{className:"flex gap-6 items-center",children:[t.jsxs("div",{className:"flex gap-1 flex-col",children:[t.jsx("div",{className:"text-text-tertiary text-base",children:s("gem.expirableGem")}),t.jsxs("div",{className:"text-2xl font-medium flex items-center gap-1",children:[t.jsx("img",{src:M,className:"size-5",alt:""}),I([x.TBT_DAILY,x.TBT_EXPIRABLE],m==null?void 0:m.listBalanceEntry)]})]}),t.jsxs("div",{className:"flex gap-1 flex-col",children:[t.jsx("div",{className:"text-text-tertiary text-base",children:s("gem.permanentGem")}),t.jsxs("div",{className:"text-2xl font-medium flex items-center gap-1",children:[t.jsx("img",{src:H,className:"size-5",alt:""}),I([x.TBT_PERSIST],m==null?void 0:m.listBalanceEntry)]})]})]}),t.jsxs("button",{className:"rounded-full h-9 bg-fg-brand pl-2 pr-3 text-white text-sm font-medium flex items-center justify-center",onClick:()=>{f({eventName:"gem_click_add",gtm:!1}),ie("wallet"),C(oe(me.PRICING+"?slug=buy-gems"))},children:[t.jsx(ge,{className:"mr-2"}),s("gem.addGem")]})]}),E.amount>0?t.jsxs("div",{className:"flex items-center bg-bg-brand px-2 py-2.5 rounded-lg mb-8",children:[t.jsx(pe,{}),t.jsx("span",{className:"mx-1"}),P(s("gem.expiryNotice",{amount:E.amount,time:N(E.earliestTs,"hh:ii dd/mm/yyyy",{relative:!1})}),E.earliestTs)]}):null,t.jsxs("div",{children:[t.jsxs("div",{className:"flex gap-8 mb-6",children:[t.jsx("div",{className:"box-border py-1.5 cursor-pointer "+(o===c.positive?"text-text-brand border-b-2 border-border-brand font-semibold":"text-text-tertiary"),onClick:()=>{f({eventName:"gem_click_received_tab",gtm:!1}),A(c.positive)}

1,children:s("gem.tabAdded")}),t.jsx("div",{className:"box-border py-1.5 cursor-pointer "+(o===c.negative?"text-text-brand border-b-2 border-border-brand font-semibold":"text-text-tertiary"),onClick:()=>{f({eventName:"gem_click_used_tab",gtm:!1}),A(c.negative)},children:s("gem.tabUsed")})]}),t.jsx("div",{ref:K,onScroll:L,className:"rounded-xl overflow-x-auto",style:{boxShadow:"0px 2px 8px 0px #0000001F"},children:t.jsxs("table",{className:"text-text-primary bg-bg-primary  overflow-hidden [&_td]:px-2 [&_td]:py-3",children:[t.jsxs("colgroup",{children:[t.jsx("col",{className:"w-full min-w-[180px]"}),t.jsx("col",{className:"w-[25%] min-w-[140px]"}),t.jsx("col",{className:"w-[15%] min-w-[140px]"}),t.jsx("col",{className:"w-[100px]"})]}),t.jsx("thead",{children:t.jsxs("tr",{className:" text-text-tertiary text-sm whitespace-nowrap bg-bg-secondary [&>th]:px-2 [&>th]:py-2.5 ",children:[t.jsx("th",{children:s("gem.table.content")}),t.jsx("th",{children:o===c.positive?s("gem.table.dateReceived"):s("gem.table.dateUsed")}),t.jsx("th",{children:o===c.positive?s("gem.table.expiryDate"):s("gem.table.feature")}),t.jsx("th",{children:s("gem.table.gemCount")})]})}),t.jsx("tbody",{children:(V=i==null?void 0:i.listData)==null?void 0:V.map(e=>{const r=G(e.tsAmountExpired,e.type);return t.jsxs("tr",{className:r&&o===c.positive?"text-text-disabled":"",children:[t.jsx("td",{children:t.jsx("div",{className:"line-clamp-4 overflow-hidden",children:P(O(e),e.tsAmountExpired)})}),t.jsx("td",{children:N(e.tsCreated,"dd/mm/yyyy",{relative:!1})}),t.jsx("td",{children:o===c.positive?r?s("gem.table.expired"):N(e.tsAmountExpired,"dd/mm/yyyy",{relative:!1}):F(e==null?void 0:e.refType,e.type)}),t.jsx("td",{className:"text-right font-medium whitespace-nowrap "+(!r||o===c.negative?e.amount>0?" !text-text-brand":" !text-text-error":""),children:e.amount>0?`+${e.amount}`:e.amount})]},e.id)})})]})})]})]})}const Ee=Object.freeze(Object.defineProperty({__proto__:null,default:be},Symbol.toStringTag,{value:"Module"}));export{Ce as S,ve as a,Ee as i,w as s};