import{j as a}from"./markdown-vendor-BZI_VWzW.js";import{u as E,r as e}from"./data-vendor-BOGugMqL.js";import{D as G}from"./arco-vendor-CAnKnMnO.js";import{bf as O,bg as Y,bh as Q,bi as z,b as F,e as K,k as Z,bj as V}from"./index-D2jM1hO2.js";import{CharacterLibrarySections as W}from"./index-CW8telGl.js";import"./react-vendor-wlKWdfEb.js";import"./imageDragTransfer-DvFDfKg6.js";function J({searchQuery:i,setSearchQuery:t,selectedCategoryId:r,setSelectedCategoryId:l,categories:p,categoryButtonLabel:o,searchAriaKey:b,categoryAriaKey:f,categoryAllKey:_}){const{t:m}=E(),[s,n]=e.useState(!1),c=e.useRef(null);return a.jsxs("div",{className:"materialLibraryToolbar",children:[a.jsxs("label",{className:"materialLibraryToolbar__search",children:[a.jsx("img",{className:"materialLibraryToolbar__searchIcon",src:new URL("/assets/ic_search-DREI2NzL.png",import.meta.url).href,alt:""}),a.jsx("input",{className:"materialLibraryToolbar__searchInput",type:"search",placeholder:m("pages.create.inspiration.searchPlaceholder"),value:i,onChange:g=>t(g.target.value),"aria-label":m(b)})]}),a.jsx("div",{ref:c,children:a.jsx(G,{trigger:"click",position:"br",popupVisible:s,onVisibleChange:n,triggerProps:{style:{zIndex:2e3}},getPopupContainer:()=>c.current??document.body,droplist:a.jsxs("div",{className:"materialLibraryToolbar__categoryDropdown",role:"menu","aria-label":m(f),children:[a.jsx("button",{type:"button",className:["materialLibraryToolbar__categoryMenuItem",r===null?"materialLibraryToolbar__categoryMenuItem_active":""].filter(Boolean).join(" "),role:"menuitem",onClick:()=>{l(null),n(!1)},children:m(_)}),p.map(g=>{const h=g,S=h.id;return a.jsx("button",{type:"button",className:["materialLibraryToolbar__categoryMenuItem",r===S?"materialLibraryToolbar__categoryMenuItem_active":""].filter(Boolean).join(" "),role:"menuitem",onClick:()=>{l(typeof S=="number"?S:null),n(!1)},children:String(h.name??S)},String(S))})]}),children:a.jsxs("button",{type:"button",className:"materialLibraryToolbar__category","aria-label":m(f),"aria-expanded":s,"aria-haspopup":"menu",children:[a.jsx("span",{children:o}),a.jsx("img",{className:"materialLibraryToolbar__categoryIcon",src:new URL("/assets/ic_arrow_right_gray-DM6GPP4g.png",import.meta.url).href,alt:""})]})})})]})}const X="backgroundLibrary";function U(i){const r=i?.data?.list;return Array.isArray(r)?r:[]}function ee(){const{t:i}=E(),[t,r]=e.useState(""),[l,p]=e.useState(""),[o,b]=e.useState(null),[f,_]=e.useState([]),[m,s]=e.useState([]),[n,c]=e.useState(!0),[g,h]=e.useState(!1),[S,C]=e.useState(1),[x,w]=e.useState(!0),L=e.useRef(!1),T=e.useRef(new Set),v=120;e.useEffect(()=>{O().then(d=>{const u=U(d);_([...u].sort((y,N)=>Number(y.sort??0)-Number(N.sort??0)))}).catch(()=>{_([])})},[]),e.useEffect(()=>{const d=window.setTimeout(()=>{p(t.trim())},300);return()=>window.clearTimeout(d)},[t]);const j=e.useCallback((d,u)=>{if(u&&(L.current||T.current.has(d)))return;u?(L.current=!0,h(!0)):(T.current.clear(),c(!0));const y={page:d,pageSize:v};o!=null&&(y.categoryId=o),l&&(y.keyword=l),Y(y).then(N=>{const A=U(N);s(I=>{if(!u)return A;const P=new Set(I.map(M=>String(M.id??""))),R=A.filter(M=>!P.has(String(M.id??"")));return R.length===0?I:[...I,...R]}),C(d),w(A.length>=v),T.current.add(d)}).catch(()=>{u||s([]),w(!1)}).finally(()=>{u?(L.current=!1,h(!1)):c(!1)})},[l,o]);e.useEffect(()=>{C(1),w(!0),j(1,!1)},[j]);const $=e.useCallback(()=>{n||g||!x||j(S+1,!0)},[j,x,n,g,S]),D=e.useMemo(()=>{if(o==null)return i("pages.create.inspiration.materialLibrary.categoryAll");const u=f.find(y=>y.id===o)?.name;return typeof u=="string"&&u?u:i("pages.create.inspiration.materialLibrary.categoryLabel")},[f,o,i]);return{searchQuery:t,setSearchQuery:r,selectedCategoryId:o,setSelectedCategoryId:b,categories:f,loading:n,hasMore:x,loadingMore:g,loadMore:$,list:m,categoryButtonLabel:D}}function te(i){let t=i?.parentElement??null;for(;t!=null;){const l=window.getComputedStyle(t).overflowY;if((l==="auto"||l==="scroll")&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return null}function re({loading:i,list:t,hasMore:r=!1,loadingMore:l=!1,onLoadMore:p}){const o=Q(s=>s.requestAppendImageUrl),{t:b}=E(),f=e.useRef(null),_=(s,n)=>{const c=String(n??"").trim();c&&(s.dataTransfer?.setData("text/plain",c),s.dataTransfer?.setData("text/uri-list",c),s.dataTransfer?.setData("text/html",`<img src="${c}" alt="" />`))},m=s=>{o(String(s.url??""))};return e.useEffect(()=>{if(!r||i||l||!p)return;const s=f.current;if(s==null)return;const n=te(s),c=new IntersectionObserver(g=>{g.some(h=>h.isIntersecting)&&p()},{root:n,rootMargin:"240px 0px",threshold:0});return c.observe(s),()=>c.disconnect()},[r,i,l,p]),a.jsxs("div",{className:X,children:[i?a.jsx("p",{className:"backgroundLibrary__status",children:b("common.loading")}):t.length===0?a.jsx("p",{className:"backgroundLibrary__status",children:b("pages.create.inspiration.materialLibrary.empty")}):a.jsx("div",{className:"backgroundLibrary__grid",children:t.map(s=>{const n=s;return a.jsxs("div",{className:"backgroundLibrary__card","aria-label":b("pages.create.inspiration.materialLibrary.useMaterialAria"),draggable:!0,onDragStart:c=>{_(c,String(n.url??""))},children:[a.jsx("img",{className:"backgroundLibrary__cardImage",src:String(n.url??""),alt:String(n.name??"")}),a.jsx("div",{className:"backgroundLibrary__cardCtaBar",onClick:()=>{m(n)},children:b("pages.create.inspiration.materialLibrary.useMaterial")})]},String(n.id))})}),r?a.jsx("div",{className:"backgroundLibrary__sentinel",ref:f,"aria-hidden":!0}):null,l?a.jsx("p",{className:"backgroundLibrary__status",children:b("pages.explore.feed.loadingMore")}):null]})}const k="templateLibrary";function q(i){const r=i?.data?.list;return Array.isArray(r)?r:[]}function B(i,t){const r=t.find(l=>typeof i[l]=="string"&&String(i[l]).trim().length>0);return r?String(i[r]):""}function ae(){const{t:i}=E(),[t,r]=e.useState(""),[l,p]=e.useState(""),[o,b]=e.useState(null),[f,_]=e.useState([]),[m,s]=e.useState([]),[n,c]=e.useState(!0),[g,h]=e.useState(!1),[S,C]=e.useState(1),[x,w]=e.useState(!0),L=e.useRef(!1),T=e.useRef(new Set),v=120;e.useEffect(()=>{z().then(d=>{const u=q(d);_([...u].sort((y,N)=>Number(y.sort??0)-Number(N.sort??0)))}).catch(()=>{_([])})},[]),e.useEffect(()=>{const d=window.setTimeout(()=>{p(t.trim())},300);return()=>window.clearTimeout(d)},[t]);const j=e.useCallback((d,u)=>{if(u&&(L.current||T.current.has(d)))return;u?(L.current=!0,h(!0)):(T.current.clear(),c(!0));const y={page:d,pageSize:v};o!=null&&(y.categoryId=o),l&&(y.keyword=l),F(y).then(N=>{const A=q(N);s(I=>{if(!u)return A;const P=new Set(I.map(M=>String(M.id??""))),R=A.filter(M=>!P.has(String(M.id??"")));return R.length===0?I:[...I,...R]}),C(d),w(A.length>=v),T.current.add(d)}).catch(()=>{u||s([]),w(!1)}).finally(()=>{u?(L.current=!1,h(!1)):c(!1)})},[l,o]);e.useEffect(()=>{C(1),w(!0),j(1,!1)},[j]);const $=e.useCallback(()=>{n||g||!x||j(S+1,!0)},[j,x,n,g,S]),D=e.useMemo(()=>{if(o==null)return i("pages.create.inspiration.templateLibrary.categoryAll");const d=f.find(y=>y.id===o);return B(d??{},["name","title"])||i("pages.create.inspiration.templateLibrary.categoryLabel")},[f,o,i]);return{searchQuery:t,setSearchQuery:r,selectedCategoryId:o,setSelectedCategoryId:b,categories:f,loading:n,list:m,categoryButtonLabel:D,hasMore:x,loadingMore:g,loadMore:$}}function se(i){let t=i?.parentElement??null;for(;t!=null;){const l=window.getComputedStyle(t).overflowY;if((l==="auto"||l==="scroll")&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return null}function ne({loading:i,list:t,hasMore:r=!1,loadingMore:l=!1,onLoadMore:p}){const{t:o}=E(),b=K(m=>m.requestTemplateSelect),f=e.useRef(null),_=(m,s)=>{const n=String(s??"").trim();n&&(m.dataTransfer?.setData("text/plain",n),m.dataTransfer?.setData("text/uri-list",n),m.dataTransfer?.setData("text/html",`<img src="${n}" alt="" />`))};return e.useEffect(()=>{if(!r||i||l||!p)return;const m=f.current;if(m==null)return;const s=se(m),n=new IntersectionObserver(c=>{c.some(g=>g.isIntersecting)&&p()},{root:s,rootMargin:"240px 0px",threshold:0});return n.observe(m),()=>n.disconnect()},[r,i,l,p]),a.jsxs("div",{className:k,children:[i?a.jsx("p",{className:`${k}__status`,children:o("common.loading")}):t.length===0?a.jsx("p",{className:`${k}__status`,children:o("pages.create.inspiration.templateLibrary.empty")}):a.jsx("div",{className:`${k}__grid`,children:t.map(m=>{const s=m,n=B(s,["coverUrl","showUrl","url","thumbUrl"]),c=B(s,["title","name"]),g=B(s,["subtitle","scene","tag"]);return a.jsxs("button",{type:"button",className:`${k}__card`,draggable:!0,onDragStart:h=>{_(h,n)},onClick:()=>{b(s.id)},"aria-label":o("pages.create.inspiration.templateLibrary.useTemplateAria"),children:[a.jsx("span",{className:`${k}__cardImageWrap`,children:a.jsx("img",{className:`${k}__cardImage`,src:n,alt:c})}),g?a.jsx("span",{className:`${k}__topTag`,children:g}):null,a.jsx("span",{className:`${k}__cardCta`,"aria-hidden":!0,children:a.jsx("span",{className:`${k}__cardCtaBar`,children:o("pages.create.inspiration.templateLibrary.useTemplate")})})]},String(s.id))})}),r?a.jsx("div",{className:`${k}__sentinel`,ref:f,"aria-hidden":!0}):null,l?a.jsx("p",{className:`${k}__status`,children:o("pages.explore.feed.loadingMore")}):null]})}const ie="materialLibrary";function H(i){const r=i?.data?.list;return Array.isArray(r)?r:[]}function le(){const{t:i}=E(),[t,r]=e.useState(""),[l,p]=e.useState(""),[o,b]=e.useState(null),[f,_]=e.useState([]),[m,s]=e.useState([]),[n,c]=e.useState(!0),[g,h]=e.useState(!1),[S,C]=e.useState(1),[x,w]=e.useState(!0),L=e.useRef(!1),T=e.useRef(new Set),v=120;e.useEffect(()=>{Z().then(d=>{const u=H(d);_([...u].sort((y,N)=>Number(y.sort??0)-Number(N.sort??0)))}).catch(()=>{_([])})},[]),e.useEffect(()=>{const d=window.setTimeout(()=>{p(t.trim())},300);return()=>window.clearTimeout(d)},[t]);const j=e.useCallback((d,u)=>{if(u&&(L.current||T.current.has(d)))return;u?(L.current=!0,h(!0)):(T.current.clear(),c(!0));const y={page:d,pageSize:v};o!=null&&(y.categoryId=o),l&&(y.keyword=l),V(y).then(N=>{const A=H(N);s(I=>{if(!u)return A;const P=new Set(I.map(M=>String(M.id??""))),R=A.filter(M=>!P.has(String(M.id??"")));return R.length===0?I:[...I,...R]}),C(d),w(A.length>=v),T.current.add(d)}).catch(()=>{u||s([]),w(!1)}).finally(()=>{u?(L.current=!1,h(!1)):c(!1)})},[l,o]);e.useEffect(()=>{C(1),w(!0),j(1,!1)},[j]);const $=e.useCallback(()=>{n||g||!x||j(S+1,!0)},[j,x,n,g,S]),D=e.useMemo(()=>{if(o==null)return i("pages.create.inspiration.materialLibrary.categoryAll");const u=f.find(y=>y.id===o)?.name;return typeof u=="string"&&u?u:i("pages.create.inspiration.materialLibrary.categoryLabel")},[f,o,i]);return{searchQuery:t,setSearchQuery:r,selectedCategoryId:o,setSelectedCategoryId:b,categories:f,loading:n,list:m,categoryButtonLabel:D,hasMore:x,loadingMore:g,loadMore:$}}function oe(i){let t=i?.parentElement??null;for(;t!=null;){const l=window.getComputedStyle(t).overflowY;if((l==="auto"||l==="scroll")&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return null}function ce({loading:i,list:t,hasMore:r=!1,loadingMore:l=!1,onLoadMore:p}){const o=Q(s=>s.requestAppendImageUrl),{t:b}=E(),f=e.useRef(null),_=(s,n)=>{const c=String(n??"").trim();c&&(s.dataTransfer?.setData("text/plain",c),s.dataTransfer?.setData("text/uri-list",c),s.dataTransfer?.setData("text/html",`<img src="${c}" alt="" />`))},m=s=>{o(String(s.url??""))};return e.useEffect(()=>{if(!r||i||l||!p)return;const s=f.current;if(s==null)return;const n=oe(s),c=new IntersectionObserver(g=>{g.some(h=>h.isIntersecting)&&p()},{root:n,rootMargin:"240px 0px",threshold:0});return c.observe(s),()=>c.disconnect()},[r,i,l,p]),a.jsxs("div",{className:ie,children:[i?a.jsx("p",{className:"materialLibrary__status",children:b("common.loading")}):t.length===0?a.jsx("p",{className:"materialLibrary__status",children:b("pages.create.inspiration.materialLibrary.empty")}):a.jsx("div",{className:"materialLibrary__grid",children:t.map(s=>{const n=s;return a.jsxs("div",{className:"materialLibrary__card","aria-label":b("pages.create.inspiration.materialLibrary.useMaterialAria"),draggable:!0,onDragStart:c=>{_(c,String(n.url??""))},children:[a.jsx("img",{className:"materialLibrary__cardImage",src:String(n.url??""),alt:String(n.name??"")}),a.jsx("div",{className:"materialLibrary__cardCtaBar","aria-hidden":!0,onClick:()=>{m(n)},children:b("pages.create.inspiration.materialLibrary.useMaterial")})]},String(n.id))})}),r?a.jsx("div",{className:"materialLibrary__sentinel",ref:f,"aria-hidden":!0}):null,l?a.jsx("p",{className:"materialLibrary__status",children:b("pages.explore.feed.loadingMore")}):null]})}function ue(i="character"){const[t,r]=e.useState(i),l=e.useCallback(p=>{r(p)},[]);return{filter:t,selectFilter:l}}const de=["character","characterAssets","background","templates"];function _e({tabIdPrefix:i}){const{t}=E(),{filter:r,selectFilter:l}=ue("character"),p=le(),o=ee(),b=ae(),f=r==="background"?o:r==="templates"?b:p,{searchQuery:_,setSearchQuery:m,selectedCategoryId:s,setSelectedCategoryId:n,categories:c,loading:g,list:h,categoryButtonLabel:S,hasMore:C,loadingMore:x,loadMore:w}=f;return a.jsx("div",{className:"createPage__singleTabWrap",children:a.jsxs("div",{className:"inspirationPanel",children:[a.jsxs("div",{className:`inspirationPanel__toolbar${r==="characterAssets"||r==="background"||r==="templates"?" inspirationPanel__toolbar_between":""}`,children:[a.jsx("div",{className:"inspirationPanel__filters",role:"group","aria-label":t("pages.create.inspiration.filtersAria"),children:de.map(L=>a.jsx("button",{type:"button",className:["inspirationPanel__filterPill",r===L?"inspirationPanel__filterPill_active":""].filter(Boolean).join(" "),onClick:()=>l(L),children:t(`pages.create.inspiration.filters.${L}`)},L))}),r==="characterAssets"||r==="background"||r==="templates"?a.jsx(J,{searchQuery:_,setSearchQuery:m,selectedCategoryId:s,setSelectedCategoryId:n,categories:c,categoryButtonLabel:S,searchAriaKey:r==="templates"?"pages.create.inspiration.templateLibrary.searchAria":"pages.create.inspiration.materialLibrary.searchAria",categoryAriaKey:r==="templates"?"pages.create.inspiration.templateLibrary.categoryAria":"pages.create.inspiration.materialLibrary.categoryAria",categoryAllKey:r==="templates"?"pages.create.inspiration.templateLibrary.categoryAll":"pages.create.inspiration.materialLibrary.categoryAll"}):null]}),a.jsx("section",{className:`createPage__panel inspirationPanel__content${r==="characterAssets"||r==="background"||r==="templates"?" inspirationPanel__content_material":""}`,id:`${i}-panel-inspiration`,role:"tabpanel","aria-labelledby":`${i}-tab-inspiration`,children:r==="character"?a.jsx(W,{showDiyEntry:!1}):r==="characterAssets"?a.jsx(ce,{loading:g,list:h,hasMore:C,loadingMore:x,onLoadMore:w}):r==="background"?a.jsx(re,{loading:g,list:h,hasMore:C,loadingMore:x,onLoadMore:w}):r==="templates"?a.jsx(ne,{loading:g,list:h,hasMore:C,loadingMore:x,onLoadMore:w}):a.jsx("p",{className:"createPage__panelPlaceholder",children:t("pages.create.panels.inspiration.placeholder")})})]})})}export{_e as default};
//# sourceMappingURL=index-BvWOlDKV.js.map