You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
40 KiB
2 lines
40 KiB
import{h as Ge,i as Ye,R as he,j as ne,a as qe,k as Ke,l as Qe,m as We,n as Je,p as Xe,q as Ze,r as ea,s as aa,t as sa,v as ta,_ as ra,w as ca,x as ia,y as la,z as na,A as oa,B as _a,C as da,D as ma,E as ha,F as ga,G as pa,H as ua,I as Ca,J as va,K as ba,L as fa,M as xa,N as Na,O as ya,P as ja,Q as wa,S as Ra,T as Sa,U as Ma,V as ka,W as Aa,X as Ta,Y as Ia,Z as La,$ as Pa,a0 as Ea,a1 as Da,a2 as Ua,a3 as Fa,a4 as Ba,a5 as Oa,a6 as Va,a7 as $a,a8 as za,a9 as Ha,aa as Ga,ab as Ya,ac as qa,ad as Ka,ae as Qa,af as Wa,ag as Ja,ah as Xa,ai as Za,aj as es,ak as as,al as ss,am as ts,an as rs,ao as cs,ap as is,aq as ls,ar as ns,as as os,at as _s,au as ds,av as ms,aw as hs,ax as gs,ay as ps,az as us,aA as Cs,aB as Se,aC as Me,aD as vs,aE as bs,aF as fs,aG as xs,aH as Ns,aI as ys,aJ as js,aK as ws,aL as Rs,aM as Ss,aN as Ms,aO as ks,aP as As,aQ as Ts,aR as Is,aS as Ls,aT as Ps,aU as Es,aV as ke}from"./index-BF-Ici5R.js";import{j as e}from"./markdown-vendor-DnN-_XEd.js";import{u as Pe,r}from"./data-vendor-DOiUz3Tw.js";import{d as Ds}from"./download-CDrpOcU7.js";import{c as Us}from"./imageDragTransfer-INFPNSr-.js";import{A as Fs}from"./index-DHTJ1olG.js";import{a as Bs}from"./react-vendor-B8OyfHW2.js";import{M as u,E as Os,I as Vs,D as Ae}from"./arco-vendor-Cm-ntj-q.js";const $s=new URL("/assets/ic_checkbox_agreement_off-DYbDLFis.png",import.meta.url).href,zs=new URL("/assets/ic_checkbox_agreement_on-CfQo_XPS.png",import.meta.url).href;function Hs(t){const d=t?.createTime;if(d==null||d==="")return"";const C=Number(d),b=Number.isFinite(C)?String(d).length===10?C*1e3:C:Number.NaN,p=Number.isFinite(b)?new Date(b):new Date(String(d));if(Number.isNaN(p.getTime()))return"";const n=p.getFullYear(),y=`${p.getMonth()+1}`.padStart(2,"0"),o=`${p.getDate()}`.padStart(2,"0"),I=`${p.getHours()}`.padStart(2,"0"),j=`${p.getMinutes()}`.padStart(2,"0");return`${n}-${y}-${o} ${I}:${j}`}function Gs({visible:t,taskList:d,initialTaskId:C,onClose:b,onCreated:p}){const{t:n}=Pe(),y=Bs(),[o,I]=r.useState(null),[j,G]=r.useState(o?.resultList?.[0]?.images?.[0]??""),[W,J]=r.useState(o?.resultList?.[0]?.images?.[0]??""),[v,B]=r.useState(""),[x,E]=r.useState(""),[V,Y]=r.useState(""),[$,ae]=r.useState(!1),[w,z]=r.useState(!1),[D,q]=r.useState(!1),A=r.useRef(null),oe=Ge(),k=o?.userCreatedCharacter,R=Number(k?.id)>0,U=r.useCallback(()=>{window.requestAnimationFrame(()=>{const m=A.current;m&&m.scrollTo({left:m.scrollWidth,behavior:"smooth"})})},[]);r.useEffect(()=>{t||(I(null),G(""),J(""),B(""),E(""),Y(""),ae(!1),z(!1),q(!1))},[t]),r.useEffect(()=>{if(t){if(C){const m=d.find(f=>String(f.id)===String(C));if(m){I(m);return}}I(d[d.length-1]??null),U()}},[t,C,d,U]),r.useEffect(()=>{if(!t||!o)return;if(!d.some(L=>String(L.id)===String(o.id))){I(d[d.length-1]??null),U();return}const f=d.find(L=>String(L.id)===String(o.id));f&&f!==o&&I(f)},[t,d,o,U]),r.useEffect(()=>{const m=R?k?.avatar??"":o?.resultList?.[0]?.images?.[0]??"";B(""),J(m),G(m),E(R?k?.characterName??"":""),Y(R?k?.description??"":"")},[o,R,k?.avatar,k?.characterName,k?.description]);const se=r.useCallback(()=>{if(!W)return;const m=W.split("#")[0];B(`${m}#crop=${Date.now()}`)},[W]),S=r.useCallback(async()=>{if(R){u.warning(n("pages.charactersCreate.createRoleModal.alreadyCreated"));return}if(!j){u.warning(n("pages.charactersCreate.createRoleModal.uploadAvatarFirst"));return}if(!x.trim()){u.warning(n("pages.charactersCreate.createRoleModal.inputName"));return}if(!V.trim()){u.warning(n("pages.charactersCreate.createRoleModal.inputDescription"));return}if(!w){u.warning(n("pages.charactersCreate.createRoleModal.agreementRequired"));return}if(!o?.id){u.warning(n("pages.charactersCreate.createRoleModal.taskNotFound"));return}q(!0);try{await Ye({taskId:o.id,avatar:j,characterName:x,description:V,isPublic:$}),u.success(n("pages.charactersCreate.createRoleModal.createSuccess")),p?.(String(o.id)),b(),y(he.CHARACTERS)}catch{u.error(n("pages.charactersCreate.createRoleModal.createFailed"))}finally{q(!1)}},[o?.id,w,j,x,V,R,$,y,b,p,n]);if(!t)return null;const F=m=>{const f=A.current;if(!f)return;const L=m==="left"?-121:121;f.scrollBy({left:L,behavior:"smooth"})};return e.jsxs("div",{className:"charactersCreateRoleModal",children:[e.jsx("div",{className:"charactersCreateRoleModal__mask",onClick:b}),e.jsxs("div",{className:"charactersCreateRoleModal__container",role:"dialog","aria-modal":"true","aria-label":n("pages.charactersCreate.createRoleModal.dialogAria"),children:[e.jsxs("section",{className:"charactersCreateRoleModal__previewSection",children:[e.jsx("div",{className:"charactersCreateRoleModal__previewMain",children:o?.resultList?.[0]?.images?.[0]?e.jsx("img",{alt:"",className:"charactersCreateRoleModal__previewMainImage",src:o.resultList[0].images[0]}):null}),e.jsxs("div",{className:"charactersCreateRoleModal__thumbSection",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__thumbArrow ",onClick:()=>F("left"),style:{transform:"rotate(180deg)"},children:e.jsx("img",{alt:"",src:new URL("/assets/ic_arrow_right_gray-DM6GPP4g.png",import.meta.url).href})}),e.jsx("div",{ref:A,className:"charactersCreateRoleModal__thumbList",children:d.map((m,f)=>{const L=String(m.id??f),K=m.resultList[0]?.images?.[0]??"",X=String(m.id)===String(o?.id);return e.jsxs("button",{type:"button",className:`charactersCreateRoleModal__thumbItem${X?" charactersCreateRoleModal__thumbItem_active":""}`,onClick:()=>{I(m)},children:[K?e.jsx("img",{alt:"",className:"charactersCreateRoleModal__thumbImage",src:K}):null,X?null:e.jsx("span",{className:"charactersCreateRoleModal__thumbMask"})]},L)})}),e.jsx("button",{type:"button",className:"charactersCreateRoleModal__thumbArrow ",onClick:()=>F("right"),children:e.jsx("img",{alt:"",src:new URL("/assets/ic_arrow_right_gray-DM6GPP4g.png",import.meta.url).href})})]})]}),e.jsxs("section",{className:"charactersCreateRoleModal__formSection",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__close","aria-label":n("button.close"),onClick:b,children:e.jsx("img",{alt:"",src:new URL("/assets/ic_close-C0Ltcj9g.png",import.meta.url).href})}),e.jsxs("div",{className:"charactersCreateRoleModal__formScrollArea",children:[e.jsx("div",{className:"charactersCreateRoleModal__avatarAdd",children:j?e.jsx("button",{type:"button",className:"charactersCreateRoleModal__preview",onClick:se,disabled:R,children:e.jsx("img",{alt:"",className:"charactersCreateRoleModal__previewImage",src:j})}):e.jsx("img",{alt:"",className:"charactersCreateRoleModal__avatarAddImage",src:new URL("/assets/ic_avatar_add-DSbJ8ACW.png",import.meta.url).href})}),e.jsxs("div",{className:"charactersCreateRoleModal__formBody",children:[e.jsxs("div",{className:"charactersCreateRoleModal__fieldRow",children:[e.jsx("label",{className:"charactersCreateRoleModal__fieldLabel",children:n("character_detail.name_label")}),e.jsx("input",{className:"charactersCreateRoleModal__nameInput",value:x,onChange:m=>E(m.target.value),placeholder:n("pages.charactersCreate.createRoleModal.required"),disabled:R})]}),e.jsxs("div",{className:"charactersCreateRoleModal__fieldBlock",children:[e.jsx("label",{className:"charactersCreateRoleModal__fieldLabel",children:n("pages.charactersCreate.createRoleModal.descriptionLabel")}),e.jsx("textarea",{className:"charactersCreateRoleModal__introInput",value:V,onChange:m=>Y(m.target.value),placeholder:n("pages.charactersCreate.createRoleModal.descriptionPlaceholder"),disabled:R})]}),e.jsxs("div",{className:"charactersCreateRoleModal__toggleRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:n("pages.charactersCreate.createRoleModal.publicDisplay")}),e.jsxs("button",{type:"button",className:`charactersCreateRoleModal__toggle${$?" charactersCreateRoleModal__toggle_on":""}`,onClick:()=>ae(m=>!m),"aria-label":n("pages.charactersCreate.createRoleModal.publicDisplaySwitchAria"),"aria-pressed":$,children:[e.jsx("span",{className:"charactersCreateRoleModal__toggleKnob"}),e.jsx("span",{className:"charactersCreateRoleModal__toggleText",children:$?"ON":"OFF"})]})]}),e.jsxs("div",{className:"charactersCreateRoleModal__infoGroup",children:[e.jsxs("div",{className:"charactersCreateRoleModal__promptBlock",children:[e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:n("pages.assetDetails.promptLabel")}),e.jsx("p",{className:"charactersCreateRoleModal__promptText",children:o?.chatPrompt??""}),e.jsx("img",{alt:"",className:"charactersCreateRoleModal__promptCopyIcon",src:new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWUlEQVRYhe3YsS8DURzA8U8FiYSGxGCRzkwYROwWU0mMwtQY+5dgbgi7wcR/YDUYLDWIwSQiBoNKa+g1qtreta5VyX2Tl/fu3e/37nuXd5f3LlWpVAwSQ38t0EgiFMbACQ036ywUCvWH4yhiJuZrZ3K53EMkoQamA5kSHmMQSWMKk+hKqMYtFmIQyuOg1cn/MYdwjsWGmHncRxy3iC28xCWUbdI3gkzEcTO4wBre4hCC1w4E6rnBLFZxpnpzpTiEKrp45CgH9RPWcYydYLxQejmps3jGNvajJvVS6BITQTuPvShJvRC6Duq06otQYyVKci+ENpGqKxudJA/chzERCiMRCiMRCqOTBdpvWcahr2VNU/opNBeUGk1XAP0UusJR0H5XXcT9oJ9CdzgNC2onNIrdGESWOgluJzSGk9+5fOMjSlAroYzqvikuyiJuEFLJ75gQEqEwBk7oE5CnMiGC6jI6AAAAAElFTkSuQmCC",import.meta.url).href,onClick:()=>void oe(o?.chatPrompt)})]}),e.jsxs("div",{className:"charactersCreateRoleModal__materialsBlock",children:[e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:n("pages.assetDetails.useMaterial")}),e.jsx("div",{className:"charactersCreateRoleModal__materialsList",children:o?.images?.map((m,f)=>e.jsx("div",{className:"charactersCreateRoleModal__materialItem",children:e.jsx("img",{alt:"",className:"charactersCreateRoleModal__materialImage",src:m})},`${m}-${f}`))})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:n("pages.assetDetails.model")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:o?.aiModelName??""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:n("pages.assetDetails.ratio")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:o?.aspectRatio??""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:n("pages.assetDetails.size")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:o?.width&&o?.height?`${o.width}x${o.height}`:""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:n("pages.charactersCreate.createRoleModal.createDate")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:Hs(o)})]})]})]})]}),e.jsxs("div",{className:"charactersCreateRoleModal__footer",children:[e.jsxs("div",{className:"charactersCreateRoleModal__agreement",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__agreementCheckbox","aria-label":n("pages.charactersCreate.createRoleModal.agreeTermsAria"),"aria-checked":w,onClick:()=>z(m=>!m),children:e.jsx("img",{alt:"",className:"charactersCreateRoleModal__agreementCheckboxIcon",src:w?zs:$s})}),e.jsxs("p",{className:"charactersCreateRoleModal__agreementText",children:[n("pages.charactersCreate.createRoleModal.uploadMeansAgree"),e.jsx("a",{href:he.LEGAL+"#user-agreement",target:"_blank",rel:"noreferrer",children:n("app.user_terms")}),n("auth.agreement_sub2"),e.jsx("a",{href:he.LEGAL+"#privacy-policy",target:"_blank",rel:"noreferrer",children:n("app.privacy_policy")})]})]}),e.jsx("button",{type:"button",className:"charactersCreateRoleModal__submitBtn",onClick:()=>{if(R){u.warning(n("pages.charactersCreate.createRoleModal.alreadyCreated"));return}S()},disabled:D,"aria-disabled":R||D,style:R?{opacity:.5,cursor:"not-allowed"}:void 0,children:n("pages.charactersCreate.createRole")})]})]})]}),e.jsx(Fs,{image:v,onUploaded:m=>{G(m),B("")}})]})}const Ys=[{key:"batchSize",name:"batchSize",options:[{value:1,label:"1",factor:1},{value:2,label:"2",factor:2},{value:3,label:"3",factor:3},{value:4,label:"4",factor:4}]}],qs=new Set(["ratio"]),Ks=[{ratio:"21:9",width:1680,height:720},{ratio:"16:9",width:1280,height:720},{ratio:"3:2",width:1080,height:720},{ratio:"4:3",width:960,height:720},{ratio:"1:1",width:960,height:960},{ratio:"3:4",width:720,height:960},{ratio:"2:3",width:720,height:1080},{ratio:"9:16",width:720,height:1280}],Te="popiart.charactersCreate.aiExpand",Ie="popiart.charactersCreate.expandLang",O=5,Qs=3e3;function Ws(t){if(typeof t!="string"||t.trim()==="")return{};try{return JSON.parse(t)}catch{return{}}}function Js(t,d){const C=d?.width,b=d?.height;if(typeof C!="number"||typeof b!="number"||!Number.isFinite(C)||!Number.isFinite(b))return{};const p=t==="2K";return{width:p?C*2:C,height:p?b*2:b}}function Xs(t){const d=t;return d?.data?.list??d?.list??[]}function Le(t,d){return qs.has(t.trim().toLowerCase())?!0:(d??"").trim().toLowerCase()==="ratio"}function Zs(t){if(!t)return null;const d=Ks.find(o=>o.ratio===t);if(d)return d;const[C,b]=t.split(":"),p=Number(C),n=Number(b);if(!Number.isFinite(p)||!Number.isFinite(n)||p<=0||n<=0)return null;const y=720;return p>=n?{ratio:t,width:Math.round(p/n*y),height:y}:{ratio:t,width:y,height:Math.round(n/p*y)}}function T(t){const d=t?.id??t?.taskId;return d==null||d===""?null:String(d)}function ot(){const{t}=Pe(),[d,C]=r.useState([]),[b,p]=r.useState([]),[n,y]=r.useState([]),[o,I]=r.useState([]),[j,G]=r.useState(null),[W,J]=r.useState([]),[v,B]=r.useState(null),[x,E]=r.useState({}),[V,Y]=r.useState(!1),[$,ae]=r.useState(!1),[w,z]=r.useState([]),[D,q]=r.useState(""),[A,oe]=r.useState(()=>{if(typeof window>"u")return!1;try{return localStorage.getItem(Te)==="1"}catch{return!1}}),[k,R]=r.useState(()=>{if(typeof window>"u")return"ZH";try{const a=localStorage.getItem(Ie);if(a==="EN"||a==="ZH")return a}catch{}return"ZH"}),[U,se]=r.useState({}),[S,F]=r.useState([]),[m,f]=r.useState(1),[L,K]=r.useState(!0),[X,ge]=r.useState(!1),[pe,ue]=r.useState(!1),[_e,Ce]=r.useState(!1),[ve,de]=r.useState(!1),[et,be]=r.useState(null),H=r.useMemo(()=>Us(),[]),fe=r.useRef(null),te=r.useRef(null),re=r.useRef(!1),Z=r.useRef(!0),ce=r.useRef(1),xe=r.useRef(0),Ne=r.useCallback(a=>{const s=a?.id;if(s==null)return;const c=n.some(l=>String(l?.id)===String(s)),i={type:"character",id:a?.id,threeViewImage:String(a?.threeViewImage??""),avatar:a?.avatar};z(l=>{const g=l.some(_=>typeof _=="object"&&_.type==="character"&&String(_.id)===String(s));return g?(y(_=>_.filter(h=>String(h?.id)!==String(s))),l.filter(_=>!(typeof _=="object"&&_.type==="character"&&String(_.id)===String(s)))):!g&&c?(y(_=>_.filter(h=>String(h?.id)!==String(s))),l):l.length>=O?(u.warning(t("composer.maxUploadReached",{max:O})),l):(y(_=>_.some(h=>String(h?.id)===String(s))?_:[..._,a]),[...l,i])})},[n,t]),ye=r.useCallback(a=>{z(s=>{const c=[...s,String(a.url??"")];return c.length>O?c.slice(0,O):c})},[]),Ee=r.useCallback((a,s)=>{H.startImageDrag({evt:a,dragUrl:s,previewUrl:s})},[H]),ie=r.useCallback(async()=>{try{const s=await ne({page:1,pageSize:50,type:1,subType:106,status_min:0}),c=Array.isArray(s?.data?.list)?s.data.list:[];F(c),f(1),ce.current=1,K(c.length>=50),Z.current=c.length>=50}catch{F([]),f(1),ce.current=1,K(!1),Z.current=!1}},[]),le=r.useCallback(async()=>{if(re.current||!Z.current)return;const a=ce.current+1,s=50;re.current=!0,ge(!0);const c=++xe.current;try{const i=await ne({page:a,pageSize:s,type:1,subType:106,status_min:0}),l=Array.isArray(i?.data?.list)?i.data.list:[];if(F(_=>{if(l.length===0)return _;const h=new Set(_.map(M=>T(M)).filter(M=>!!M)),N=l.filter(M=>{const Q=T(M);return Q?h.has(Q)?!1:(h.add(Q),!0):!0});return[..._,...N]}),c!==xe.current)return;f(a),ce.current=a;const g=l.length>=s;K(g),Z.current=g}catch{}finally{re.current=!1,ge(!1)}},[]);r.useEffect(()=>{let a=!1;return qe({type:1,page:1,pageSize:120}).then(s=>{a||C(s?.data?.list??[])}).catch(()=>{a||C([])}),()=>{a=!0}},[]),r.useEffect(()=>{H.warmupPreviewImages(d.map(a=>a?.threeViewImage??a?.threeView))},[d,H]),r.useEffect(()=>()=>{H.dispose()},[H]),r.useEffect(()=>{(async()=>(await ie(),ue(!0)))()},[ie]),r.useEffect(()=>{if(!pe)return;const a=te.current;if(!a)return;a.scrollTo({top:a.scrollHeight,behavior:"smooth"});const s=window.setTimeout(()=>{if(L&&!X){le();return}L||ue(!1)},350);return()=>{window.clearTimeout(s)}},[L,pe,X,le,S]),r.useEffect(()=>{let a=!1;return Ke().then(s=>{a||p(Xs(s))}).catch(()=>{a||p([])}),()=>{a=!0}},[]),r.useEffect(()=>{let a=!1;return Qe({code:"characterCreate-personToAnime"}).then(s=>{a||se(s?.data??{})}).catch(()=>{a||se({})}),()=>{a=!0}},[]),r.useEffect(()=>{We().then(a=>{const s=a.data?.list?[...a.data?.list].filter(c=>c.taskSubType===106):[];I(s)}).catch(()=>{I([])})},[]),r.useEffect(()=>{o.length!==0&&G(a=>a!=null&&o.some(s=>s.taskSubType===a)?a:o[0].taskSubType)},[o]),r.useEffect(()=>{if(j==null)return;let a=!1;return Je({subType:j}).then(s=>{if(a)return;const i=(Array.isArray(s?.data)?s.data:[]).map(l=>({...l,displayDimensions:Ws(l?.displayDimensions)}));J(i),B(i[0]??null),E({})}).catch(()=>{a||(J([]),B(null),E({}))}),()=>{a=!0}},[j]);const P=r.useMemo(()=>{const a=v?.displayDimensions?.dimensions??{};return[...Object.entries(a).filter(([,c])=>Array.isArray(c?.options)&&(c?.options?.length??0)>0).map(([c,i])=>({key:c,name:i?.name??c,options:i?.options??[]})),...Ys]},[v]);r.useEffect(()=>{P.length!==0&&E(a=>{const s={};return P.forEach(c=>{const i=c.options[0]?.value,l=a[c.key];if(c.options.some(_=>_.value===l)){s[c.key]=l;return}i!==void 0&&(s[c.key]=i)}),s})},[P]);const De=r.useMemo(()=>{const a=P.map(s=>{const c=x[s.key],i=s.options.find(g=>g.value===c)??s.options[0],l=i?.label??String(i?.value??"");return{key:s.key,label:l}}).filter(s=>!!s.label);return a.length===0?t("composer.paramPreset"):e.jsx(e.Fragment,{children:a.map((s,c)=>e.jsxs(r.Fragment,{children:[c>0?e.jsx("span",{className:"charactersCreate__paramPresetDivider","aria-hidden":"true"}):null,s.label]},s.key))})},[P,x,t]),ee=r.useMemo(()=>{const a=P.find(l=>Le(l.key,l.name));if(!a)return null;const s=x[a.key],c=a.options[0]?.value,i=String(s??c??"");return i?Zs(i):null},[P,x]),Ue=r.useMemo(()=>{const a=Number(v?.baseRatio??0),s=Number(v?.discountCoef??1);if(!Number.isFinite(a)||a<=0||!Number.isFinite(s)||s<=0)return 0;const c=P.reduce((i,l)=>{const g=x[l.key],_=l.options.find(N=>N.value===g)??l.options[0],h=Number(_?.factor??1);return!Number.isFinite(h)||h<=0?i:i*h},1);return Math.ceil(a*c*s)},[v,P,x]);r.useEffect(()=>{try{localStorage.setItem(Te,A?"1":"0"),localStorage.setItem(Ie,k)}catch{}},[A,k]);const je=r.useCallback(()=>{fe.current?.click()},[]),Fe=r.useCallback(a=>{const s=a.target.files;if(!s||s.length===0)return;const c=Array.from(s).filter(i=>i.type.startsWith("image/"));if(c.length===0){a.target.value="";return}(async()=>{try{const i=Math.max(0,O-w.length);if(i<=0){u.warning(t("composer.maxUploadReached",{max:O}));return}const l=await Xe(c.slice(0,i));z(g=>[...g,...l]),c.length>i&&u.warning(t("composer.maxUploadReached",{max:O}))}catch{u.error(t("composer.uploadFailed"))}})(),a.target.value=""},[w.length,t]),Be=r.useCallback(a=>{z(s=>{const c=s[a];return typeof c=="object"&&c.type==="character"&&y(i=>i.filter(l=>String(l?.id)!==String(c.id))),s.filter((i,l)=>l!==a)})},[t]);r.useCallback((a,s,c)=>{const i=a?.images?.[0];if(!i){u.error(t("pages.charactersCreate.noDownloadImage"));return}const l=T(s)??"task";Ds(String(i),`character-${l}-${c+1}.png`)},[t]),r.useCallback(a=>{const s=T(a);if(!s){u.error(t("pages.charactersCreate.taskIdMissing"));return}Os.confirm({title:t("pages.charactersCreate.confirmDeleteTitle"),content:t("pages.charactersCreate.confirmDeleteContent"),okText:t("pages.assetDetails.delete"),cancelText:t("button.cancel"),okButtonProps:{status:"danger"},onOk:async()=>{try{await Ze(s),F(c=>c.filter(i=>T(i)!==s)),u.success(t("pages.assetDetails.deleteSuccess"))}catch{u.error(t("pages.assetDetails.deleteFailed"))}}})},[]);const we=r.useCallback(()=>{window.requestAnimationFrame(()=>{const a=te.current;a&&a.scrollTo({top:a.scrollHeight,behavior:"smooth"})})},[]),Oe=r.useCallback(async()=>{if(!_e){Ce(!0);try{if(D.trim()===""){u.error(t("composer.promptRequired"));return}let a=D.trim();if(A)try{const l=(await ea({text:D,lang:k}))?.data?.text||D;a=String(l).trim()}catch{return}const s={subType:j,aiModelName:v?.name,aiPlatform:v?.code,aiModelId:v?.id,model:v?.code,aiModelCode:v?.code,aiModelCodeAlias:v?.aiModelCodeAlias,type:1,...x,...Js(x.resolution,ee),chatPrompt:a,images:w.map(i=>typeof i=="string"?i:i.threeViewImage).filter(i=>!!i)},c=w.filter(i=>typeof i=="object"&&i.type==="character").map(i=>i.id).filter(i=>i!=null&&i!=="");c.length>0&&(s.characterIdList=c),await aa(s),await ie(),setTimeout(()=>{we()},100)}catch{}finally{Ce(!1)}}},[v,j,A,D,w,_e,k,ee,ie,we,x,t]),Ve=r.useCallback(()=>{const a=te.current;if(!a||re.current||!Z.current)return;a.scrollHeight-a.scrollTop-a.clientHeight<=60&&le()},[le]),me=r.useMemo(()=>S.filter(a=>a?.status==0||a?.status==1).map(a=>T(a)).filter(a=>!!a),[S]),Re=r.useMemo(()=>S.length>0&&S.some(a=>Number(a?.status)===2),[S]),$e=r.useMemo(()=>S.filter(a=>Array.isArray(a?.resultList)&&a?.status>=0),[S]);r.useCallback(a=>{be(String(a?.id??"")),de(!0)},[]);const ze=r.useCallback(async a=>{if(S.some(c=>T(c)===String(a)))try{const c=await ne({ids:String(a),type:1,subType:106}),i=Array.isArray(c?.data?.list)?c.data.list:[];if(i.length===0)return;const l=new Map;if(i.forEach(g=>{const _=T(g);_&&l.set(_,g)}),l.size===0)return;F(g=>g.map(_=>{const h=T(_);return h?l.get(h)??_:_}))}catch{}},[S]);return r.useEffect(()=>{if(me.length===0)return;let a=!1;const s=me.join(","),c=async()=>{try{const l=await ne({ids:s,type:1,subType:106});if(a)return;const g=Array.isArray(l?.data?.list)?l.data.list:[];if(g.length===0)return;const _=new Map;if(g.forEach(h=>{const N=T(h);if(!N)return;const M=Number(h?.status);if(M<0){u.error(h?.userErrorTipMsg?String(h.userErrorTipMsg):t("pages.charactersCreate.taskGenerateFailed")),_.set(N,h);return}M===2&&_.set(N,h)}),_.size===0)return;F(h=>h.map(N=>{const M=T(N);return M?_.get(M)??N:N}))}catch{}};c();const i=window.setInterval(()=>{c()},Qs);return()=>{a=!0,window.clearInterval(i)}},[me,t]),e.jsxs("div",{className:"charactersCreate",children:[e.jsxs("div",{className:"charactersCreate__row",children:[e.jsx("aside",{className:"charactersCreate__left",children:e.jsxs("div",{className:"charactersCreate__leftInner",children:[e.jsxs("div",{className:"charactersCreate__leftBody",children:[e.jsx("div",{className:"charactersCreate__leftHeader",children:e.jsx("h2",{className:"charactersCreate__leftTitle",children:t("pages.charactersCreate.styleLibraryTitle")})}),e.jsx("div",{className:"charactersCreate__leftScroll",children:e.jsx("div",{className:"charactersCreate__styleGrid",children:d.map((a,s)=>e.jsx("button",{type:"button",className:classNames("charactersCreate__styleCell",n.some(c=>String(c?.id)===String(a.id))&&"charactersCreate__styleCell_selected"),draggable:!0,onMouseEnter:()=>{H.ensurePreviewImage(a.threeViewImage)},onDragStart:c=>{Ee(c,a.threeViewImage)},onClick:()=>{Ne(a)},children:e.jsx("span",{className:"charactersCreate__styleCellInner",children:e.jsx("img",{alt:"",className:"charactersCreate__styleImg",src:a.avatar,draggable:!1})})},String(a.id??s)))})})]}),e.jsx("button",{type:"button",className:"charactersCreate__leftMore",onClick:()=>{sa({onSelect:a=>{Ne(a)}})},children:t("index.explore_more")})]})}),e.jsxs("main",{className:"charactersCreate__center",children:[S.length===0?e.jsxs("div",{className:"charactersCreate__empty",children:[e.jsx("img",{alt:"",className:"charactersCreate__emptyIcon",src:new URL("/assets/ic_empty-C6qZWQhL.png",import.meta.url).href}),e.jsxs("div",{className:"charactersCreate__emptyText",children:[e.jsx("p",{className:"charactersCreate__emptyLine",children:t("pages.charactersCreate.emptyLine1")}),e.jsx("p",{className:"charactersCreate__emptyLine",children:t("pages.charactersCreate.emptyLine2")})]})]}):e.jsx("section",{ref:te,className:"charactersCreate__taskPreview","aria-label":t("pages.charactersCreate.taskPreviewAria"),onScroll:Ve,children:S.map((a,s)=>{const c=T(a)??`task-${s}`;return e.jsxs("div",{className:"charactersCreate__taskPreviewInner",children:[e.jsx("div",{className:"charactersCreate__taskPreviewTop",children:Array.isArray(a?.images)&&a.images.map((i,l)=>e.jsx("div",{className:"charactersCreate__taskPreviewStyleCard",children:e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewStyleImage",src:i})},`task-image-${c}-${l}`))}),e.jsx("p",{className:"charactersCreate__taskPreviewPrompt",children:a?.chatPrompt}),a?.status==0||a?.status==1?e.jsx("div",{className:"charactersCreate__taskPreviewBody",children:e.jsx("div",{className:"charactersCreate__taskPreviewMainFrame charactersCreate__taskPreviewMainFrame_pending",children:e.jsxs("div",{className:"charactersCreate__taskPreviewPending",children:[e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewPendingIcon",src:new URL("/assets/pending-iKg2Z6_3.png",import.meta.url).href}),e.jsx("span",{className:"charactersCreate__taskPreviewPendingText",children:"GENERITING..."})]})})}):Array.isArray(a?.resultList)&&a?.status>=0?a.resultList.map((i,l)=>e.jsx(r.Fragment,{children:e.jsx("div",{className:"charactersCreate__taskPreviewBody",children:e.jsx("div",{className:"charactersCreate__taskPreviewMainFrame",children:e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewMainImage",src:i?.images?.[0]})})})},`task-result-${c}-${l}`)):null]},`task-preview-${c}`)})}),e.jsxs("div",{className:"charactersCreate__composer",children:[o.map((a,s)=>{const c=j===a.taskSubType;return e.jsxs("button",{type:"button",className:classNames("charactersCreate__composerTab",c&&"charactersCreate__composerTab_active"),onClick:()=>{G(a.taskSubType)},children:[e.jsx("img",{alt:"",className:"charactersCreate__composerTabIcon",src:a.icon}),e.jsx("span",{className:"charactersCreate__composerTabLabel",children:a.name})]},`${String(a.taskSubType??a.id??"category")}-${s}`)}),e.jsxs("div",{className:"charactersCreate__composerPanel",children:[e.jsxs("div",{className:"charactersCreate__composerRow",children:[w.length===0?e.jsx("button",{type:"button",className:"charactersCreate__composerUploadCard","aria-label":t("composer.actions.uploadReferenceImage"),onClick:je,children:e.jsx("img",{src:new URL("/assets/ic_plus-DsKUbTM-.png",import.meta.url).href,alt:""})}):e.jsx("div",{className:"charactersCreate__composerUploadList","aria-label":t("composer.aria.referenceImageList"),children:w.map((a,s)=>{const c=s===w.length-1,i=typeof a=="object"&&a.type==="character",l=typeof a=="string"?a:a.threeViewImage;return e.jsxs("div",{className:"charactersCreate__composerUploadCard charactersCreate__composerUploadCard_preview",children:[e.jsx("img",{className:"charactersCreate__composerUploadPreview",src:l,alt:""}),e.jsx("button",{type:"button",className:"charactersCreate__composerUploadDeleteBtn","aria-label":t(i?"pages.charactersCreate.deleteRoleAria":"composer.actions.deleteImage"),onClick:()=>Be(s),children:e.jsx("img",{src:new URL("/assets/ic_close-C0Ltcj9g.png",import.meta.url).href,alt:""})}),c&&w.length<O?e.jsx("button",{type:"button",className:"charactersCreate__composerUploadAddBtn","aria-label":t("composer.actions.continueUploadReferenceImage"),onClick:je,children:e.jsx("img",{src:new URL("/assets/addImage-Do8_T8na.png",import.meta.url).href,alt:""})}):null]},typeof a=="string"?`${a}-${s}`:`character-${String(a.id??s)}-${s}`)})}),e.jsx("input",{ref:fe,className:"charactersCreate__composerUploadInput",type:"file",accept:"image/*",multiple:!0,onChange:Fe,tabIndex:-1,"aria-hidden":"true"}),e.jsx(Vs.TextArea,{className:"charactersCreate__composerTextarea",value:D,onChange:a=>q(a),placeholder:t("pages.charactersCreate.promptPlaceholder"),"aria-label":t("composer.aria.promptInput"),autoSize:{minRows:1,maxRows:4}})]}),e.jsxs("div",{className:"charactersCreate__composerToolbar",children:[e.jsxs("div",{className:"charactersCreate__toolbarLeft",children:[e.jsx(Ae,{trigger:"click",position:"tl",popupVisible:$,onVisibleChange:ae,getPopupContainer:()=>document.body,triggerProps:{className:"charactersCreate__paramDropdownTrigger"},droplist:e.jsx("div",{className:"charactersCreate__paramDropdown",role:"menu","aria-label":t("composer.aria.paramPresetList"),children:P.map(a=>{const s=x[a.key],c=a.options[0]?.value,i=s??c,l=Le(a.key,a.name);return e.jsxs("div",{className:"charactersCreate__paramGroup",children:[e.jsx("p",{className:"charactersCreate__paramTitle",children:a.key==="batchSize"?t("composer.fields.batchSize"):a.name}),e.jsx("div",{className:classNames("charactersCreate__paramOptions",l&&"charactersCreate__paramOptions_ratio"),role:"group","aria-label":a.name,children:a.options.map((g,_)=>{const h=g.value,N=g.label??String(h),M=i===h,Q=l?ta(N):null;return e.jsx("button",{type:"button",role:"menuitemradio","aria-checked":M,className:classNames("charactersCreate__paramOption",M&&"charactersCreate__paramOption_active",l&&"charactersCreate__paramOption_ratio"),onClick:()=>{E(He=>({...He,[a.key]:h}))},children:l?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"charactersCreate__ratioShapeSlot","aria-hidden":"true",children:e.jsx("span",{className:"charactersCreate__ratioShape",style:{width:`${Q?.width??20}px`,height:`${Q?.height??20}px`}})}),e.jsx("span",{className:"charactersCreate__ratioLabel",children:N})]}):N},`${a.key}-${String(h)}-${_}`)})}),l&&ee?e.jsxs("div",{className:"charactersCreate__paramRatioSizeWrap","aria-label":t("composer.aria.sizePreview"),children:[e.jsx("p",{className:"charactersCreate__paramTitle",children:t("composer.fields.size")}),e.jsxs("div",{className:"charactersCreate__paramRatioSizeRow",children:[e.jsxs("span",{className:"charactersCreate__paramRatioSizeValue",children:["W ",ee.width]}),e.jsx("img",{className:"charactersCreate__paramRatioSizeLink",src:new URL("/assets/ic_link-BaYntrUJ.png",import.meta.url).href,alt:""}),e.jsxs("span",{className:"charactersCreate__paramRatioSizeValue",children:["H ",ee.height]})]})]}):null]},a.key)})}),children:e.jsx("button",{type:"button",className:"charactersCreate__pill charactersCreate__pill--spec","aria-label":t("composer.paramPreset"),children:e.jsx("span",{className:"charactersCreate__paramPresetItem",children:De})})}),e.jsx(Ae,{trigger:"click",position:"tl",popupVisible:V,onVisibleChange:Y,getPopupContainer:()=>document.body,triggerProps:{className:"charactersCreate__modelDropdownTrigger"},droplist:e.jsxs("div",{className:"charactersCreate__modelDropdown",role:"menu","aria-label":t("pages.charactersCreate.modelListAria"),children:[e.jsx("p",{className:"charactersCreate__modelDropdownTitle",children:t("composer.modelLibrary")}),e.jsx("div",{className:"charactersCreate__modelDropdownList",children:W.map((a,s)=>{const c=v===a;return e.jsxs("button",{type:"button",role:"menuitem",className:classNames("charactersCreate__modelDropdownItem",c&&"charactersCreate__modelDropdownItem_active"),onClick:()=>{B(a),E({}),Y(!1)},children:[a.icon?e.jsx("img",{alt:"",className:"charactersCreate__modelDropdownItemIcon",src:a.icon}):null,e.jsxs("span",{className:"charactersCreate__modelDropdownItemText",children:[e.jsx("span",{className:"charactersCreate__modelDropdownItemName",children:a.name}),a.description?e.jsx("span",{className:"charactersCreate__modelDropdownItemDesc",children:a.description}):null]})]},a.id??s)})})]}),children:e.jsxs("button",{type:"button",className:"charactersCreate__pill charactersCreate__pill--model","aria-haspopup":"menu","aria-expanded":V,"aria-label":t("composer.actions.selectModel"),children:[e.jsx("img",{alt:"",className:"charactersCreate__modelIcon",src:v?.icon}),e.jsx("span",{className:"charactersCreate__pillText",children:v?.name??t("pages.assetDetails.model")})]})})]}),e.jsxs("div",{className:"charactersCreate__composerActions",children:[A?e.jsx("img",{className:"charactersCreate__langSwitchIcon",src:new URL(Object.assign({"/src/assets/images/AiCategories_template.png":Ps,"/src/assets/images/addImage.png":Ls,"/src/assets/images/app-store.png":Is,"/src/assets/images/avatar.png":Ts,"/src/assets/images/check.png":As,"/src/assets/images/copy-icon.png":ks,"/src/assets/images/diy-role-card.png":Ms,"/src/assets/images/dot.png":Ss,"/src/assets/images/download.png":Rs,"/src/assets/images/explore-cat-icon.png":ws,"/src/assets/images/fav.png":js,"/src/assets/images/flash.png":ys,"/src/assets/images/google-play.png":Ns,"/src/assets/images/hero-image1.png":xs,"/src/assets/images/hero-image2.png":fs,"/src/assets/images/heroTitleIcon1.png":bs,"/src/assets/images/heroTitleIcon2.png":vs,"/src/assets/images/ic_AI.png":Me,"/src/assets/images/ic_AI_active.png":Se,"/src/assets/images/ic_arrow_bottom_white.png":Cs,"/src/assets/images/ic_arrow_right_gray.png":us,"/src/assets/images/ic_arrow_right_purple.png":ps,"/src/assets/images/ic_artist.png":gs,"/src/assets/images/ic_avatar_add.png":hs,"/src/assets/images/ic_character_edit.png":ms,"/src/assets/images/ic_character_edit_white.png":ds,"/src/assets/images/ic_chat_magic.png":_s,"/src/assets/images/ic_checkbox.png":os,"/src/assets/images/ic_checkbox_agreement_off.png":ns,"/src/assets/images/ic_checkbox_agreement_on.png":ls,"/src/assets/images/ic_checkbox_checked.png":is,"/src/assets/images/ic_close.png":cs,"/src/assets/images/ic_collapse.png":rs,"/src/assets/images/ic_collect.png":ts,"/src/assets/images/ic_collect_active.png":ss,"/src/assets/images/ic_copy.png":as,"/src/assets/images/ic_copyright.png":es,"/src/assets/images/ic_crown.png":Za,"/src/assets/images/ic_delete.png":Xa,"/src/assets/images/ic_download.png":Ja,"/src/assets/images/ic_empty.png":Wa,"/src/assets/images/ic_eye.png":Qa,"/src/assets/images/ic_gout.png":Ka,"/src/assets/images/ic_help.png":qa,"/src/assets/images/ic_key.png":Ya,"/src/assets/images/ic_lamp.png":Ga,"/src/assets/images/ic_language.png":Ha,"/src/assets/images/ic_like.png":za,"/src/assets/images/ic_like_active.png":$a,"/src/assets/images/ic_like_white.png":Va,"/src/assets/images/ic_link.png":Oa,"/src/assets/images/ic_look.png":Ba,"/src/assets/images/ic_menu.png":Fa,"/src/assets/images/ic_model.png":Ua,"/src/assets/images/ic_more.png":Da,"/src/assets/images/ic_plus.png":Ea,"/src/assets/images/ic_publish.png":Pa,"/src/assets/images/ic_refresh.png":La,"/src/assets/images/ic_search.png":Ia,"/src/assets/images/ic_share.png":Ta,"/src/assets/images/ic_stars_active.png":Aa,"/src/assets/images/ic_stars_white.png":ka,"/src/assets/images/ic_template_chip.png":Ma,"/src/assets/images/ic_user.png":Sa,"/src/assets/images/icon-version.png":Ra,"/src/assets/images/installl.png":wa,"/src/assets/images/lang_en.png":ja,"/src/assets/images/lang_zh.png":ya,"/src/assets/images/logo-full-white.png":Na,"/src/assets/images/logo.png":xa,"/src/assets/images/nav-arrow.png":fa,"/src/assets/images/official-main-card.png":ba,"/src/assets/images/pending.png":va,"/src/assets/images/popiart.png":Ca,"/src/assets/images/powered-icon.png":ua,"/src/assets/images/scene1.png":pa,"/src/assets/images/scene2.png":ga,"/src/assets/images/scene3.png":ha,"/src/assets/images/scene4.png":ma,"/src/assets/images/sceneCharacter1.png":da,"/src/assets/images/sceneCharacter2.png":_a,"/src/assets/images/sceneCharacter3.png":oa,"/src/assets/images/sceneCharacter4.png":na,"/src/assets/images/search.png":la,"/src/assets/images/social-media-card.png":ia,"/src/assets/images/star.png":ca,"/src/assets/images/wxgh_loading.png":ra})[`/src/assets/images/${k==="ZH"?"lang_zh":"lang_en"}.png`],import.meta.url).href,alt:"",onClick:()=>R(a=>a==="ZH"?"EN":"ZH")}):null,e.jsxs("button",{type:"button",className:classNames("charactersCreate__composerExpandBtn",A&&"charactersCreate__composerExpandBtn_active"),"aria-pressed":A,"aria-label":t("composer.actions.aiExpand"),onClick:()=>oe(a=>!a),children:[e.jsx("img",{src:new URL(Object.assign({"/src/assets/images/ic_AI.png":Me,"/src/assets/images/ic_AI_active.png":Se})[`/src/assets/images/ic_AI${A?"_active":""}.png`],import.meta.url).href,alt:""}),e.jsx("span",{children:t("composer.actions.expand")}),e.jsx("img",{src:new URL("/assets/ic_stars_active-qa63FBqE.png",import.meta.url).href,alt:""})]}),e.jsxs("button",{type:"button",className:"charactersCreate__composerCostBtn",onClick:()=>Oe(),disabled:_e,children:[e.jsx("img",{src:new URL("/assets/ic_stars_white-CxqAv7TF.png",import.meta.url).href,alt:""}),e.jsx("span",{children:Ue})]})]})]})]})]})]}),e.jsxs("aside",{className:"charactersCreate__right",children:[e.jsxs("div",{className:"charactersCreate__rightStack",children:[e.jsx("section",{className:"charactersCreate__svc",children:e.jsxs("div",{className:"charactersCreate__svcBlock",children:[e.jsxs("div",{className:"charactersCreate__svcHeader",children:[e.jsx("div",{className:"charactersCreate__svcHeaderMain",children:e.jsx("span",{className:"charactersCreate__svcTitle",children:U.title})}),e.jsx("img",{alt:"",className:"charactersCreate__svcChevron",src:new URL("/assets/ic_arrow_bottom_white-CUyO9U1y.png",import.meta.url).href})]}),e.jsxs("div",{className:"charactersCreate__svcBody",children:[e.jsx("p",{className:"charactersCreate__svcDesc",children:U.desp}),e.jsx("div",{className:"charactersCreate__svcFigure",children:e.jsx("img",{alt:"",className:"charactersCreate__svcImg",src:U.coverUrl})})]}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",onClick:()=>{q(U.prompt)},children:t("pages.charactersCreate.rightCards.realToAnime.cta")})]})}),e.jsx("section",{className:"charactersCreate__svc",children:e.jsxs("div",{className:"charactersCreate__svcBlock",children:[e.jsxs("div",{className:"charactersCreate__svcHeader",children:[e.jsx("div",{className:"charactersCreate__svcHeaderMain",children:e.jsx("span",{className:"charactersCreate__svcTitle",children:t("pages.charactersCreate.rightCards.oneToOne.title")})}),e.jsx("img",{alt:"",className:"charactersCreate__svcChevron",src:new URL("/assets/ic_arrow_bottom_white-CUyO9U1y.png",import.meta.url).href})]}),e.jsxs("div",{className:"charactersCreate__svcBody",children:[e.jsx("p",{className:"charactersCreate__svcDesc",children:t("pages.charactersCreate.rightCards.oneToOne.desc")}),e.jsx("div",{className:"charactersCreate__svcFigure",children:e.jsx("img",{alt:"",className:"charactersCreate__svcImg",src:new URL("/assets/ic_artist-BCuSw5iQ.png",import.meta.url).href})})]}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",onClick:()=>{Es()},children:t("pages.charactersCreate.rightCards.oneToOne.cta")})]})}),e.jsx("section",{className:"charactersCreate__svc",children:e.jsxs("div",{className:"charactersCreate__svcBlock",children:[e.jsxs("div",{className:"charactersCreate__svcHeader",children:[e.jsx("div",{className:"charactersCreate__svcHeaderMain",children:e.jsx("span",{className:"charactersCreate__svcTitle",children:t("pages.charactersCreate.rightCards.copyright.title")})}),e.jsx("img",{alt:"",className:"charactersCreate__svcChevron",src:new URL("/assets/ic_arrow_bottom_white-CUyO9U1y.png",import.meta.url).href})]}),e.jsxs("div",{className:"charactersCreate__svcBody",children:[e.jsx("p",{className:"charactersCreate__svcDesc",children:t("pages.charactersCreate.rightCards.copyright.desc")}),e.jsx("div",{className:"charactersCreate__svcFigure",children:e.jsx("img",{alt:"",className:"charactersCreate__svcImg",src:new URL("/assets/ic_copyright-DIOngrEt.png",import.meta.url).href})})]}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",children:t("pages.charactersCreate.rightCards.copyright.cta")})]})}),e.jsx("section",{className:"charactersCreate__svc charactersCreate__svc--diy",children:e.jsxs("div",{className:"charactersCreate__svcBlock charactersCreate__svcBlock--diy",children:[e.jsx("div",{className:"charactersCreate__svcHeader charactersCreate__svcHeader--diyCap",children:e.jsx("span",{className:"charactersCreate__svcTitleCenter",children:t("pages.charactersCreate.diyTitle")})}),e.jsx("div",{className:"charactersCreate__diyGrid",children:b.map((a,s)=>e.jsxs("button",{type:"button",className:"charactersCreate__diyItem",onClick:()=>{ke({initialCategoryId:Number(a.id),onSelect:c=>{ye(c)}})},children:[e.jsx("div",{className:"charactersCreate__diyThumb",children:e.jsx("img",{alt:"",className:"charactersCreate__diyThumbImg",src:String(a.icon)})}),e.jsx("span",{className:"charactersCreate__diyLabel",children:String(a.name??"")})]},String(a.id??s)))}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",onClick:()=>{ke({onSelect:a=>{ye(a)}})},children:t("index.explore_more")})]})})]}),e.jsx("button",{type:"button",className:classNames("charactersCreate__createGlobal",Re&&"charactersCreate__createGlobal_active"),disabled:!Re,onClick:()=>{be(null),de(!0)},children:t("pages.charactersCreate.createRole")})]})]}),ve&&e.jsx(Gs,{visible:ve,taskList:$e,onClose:()=>de(!1),onCreated:a=>void ze(a)})]})}export{ot as default};
|
|
//# sourceMappingURL=index-BQ-QZ8s2.js.map
|
|
|