https://vivago.ai/agent/_next/static/chunks/46-68efb0d89bc54c22.js?dpl=ed5e1e6

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46],{4366:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});var a=r(1377),n=r(81680);let i=()=>({assets:[],total:0,loading:!1,loaded:!1,error:!1,assetByUri:{}});function o(e){return(0,n.Ec)(e).reduce((e,t)=>((0,n.ro)(t).forEach(r=>{e[r]=t}),e),{})}function l(e,t){let r=new Map(e.map(e=>[e.asset_id,e]));return t.forEach(e=>{r.set(e.asset_id,e)}),Array.from(r.values()).sort((e,t)=>new Date(t.created_time).getTime()-new Date(e.created_time).getTime())}let s=(0,a.v)()(e=>({...i(),setLoading:t=>e({loading:t,error:!1}),setAssets:(t,r)=>{let a=(0,n.Ec)(t);e({assets:a,total:r??a.length,loading:!1,loaded:!0,error:!1,assetByUri:o(a)})},upsertAsset:t=>{t.uri&&e(e=>{let r=l(e.assets,[t]);return{assets:r,total:Math.max(e.total,r.length),assetByUri:o(r),loaded:!0,error:!1}})},upsertAssets:t=>{let r=(0,n.Ec)(t);r.length&&e(e=>{let t=l(e.assets,r);return{assets:t,total:Math.max(e.total,t.length),assetByUri:o(t),loaded:!0,error:!1}})},renameAsset:(t,r)=>{e(e=>{let a=e.assets.map(e=>e.asset_id===t?{...e,name:r,updated_time:new Date().toISOString()}:e);return{assets:a,assetByUri:o(a)}})},removeAsset:t=>{e(e=>{let r=e.assets.filter(e=>e.asset_id!==t);return{assets:r,total:Math.min(e.total,r.length),assetByUri:o(r)}})},removeAssets:t=>{let r=new Set(t);e(e=>{let t=e.assets.filter(e=>!r.has(e.asset_id));return{assets:t,total:Math.min(e.total,t.length),assetByUri:o(t)}})},replaceStatusForUris:(t,r)=>{let a=new Set(t.filter(Boolean)),i=(0,n.Ec)(r);e(e=>{let t=l(e.assets.filter(e=>!a.has(e.uri)),i);return{assets:t,total:Math.max(e.total,t.length),assetByUri:o(t),loaded:e.loaded}})},resetAssets:()=>e({...i()})}))},9176:(e,t,r)=>{r.d(t,{Sd:()=>n,Vr:()=>i,e6:()=>l,vE:()=>o});var a=r(50243);function n(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"hidreamai-image";return(0,a.Em)({url:`/prod-api/user/google_key/${t}`,method:"get",params:e})}function i(e){return(0,a.Em)({url:"/api/gw/v2/downloads/media",method:"get",params:{...e,product:"agent"}})}function o(e){return(0,a.Em)({url:"/prod-api/user/feedback",method:"post",data:e})}function l(){return(0,a.Em)({url:"/prod-api/content/profile/config/list",method:"get",params:{type:"feedback",page_size:50}})}},25249:(e,t,r)=>{r.d(t,{QP:()=>u,iW:()=>m,uI:()=>c});var a=r(54715),n=r(9176),i=r(39783),o=r(86523),l=r.n(o);function s(e){return e.replace(/_wm$/i,"")}function d(e,t,r){if("video"===e)return".mp4";if("audio"===e)return".mp3";let n=(0,a.en)(t)||(0,a.en)(r)||"jpg";return"png"===n?".png":"webp"===n?".webp":".jpg"}function u(e){let t=!1,{userName:r,roleList:a,accountInfo:n}=e;return r&&(a&&a.length>0&&a.some(e=>"whitelister"==e)&&(t=!0),n&&n.grade>=i.o5.BASIC_PLAN_GRADE&&(t=!0)),t}function c(e){return e<i.o5.BASIC_PLAN_GRADE}async function m(e,t,r){var i,o,c;let m,{url:p,noWatermark:b=!1,isExistSourceId:f}=e,g=p;f||(g=(0,a.sY)(p));let x=(i=g,(0,a.en)(i)?"image":/\.(mp3|mpeg|wav|m4a)$/i.test(i)||/\.(mp3|mpeg|wav|m4a)$/i.test(p)?"audio":/\.mp4$/i.test(i)?"video":/\.(jpe?g|png|webp)$/i.test(p)?"image":"video"),h=b||u(t);if(h)g=s(g);else{let e=s(g),[t,r]=await (0,n.Vr)({type:x,key:e,wm:!0});if(t)throw t;g=r.result.url}let w=h?(c=m=s(o=g),/\.(mp4|mp3|mpeg|wav|m4a|jpe?g|png|webp)$/i.test(c)||(m+=d(x,o,p)),(0,a.VE)(m,x,{mark:!1,forceJpg:!1,needWidth:!1})):g,v=d(x,g,p).slice(1),y="image"===x?"img":"audio"===x?"aud":"vid",_=`vivago_${y}${!h?"_wm":""}_${l()().format("YYYYMMDD_HHmmss")}.${v}`,j=await fetch(w);if(!j.ok)throw Error(`Download failed: ${j.status}`);let k=await j.blob(),A=window.URL.createObjectURL(k),$=document.createElement("a");$.href=A,$.download=_,$.style.display="none",document.body.appendChild($),$.click(),$.remove(),window.URL.revokeObjectURL(A),r({sizeBytes:k.size})}},37148:(e,t,r)=>{r.d(t,{I:()=>s}),r(26161);var a=r(40440);r(64245);let n={pill:"rounded-full",xl:"rounded-[22px]",lg:"rounded-[18px]",md:"rounded-[14px]"},i="[backdrop-filter:blur(16px)_saturate(200%)] [-webkit-backdrop-filter:blur(16px)_saturate(200%)] max-md:[backdrop-filter:none] max-md:[-webkit-backdrop-filter:none]",o="shadow-[inset_0_1px_0_rgb(255_255_255/8%)]",l={white:(0,a.A)("border border-[rgb(255_255_255/15%)] bg-[rgb(255_255_255/6%)] text-white",i,o),whiteSubtle:(0,a.A)("border border-[rgb(255_255_255/15%)] bg-[rgb(255_255_255/5%)] text-white",i,o),limeTint:(0,a.A)("border border-[rgb(212_255_0/12%)] bg-[rgb(212_255_0/5%)] text-[#D4FF00]",i,o),dark:(0,a.A)("border border-[rgb(255_255_255/15%)] bg-[rgb(0_0_0/20%)] text-white",i,o),toolbarContainer:(0,a.A)("border border-[rgb(255_255_255/10%)] bg-[rgb(0_0_0/35%)] text-white",i,o),toolbarButton:(0,a.A)("border border-[rgb(255_255_255/15%)] bg-[rgb(255_255_255/6%)] text-white",i,"shadow-[inset_0_1px_0_rgb(255_255_255/8%),inset_0_-0.5px_7px_rgb(255_255_255/40%)]"),panel:(0,a.A)("border border-[rgb(255_255_255/12%)] bg-[rgb(0_0_0/40%)] text-white",i,o),panelGhost:(0,a.A)("border border-[rgb(255_255_255/15%)] bg-[rgb(28_28_28/68%)] text-[#b6b6b6]",i,o)};function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pill",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"white",r=arguments.length>2?arguments[2]:void 0;return(0,a.A)(n[e],l[t],r)}},50877:(e,t,r)=>{r.d(t,{Id:()=>c,Xy:()=>d,kd:()=>u,s_:()=>m});var a=r(26161),n=r(64245),i=r(42584),o=r(40440),l=r(1594),s=r(7252);let d=e=>{let{className:t}=e;return(0,a.jsxs)("span",{className:(0,o.A)("flex items-center gap-[3px]",t),"aria-hidden":"true",children:[(0,a.jsx)("span",{className:"size-[4px] bg-white opacity-20"}),(0,a.jsx)("span",{className:"size-[4px] bg-white opacity-50"}),(0,a.jsx)("span",{className:"size-[4px] bg-white opacity-80"})]})},u=e=>{let{children:t,onBackdropClick:r,className:l}

1=e,[s,d]=(0,n.useState)(!1);return((0,n.useEffect)(()=>d(!0),[]),s)?(0,i.createPortal)((0,a.jsx)("div",{role:"dialog","aria-modal":"true",className:(0,o.A)("fixed inset-0 z-[1000] flex items-center justify-center bg-black/[0.55]",l),onClick:r,children:t}),document.body):null},c=e=>{let{children:t,className:r,onClick:n,testId:i}=e;return(0,a.jsx)("div",{"data-testid":i,className:(0,o.A)("relative max-w-[90vw]",r),onClick:n,children:t})},m=e=>{let{onClick:t,disabled:r}=e,n=(0,s.c)("ui.general");return(0,a.jsx)("button",{type:"button","aria-label":n("close"),className:"absolute right-[14px] top-[14px] flex size-[24px] items-center justify-center text-white/70 transition-colors hover:text-white cursor-pointer disabled:cursor-default",onClick:t,disabled:r,children:(0,a.jsx)(l.A,{size:16,strokeWidth:2})})}},67315:(e,t,r)=>{r.d(t,{CS:()=>o,Gv:()=>d,_M:()=>i,bv:()=>u,uV:()=>l,zA:()=>s});var a=r(73680),n=r(50243);function i(e){return(0,n.Em)({url:`${a.V4}/save`,method:"post",data:e})}function o(e){return(0,n.Em)({url:`${a.V4}/list`,method:"post",data:e})}function l(e){return(0,n.Em)({url:`${a.V4}/status`,method:"post",data:e})}function s(e){return(0,n.Em)({url:`${a.V4}/rename`,method:"post",data:e})}function d(e){return(0,n.Em)({url:`${a.V4}/delete`,method:"post",data:e})}function u(e){return(0,n.Em)({url:`${a.V4}/bulk_delete`,method:"post",data:e})}},72742:(e,t,r)=>{r.d(t,{J:()=>s});var a=r(72851),n=r(64245),i=r(38514),o=r(64443);let l=0,s=()=>{let[e,t]=(0,n.useState)([]),r=(0,n.useRef)([]),s=(0,n.useCallback)(()=>{t([...r.current])},[]),u=(0,n.useCallback)(e=>{var t;let u,c,m=`viva_message_${l++}`,p=document.createElement("div");document.body.appendChild(p);let b=(0,a.createRoot)(p),f=d(e),g=(t=f.zIndex||3e3,u=Array.from(document.body.children),c=t,u.forEach(e=>{let t=Number(window.getComputedStyle(e,null).getPropertyValue("z-index")||0);t>=c&&(c=t+1)}),c),x={id:m,destroy:()=>{h(m)}},h=e=>{let t=r.current.findIndex(t=>t.id===e);if(t>-1){let e=r.current[t];"function"==typeof f.onClose&&f.onClose(e.instance),r.current.splice(t,1),b.unmount(),(0,o.N)(document.body,p),s()}};return b.render(n.createElement(i.A,{...f,id:m,zIndex:g,onDestroy:h})),r.current.push({id:m,root:b,instance:x,options:f}),s(),x},[s]),c=(0,n.useCallback)(e=>{let t=r.current.findIndex(t=>t.id===e);t>-1&&r.current[t].instance.destroy()},[]),m=(0,n.useCallback)(()=>{r.current.forEach(e=>{e.instance.destroy()})},[]),p=(0,n.useCallback)(e=>u(e),[u]),b=(0,n.useCallback)(e=>t=>p(d(t,e)),[p]);return{show:p,info:b("info"),success:b("success"),warning:b("warning"),error:b("error"),question:b("question"),loading:b("loading"),close:c,closeAll:m}};function d(e,t){var r;let a={message:""};return(r=e,"[object Object]"===Object.prototype.toString.call(r))?a={...e}:a.message=e+"",t&&(a.type=t),a}},73680:(e,t,r)=>{r.d(t,{$8:()=>o,$V:()=>c,H_:()=>u,V0:()=>d,V4:()=>a,d7:()=>s,lL:()=>l,nG:()=>n,wU:()=>i});let a="/api/agent/v1/assets",n=100,i=100,o=768,l=80,s=100,d={image:9,video:1,audio:1},u=[{key:"all"},{key:"image"},{key:"video"}],c={image:"Image",video:"Video",audio:"Audio"}},77455:(e,t,r)=>{r.d(t,{y:()=>n});var a=r(64245);function n(e,t){let[r,n]=(0,a.useState)(e),[i,o]=(0,a.useState)(e?"entering":"exiting"),l=(0,a.useRef)(null),s=(0,a.useRef)(null),d=(0,a.useRef)(null);return(0,a.useEffect)(()=>(null!==l.current&&window.cancelAnimationFrame(l.current),null!==s.current&&window.cancelAnimationFrame(s.current),null!==d.current&&window.clearTimeout(d.current),e?(r||n(!0),o("entering"),l.current=window.requestAnimationFrame(()=>{s.current=window.requestAnimationFrame(()=>o("entered"))})):r&&(o("exiting"),d.current=window.setTimeout(()=>n(!1),t)),()=>{null!==l.current&&window.cancelAnimationFrame(l.current),null!==s.current&&window.cancelAnimationFrame(s.current),null!==d.current&&window.clearTimeout(d.current)}),[t,r,e]),{mounted:r,phase:i}}},81680:(e,t,r)=>{r.d(t,{BX:()=>p,EA:()=>c,Ec:()=>x,IV:()=>f,Po:()=>u,R9:()=>h,Yk:()=>b,bg:()=>m,l2:()=>d,py:()=>v,re:()=>_,ro:()=>g});var a=r(86523),n=r.n(a),i=r(9176),o=r(73680),l=r(54715);let s=/[\\/:*?"<>|%#&{}$@!'+=;,[\]()]/g;function d(e){return"image"===e||"video"===e||"audio"===e}function u(e){return e.trim().replace(/\s+/g," ").slice(0,o.lL)}function c(e){let t=u(e);return!!t&&!function(e){for(let t=0;t<e.length;t+=1){let r=e.charCodeAt(t);if(r<=31||127===r)return!0}return!1}(e)&&t.length<=o.lL}function m(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Date,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o.$V[e];return`${r} ${n()(t).format("YYYYMMDD HHmm")}`}function p(e){let{type:t,title:r,name:a,mediaLabel:n,genericTitles:i,date:o=new Date}=e,l=new Set(["image","text","video","audio",...i.map(e=>e.toLowerCase())]);for(let e of[r,a]){let t=e?.trim();if(t&&!l.has(t.toLowerCase()))return t}return m(t,o,n)}function b(e){return e.url?e.url:d(e.media_type)&&"audio"!==e.media_type?(0,l.VE)(e.uri,e.media_type,{mark:!1,forceJpg:!1,needWidth:!1}

1):e.uri}function f(e){let t=b(e);if("image"!==e.media_type||!(0,l.TG)(t))return t;let r=new URL(t);return r.searchParams.set("width",String(o.$8)),r.toString()}function g(e){let t=[e.uri,e.url];return e.url&&t.push((0,l.sY)(e.url)),Array.from(new Set(t.map(e=>e.trim()).filter(Boolean)))}function x(e){return e.filter(e=>d(e.media_type))}function h(e,t){return x(e).filter(e=>{let r;return!(r=t.trim().toLowerCase())||`${e.name} ${e.uri} ${e.asset_id}`.toLowerCase().includes(r)})}function w(e){if("video"===e.media_type)return".mp4";if("audio"===e.media_type)return".mp3";let t=(0,l.en)(e.url)||(0,l.en)(e.uri);return"png"===t?".png":"webp"===t?".webp":".jpg"}function v(e,t){let r=window.URL.createObjectURL(e),a=document.createElement("a");a.href=r,a.download=t,a.style.display="none",document.body.appendChild(a),a.click(),a.remove(),window.URL.revokeObjectURL(r)}async function y(e,t){if(!t)return b(e);let r=(0,l.sY)(e.url||e.uri),[a,n]=await (0,i.Vr)({type:e.media_type,key:r.replace(/_wm$/i,""),wm:!0});if(a)throw a;let o=function(e){if(!e||"object"!=typeof e)return"";let t=e.result;if(!t||"object"!=typeof t)return"";let r=t.url;return"string"==typeof r?r:""}(n);if(!o)throw Error(`Failed to get watermark URL for ${e.asset_id}`);return o}async function _(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{zipSync:a}=await r.e(9843).then(r.bind(r,59843)),i={},l=0,d=t.watermarked??!1;await Promise.all(e.map(async(e,t)=>{try{var r;let a,n,l,c=await y(e,d),m=await fetch(c);if(!m.ok)throw Error(`Failed to fetch ${e.asset_id}`);let p=await m.arrayBuffer();i[r=t+1,a=w(e),n=u(e.name||o.$V[e.media_type]||"Asset").replace(s,"_").replace(/\s+/g," ").trim()||"Asset",l=`${n}${w(e)}`,`${l.slice(0,-a.length)}-${r}${a}`]=new Uint8Array(p)}catch(e){l+=1,console.error("Download asset failed",e)}}));let c=Object.keys(i).length;return c>0&&v(new Blob([a(i,{level:6})],{type:"application/zip"}),function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new Date,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.watermarked?"_wm":"";return`vivago${r}_${n()(e).format("YYYYMMDD_HHmmss")}.zip`}(new Date,{watermarked:d})),{successCount:c,failedCount:l}}},81947:(e,t,r)=>{r.d(t,{M:()=>d});var a=r(64245),n=r(67315),i=r(73680),o=r(4366),l=r(81680);let s=null;function d(e){let t=e?.auto??!0,r=e?.filter??"all",d=e?.keyword??"",u=(0,o.default)(e=>e.assets),c=(0,o.default)(e=>e.loading),m=(0,o.default)(e=>e.loaded),p=(0,o.default)(e=>e.error),b=(0,o.default)(e=>e.setLoading),f=(0,o.default)(e=>e.setAssets),g=(0,a.useCallback)(async()=>s||(s=(async()=>{b(!0);let[e,t]=await (0,n.CS)({page_no:0,page_size:i.wU});e||!t?.data?o.default.setState({loading:!1,loaded:!1,error:!0}):f(t.data.assets||[],t.data.total)})().finally(()=>{s=null})),[f,b]);return(0,a.useEffect)(()=>{t&&g()},[t,g]),{assets:(0,a.useMemo)(()=>{let e="all"===r?u:u.filter(e=>e.media_type===r);return(0,l.R9)(e,d)},[u,r,d]),allAssets:u,loading:c,loaded:m,error:p,refreshAssets:g}}},94792:(e,t,r)=>{r.d(t,{B:()=>p});var a=r(26161),n=r(64245),i=r(7252),o=r(42584),l=r(40440),s=r(1594),d=r(73680),u=r(77455),c=r(81680),m=r(50877);function p(e){let{open:t,initialName:r,saving:p,onCancel:b,onSave:f,testId:g="asset-name-modal",inputTestId:x=`${g}-input`,cancelTestId:h=`${g}-cancel`,saveTestId:w=`${g}-save`}=e,v=(0,i.c)("ui.assets"),y=(0,i.c)("ui.common"),[_,j]=(0,n.useState)(""),{mounted:k,phase:A}=(0,u.y)(t,200);(0,n.useEffect)(()=>{t&&j(r)},[r,t]);let $=(0,n.useMemo)(()=>(0,c.Po)(_),[_]),E=!(0,c.EA)(_);return k&&"undefined"!=typeof document?(0,o.createPortal)((0,a.jsx)("div",{className:(0,l.A)("fixed inset-0 z-[1200] flex items-center justify-center bg-black/0 px-[16px] transition-colors duration-200 motion-reduce:transition-none","entered"===A&&"bg-black/70 md:bg-[rgba(0,0,0,0.55)]","exiting"===A&&"pointer-events-none"),"data-testid":g,"data-transition-state":A,children:(0,a.jsxs)("div",{"data-testid":`${g}-panel`,"data-asset-name-panel":!0,className:(0,l.A)("relative h-[165px] w-[270px] transform-gpu overflow-hidden rounded-[14px] bg-[linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),linear-gradient(rgba(255,255,255,0.16),rgba(255,255,255,0.16))] opacity-0 shadow-none backdrop-blur-[40px] transition-[transform,opacity] duration-200 ease-[

1cubic-bezier(0.22,1,0.36,1)] will-change-[transform,opacity] md:h-[210px] md:w-full md:max-w-[494px] md:overflow-visible md:rounded-[22px] md:border md:border-[#CDCDCD33] md:bg-[rgba(0,0,0,0.4)] md:bg-none md:shadow-[0_24px_80px_rgba(0,0,0,0.65)] md:backdrop-blur-[34px] motion-reduce:translate-y-0 motion-reduce:scale-100 motion-reduce:transition-none","entered"===A?"translate-y-0 scale-100 opacity-100":"translate-y-[6px] scale-[0.98] opacity-0"),children:[(0,a.jsx)("button",{type:"button",className:"absolute right-[12px] top-[11px] hidden size-[34px] cursor-pointer items-center justify-center rounded-full bg-white/8 text-white transition hover:bg-white/20 md:flex",onClick:b,children:(0,a.jsx)(s.A,{className:"size-[18px]"})}),(0,a.jsx)("div",{"data-testid":`${g}-title`,className:"absolute inset-x-0 top-[18px] text-center text-[14px]/[15px] font-semibold text-white md:inset-x-auto md:left-[25px] md:top-[28px] md:text-left md:text-[22px]/[22px]",children:v("assetNaming")}),(0,a.jsx)("input",{"data-testid":x,value:_,maxLength:d.lL,autoFocus:!0,className:"absolute left-[15px] top-[51px] h-[50px] w-[240px] rounded-[14px] bg-white/12 px-[16px] text-[14px]/[17px] text-white outline-none placeholder:text-white/60 md:left-[24px] md:top-[75px] md:h-[43px] md:w-[calc(100%-48px)] md:rounded-none md:border-b md:border-white/45 md:bg-transparent md:px-0 md:text-[18px]/[18px] md:text-[#B6B6B6] md:transition-colors md:placeholder:text-[#B6B6B6]/60 md:focus:border-white",onChange:e=>j(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.nativeEvent.isComposing||E||p||f($),"Escape"===e.key&&b()}}),(0,a.jsxs)("div",{"data-testid":`${g}-actions`,className:"absolute inset-x-0 bottom-0 flex h-[44px] border-t-[0.2px] border-white/30 md:inset-x-auto md:bottom-[15px] md:right-[15px] md:h-auto md:gap-[10px] md:border-0",children:[(0,a.jsx)("button",{type:"button","data-testid":h,className:"h-full w-1/2 cursor-pointer bg-transparent text-[14px]/[15px] font-normal text-white hover:bg-white/5 md:h-[50px] md:w-[108px] md:rounded-full md:border md:border-white md:bg-[rgba(28,28,28,0.68)] md:text-[16px]/[18px] md:font-bold md:text-[#B6B6B6] md:hover:bg-white/12",onClick:b,children:y("cancel")}),(0,a.jsx)("button",{type:"button","data-testid":w,disabled:p||E,className:(0,l.A)("flex h-full w-1/2 cursor-pointer items-center justify-center border-l-[0.2px] border-white/30 bg-transparent text-[14px]/[15px] font-normal text-white transition md:h-[50px] md:w-[108px] md:rounded-full md:border-0 md:text-[16px]/[18px] md:font-bold",p?"cursor-default text-white/40 md:bg-white/40 md:text-white":"hover:bg-white/5 disabled:cursor-not-allowed disabled:opacity-50 md:bg-white md:text-black md:hover:bg-[#E8E8E8]"),onClick:()=>f($),"aria-busy":p,children:p?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(m.Xy,{}),(0,a.jsx)("span",{className:"sr-only",children:y("saving")})]}):y("save")})]})]})}),document.body):null}},96019:(e,t,r)=>{r.d(t,{N:()=>m});var a=r(26161),n=r(93613),i=r(64205),o=r(40440),l=r(64245),s=r(95132),d=r(81680),u=r(54715);function c(){return(0,a.jsx)("div",{className:"pointer-events-none absolute inset-0 z-10 animate-shimmer bg-[#3A3A3F] [animation-direction:reverse]"})}let m=(0,l.memo)(function(e){let{asset:t,className:r,display:m="cover",playVideo:p=!1,source:b="card"}=e,f="image"===t.media_type?(0,d.IV)(t):(0,d.Yk)(t),g="contain-blur"===m,[x,h]=(0,l.useState)(!1),[w,v]=(0,l.useState)("image"===t.media_type||"video"===t.media_type);if((0,l.useEffect)(()=>{h(!1),v("image"===t.media_type||"video"===t.media_type)},[t.media_type,f]),"audio"===t.media_type)return(0,a.jsxs)("div",{className:(0,o.A)("flex h-full w-full flex-col items-center justify-center gap-[12px] bg-[#171719]",r),children:[(0,a.jsx)("div",{className:"flex size-[52px] items-center justify-center rounded-full bg-[#D4FF00] text-black",children:(0,a.jsx)(n.A,{size:24})}),(0,a.jsx)("div",{className:"flex h-[28px] items-end gap-[4px]",children:[18,26,14,28,20,24,16].map((e,r)=>(0,a.jsx)("span",{className:"w-[4px] rounded-full bg-white/40",style:{height:e}},`${t.asset_id}-${e}-${r}`))})]});if("video"===t.media_type){let e=(0,u.kN)(f),t=g&&!w?{backgroundImage:`url(${JSON.stringify(e)})`}:void 0;return(0,a.jsxs)("div",{className:(0,o.A)("relative h-full w-full bg-[#0B0B0D]",r),onMouseEnter:p?()=>h(!0):void 0,onMouseLeave:p?()=>h(!1):void 0,children:[t?(0,a.jsx)("div",{"data-testid":"asset-thumbnail-blurred-background",className:"pointer-events-none absolute inset-[-12px] scale-110 bg-cover bg-center opacity-75 blur-[18px]",style:t}):null,(0,a.jsx)("div",{"data-testid":g?"asset-thumbnail-foreground":void 0,className:(0,o.A)("relative h-full w-full",g&&"z-[1]"),children:p&&x?(0,a.jsx)(s.U,{type:"video",source:f,poster:e,className:(0,o.A)("h-full w-full",g?"object-contain":"object-cover"),onLoaded:()=>v(!1),onError:()=>v(!1)}):(0,a.jsx)(s.U,{type:"image",source:e,className:(0,o.A)("h-full w-full",g?"object-contain":"object-cover"),onLoaded:()=>v(!1),onError:()=>v(!1)})}),w?(0,a.jsx)(c,{}

1):null,"card"===b?(0,a.jsx)("div",{className:"absolute bottom-[12px] left-[12px] z-[2] flex size-[34px] items-center justify-center rounded-full bg-black/60 text-white",children:(0,a.jsx)(i.A,{size:17})}):null]})}let y=g&&!w?{backgroundImage:`url(${JSON.stringify(f)})`}:void 0;return(0,a.jsxs)("div",{className:(0,o.A)("relative h-full w-full bg-[#171719]",r),children:[y?(0,a.jsx)("div",{"data-testid":"asset-thumbnail-blurred-background",className:"pointer-events-none absolute inset-[-12px] scale-110 bg-cover bg-center opacity-75 blur-[18px]",style:y}):null,(0,a.jsx)("div",{"data-testid":g?"asset-thumbnail-foreground":void 0,className:(0,o.A)("relative h-full w-full",g&&"z-[1]"),children:(0,a.jsx)(s.U,{type:"image",source:f,className:(0,o.A)("h-full w-full",g?"object-contain":"object-cover"),onLoaded:()=>v(!1),onError:()=>v(!1)})}),w?(0,a.jsx)(c,{}):null]})})}}]);