PageSourceSearch

https://assaultlily-record.com/_next/static/chunks/2132-0fb23ebb8a285ff1.js

js assaultlily-record.com collected 2026-10-07 14:23:38 UTC 108,096 bytes, 1 lines download raw bytes

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="a989f422-dd53-4fe6-b360-4dae64c688c4",e._sentryDebugIdIdentifier="sentry-dbid-a989f422-dd53-4fe6-b360-4dae64c688c4")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2132],{2132:(e,a,s)=>{s.d(a,{uI:()=>m,se:()=>ee,Zs:()=>ei,GW:()=>em,uZ:()=>e$,K4:()=>eB,AP:()=>eI,B_:()=>eA,C_:()=>eP,qS:()=>eq,b4:()=>e1,XX:()=>e8,nb:()=>ah});var l=s(79532),r=s(93570),t=s(88990),i=s(36871),c=s(40760),n=s(2305),d=s(27500),o=s(80859);let x=[{icon:(0,l.jsx)(i.k,{className:"size-20 text-primary-white"}),title:"自分でも知らなかった、ビルダーとしての自分",description:"活動データからあなたのビルダー像を映し出します。作るほどデータが増えて、カードも育っていきます。"},{icon:(0,l.jsx)(c.q,{className:"size-20 text-primary-white"}),title:"見せ方は、自分で選べる",description:"カードに載せる情報、テーマの色、アイコンの装飾。あなたらしい1枚にカスタマイズできます。"},{icon:(0,l.jsx)(n.Q,{className:"size-20 text-primary-white"}),title:"カードを交換して、つながろう",description:"QRコードやリンクでカードを共有。「どんなビルダーだろう?」が、会話のきっかけに。"}],m=({open:e,onClose:a})=>e?(0,l.jsxs)("div",{className:"absolute inset-0 z-50 flex items-end justify-center bg-overlay",children:[(0,l.jsx)("button",{type:"button","aria-label":"閉じる",onClick:a,className:"absolute inset-0 cursor-default"}),(0,l.jsxs)("div",{className:"relative flex max-h-[90vh] w-full flex-col overflow-y-auto rounded-t-lg border-t border-border bg-surface-subtle",role:"dialog","aria-modal":"true","aria-labelledby":"about-builders-pass-title",children:[(0,l.jsxs)("div",{className:"sticky top-0 z-10 flex items-center justify-between border-b border-border bg-surface-subtle px-16 py-8",children:[(0,l.jsx)("div",{className:"w-36"}),(0,l.jsx)(r.o,{id:"about-builders-pass-title",variant:"subtitleMd",color:"primary",children:"ビルダーズパスとは?"}),(0,l.jsx)(t.K,{size:"small","aria-label":"閉じる",onClick:a,children:(0,l.jsx)(d.Z,{})})]}),(0,l.jsxs)("div",{className:"relative flex flex-col items-center gap-12 bg-surface-info px-24 py-32 text-center",children:[(0,l.jsx)("div",{className:"flex size-56 items-center justify-center rounded-full border border-border-inverse bg-object-neutral backdrop-blur",children:(0,l.jsx)(o.R,{className:"size-28 text-text-primary-white"})}),(0,l.jsx)(r.o,{variant:"headingXl",className:"text-text-primary-white",children:"あなたの「ビルダー像」をかたちに"}),(0,l.jsx)(r.o,{variant:"bodySm",className:"text-text-secondary-white",children:"ビルダーズパスは、ガンプラ制作を楽しむあなたのプロフィール・実績・作品をまとめた、デジタルのビルダー証です。"})]}),(0,l.jsx)("div",{className:"flex flex-col gap-16 px-16 py-24",children:x.map(e=>(0,l.jsxs)("div",{className:"flex gap-12",children:[(0,l.jsx)("div",{className:"flex size-36 shrink-0 items-center justify-center rounded-full bg-object-neutral",children:e.icon}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:e.title}),(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",children:e.description})]})]},e.title))}),(0,l.jsx)("div",{className:"pb-16"})]})]}):null;var b=s(26510),j=s(71157);let h=({src:e,alt:a,className:s="size-64",frame:r="default"})=>{let t=j.nI.find(e=>e.id===r),i=t?.ringColor??"transparent";return"default"===r||"transparent"===i?(0,l.jsx)(b.e,{src:e,alt:a,className:s}):(0,l.jsxs)("div",{className:"relative inline-flex shrink-0 items-center justify-center",children:[(0,l.jsx)("div",{className:"absolute inset-[-3px] rounded-full",style:{background:`linear-gradient(135deg, ${i}, ${i}88)`,padding:"3px"},children:(0,l.jsx)("div",{className:"size-full rounded-full bg-surface-plain"})}),(0,l.jsx)(b.e,{src:e,alt:a,className:`relative ${s}`})]})};var u=s(82592),p=s.n(u),f=s(10210),v=s(71840),g=s(10681),y=s(35921),N=s(92326),k=s(68758),w=s(65387),z=s(69943),S=s(65696),C=s(85677),V=s(62373);let $=(0,S.createContext)(null),M=()=>(0,S.useContext)($),E=({entries:e})=>{let a=Math.max(...e.map(e=>e.value),1);return(0,l.jsx)("div",{className:"flex flex-col gap-4",children:e.map(e=>(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)("span",{className:"w-72 shrink-0",children:(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",children:e.label})}),(0,l.jsx)("div",{className:"relative h-8 flex-1 overflow-hidden rounded-full bg-object-neutral",children:(0,l.jsx)("div",{className:"absolute inset-y-0 left-0 rounded-full bg-object-accent transition-all duration-300",style:{width:`${e.value/a*100}%`}})}),(0,l.jsx)("span",{className:"w-28 shrink-0 text-right",children:(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e.value})})]},e.label))})},K=({title:e,children:a,editable:s,sectionVisible:i,onOpenEdit:c})=>(0,l.jsxs)("div",{className:"flex flex-col gap-12 px-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:e}),s&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":`${e}の表示設定`,onClick:c,children:(0,l.jsx)(V.D,{})})]}),(0,l.jsx)("div",{className:i?"":"pointer-events-none opacity-40",children:a})]}),B=({open:e,onClose:a,title:s,sectionVisible:i,onToggleSection:c,items:n,itemVisibility:o,onToggleItem:x})=>e?(0,l.jsxs)("div",{className:"absolute inset-0 z-50 flex items-end",onClick:a,children:[(0,l.jsx)("div",{className:"absolute inset-0 bg-overlay"}),(0,l.jsxs)("div",{className:"relative w-full rounded-t-lg bg-surface-plain",onClick:e=>e.stopPropagation(),children:[(0,l.jsx)("div",{className:"flex justify-center pt-8 pb-4",children:(0,l.jsx)("div",{className:"h-4 w-40 rounded-full bg-object-neutral opacity-40"})}),(0,l.jsxs)("div",{className:"flex items-center justify-between border-b border-border px-16 pb-12",children:[(0,l.jsxs)(r.o,{variant:"subtitleMd",color:"primary",children:[s,"の表示設定"]}),(0,l.jsx)(t.K,{size:"small","aria-label":"閉じる",onClick:a,children:(0,l.jsx)(d.Z,{})})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-4 p-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between rounded-md bg-surface-subtle p-12",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"primary",children:"セクションを公開"}),(0,l.jsx)(C.l,{"aria-label":`${s}の公開`,checked:i,onChange:e=>c(e.target.checked)})]}),n&&n.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"my-4 border-t border-border"}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"項目ごとの表示"}),n.map(e=>(0,l.jsxs)("div",{className:"flex items-center justify-between rounded-md bg-surface-subtle p-12",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"primary",children:e.label}),(0,l.jsx)(C.l,{"aria-label":`${e.label}の表示`,checked:o[e.key]??!0,onChange:a=>x(e.key,a.target.checked),disabled:!i})]},e.key))]})]})]})]}):null,D=({message:e,cta:a})=>(0,l.jsxs)("div",{className:"flex flex-col items-center gap-8 rounded-md border border-border bg-surface-subtle px-16 py-24 text-center",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e}),a&&(0,l.jsx)(r.o,{variant:"bodySm",color:"accent",children:a})]}),X=[{key:"totalWorks",label:"総作品数"},{key:"yearWorks",label:"今年の作品数"},{key:"noteCount",label:"ノート投稿数"}],T=[{key:"topGrades",label:"よく作るグレード"},{key:"gradeChart",label:"グレード内訳"},{key:"topSeries",label:"よく作るシリーズ"},{key:"seriesChart",label:"シリーズ内訳"}],I=[{key:"paceLabel",label:"制作ペース"},{key:"avgDuration",label:"平均制作期間"}],L=({onEdit:e,freshFromOnboarding:a,filledSections:s})=>{let t=M(),[i,c]=(0,S.useState)(null),[n,d]=(0,S.useState)({volume:!0,tendency:!0,pace:!0,badges:!0}),[o,x]=(0,S.useState)({}),m=e=>o[e]??!0,{achievement:b}=j.Vl,h=t?.badges??j.Vl.badges,u=b.workCount>0,p=Object.keys(b.gradeDistribution).length>=3||Object.keys(b.seriesDistribution).length>=2,f=!!b.buildPaceLabel&&!!b.avgBuildDuration,v=Object.entries(b.gradeDistribution).map(([e,a])=>({label:e,value:a})),g=Object.entries(b.seriesDistribution).map(([e,a])=>({label:e,value:a}));return(0,l.jsxs)("div",{className:"flex flex-col gap-32 py-16",children:[(0,l.jsx)(K,{title:"製作数",editable:!!e,sectionVisible:n.volume,onOpenEdit:()=>c("volume"),children:u?(0,l.jsx)("div",{className:"grid grid-cols-3 gap-8",children:[{key:"totalWorks",label:"総作品数",value:b.workCount,unit:"体"},{key:"yearWorks",label:"今年の作品数",value:b.workCountThisYear,unit:"体"},{key:"noteCount",label:"ノート投稿数",value:b.noteCount,unit:"件"}].filter(e=>m(e.key)).map(e=>
1(0,l.jsxs)("div",{className:"flex flex-col gap-4 rounded-md border border-border bg-surface-subtle p-12",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e.label}),(0,l.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,l.jsx)("span",{className:"text-variant-headingXl text-text-primary",children:e.value}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e.unit})]})]},e.label))}):(0,l.jsx)(D,{message:"最初の作品を投稿して、あなたのビルダー像を作りましょう",cta:"作品を投稿する"})}),(0,l.jsx)(K,{title:"製作傾向",editable:!!e,sectionVisible:n.tendency,onOpenEdit:()=>c("tendency"),children:p?(0,l.jsxs)("div",{className:"flex flex-col gap-16",children:[m("topGrades")&&(0,l.jsxs)("div",{className:"rounded-md border border-border bg-surface-subtle p-12",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"mb-4",children:"よく作るグレード"}),(0,l.jsx)(r.o,{variant:"subtitleLg",color:"primary",children:b.topGrades.join(" / ")})]}),m("gradeChart")&&(0,l.jsx)(E,{entries:v}),m("topSeries")&&(0,l.jsxs)("div",{className:"rounded-md border border-border bg-surface-subtle p-12",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"mb-4",children:"よく作るシリーズ"}),(0,l.jsx)(r.o,{variant:"subtitleLg",color:"primary",children:b.topSeries})]}),m("seriesChart")&&(0,l.jsx)(E,{entries:g})]}):(0,l.jsx)(D,{message:"作品を3つ投稿するとグレードの傾向が見えてきます"})}),(0,l.jsx)(K,{title:"ペース",editable:!!e,sectionVisible:n.pace,onOpenEdit:()=>c("pace"),children:f?(0,l.jsxs)("div",{className:"flex flex-col gap-12",children:[m("paceLabel")&&(0,l.jsxs)("div",{className:"flex flex-col gap-4 roun
1ded-md border border-border bg-surface-subtle px-16 py-12",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"制作ペース"}),(0,l.jsx)(r.o,{variant:"subtitleLg",color:"primary",children:b.buildPaceLabel})]}),m("avgDuration")&&(0,l.jsxs)("div",{className:"flex items-center gap-8 rounded-md border border-border bg-surface-subtle px-16 py-12",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",children:"平均制作期間:"}),(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:b.avgBuildDuration})]})]}):(0,l.jsx)(D,{message:"2つ以上の作品を投稿すると制作ペースがわかります"})}),(0,l.jsx)(K,{title:"バッジ",editable:!!e,sectionVisible:n.badges,onOpenEdit:()=>c("badges"),children:h.length>0?(0,l.jsx)("div",{className:"flex flex-wrap items-center justify-center gap-16 pb-8",children:h.map(e=>(0,l.jsx)("div",{className:"flex flex-col items-center gap-4",children:(0,l.jsx)("img",{src:e.image,alt:e.name,className:"size-80"})},e.name))}):(0,l.jsx)(D,{message:"アクティビティを積み重ねるとバッジが解放されます"})}),{volume:"製作数",tendency:"製作傾向",pace:"ペース",badges:"バッジ"}[i??""]&&(0,l.jsx)(B,{open:!!i,onClose:()=>c(null),title:{volume:"製作数",tendency:"製作傾向",pace:"ペース",badges:"バッジ"}[i??""]??"",sectionVisible:n[i??""]??!0,onToggleSection:e=>{i&&d(a=>({...a,[i]:e}))},items:"volume"===i?X:"tendency"===i?T:"pace"===i?I:void 0,itemVisibility:o,onToggleItem:(e,a)=>x(s=>({...s,[e]:a}))})]})};var W=s(41030),H=s(10118),R=s(84352),_=s(5055),F=s(33773),A=s(96366),P=s(37317),O=s(86379);let G=({message:e,onEdit:a})=>(0,l.jsxs)("button",{type:"button",onClick:a,disabled:!a,className:"flex w-full items-center justify-center gap-8 rounded-lg border border-dashed border-border bg-surface-subtle p-16 transition-colors hover:bg-surface-plain-hover disabled:opacity-60",children:[a&&(0,l.jsx)(H.d,{className:"size-16 text-text-accent"}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e})]}),Y=({onEdit:e,freshFromOnboarding:a,filledSections:s})=>{let i=M(),c=a&&!i,n=e=>c&&!s?.has(e),d=i?.buildStyles??j.Vl.buildStyles,o=i?.favoriteMS??j.Vl.favoriteMS,x=i?.favoriteSeries??j.Vl.favoriteSeries,{featuredWorks:m}=j.Vl,{recentNotes:b}=j.Vl,h=n("profile")?"":i?.builderYears??j.Vl.builderYears,u=n("profile")?"":i?.age??j.Vl.age,p=n("profile")?"":i?.region??j.Vl.region,f=n("profile")?"":i?.buildFrequency??j.Vl.buildFrequency,v=n("circles")?[]:i?.circles??j.Vl.circles,g=n("bio")?"":i?.bio??j.Vl.bio,y=n("atelier-tools")?[]:j.Vl.tools,N=n("atelier-tools")?"":j.Vl.workspace,k=n("first-gunpla")?null:j.Vl.firstGunpla,w=n("favorite-store")?"":j.Vl.favoriteStore;return(0,l.jsxs)("div",{className:"flex flex-col gap-0 pb-24",children:[(0,l.jsxs)("section",{className:"flex flex-col gap-8 px-16 pt-16 pb-8",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)(R.r,{className:"size-16 text-text-accent"}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"代表作"})]}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"代表作を編集",onClick:()=>e("gallery"),children:(0,l.jsx)(V.D,{})})]}),m.length>0?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"flex flex-col gap-4",children:m.slice(0,3).map((e,a)=>(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)("div",{className:"overflow-hidden rounded-lg",children:(0,l.jsx)("img",{src:e.image,alt:e.title,className:"h-[160px] w-full object-cover"})}),(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:e.title})]},a))}),(0,l.jsxs)("button",{type:"button",className:"text-variant-bodySm flex w-full items-center justify-center gap-4 text-interactive",onClick:()=>e?.("gallery"),children:["ギャラリーを見る",(0,l.jsx)(_.K,{className:"size-14"})]})]}):(0,l.jsx)(G,{message:"代表作を登録しよう",onEdit:e?()=>e("gallery"):void 0})]}),(0,l.jsx)("div",{className:"mx-16 h-px bg-border"}),(0,l.jsxs)("section",{className:"flex flex-col gap-8 p-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)(F.m,{className:"size-16 text-text-tertiary"}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"ピックアップノート"})]}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"制作ノートを編集",onClick:()=>e("atelier-notes"),children:(0,l.jsx)(V.D,{})})]}),b.length>0?(0,l.jsx)("div",{className:"flex flex-col gap-8",children:b.map((e,a)=>(0,l.jsxs)("div",{className:"flex gap-12 rounded-lg border border-border bg-surface-plain p-12",children:[(0,l.jsx)("img",{src:e.image,alt:e.title,className:"size-64 shrink-0 rounded-md object-cover"}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col justify-center gap-4",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",className:"line-clamp-2",children:e.title}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e.date})]}),(0,l.jsx)(_.K,{className:"mt-8 size-20 shrink-0 text-tertiary"})]},a))}):(0,l.jsx)(G,{message:"ノートをピックアップしよう",onEdit:e?()=>e("atelier-notes"):void 0})]}),(0,l.jsx)("div",{className:"mx-16 h-px bg-border"}),(0,l.jsxs)("section",{className:"flex flex-col gap-8 p-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"基本情報"}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"基本情報を編集",onClick:()=>e("profile"),children:(0,l.jsx)(V.D,{})})]}),h?(0,l.jsx)("div",{className:"flex flex-col gap-8",children:[{label:"ビルダー歴",value:`${h}年`},{label:"年代",value:u},{label:"活動エリア",value:p},{label:"制作頻度",value:f}].map(e=>(0,l.jsxs)("div",{className:"flex items-center gap-12",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"w-72 shrink-0",children:e.label}),(0,l.jsx)(r.o,{variant:"bodyMd",color:"primary",className:"flex-1",children:e.value})]},e.label))}):(0,l.jsx)(G,{message:"基本情報を入力しよう",onEdit:e?()=>e("profile"):void 0})]}),(0,l.jsx)("div",{className:"mx-16 h-px bg-border"}),(0,l.jsxs)("section",{className:"flex flex-col gap-8 p-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"所属サークル"}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"所属サークルを編集",onClick:()=>e("circles"),children:(0,l.jsx)(V.D,{})})]}),v&&v.length>0?(0,l.jsx)("div",{className:"flex flex-wrap gap-8",children:v.map(e=>(0,l.jsx)(W.v,{size:"xsmall",variant:"basic",children:e},e))}):(0,l.jsx)(G,{message:"所属サークルを登録しよう",onEdit:e?()=>e("circles"):void 0})]}),(0,l.jsx)("div",{className:"mx-16 h-px bg-border"}),(0,l.jsxs)("section",{className:"flex flex-col gap-8 p-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"もっと自己紹介"}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"自己紹介を編集",onClick:()=>e("bio"),children:(0,l.jsx)(V.D,{})})]}),g?(0,l.jsx)(r.o,{variant:"bodyMd",color:"secondary",className:"leading-relaxed",children:g}):(0,l.jsx)(G,{message:"自己紹介を書いてみよう",onEdit:e?()=>e("bio"):void 0})]}),(0,l.jsx)("div",{className:"mx-16 h-px bg-border"}),(0,l.jsxs)("section",{className:"flex flex-col gap-8 p-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"制作スタイル"}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"制作スタイルを編集",onClick:()=>e("build-style"),children:(0,l.jsx)(V.D,{})})]}),d.length>0?(0,l.jsx)("div",{className:"flex flex-wrap gap-8",children:d.map(e=>(0,l.jsx)(W.v,{size:"xsmall",variant:"basic",children:e},e))}):(0,l.jsx)(G,{message:"制作スタイルを登録しよう",onEdit:e?()=>e("build-style"):void 0})]}),(0,l.jsx)("div",{className:"mx-16 h-px bg-border"}),(0,l.jsxs)("section",{className:"flex flex-col gap-8 p-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"好きなMS・MA"}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"好きなMS・MAを編集",onClick:()=>e("favorite-ms"),children:(0,l.jsx)(V.D,{})})]}),o.length>0?(0,l.jsx)("div",{className:"grid grid-cols-3 gap-8",children:o.map((e,a)=>{let s=!0===e.isFreeText;return(0,l.jsxs)("div",{className:`flex aspect-square flex-col items-center justify-center gap-4 roun
1ded-lg ${s?"bg-object-neutral":"bg-surface-subtle"}`,children:[s&&(0,l.jsx)(A.E,{className:"size-16 text-tertiary"}),(0,l.jsx)(r.o,{variant:"bodySm",color:s?"tertiary":"secondary",className:"px-4 text-center",children:e.name})]},a)})}):(0,l.jsx)(G,{message:"好きなMS・MAを登録しよう",onEdit:e?()=>e("favorite-ms"):void 0})]}),(0,l.jsx)("div",{className:"mx-16 h-px bg-border"}),(0,l.jsxs)("section",{className:"flex flex-col gap-8 p-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"好きな作品・シリーズ"}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"好きな作品・シリーズを編集",onClick:()=>e("favorite-series"),children:(0,l.jsx)(V.D,{})})]}),x.length>0?(0,l.jsx)("div",{className:"flex flex-wrap gap-8",children:x.map(e=>(0,l.jsx)(W.v,{size:"xsmall",variant:"basic",children:e},e))}):(0,l.jsx)(G,{message:"好きな作品・シリーズを登録しよう",onEdit:e?()=>e("favorite-series"):void 0})]}),(0,l.jsx)("div",{className:"mx-16 h-px bg-border"}),(0,l.jsxs)("section",{className:"flex flex-col gap-8 p-16",children:[e&&(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"思い出・場所"}),(0,l.jsx)("div",{className:"w-24"})]}),k?(0,l.jsxs)("div",{className:"flex items-center gap-12 rounded-md border border-border bg-surface-subtle p-12",children:[(0,l.jsx)(P.P,{className:"size-20 shrink-0 text-secondary"}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"初ガンプラ"}),(0,l.jsxs)(r.o,{variant:"bodySm",color:"primary",children:[k.name,"(",k.year,"年)"]})]}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"初ガンプラを編集",onClick:()=>e("first-gunpla"),children:(0,l.jsx)(V.D,{})})]}):(0,l.jsx)(G,{message:"初ガンプラを登録しよう",onEdit:e?()=>e("first-gunpla"):void 0}),w?(0,l.jsxs)("div",{className:"flex items-center gap-12 rounded-md border border-border bg-surface-subtle p-12",children:[(0,l.jsx)(O.k,{className:"size-20 shrink-0 text-secondary"}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"よく行く店舗"}),(0,l.jsx)(r.o,{variant:"bodySm",color:"primary",children:w})]}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"よく行く店舗を編集",onClick:()=>e("favorite-store"),children:(0,l.jsx)(V.D,{})})]}):(0,l.jsx)(G,{message:"よく行く店舗を登録しよう",onEdit:e?()=>e("favorite-store"):void 0})]}),(0,l.jsx)("div",{className:"mx-16 h-px bg-border"}),(0,l.jsxs)("section",{className:"flex flex-col gap-8 p-16",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"制作環境"}),e&&(0,l.jsx)(t.K,{size:"xsmall","aria-label":"制作環境を編集",onClick:()=>e("atelier-tools"),children:(0,l.jsx)(V.D,{})})]}),n("atelier-tools")?null:(0,l.jsx)("div",{className:"overflow-hidden rounded-lg",children:(0,l.jsx)("img",{src:j.Vl.gallery.works[0]?.image??"",alt:"制作環境",className:"h-[160px] w-full object-cover"})}),y.length>0?(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"ツール"}),(0,l.jsx)("div",{className:"flex flex-wrap gap-8",children:y.map(e=>(0,l.jsx)(W.v,{size:"xsmall",variant:"basic",children:e},e))})]}):(0,l.jsx)(G,{message:"ツールを登録しよう",onEdit:e?()=>e("atelier-tools"):void 0}),N?(0,l.jsxs)("div",{className:"flex flex-col gap-4 pt-4",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"制作場所"}),(0,l.jsx)(r.o,{variant:"bodyMd",color:"primary",children:N})]}):null]})]})};var Z=s(16407);let q=["ビルダー情報","アチーブメント"],Q=[Y,L],U=({active:e,text:a,placement:s,children:r})=>e?(0,l.jsx)(f.m,{text:a,placement:s,color:"black",initialOpen:!0,children:r},a):r,J=[{id:"edit-card",text:"ビルダーズパスの内容は後からいつでも変更できます"},{id:"flip",text:"裏面のQRからパスを交換できます"},{id:"dashboard",text:"あなただけが見ることのできる活動情報はダッシュボードにあります"}],ee=({onScan:e,onOpenDashboard:a,onOpenEdit:s,onBack:c,onEditCard:o,onOpenChecklist:x,showOnboardingTooltips:m,onDismissTooltips:u,freshFromOnboarding:f,filledSections:C,readOnly:V,otherUser:M})=>{let[E,K]=(0,S.useState)(0),[B,D]=(0,S.useState)(!1),[X,T]=(0,S.useState)(!1),[I,L]=(0,S.useState)(!1),[W,H]=(0,S.useState)(0),[R,_]=(0,S.useState)(!1);(0,S.useEffect)(()=>
1{if(m&&!R){let e=setTimeout(()=>_(!0),2e3);return()=>clearTimeout(e)}},[m,R]);let F=!!m&&R&&W<J.length,A=F?J[W].id:null,P=(0,S.useCallback)(()=>{H(e=>e<J.length-1?e+1:(u?.(),e))},[u]),O=(0,S.useRef)(null),G=(0,S.useRef)(null),Y=(0,S.useCallback)(()=>{O.current&&D(O.current.scrollTop>180)},[]);(0,S.useEffect)(()=>{let e=O.current;if(e)return e.addEventListener("scroll",Y,{passive:!0}),()=>e.removeEventListener("scroll",Y)},[Y]);let ee=Q[E],ea=M?.name??j.Vl.name,es=M?.avatar??j.Vl.avatar,el=M?.tagline??j.Vl.tagline,er=M?.badges??j.Vl.badges,et=f&&!C?.has("card-edit"),ei=M||et?[]:j.Vl.socialLinks,{nameCardCover:ec}=j.Vl,en=M?.avatarFrame??j.Vl.avatarFrame.selected,ed=j.aH.find(e=>e.id===j.Vl.cardTheme.selected)??j.aH[0],eo=new Set(["tagline","basicInfo"]),ex=j.Vl.profileCompletion.items.map(e=>f&&eo.has(e.id)&&!(e.editSection&&C?.has(e.editSection))?{...e,status:"incomplete"}:e),em=Math.round(ex.filter(e=>"complete"===e.status).length/ex.length*100);return(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac relative flex h-screen flex-col bg-surface-plain",children:[(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac "+(["relative z-20 shrink-0 items-center justify-between bg-surface-subtle px-4 py-8 transition-all duration-200",B?"hidden":"flex"].join(" ")||""),children:[(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac flex items-center gap-8 px-8",children:c&&(0,l.jsx)(t.K,{size:"small","aria-label":"閉じる",onClick:c,children:(0,l.jsx)(d.Z,{})})}),(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac absolute left-1/2 -translate-x-1/2",children:(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"ビルダーズパス"})}),(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex items-center gap-8 px-8",children:[!V&&x&&(0,l.jsxs)("button",{type:"button",onClick:x,"aria-label":`プロフィール完成度 ${em}%`,className:"jsx-4b380a1eaad287ac relative flex size-36 items-center justify-center",children:[(0,l.jsxs)("svg",{viewBox:"0 0 36 36",className:"jsx-4b380a1eaad287ac size-36 -rotate-90",children:[(0,l.jsx)("circle",{cx:"18",cy:"18",r:"15",fill:"none",stroke:"currentColor",strokeWidth:"3",opacity:.15,className:"jsx-4b380a1eaad287ac text-text-primary"}),(0,l.jsx)("circle",{cx:"18",cy:"18",r:"15",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:`${em/100*94.25} 94.25`,className:"jsx-4b380a1eaad287ac text-text-primary"})]}),(0,l.jsxs)("span",{className:"jsx-4b380a1eaad287ac absolute inset-0 flex items-center justify-center text-[9px] font-bold text-text-primary",children:[em,"%"]})]}),!V&&(0,l.jsx)(U,{active:"dashboard"===A,text:"あなただけが見ることのできる活動情報はダッシュボードにあります",placement:"bottom",children:(0,l.jsx)(t.K,{size:"small","aria-label":"ダッシュボード",onClick:a,children:(0,l.jsx)(i.k,{})})}),V&&(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac w-36"})]})]}),(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac "+(["z-20 shrink-0 border-b border-border bg-surface-subtle transition-all duration-200",B?"flex flex-col":"hidden"].join(" ")||""),children:[(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac relative flex items-center justify-between px-4 py-8",children:[(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac flex items-center gap-8 px-8",children:c&&(0,l.jsx)(t.K,{size:"small","aria-label":"閉じる",onClick:c,children:(0,l.jsx)(d.Z,{})})}),(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac absolute left-1/2 -translate-x-1/2",children:(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"ビルダーズパス"})}),(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex items-center gap-8 px-8",children:[!V&&x&&(0,l.jsxs)("button",{type:"button",onClick:x,"aria-label":`プロフィール完成度 ${em}%`,className:"jsx-4b380a1eaad287ac relative flex size-36 items-center justify-center",children:[(0,l.jsxs)("svg",{viewBox:"0 0 36 36",className:"jsx-4b380a1eaad287ac size-36 -rotate-90",children:[(0,l.jsx)("circle",{cx:"18",cy:"18",r:"15",fill:"none",stroke:"currentColor",strokeWidth:"3",opacity:.15,className:"jsx-4b380a1eaad287ac text-text-primary"}),(0,l.jsx)("circle",{cx:"18",cy:"18",r:"15",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:`${em/100*94.25} 94.25`,className:"jsx-4b380a1eaad287ac text-text-primary"})]}),(0,l.jsxs)("span",{className:"jsx-4b380a1eaad287ac absolute inset-0 flex items-center justify-center text-[9px] font-bold text-text-primary",children:[em,"%"]})]}),!V&&(0,l.jsx)(t.K,{size:"small","aria-label":"ダッシュボード",onClick:a,children:(0,l.jsx)(i.k,{})}),V&&(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac w-36"})]})]}),(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex items-center gap-12 px-16 pb-12",children:[(0,l.jsx)(h,{src:es,alt:ea,className:"size-40 shrink-0",frame:en}),(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex min-w-0 flex-1 flex-col gap-2",children:[(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac flex items-center gap-8",children:(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",className:"truncate",children:ea})}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"truncate",children:el})]})]})]}),(0,l.jsxs)("div",{ref:O,className:"jsx-4b380a1eaad287ac flex-1 overflow-y-auto overscroll-contain",children:[(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac pt-12"}),(0,l.jsx)("div",{style:{perspective:"1000px"},onClick:V?void 0:()=>T(e=>!e),className:"jsx-4b380a1eaad287ac mx-16",children:(0,l.jsxs)("div",{style:{transformStyle:"preserve-3d",transition:"transform 0.6s",transform:X?"rotateY(180deg)":"rotateY(0deg)"},className:"jsx-4b380a1eaad287ac relative",children:[(0,l.jsx)("div",{style:{backfaceVisibility:"hidden"},className:"jsx-4b380a1eaad287ac",children:(0,l.jsx)(Z.g,{card:{name:M?"精密造形の匠":"色彩魔術師",typeLine:M?"素材の可能性を、手技で最大限に引き出す":"色彩と質感にこだわり、作品に命を吹き込む",flavor:M?"0.1mmの差が、作品の魂を決める。":"最後の一筆に、全てを賭ける。",tags:M?[...M.buildStyles].slice(0,4):[...j.Vl.achievement.buildStyles].slice(0,4)},photo:ec,userName:ea,avatarUrl:es,cardNumber:`#${String(M?42:127).padStart(10,"0")}`,badges:er.slice(0,3).map(e=>e.image),socialLinks:ei.map(e=>({service:e.service,url:e.url}))})}),(0,l.jsxs)("div",{style:{border:`1px solid ${ed.borderColor}`,backgroundColor:ed.bgColor,backfaceVisibility:"hidden",transform:"rotateY(180deg)"},className:"jsx-4b380a1eaad287ac absolute inset-0 flex flex-col overflow-hidden rounded-lg shadow-shadow-medium",children:[(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex flex-1 flex-col items-center justify-center gap-12 px-24 pt-32",children:[(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac flex size-[120px] items-center justify-center rounded-md bg-object-white p-8",children:(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac flex size-full items-center justify-center rounded-md border-2 border-dashed border-border",children:(0,l.jsx)(g.e,{className:"size-32 text-text-tertiary"})})}),(0,l.jsxs)(r.o,{variant:"captionXs",color:"tertiary",className:"text-center break-all",children:["https://fanlink.gaudiy.com/bp/",j.Vl.name]})]}),(0,l.jsx)("div",{onClick:e=>e.stopPropagation(),className:"jsx-4b380a1eaad287ac flex flex-col gap-2 border-t border-border px-16 py-12",children:[{icon:(0,l.jsx)(n.Q,{className:"size-16"}),label:"プロフィールをシェア"},{icon:(0,l.jsx)(y.Q,{className:"size-16"}),label:"リンクをコピー"},{icon:(0,l.jsx)(N.N,{className:"size-16"}),label:"画像として保存"},{icon:(0,l.jsx)(k.H,{className:"size-16"}),label:"交換履歴を見る",action:()=>L(!0)}].map(e=>(0,l.jsxs)("button",{type:"button",onClick:e.action,className:"jsx-4b380a1eaad287ac flex items-center gap-12 rounded-md p-8 text-left transition-colors hover:bg-surface-plain-hover",children:[(0,l.jsx)("span",{className:"jsx-4b380a1eaad287ac text-text-secondary",children:e.icon}),(0,l.jsx)(r.o,{variant:"bodySm",color:"primary",children:e.label})]},e.label))})]})]})}),!V&&(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac "+(["flex items-center justify-between px-16 pt-8 pb-4","flip"===A?"relative z-40":""].join(" ")||""),children:[(0,l.jsx)(U,{active:"flip"===A,text:"裏面のQRからパスを交換できます",placement:"bottom",children:(0,l.jsxs)("button",{type:"button",onClick:()=>T(e=>!e),className:"jsx-4b380a1eaad287ac flex items-center gap-4 text-text-secondary",children:[(0,l.jsx)(w.K,{className:"size-16"}),(0,l.jsx)(r.o,{variant:"captionXs",color:"secondary",children:X?"タップで表面":"タップで裏面"})]})}),(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex items-center gap-4",children:[(0,l.jsx)(t.K,{size:"small","aria-label":"シェア",onClick:()=>T(!0),children:(0,l.jsx)(n.Q,{})}),(0,l.jsx)(t.K,{size:"small","aria-label":"読み取り",onClick:e,children:(0,l.jsx)(z.m,{})})]})]}),(0,l.jsx)("div",{ref:G,className:"jsx-4b380a1eaad287ac h-0"}),(0,l.jsx)("div",{className:`jsx-4b380a1eaad287ac sticky top-0 border-b border-border bg-surface-subtle ${F?"z-0":"z-10"}`,children:(0,l.jsx)(v.t,{value:E,onChange:(e,a)=>{K(a)},children:q.map((e,a)=>(0,l.jsx)(v.o,{value:a,fullWidth:!0,children:e},e))})}),(0,l.jsx)($.Provider,{value:M??null,children:(0,l.jsx)(ee,{onEdit:V?void 0:s,freshFromOnboarding:f,filledSections:C,className:"jsx-4b380a1eaad287ac"})})]}),I&&(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac absolute inset-0 z-40 flex flex-col",children:[(0,l.jsx)("div",{onClick:()=>L(!1),className:"jsx-4b380a1eaad287ac flex-1 bg-black/40"}),(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex max-h-[70%] flex-col rounded-t-2xl bg-surface-plain",children:[(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex items-center justify-between px-16 py-12",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"交換履歴"}),(0,l.jsx)(t.K,{size:"small","aria-label":"閉じる",onClick:()=>L(!1),children:(0,l.jsx)(d.Z,{})})]}),(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex-1 overflow-y-auto px-16 pb-24",children:[(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",className:"mb-12",children:["累計 ",j.Vl.cardExchangeHistory.length,"人"]}),(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac flex flex-col gap-8",children:j.Vl.cardExchangeHistory.map(e=>{let a=j.gq[e.name];return(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex items-center gap-12 rounded-md border border-border p-12",children:[(0,l.jsx)(b.e,{src:j.TB[e.name]??"",alt:e.name,className:"size-36 shrink-0"}),(0,l.jsxs)("div",{className:"jsx-4b380a1eaad287ac flex flex-1 flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:e.name}),(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",children:[e.date," \xb7 ",e.location]})]}),a&&(0,l.jsx)("div",{className:"jsx-4b380a1eaad287ac relative h-48 w-64 shrink-0 overflow-hidden rounded-md",children:(0,l.jsx)("img",{src:a,alt:"",className:"jsx-4b380a1eaad287ac absolute inset-0 size-full object-cover"})})]},`${e.name}-${e.date}`)})})]})]})]}),F&&(0,l.jsx)("div",{onClick:P,className:"jsx-4b380a1eaad287ac absolute inset-0 z-50"}),(0,l.jsx)(p(),{id:"4b380a1eaad287ac",children:".overscroll-contain{overscroll-behavior:contain}"})]})};var ea=s(93484),es=s(9507),el=s(45764);let er=({item:e,onEdit:a})=>{let s="complete"===e.status,t=!s&&!!e.editSection&&!!a;return(0,l.jsxs)("button",{type:"button",className:["flex w-full items-center gap-12 rounded-lg px-12 py-8 text-left transition-colors",s?"cursor-default bg-transparent":t?"cursor-pointer bg-surface-subtle active:bg-surface-subtle/80":"cursor-default bg-transparent"].join(" "),onClick:()=>{t&&e.editSection&&a?.(e.editSection)},disabled:!t,"aria-label":e.label,children:[(0,l.jsx)("span",{className:"shrink-0",children:s?(0,l.jsx)(es.a,{className:"size-20 text-object-success"}):(0,l.jsx)(el.p,{className:"size-20 text-object-neutral"})}),(0,l.jsx)(r.o,{variant:"bodySm",color:s?"secondary":"primary",className:s?"line-through":void 0,children:e.label}),(0,l.jsx)("span",{className:"ml-auto flex shrink-0 items-center gap-4",children:s?(0,l.jsx)("span",{className:"text-variant-captionXs rounded-full bg-surface-success px-8 py-2 text-text-success",children:e.detail}):t?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.o,{variant:"captionXs",color:"accent",children:"設定する"}),(0,l.jsx)(_.K,{className:"size-14 text-text-accent"})]}):(0,l.jsx)("span",{className:"text-variant-captionXs rounded-full bg-surface-subtle px-8 py-2 text-text-tertiary",children:e.detail})})]})},et=new Set(["tagline","basicInfo"]),ei=({open:e,onClose:a,onEditSection:s,freshFromOnboarding:t,filledSections:i})=>{var c;if(!e)return null;let n=j.Vl.profileCompletion.items.map(e=>t&&et.has(e.id)&&!(e.editSection&&i?.has(e.editSection))?{...e,status:"incomplete"}:e),o=n.filter(e=>"complete"===e.status).length,x=Math.round(o/n.length*100),m=[...n].sort((e,a)=>"complete"===e.status&&"complete"!==a.status?1:"complete"!==e.status&&"complete"===a.status?-1:0);return(0,l.jsx)("div",{className:"absolute inset-0 z-50 flex items-center justify-center bg-overlay",onClick:a,role:"dialog","aria-modal":"true","aria-label":"プロフィール完成度",children:(0,l.jsxs)("div",{className:"mx-16 flex max-h-[80vh] w-full max-w-[360px] flex-col overflow-hidden rounded-lg bg-surface-plain",onClick:e=>e.stopPropagation(),children:[(0,l.jsx)("div",{className:"flex justify-center pt-8 pb-4",children:(0,l.jsx)("div",{className:"h-4 w-40 rounded-full bg-object-neutral opacity-40"})}),(0,l.jsxs)("div",{className:"flex items-center justify-between border-b border-border px-16 pb-12",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"プロフィール完成度"}),(0,l.jsx)("button",{type:"button",onClick:a,className:"flex size-32 items-center justify-center rounded-full bg-surface-subtle text-secondary","aria-label":"閉じる",children:(0,l.jsx)(d.Z,{className:"size-16"})})]}),(0,l.jsxs)("div",{className:"flex-1 overflow-y-auto",children:[(0,l.jsxs)("div",{className:"flex flex-col items-center gap-12 px-16 py-24",children:[(0,l.jsx)(ea.t,{progressRate:x,size:"medium"}),(0,l.jsxs)("div",{className:"flex flex-col items-center gap-4 text-center",children:[(0,l.jsxs)(r.o,{variant:"subtitleSm",color:"primary",children:[o," / ",n.length," 完了"]}),(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",children:(c=x)>=100?"完璧です!コンプリートバッジをゲット!":c>=80?"あと少し!完成まで頑張りましょう":c>=60?"順調です!引き続き埋めていきましょう":c>=40?"いい調子!プロフィールを充実させましょう":"まずは基本情報から設定してみましょう"})]})]}),(0,l.jsx)("div",{className:"mx-16 border-t border-border"}),(0,l.jsx)("div",{className:"flex flex-col gap-2 px-4 py-12",children:m.map(e=>(0,l.jsx)(er,{item:e,onEdit:s},e.id))})]}),(0,l.jsx)("div",{className:"border-t border-border bg-surface-plain px-16 py-12 text-center",children:(0,l.jsx)(r.o,{variant:"captionXs",color:"tertiary",children:"全て完了でコンプリートバッジ獲得!"})})]})})};var ec=s(90991);let en=({data:e,label:a})=>{let s=Math.max(...e,1);return(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[a&&(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:a}),(0,l.jsx)("div",{className:"flex h-48 items-end gap-2",children:e.map((e,a)=>(0,l.jsx)("div",{className:"flex-1 rounded-t-xs bg-object-accent opacity-80 transition-all",style:{height:`${e/s*100}%`,minHeight:e>0?"2px":"0"}},a))})]})},ed=({label:e,value:a,unit:s})=>
1(0,l.jsxs)("div",{className:"flex flex-col gap-4 rounded-md bg-surface-subtle p-12",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e}),(0,l.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,l.jsx)("span",{className:"text-variant-headingXl text-text-primary",children:a}),s&&(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:s})]})]}),eo=({title:e,children:a})=>(0,l.jsxs)("div",{className:"flex flex-col gap-12 rounded-md border border-border bg-surface-plain p-16",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:e}),a]}),ex=["1","2","3","4","5","6","7","8","9","10","11","12"],em=()=>{let{engagement:e,timeline:a,records:s,connections:t}=j.Vl.dashboard,{cardExchangeHistory:i}=j.Vl;return(0,l.jsxs)("div",{className:"flex flex-col gap-24 px-16 py-24",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)(ec.Y,{className:"size-20 text-secondary"}),(0,l.jsx)(r.o,{variant:"subtitleLg",color:"primary",children:"ダッシュボード"})]}),(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",children:"自分だけが見える活動ログと分析"})]}),(0,l.jsx)(eo,{title:"エンゲージメント",children:(0,l.jsxs)("div",{className:"flex flex-col gap-16",children:[(0,l.jsx)(en,{data:e.likesTimeline,label:"いいね推移(月別)"}),(0,l.jsx)(en,{data:e.commentsTimeline,label:"コメント推移(月別)"}),(0,l.jsx)(en,{data:e.viewsTimeline,label:"閲覧数推移(月別)"}),(0,l.jsx)("div",{className:"flex justify-between px-2",children:ex.map(e=>(0,l.jsx)("span",{className:"flex-1 text-center",children:(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e})},e))})]})}),(0,l.jsx)(eo,{title:"時系列分析",children:(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)(en,{data:a.monthlyWorks,label:"月別作品数の推移"}),(0,l.jsx)("div",{className:"flex justify-between px-2",children:ex.map(e=>(0,l.jsx)("span",{className:"flex-1 text-center",children:(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e})},e))})]})}),(0,l.jsx)(eo,{title:"制作記録",children:(0,l.jsxs)("div",{className:"grid grid-cols-3 gap-8",children:[(0,l.jsx)(ed,{label:"現在のストリーク",value:s.currentStreak,unit:"日"}),(0,l.jsx)(ed,{label:"最長ストリーク",value:s.longestStreak,unit:"日"}),(0,l.jsx)(ed,{label:"総制作時間",value:s.totalBuildHours,unit:"時間"})]})}),(0,l.jsx)(eo,{title:"活動レビュー",children:(0,l.jsx)("div",{className:"flex items-center justify-center rounded-md bg-surface-subtle py-24",children:(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"Coming Soon — Phase 2+"})})}),(0,l.jsx)(eo,{title:"つながり",children:(0,l.jsxs)("div",{className:"flex flex-col gap-12",children:[(0,l.jsx)(ed,{label:"ネームカード交換数",value:t.cardExchangeCount,unit:"人"}),i.length>0&&(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"交換履歴"}),(0,l.jsx)("div",{className:"flex flex-col gap-8",children:i.map(e=>(0,l.jsxs)("div",{className:"flex items-center gap-12 rounded-md bg-surface-subtle p-12",children:[(0,l.jsx)(b.e,{src:j.TB[e.name]??"",alt:e.name,className:"size-36 shrink-0"}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col gap-2",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:e.name}),(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",children:[e.date," — ",e.location]})]})]},`${e.name}-${e.date}`))})]})]})})]})};var eb=s(45615),ej=s(9107),eh=s(79177),eu=s(38612),ep=s(10034),ef=s(29504),ev=s(38736),eg=s(27260),ey=s(56675),eN=s(78237),ek=s(81226),ew=s(44811);let ez=({open:e,onClose:a,onOpenMyPage:s,onOpenNameCard:t,isRegistered:i})=>((0,S.useEffect)(()=>{if(!e)return;let s=e=>{"Escape"===e.key&&a()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,a]),e)?(0,l.jsxs)("div",{className:"jsx-5bbf88e60e40f68b absolute inset-0 z-50 flex",children:[(0,l.jsxs)("div",{className:"jsx-5bbf88e60e40f68b flex w-full",children:[(0,l.jsxs)("div",{className:"jsx-5bbf88e60e40f68b relative flex w-[280px] flex-col bg-surface-subtle animate-slide-in-left",children:[(0,l.jsxs)("div",{className:"jsx-5bbf88e60e40f68b flex items-center gap-12 px-16 pb-16 pt-24",children:[(0,l.jsx)(b.e,{src:j.Vl.avatar,alt:j.Vl.name,className:"size-48"}),i?(0,l.jsx)(ew.I,{onClick:()=>{a(),t?.()}}):(0,l.jsxs)("button",{type:"button",onClick:()=>{a(),t?.()},className:"jsx-5bbf88e60e40f68b flex flex-col items-center gap-4 transition-colors hover:opacity-70",children:[(0,l.jsx)(o.R,{className:"size-28 text-tertiary"}),(0,l.jsx)("span",{className:"jsx-5bbf88e60e40f68b text-variant-captionXs text-tertiary",children:"未登録"})]})]}),(0,l.jsxs)("div",{className:"jsx-5bbf88e60e40f68b flex flex-col border-t border-border",children:[(0,l.jsxs)("button",{type:"button",onClick:()=>{a(),s()},className:"jsx-5bbf88e60e40f68b flex items-center gap-12 px-16 py-12 text-left transition-colors hover:bg-surface-plain-hover",children:[(0,l.jsx)(A.E,{className:"size-20 text-text-secondary-white"}),(0,l.jsx)(r.o,{variant:"bodyMd",color:"primary",children:"マイページ"})]}),(0,l.jsxs)("button",{type:"button",className:"jsx-5bbf88e60e40f68b flex items-center gap-12 px-16 py-12 text-left transition-colors hover:bg-surface-plain-hover",children:[(0,l.jsx)(ey.U,{className:"size-20 text-text-secondary-white"}),(0,l.jsx)(r.o,{variant:"bodyMd",color:"primary",children:"プレミアムプラン"})]}),(0,l.jsxs)("button",{type:"button",className:"jsx-5bbf88e60e40f68b flex items-center gap-12 px-16 py-12 text-left transition-colors hover:bg-surface-plain-hover",children:[(0,l.jsx)(eN.U,{className:"size-20 text-text-secondary-white"}),(0,l.jsx)(r.o,{variant:"bodyMd",color:"primary",children:"設定"})]})]}),(0,l.jsx)("div",{className:"jsx-5bbf88e60e40f68b mx-16 h-px bg-border"}),(0,l.jsx)("div",{className:"jsx-5bbf88e60e40f68b flex flex-col",children:(0,l.jsxs)("button",{type:"button",className:"jsx-5bbf88e60e40f68b flex items-center gap-12 px-16 py-12 text-left transition-colors hover:bg-surface-plain-hover",children:[(0,l.jsx)(ek.w,{className:"size-20 text-text-secondary-white"}),(0,l.jsx)(r.o,{variant:"bodyMd",color:"primary",children:"友達を招待"})]})}),(0,l.jsxs)("div",{className:"jsx-5bbf88e60e40f68b mt-auto flex flex-col gap-8 px-16 pb-24 pt-16",children:[["利用規約","プライバシーポリシー","よくあるご質問","リリースノート"].map(e=>(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e},e)),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"mt-8",children:"\xa9創通・サãƒ
1³ãƒ©ã‚¤ã‚º \xa9創通・サンライズ・MBS"})]})]}),(0,l.jsx)("div",{onClick:a,className:"jsx-5bbf88e60e40f68b flex-1 bg-overlay"})]}),(0,l.jsx)(p(),{id:"5bbf88e60e40f68b",children:"@keyframes slide-in-left{from{transform:translatex(-100%)}to{transform:translatex(0)}}.animate-slide-in-left{animation:slide-in-left.25s cubic-bezier(.16,1,.3,1)}"})]}):null,eS="https://storage.googleapis.com/gundam-test-6pyk8/postImages",eC=[{name:"ハルトモ",sub:"先週デビュー",reason:"新しく参加してどんどん投稿中",reasonType:"new",tags:["素組み","HG","初心者"],avatar:`${eS}/1674700154839_1000182116_1.jpeg`,works:[`${eS}/1672119655680_E2B547B0-D30B-409D-BF83-ACB6055B332E-aspect-ratio-750-750-1024x1024.jpeg`,`${eS}/1671797787133_image%20(2).png`,`${eS}/1672028038701_image%20(5).png`]},{name:"MASA",sub:"最近よく投稿しています",reason:"コンスタントに投稿を続けています",reasonType:"active",tags:["キャンディ塗装","ジオン系","HG"],avatar:`${eS}/1674701019336_E2B547B0-D30B-409D-BF83-ACB6055B332E-aspect-ratio-750-750-1024x1024.jpeg`,works:[`${eS}/1674699623530_HG-GUEL-DILANZA-01.jpeg`,`${eS}/1674696177489_Image2.png`,`${eS}/1672119655684_スクリーンショット%202022-12-27%2014.38.51.png`]},{name:"オッサンZ",sub:"久しぶりに活動再開",reason:"しばらくぶりに制作再開",reasonType:"active",tags:["全塗装派","RG","スクラッチ"],avatar:`${eS}/1672028038701_image%20(5).png`,works:[`${eS}/1672119655684_スクリーンショット%202022-12-27%2014.39.02.png`,`${eS}/1672119655680_E2B547B0-D30B-409D-BF83-ACB6055B332E-aspect-ratio-750-750-1024x1024.jpeg`,`${eS}/1671797787133_image%20(2).png`]}],eV={new:{bg:"rgba(66,148,255,.12)",color:"#4294FF"},active:{bg:"rgba(66,166,77,.12)",color:"#42A64D"},hot:{bg:"rgba(243,96,161,.12)",color:"#F360A1"}},e$=({onBPShortcut:e,onOpenMyPage:a,onOpenSearch:s,onOpenCommunity:i,onOpenBuilderProfile:c,isRegistered:n})=>{let[d,x]=(0,S.useState)(!1);return(0,l.jsxs)("div",{className:"flex min-h-screen flex-col bg-surface-subtle",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between px-12 py-8",children:[(0,l.jsxs)("div",{className:"flex items-center gap-12",children:[(0,l.jsx)("button",{type:"button",onClick:()=>x(!0),children:(0,l.jsx)(b.e,{src:j.Vl.avatar,alt:j.Vl.name,className:"size-32"})}),n?(0,l.jsx)(ew.I,{onClick:e}):(0,l.jsxs)("button",{type:"button",onClick:e,className:"flex flex-col items-center gap-4",children:[(0,l.jsx)(o.R,{className:"size-28 text-tertiary"}),(0,l.jsx)("span",{className:"text-variant-captionXs text-tertiary",children:"未登録"})]})]}),(0,l.jsxs)("div",{className:"flex items-center gap-4",children:[(0,l.jsx)(t.K,{size:"small","aria-label":"ミッション",children:(0,l.jsx)(ej.E,{})}),(0,l.jsx)(t.K,{size:"small","aria-label":"通知",children:(0,l.jsx)(eh.A,{})})]})]}),(0,l.jsxs)("div",{className:"px-12",children:[(0,l.jsx)("div",{className:"h-80 w-full rounded-md bg-gradient-to-r from-object-neutral to-surface-plain"}),(0,l.jsxs)("div",{className:"flex items-center justify-center gap-4 py-8",children:[(0,l.jsx)("span",{className:"size-4 rounded-full bg-object-primary"}),Array.from({length:5},(e,a)=>(0,l.jsx)("span",{className:"size-4 rounded-full bg-object-neutral"},a))]})]}),(0,l.jsxs)("div",{className:"flex gap-12 border-y border-border p-12",children:[(0,l.jsx)("div",{className:"size-[90px] shrink-0 overflow-hidden rounded-md bg-gradient-to-br from-object-neutral to-surface-plain",children:(0,l.jsx)("div",{className:"flex size-full items-center justify-center",children:(0,l.jsx)(F.m,{className:"size-20"})})}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:"Hi-ν ガンダム HWS装備版"}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"前回「塗装」を作業"}),(0,l.jsxs)("div",{className:"mt-2 flex flex-col gap-8",children:[(0,l.jsx)(eb.$,{variant:"outlined",size:"small",fullWidth:!0,children:"続きを記録"}),(0,l.jsx)(eb.$,{variant:"plain",size:"small",children:"他のノートを見る"})]})]})]}),(0,l.jsxs)("div",{className:"mx-12 my-8 flex items-center justify-between rounded-md bg-surface-info p-12",children:[(0,l.jsxs)("div",{className:"flex items-center gap-12",children:[(0,l.jsx)("span",{className:"text-variant-captionXs flex size-28 items-center justify-center rounded-full bg-object-neutral text-text-primary-white",children:"2/3"}),(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",className:"text-text-primary-white",children:"記録して投票券をゲット"}),(0,l.jsx)(r.o,{variant:"bodySm",className:"text-text-secondary-white",children:"投票して再販するガンプラを決めよう"})]})]}),(0,l.jsx)("button",{type:"button",className:"text-variant-captionXs rounded-full border border-border-dangerous px-12 py-4 text-text-dangerous",children:"記録"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-8 px-12 pt-12 pb-8",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"人気の投稿"}),(0,l.jsx)("div",{className:"grid grid-cols-2 gap-4",children:j.Vl.gallery.works.slice(0,4).map((e,a)=>(0,l.jsxs)("div",{className:"relative aspect-square overflow-hidden",children:[(0,l.jsx)("img",{src:e.image,alt:"",className:"size-full object-cover"}),(0,l.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent from-60% to-black/50"}),1===a&&(0,l.jsx)("div",{className:"absolute bottom-6 left-6",children:(0,l.jsx)(r.o,{variant:"bodySm",className:"text-text-primary-white",children:"JIROSH1998"})})]},a))})]}),c&&(0,l.jsxs)("div",{style:{paddingBottom:24},children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",style:{padding:"16px 12px 12px"},children:[(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex items-center",style:{gap:8},children:[(0,l.jsx)("span",{style:{fontSize:20},children:"\uD83D\uDD25"}),(0,l.jsx)(r.o,{variant:"subtitleLg",color:"primary",children:"いま注目のビルダー"})]}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"mt-2",children:"最近活動が活発なビルダーたち"})]}),(0,l.jsx)("button",{type:"button",className:"flex items-center justify-center rounded-full border border-border",style:{width:36,height:36},children:(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:(0,l.jsx)("path",{d:"M9 18l6-6-6-6"})})})]}),(0,l.jsx)("div",{className:"flex overflow-x-auto",style:{gap:12,padding:"0 12px 8px",scrollbarWidth:"none"},children:eC.map(e=>{let a=eV[e.reasonType]??eV.active;return(0,l.jsxs)("button",{type:"button",onClick:()=>c(e.name),className:"flex-shrink-0 overflow-hidden rounded-16 border border-border bg-surface-plain text-left",style:{width:280},children:[(0,l.jsxs)("div",{className:"grid",style:{gridTemplateColumns:"1fr 1fr",gridTemplateRows:"1fr 1fr",gap:2,height:160},children:[(0,l.jsx)("div",{className:"overflow-hidden",style:{gridRow:"1 / 3"},children:(0,l.jsx)("img",{src:e.works[0],alt:"",className:"size-full object-cover"})}),(0,l.jsx)("div",{className:"overflow-hidden",children:(0,l.jsx)("img",{src:e.works[1],alt:"",className:"size-full object-cover"})}),(0,l.jsx)("div",{className:"overflow-hidden",children:(0,l.jsx)("img",{src:e.works[2],alt:"",className:"size-full object-cover"})})]}),(0,l.jsxs)("div",{style:{padding:12},children:[(0,l.jsxs)("div",{className:"flex items-center",style:{gap:8,marginBottom:8},children:[(0,l.jsx)("div",{className:"overflow-hidden rounded-full border border-border",style:{width:40,height:40,flexShrink:0},children:(0,l.jsx)("img",{src:e.avatar,alt:e.name,className:"size-full object-cover"})}),(0,l.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:e.name}),(0,l.jsx)("span",{className:"text-variant-captionXs text-tertiary",children:e.sub})]})]}),(0,l.jsx)("div",{className:"flex items-center rounded-full",style:{display:"inline-flex",gap:4,padding:"2px 8px",marginBottom:8,background:a.bg,color:a.color},children:(0,l.jsx)("span",{className:"text-variant-subtitleXs",children:e.reason})}),(0,l.jsx)("div",{className:"flex flex-wrap",style:{gap:4,marginBottom:8},children:e.tags.map(e=>(0,l.jsx)("span",{className:"rounded-full bg-object-neutral text-variant-captionXs text-tertiary",style:{padding:"4px 8px"},children:e},e))}),(0,l.jsx)("div",{className:"w-full rounded-md border border-accent text-center",style:{padding:8},children:(0,l.jsx)("span",{className:"text-variant-subtitleSm text-accent",children:"フォローする"})})]})]},e.name)})})]}),(0,l.jsx)("div",{className:"sticky bottom-0 z-10 flex items-stretch border-t border-border bg-surface-subtle",children:[{icon:(0,l.jsx)(eu.$,{className:"size-20"}),label:"ホーム",active:!0,action:void 0},{icon:(0,l.jsx)(ep.v,{className:"size-20"}),label:"探す",active:!1,action:s},{icon:(0,l.jsx)(ef.k,{className:"size-20"}),label:"作る",active:!1,action:void 0},{icon:(0,l.jsx)(ev.f,{className:"size-20"}),label:"コミュニティ",active:!1,action:i},{icon:(0,l.jsx)(eg.H,{className:"size-20"}),label:"ストア",active:!1,action:void 0}].map(e=>(0,l.jsxs)("button",{type:"button",onClick:e.action,className:"flex flex-1 flex-col items-center gap-2 py-8",children:[e.icon,(0,l.jsx)("span",{className:`text-variant-captionXs ${e.active?"text-text-primary":"text-text-tertiary"}`,children:e.label})]},e.label))}),(0,l.jsx)(ez,{open:d,onClose:()=>x(!1),onOpenMyPage:a,onOpenNameCard:e,isRegistered:n})]})};var eM=s(68510);let eE=["投稿","保存済み","アイテム","いいね","コメント"],eK=[{title:"νガンダム ver.Ka 全塗装完成",date:"2026å¹´3月28日",hasNote:!0,image:j.Vl.gallery.works[0]?.image},{title:"サザビー LED仕込み途中経過",date:"2026å¹´3月15日",hasNote:!0,image:j.Vl.gallery.works[1]?.image},{title:"Hi-νガンダム スクラッチ進捗",date:"2026å¹´2月20日",hasNote:!1,image:j.Vl.gallery.works[2]?.image}],eB=({isRegistered:e,onOpenBuildersPass:a,onStartOnboarding:s,onOpenAbout:i,onOpenFollowing:c})=>{let[d,o]=(0,S.useState)(0);return(0,l.jsxs)("div",{className:"flex min-h-screen flex-col bg-surface-subtle",children:[(0,l.jsx)("div",{className:"relative h-[160px] bg-surface-info",children:(0,l.jsxs)("div",{className:"absolute bottom-4 right-16 text-right",children:[(0,l.jsx)(r.o,{variant:"headingXl",className:"text-text-secondary-white tracking-[0.2em]",children:"BUILDERS"}),(0,l.jsx)(r.o,{variant:"headingXl",className:"text-text-secondary-white tracking-[0.2em]",children:"NOTE"})]})}),(0,l.jsx)("div",{className:"relative px-16 -mt-48",children:(0,l.jsxs)("div",{className:"flex items-end justify-between",children:[(0,l.jsx)(b.e,{src:j.Vl.avatar,alt:j.Vl.name,className:"size-96 border-4 border-surface-subtle"}),(0,l.jsxs)("div",{className:"flex gap-8 pb-8",children:[(0,l.jsx)(t.K,{size:"small","aria-label":"シェア",className:"border border-border-strong bg-object-neutral",children:(0,l.jsx)(n.Q,{})}),(0,l.jsx)(eb.$,{variant:"subtle",size:"small",startIcon:(0,l.jsx)(V.D,{className:"size-16"}),children:"編集"})]})]})}),(0,l.jsxs)("div",{className:"flex items-center gap-16 px-16 pt-8",children:[(0,l.jsx)(r.o,{variant:"headingXl",color:"primary",children:j.Vl.name}),e&&(0,l.jsx)(ew.I,{onClick:a})]}),!e&&(0,l.jsxs)("div",{className:"flex items-stretch gap-8 px-12 pt-12",children:[(0,l.jsxs)("button",{type:"button",onClick:s,className:"flex flex-1 items-center justify-between rounded-md border border-border bg-surface-info px-16 py-12 transition-transform active:scale-[0.98]",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"bodySm",className:"tracking-widest uppercase text-text-secondary-white",children:"Builders Pass"}),(0,l.jsx)(r.o,{variant:"subtitleSm",className:"text-text-primary-white",children:"ビルダーズパスを発行する"})]}),(0,l.jsx)("div",{className:"flex size-40 items-center justify-center rounded-full bg-object-neutral",children:(0,l.jsx)(_.K,{className:"size-20 text-text-secondary-white"})})]}),(0,l.jsx)(t.K,{size:"small","aria-label":"ビルダーズパスとは?",onClick:i,children:(0,l.jsx)(eM.V,{className:"size-20"})})]}),(0,l.jsx)("div",{className:"flex gap-8 px-16 pt-12",children:c&&(0,l.jsxs)("button",{type:"button",onClick:c,className:"flex flex-1 items-center justify-between rounded-md border border-border bg-surface-plain p-12",children:[(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"フォロー"}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"14"})]}),(0,l.jsx)(_.K,{className:"size-20 text-tertiary"})]})}),(0,l.jsxs)("div",{className:"flex gap-8 px-16 pt-8",children:[(0,l.jsxs)("div",{className:"flex flex-1 items-center justify-between rounded-md border border-border bg-surface-plain p-12",children:[(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"マイコイン"}),(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)("span",{className:"text-variant-captionXs flex size-24 items-center justify-center rounded-full bg-object-accent text-text-on-accent",children:"C"}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"4,873"})]})]}),(0,l.jsx)(_.K,{className:"size-20 text-tertiary"})]}),(0,l.jsxs)("div",{className:"flex flex-1 items-center justify-between rounded-md border border-border bg-surface-plain p-12",children:[(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"投票チケット"}),(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)("span",{className:"text-variant-captionXs flex size-24 items-center justify-center rounded-full bg-object-dangerous text-text-primary-white",children:"B"}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"46"})]})]}),(0,l.jsx)(_.K,{className:"size-20 text-tertiary"})]})]}),(0,l.jsx)("div",{className:"mt-16 flex overflow-x-auto border-b border-border",children:eE.map((e,a)=>(0,l.jsxs)("button",{type:"button",onClick:()=>o(a),className:["text-variant-subtitleSm relative whitespace-nowrap px-16 py-8 transition-colors",d===a?"text-text-primary":"text-text-tertiary"].join(" "),children:[e,d===a&&(0,l.jsx)("span",{className:"absolute inset-x-0 bottom-0 h-2 bg-object-primary"})]},e))}),(0,l.jsx)("div",{className:"flex flex-col",children:eK.map((e,a)=>(0,l.jsxs)("div",{className:"border-b border-border p-16",children:[(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)(b.e,{src:j.Vl.avatar,alt:j.Vl.name,className:"size-40"}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col",children:[(0,l.jsx)("div",{className:"flex items-center gap-4",children:(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:j.Vl.name})}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e.date})]})]}),e.hasNote&&(0,l.jsx)("div",{className:"mt-8",children:(0,l.jsx)(W.v,{variant:"success",size:"xxsmall",className:"w-fit",children:"製作ノートあり"})}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",className:"mt-8",children:e.title}),e.image&&(0,l.jsx)("div",{className:"mt-8 overflow-hidden rounded-md",children:(0,l.jsx)("img",{src:e.image,alt:"",className:"h-[200px] w-full object-cover"})})]},a))})]})};var eD=s(31106),eX=s(83346),eT=s(47098);let eI=({onBack:e})=>{let[a,s]=(0,S.useState)(j.Vl.tagline),[i,c]=(0,S.useState)(()=>Object.fromEntries(j.Vl.socialLinks.map(e=>{let a="X"===e.service||"Instagram"===e.service;return[e.service,a?e.url.split("/").findLast(Boolean)??"":e.url]}))),[n,o]=(0,S.useState)({ランク:!0,一言自己紹介:!0,SNSリンク:!0,ピックアップバッジ:!0}),[x,m]=(0,S.useState)(j.Vl.nameCard.selectedStats.map(e=>e.key)),[b,u]=(0,S.useState)(j.Vl.avatarFrame.selected),[p,f]=(0,S.useState)(j.Vl.cardTheme.selected),[v,g]=(0,S.useState)([0,1,2]),y=j.Vl.badges;return(0,l.jsxs)("div",{className:"flex min-h-screen flex-col bg-surface-subtle",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between border-b border-border px-8 py-12",children:[(0,l.jsx)(t.K,{size:"small","aria-label":"戻る",onClick:e,children:(0,l.jsx)(eT.p,{})}),(0,l.jsx)(r.o,{variant:
1"subtitleMd",color:"primary",children:"ネームカード編集"}),(0,l.jsx)(eb.$,{variant:"primary",size:"small",children:"保存"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-24 px-16 pb-24 pt-16",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:"カバー画像"}),(0,l.jsx)("div",{className:"overflow-hidden rounded-md",children:(0,l.jsx)("img",{src:j.Vl.nameCardCover,alt:"カバー",className:"h-[120px] w-full object-cover"})}),(0,l.jsx)(eb.$,{variant:"outlined",size:"medium",fullWidth:!0,children:"画像を変更する"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:"一言自己紹介"}),(0,l.jsx)(C.l,{"aria-label":"一言自己紹介の表示",checked:n["一言自己紹介"]??!1,onChange:e=>o(a=>({...a,一言自己紹介:e.target.checked}))})]}),(0,l.jsx)("div",{className:n["一言自己紹介"]?"":"pointer-events-none opacity-40",children:(0,l.jsx)(eD.p,{size:"large",value:a,onChange:e=>s(e.target.value),placeholder:"例: ウェザリングで物語を語る"})})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:"SNSリンク"}),(0,l.jsx)(C.l,{"aria-label":"SNSリンクの表示",checked:n["SNSリンク"]??!1,onChange:e=>o(a=>({...a,SNSリンク:e.target.checked}))})]}),(0,l.jsx)("div",{className:n["SNSリンク"]?"flex flex-col gap-8":"flex flex-col gap-8 pointer-events-none opacity-40",children:j.Vl.socialLinks.map(e=>{let a="X"===e.service||"Instagram"===e.service;return(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"w-[76px] shrink-0",children:e.service}),(0,l.jsx)("div",{className:"flex-1",children:(0,l.jsx)(eD.p,{size:"large",value:i[e.service]??"",onChange:a=>c(s=>({...s,[e.service]:a.target.value})),placeholder:a?"ユーザーIDを入力":"URLを入力",startAdornment:a?(0,l.jsx)(r.o,{variant:"bodyMd",color:"tertiary",children:"@"}):void 0})})]},e.service)})})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:"ピックアップバッジ"}),(0,l.jsx)(C.l,{"aria-label":"ピックアップバッジの表示",checked:n["ピックアップバッジ"]??!1,onChange:e=>o(a=>({...a,ピックアップバッジ:e.target.checked}))})]}),(0,l.jsxs)("div",{className:n["ピックアップバッジ"]?"flex flex-col gap-8":"flex flex-col gap-8 pointer-events-none opacity-40",children:[(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",children:[v.length,"/",5," 選択中 — タップで削除、+で追加"]}),(0,l.jsxs)("div",{className:"flex flex-wrap gap-8",children:[v.map(e=>{let a=y[e];return a?(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)("img",{src:a.image,alt:a.name,className:"size-48 rounded-md"}),(0,l.jsx)("div",{className:"absolute -right-4 -top-4",children:(0,l.jsx)(t.K,{size:"xsmall",onClick:()=>g(a=>a.filter(a=>a!==e)),"aria-label":`${a.name}を削除`,className:"bg-object-dangerous text-text-primary-white",children:(0,l.jsx)(d.Z,{})})})]},a.name):null}),v.length<5&&(0,l.jsx)("div",{className:"flex size-48 items-center justify-center rounded-md border border-dashed border-border",children:(0,l.jsx)(H.d,{className:"size-16 text-text-tertiary"})})]}),y.some((e,a)=>!v.includes(a))&&(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"追加できるバッジ"}),(0,l.jsx)("div",{className:"flex flex-wrap gap-8",children:y.map((e,a)=>v.includes(a)?null:(0,l.jsx)("button",{type:"button",onClick:()=>{v.length<5&&g(e=>[...e,a])},disabled:v.length>=5,className:"rounded-md border border-border p-4 opacity-60 transition-opacity hover:opacity-100 disabled:opacity-30",children:(0,l.jsx)("img",{src:e.image,alt:e.name,className:"size-40"})},e.name))})]})]})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:"表示する指標"}),(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",children:[x.length,"/4 選択中"]})]}),(0,l.jsx)("div",{className:"flex flex-col gap-4",children:j.xi.map(e=>
1{let a=x.includes(e.key);return(0,l.jsxs)("div",{className:"flex items-center gap-12 rounded-md border border-border bg-surface-plain p-12",children:[(0,l.jsx)(eX.S,{checked:a,onChange:()=>(e=>{m(a=>a.includes(e)?a.filter(a=>a!==e):a.length>=4?a:[...a,e])})(e.key),disabled:!a&&x.length>=4,label:e.label}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"ml-auto shrink-0",children:e.value})]},e.key)})})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:"フレーム"}),(0,l.jsx)("div",{className:"grid grid-cols-3 gap-8",children:j.nI.map(e=>{let a=j.Vl.avatarFrame.unlocked.includes(e.id),s=b===e.id;return(0,l.jsxs)("button",{type:"button",disabled:!a,onClick:()=>a&&u(e.id),className:`flex flex-col items-center gap-4 rounded-md border p-12 transition-colors ${s?"border-primary bg-primary/10":"border-border bg-surface-plain"} ${a?"":"opacity-40"}`,children:[(0,l.jsx)(h,{src:j.Vl.avatar,alt:j.Vl.name,className:"size-40",frame:e.id}),(0,l.jsx)(r.o,{variant:"bodySm",color:s?"primary":"tertiary",className:"text-center",children:e.name}),!a&&(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"text-center leading-tight",children:e.condition})]},e.id)})})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:"テーマ"}),(0,l.jsxs)("div",{className:"relative h-80 overflow-hidden rounded-md",style:{border:`1px solid ${(j.aH.find(e=>e.id===p)??j.aH[0]).borderColor}`},children:[(0,l.jsx)("img",{src:j.Vl.nameCardCover,alt:"",className:"absolute inset-0 size-full object-cover"}),(0,l.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-transparent to-[rgba(22,22,22,0.8)]"}),(0,l.jsxs)("div",{className:"absolute inset-x-0 bottom-8 flex items-center gap-8 px-12",children:[(0,l.jsx)(h,{src:j.Vl.avatar,alt:j.Vl.name,className:"size-24",frame:b}),(0,l.jsx)(r.o,{variant:"bodySm",className:"text-text-primary-white",children:j.Vl.name})]})]}),(0,l.jsx)("div",{className:"flex flex-col gap-4",children:j.aH.map(e=>{let a=p===e.id;return(0,l.jsxs)("div",{className:"flex items-center gap-12 rounded-md border border-border bg-surface-plain p-12",children:[(0,l.jsx)(eX.S,{checked:a,onChange:()=>f(e.id),label:""}),(0,l.jsx)("div",{className:"size-32 shrink-0 rounded-md",style:{backgroundColor:e.bgColor,border:`2px solid ${e.borderColor}`}}),(0,l.jsx)(r.o,{variant:"bodySm",color:a?"primary":"secondary",children:e.name})]},e.id)})})]})]})]})};var eL=s(1443),eW=s(59192),eH=s(20011);let eR={name:"Bbbbbbbb",avatar:j.TB.Bbbbbbbb,rank:"少佐",tagline:"ジオラマ作りに夢中"},e_={X:(0,l.jsx)(eL.X,{}),YouTube:(0,l.jsx)(eW.E,{}),Instagram:(0,l.jsx)(eH.R,{})},eF=({onCancel:e,onDetect:a})=>((0,S.useEffect)(()=>{let e=setTimeout(a,2200);return()=>clearTimeout(e)},[a]),(0,l.jsxs)("div",{className:"absolute inset-0 z-60 flex flex-col bg-surface-plain",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between border-b border-strong p-8",children:[(0,l.jsx)(t.K,{size:"small","aria-label":"閉じる",onClick:e,children:(0,l.jsx)(d.Z,{})}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"QRコードを読み取る"}),(0,l.jsx)("div",{className:"w-36"})]}),(0,l.jsxs)("div",{className:"relative flex flex-1 items-center justify-center",children:[(0,l.jsxs)("div",{className:"relative size-[260px]",children:[(0,l.jsx)("div",{className:"absolute inset-0 rounded-lg border border-strong"}),(0,l.jsx)("div",{className:"absolute -left-2 -top-2 size-32 rounded-tl-lg border-l-4 border-t-4 border-accent"}),(0,l.jsx)("div",{className:"absolute -right-2 -top-2 size-32 rounded-tr-lg border-r-4 border-t-4 border-accent"}),(0,l.jsx)("div",{className:"absolute -bottom-2 -left-2 size-32 rounded-bl-lg border-b-4 border-l-4 border-accent"}),(0,l.jsx)("div",{className:"absolute -bottom-2 -right-2 size-32 rounded-br-lg border-b-4 border-r-4 border-accent"}),(0,l.jsx)("div",{className:"absolute inset-x-0 top-1/2 h-px animate-pulse bg-accent/60"})]}),(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",className:"absolute bottom-32 left-1/2 -translate-x-1/2",children:"相手のQRコードを枠内に合わせてください"})]})]})),eA=({open:e,onClose:a,onViewReceivedCard:s,initialMode:t})=>{let[i,c]=(0,S.useState)(!1),[n,x]=(0,S.useState)("none"),[m,u]=(0,S.useState)(!1),f=j.aH.find(e=>e.id===j.Vl.cardTheme.selected)??j.aH[0],{selectedStats:v}=j.Vl.nameCard,k=j.Vl.nameCard.pickedBadges.map(e=>
1j.Vl.badges[e]).filter(Boolean);return((0,S.useEffect)(()=>{if(!e)return;let s=e=>{"Escape"===e.key&&("none"===n?a():x("none"))};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,a,n]),(0,S.useEffect)(()=>{e&&(c(!1),x("scan"===t?"camera":"none"),u("share"===t))},[e,t]),e)?"scan"===t&&"none"===n?(a(),null):(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 absolute inset-0 z-50 flex flex-col bg-surface-plain",children:[(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex shrink-0 items-center justify-between border-b border-border bg-surface-subtle px-16 py-12",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"ビルダーズパス"}),(0,l.jsxs)("button",{type:"button",onClick:a,"aria-label":"閉じる",className:"jsx-a13660ca6c054d16 text-variant-bodySm flex items-center gap-4 text-text-tertiary",children:[(0,l.jsx)(d.Z,{className:"size-16"}),(0,l.jsx)("span",{className:"jsx-a13660ca6c054d16",children:"閉じる"})]})]}),"none"===n&&(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-1 flex-col items-center overflow-y-auto px-16 py-24 gap-16",children:[(0,l.jsx)("div",{style:{perspective:"1000px"},onClick:()=>u(e=>!e),className:"jsx-a13660ca6c054d16 card-container w-full max-w-[360px]",children:(0,l.jsxs)("div",{style:{transformStyle:"preserve-3d",transition:"transform 0.6s",transform:m?"rotateY(180deg)":"rotateY(0deg)",height:"480px"},className:"jsx-a13660ca6c054d16 card-inner relative",children:[(0,l.jsxs)("div",{style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",border:`1.5px solid ${f.borderColor}`},className:"jsx-a13660ca6c054d16 absolute inset-0 overflow-hidden rounded-xl shadow-shadow-medium",children:[(0,l.jsx)("img",{src:j.Vl.nameCardCover,alt:"",className:"jsx-a13660ca6c054d16 absolute inset-0 size-full object-cover"}),(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 absolute inset-0 bg-gradient-to-b from-transparent via-[rgba(22,22,22,0.5)] to-[#101010]"}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 absolute inset-x-0 top-0 flex flex-col items-center gap-8 px-20 pt-24",children:[(0,l.jsx)(h,{src:j.Vl.avatar,alt:j.Vl.name,className:"size-72",frame:j.Vl.avatarFrame.selected}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-col items-center gap-4",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",className:"text-text-primary-white",children:j.Vl.name}),(0,l.jsx)(r.o,{variant:"bodySm",className:"text-text-secondary-white",children:j.Vl.tagline})]})]}),(0,l.jsx)("div",{style:{backgroundColor:f.borderColor},className:"jsx-a13660ca6c054d16 absolute inset-x-0 bottom-96 mx-16 grid grid-cols-2 gap-px overflow-hidden rounded-lg",children:v.slice(0,4).map(e=>(0,l.jsxs)("div",{style:{backgroundColor:f.textAreaBg},className:"jsx-a13660ca6c054d16 flex flex-col gap-2 px-12 py-8",children:[(0,l.jsx)(r.o,{variant:"bodySm",className:"text-variant-captionXs text-text-secondary-white uppercase tracking-wider",children:e.label}),(0,l.jsx)(r.o,{variant:"subtitleSm",className:"text-text-primary-white",children:e.value})]},e.key))}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 absolute inset-x-0 bottom-0 flex flex-col items-center gap-8 px-16 pb-16",children:[(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 flex gap-4",children:k.slice(0,5).map(e=>(0,l.jsx)("img",{src:e.image,alt:e.name,className:"jsx-a13660ca6c054d16 size-28 rounded-sm"},e.name))}),(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 flex gap-4",children:j.Vl.socialLinks.slice(0,3).map(e=>e_[e.service]?(0,l.jsx)("span",{className:"jsx-a13660ca6c054d16 flex items-center size-20 text-text-secondary-white",children:e_[e.service]},e.service):null)})]})]}),(0,l.jsx)("div",{style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)",border:`1.5px solid ${f.borderColor}`,backgroundColor:f.bgColor},className:"jsx-a13660ca6c054d16 absolute inset-0 overflow-hidden rounded-xl shadow-shadow-medium",children:(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex h-full flex-col gap-12 p-16",children:[(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex items-center gap-8",children:[(0,l.jsx)(h,{src:j.Vl.avatar,alt:j.Vl.name,className:"size-36",frame:j.Vl.avatarFrame.selected}),(0,l.jsx)(r.o,{variant:"subtitleSm",className:"text-text-primary-white",children:j.Vl.name})]}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-col gap-8",children:[(0,l.jsx)(r.o,{variant:"captionXs",className:"text-text-secondary-white uppercase tracking-wider",children:"代表作"}),(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 grid grid-cols-3 gap-4",children:j.Vl.nameCardBack.featuredWorks.map(e=>(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-col gap-4",children:[(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 aspect-square overflow-hidden rounded-md",children:(0,l.jsx)("img",{src:e.image,alt:e.title,className:"jsx-a13660ca6c054d16 size-full object-cover"})}),(0,l.jsx)(r.o,{variant:"captionXs",className:"text-text-secondary-white line-clamp-2",children:e.title})]},e.title))})]}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-1 flex-col items-center justify-center gap-8",children:[(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 flex size-[140px] items-center justify-center rounded-md bg-object-white p-8",children:(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 flex size-full items-center justify-center rounded-md border-2 border-dashed border-border",children:(0,l.jsx)(g.e,{className:"size-32 text-text-tertiary"})})}),(0,l.jsx)(r.o,{variant:"captionXs",className:"text-text-secondary-white text-center break-all",children:j.Vl.nameCardBack.qrUrl})]}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex gap-8",children:[(0,l.jsx)(eb.$,{variant:"subtle",size:"small",fullWidth:!0,startIcon:(0,l.jsx)(y.Q,{}),onClick:e=>e.stopPropagation(),children:"リンクをコピー"}),(0,l.jsx)(eb.$,{variant:"subtle",size:"small",fullWidth:!0,startIcon:(0,l.jsx)(N.N,{}),onClick:e=>e.stopPropagation(),children:"画像として保存"})]})]})})]})}),(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 flex w-full max-w-[360px] gap-8",children:(0,l.jsx)(eb.$,{variant:"outlined",size:"small",fullWidth:!0,onClick:e=>{e.stopPropagation()},children:"シェア"})}),m&&(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 w-full max-w-[360px] flex flex-col gap-12",children:[(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 h-px bg-border"}),(0,l.jsxs)("button",{type:"button",onClick:()=>c(e=>!e),className:"jsx-a13660ca6c054d16 flex items-center justify-between",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"tracking-widest uppercase",children:"交換履歴"}),(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",children:[i?"▲":"▼"," 累計 ",j.Vl.cardExchangeHistory.length,"人"]})]}),i&&(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 flex flex-col gap-8",children:j.Vl.cardExchangeHistory.map(e=>{let a=j.gq[e.name];return(0,l.jsxs)("button",{type:"button",onClick:()=>
1s?.(e.name),className:"jsx-a13660ca6c054d16 flex items-center gap-12 rounded-md border border-border p-12 text-left transition-colors hover:bg-surface-plain-hover",children:[(0,l.jsx)(b.e,{src:j.TB[e.name]??"",alt:e.name,className:"size-36 shrink-0"}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-1 flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:e.name}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e.date})]}),(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 relative h-64 w-80 shrink-0 overflow-hidden rounded-md",children:a?(0,l.jsx)("img",{src:a,alt:"",className:"jsx-a13660ca6c054d16 absolute inset-0 size-full object-cover"}):(0,l.jsx)("div",{className:"jsx-a13660ca6c054d16 absolute inset-0 bg-surface-subtle"})})]},`${e.name}-${e.date}`)})})]})]}),"camera"===n&&(0,l.jsx)(eF,{onCancel:a,onDetect:()=>x("confirm")}),"confirm"===n&&(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 absolute inset-0 z-60 flex items-center justify-center bg-overlay p-16",children:[(0,l.jsx)("button",{type:"button","aria-label":"閉じる",onClick:a,className:"jsx-a13660ca6c054d16 absolute inset-0 cursor-default"}),(0,l.jsxs)("div",{role:"dialog","aria-modal":"true",className:"jsx-a13660ca6c054d16 relative flex w-full max-w-screen-sm flex-col gap-16 rounded-lg border border-border bg-surface-plain p-24",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",className:"text-center",children:"ビルダーズパスを交換しますか?"}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex items-center justify-center gap-12",children:[(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-col items-center gap-4",children:[(0,l.jsx)(b.e,{src:j.Vl.avatar,alt:j.Vl.name,className:"size-48"}),(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",children:"あなた"})]}),(0,l.jsx)(o.R,{className:"size-20 text-tertiary"}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-col items-center gap-4",children:[(0,l.jsx)(b.e,{src:eR.avatar,alt:eR.name,className:"size-48"}),(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",children:eR.name})]})]}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"text-center",children:"交換後、お互いのビルダーズパスと交換履歴が記録されます。"}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-col gap-8",children:[(0,l.jsx)(eb.$,{variant:"primary",size:"medium",fullWidth:!0,onClick:()=>x("complete"),children:"交換する"}),(0,l.jsx)(eb.$,{variant:"plain",size:"medium",fullWidth:!0,onClick:a,children:"キャンセル"})]})]})]}),"complete"===n&&(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 absolute inset-0 z-60 flex flex-col bg-surface-plain",children:[(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-1 flex-col items-center justify-center gap-16 px-24 text-center",children:[(0,l.jsx)(el.p,{className:"size-48 text-accent"}),(0,l.jsx)(r.o,{variant:"headingXl",color:"primary",children:"ビルダーズパス交換完了!"}),(0,l.jsxs)(r.o,{variant:"bodyMd",color:"secondary",children:[eR.name," さんとビルダーズパスを交換しました。 交換履歴からいつでも確認できます。"]}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 mt-8 flex w-full max-w-[280px] flex-col items-center gap-12 rounded-md border border-border bg-surface-subtle p-16",children:[(0,l.jsx)(b.e,{src:eR.avatar,alt:eR.name,className:"size-64"}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:eR.name}),(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",children:eR.tagline})]})]}),(0,l.jsxs)("div",{className:"jsx-a13660ca6c054d16 flex flex-col gap-8 border-t border-border p-16",children:[(0,l.jsx)(eb.$,{variant:"primary",size:"medium",fullWidth:!0,onClick:()=>{a(),s?.(eR.name)},children:"受け取ったカードを見る"}),(0,l.jsx)(eb.$,{variant:"plain",size:"medium",fullWidth:!0,onClick:a,children:"閉じる"})]})]}),(0,l.jsx)(p(),{id:"a13660ca6c054d16",children:".z-60{z-index:60}.card-container{perspective:1e3px}"})]}):null},eP=({onComplete:e,onClose:a,onOpenAbout:s})=>{let[i,c]=(0,S.useState)("welcome");return((0,S.useEffect)(()=>
1{if("generating"===i){let a=setTimeout(()=>{e(),c("fading")},2500);return()=>clearTimeout(a)}},[i]),"welcome"===i)?(0,l.jsxs)("div",{className:"absolute inset-0 z-50 flex flex-col bg-surface-plain",children:[(0,l.jsx)("div",{className:"flex items-center px-16 py-12",children:(0,l.jsx)(t.K,{size:"small","aria-label":"閉じる",onClick:a,children:(0,l.jsx)(d.Z,{})})}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col items-center justify-center gap-16 px-24 text-center",children:[(0,l.jsx)(o.R,{className:"size-48"}),(0,l.jsx)(r.o,{variant:"headingXl",color:"primary",children:"ビルダーズパスへようこそ"}),(0,l.jsx)(r.o,{variant:"bodyMd",color:"secondary",children:"ビルダーズノートでの活動データをもとに、あなただけのプロフィールカードができあがります。"}),(0,l.jsx)(eb.$,{variant:"outlined",size:"small",onClick:s,children:"ビルダーズパスとは?"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-12 px-24 pb-32",children:[(0,l.jsx)(eb.$,{variant:"primary",size:"large",fullWidth:!0,onClick:()=>c("generating"),children:"パスを作成する"}),(0,l.jsx)(r.o,{variant:"captionXs",color:"tertiary",className:"text-center",children:"作成後のパスは公開されます。パスの内容は、後から項目ごとに非表示にすることができます。"})]})]}):"generating"===i?(0,l.jsxs)("div",{className:"absolute inset-0 z-50 flex flex-col items-center justify-center gap-24 bg-surface-plain text-center",children:[(0,l.jsxs)("div",{className:"relative flex size-80 items-center justify-center",children:[(0,l.jsx)("div",{className:"absolute inset-0 animate-spin rounded-full border-4 border-transparent border-t-object-accent"}),(0,l.jsx)(o.R,{className:"size-40 text-accent"})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-8 px-24",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"あなたの活動データからパスを作成中..."}),(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",className:"animate-pulse",children:"制作履歴・投稿・いいねを分析しています"})]})]}):"fading"===i?(0,l.jsx)(eO,{}):null},eO=()=>{let[e,a]=(0,S.useState)(1),[s,r]=(0,S.useState)(!0);return((0,S.useEffect)(()=>{let e=setTimeout(()=>a(0),200),s=setTimeout(()=>r(!1),1800);return()=>{clearTimeout(e),clearTimeout(s)}},[]),s)?(0,l.jsx)("div",{className:"pointer-events-none absolute inset-0 z-50 bg-surface-plain",style:{opacity:e,transition:"opacity 1.5s ease-out"}}):null};var eG=s(5734),eY=s(48762);let eZ=["投稿","いいね","コメント"],eq=({user:e,onBack:a,onOpenBuildersPass:s})=>{let[i,c]=(0,S.useState)(0),d=(e=>[{title:`${e.favoriteMS[0]?.name??"ガンプラ"} 完成!`,date:"昨日",hasNote:!0,image:j.Vl.gallery.works[3]?.image},{title:`${e.buildStyles[0]??"制作"}の練習`,date:"3日前",hasNote:!1,image:j.Vl.gallery.works[5]?.image}])(e);return(0,l.jsxs)("div",{className:"flex min-h-screen flex-col bg-surface-subtle",children:[(0,l.jsxs)("div",{className:"absolute inset-x-0 top-0 z-10 flex items-center justify-between p-8",children:[(0,l.jsx)(t.K,{size:"small","aria-label":"戻る",onClick:a,className:"bg-overlay-subtle text-text-primary-white",children:(0,l.jsx)(eT.p,{})}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"プロフィール"}),(0,l.jsx)(t.K,{size:"small","aria-label":"メニュー",className:"bg-overlay-subtle text-text-primary-white",children:(0,l.jsx)(eG.D,{})})]}),(0,l.jsx)("div",{className:"relative h-[160px] bg-surface-info",children:(0,l.jsxs)("div",{className:"absolute bottom-4 right-16 text-right",children:[(0,l.jsx)(r.o,{variant:"headingXl",className:"text-text-secondary-white tracking-[0.2em]",children:"BUILDERS"}),(0,l.jsx)(r.o,{variant:"headingXl",className:"text-text-secondary-white tracking-[0.2em]",children:"NOTE"})]})}),(0,l.jsx)("div",{className:"relative px-16 -mt-48",children:(0,l.jsxs)("div",{className:"flex items-end justify-between",children:[(0,l.jsx)(b.e,{src:e.avatar??"",alt:e.name,className:"size-96 border-4 border-surface-subtle"}),(0,l.jsxs)("div",{className:"flex gap-8 pb-8",children:[(0,l.jsx)(t.K,{size:"small","aria-label":"シェア",className:"border border-border-strong bg-object-neutral",children:(0,l.jsx)(n.Q,{})}),(0,l.jsx)(eb.$,{variant:"outlined",size:"small",startIcon:(0,l.jsx)(eY._,{className:"size-16"}),children:"フォローする"})]})]})}),(0,l.jsx)("div",{className:"px-16 pt-8",children:(0,l.jsx)(r.o,{variant:"headingXl",color:"primary",children:e.name})}),!1!==e.hasPass&&(0,l.jsx)("div",{className:"px-16 pt-12",children:(0,l.jsxs)("button",{type:"button",onClick:s,className:"flex w-full items-center gap-8 rounded-md border border-border-accent px-16 py-8 transition-colors hover:bg-object-accent-subtle",children:[(0,l.jsx)(o.R,{className:"size-24 shrink-0 text-text-accent"}),(0,l.jsx)(r.o,{variant:"bodySm",className:"flex-1 text-left text-text-accent",children:"ビルダーズパス"}),(0,l.jsx)(_.K,{className:"size-16 shrink-0 text-text-accent"})]})}),(0,l.jsx)("div",{className:"mt-16 flex overflow-x-auto border-b border-border",children:eZ.map((e,a)=>(0,l.jsxs)("button",{type:"button",onClick:()=>c(a),className:["text-variant-subtitleSm relative whitespace-nowrap px-16 py-8 transition-colors",i===a?"text-text-primary":"text-text-tertiary"].join(" "),children:[e,i===a&&(0,l.jsx)("span",{className:"absolute inset-x-0 bottom-0 h-2 bg-object-primary"})]},e))}),(0,l.jsx)("div",{className:"flex flex-col",children:d.map((a,i)=>(0,l.jsxs)("div",{className:"border-b border-border p-16",children:[(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)(b.e,{src:e.avatar??"",alt:e.name,className:"size-40"}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col",children:[(0,l.jsxs)("div",{className:"flex items-center gap-4",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:e.name}),!1!==e.hasPass&&(0,l.jsx)(t.K,{size:"xsmall",onClick:s,"aria-label":"ビルダーズパスを表示",children:(0,l.jsx)(o.R,{className:"size-20 text-text-accent"})})]}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:a.date})]})]}),a.hasNote&&(0,l.jsx)("div",{className:"mt-8",children:(0,l.jsx)(W.v,{variant:"success",size:"xxsmall",className:"w-fit",children:"製作ノートあり"})}),(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",className:"mt-8",children:a.title}),a.image&&(0,l.jsx)("div",{className:"mt-8 overflow-hidden rounded-md",children:(0,l.jsx)("img",{src:a.image,alt:"",className:"h-[200px] w-full object-cover"})})]},i))})]})};var eQ=s(57078);let eU={X:(0,l.jsx)(eL.X,{}),YouTube:(0,l.jsx)(eW.E,{}),Instagram:(0,l.jsx)(eH.R,{}),Website:(0,l.jsx)(eQ.T,{})},eJ=["ビルダー情報","アチーブメント"],e0=[Y,L],e1=({userName:e,onClose:a,onViewProfile:s})=>{let i=j.si[e],c=j.TB[e]??"",n=j.gq[e],o=i?.name??e,x=i?.tagline??"ガンプラ楽しんでます!",m=i?.badges??[],{socialLinks:b}=j.Vl,u=i?.stats,p=j.aH[0],[f,g]=(0,S.useState)(0),y=e0[f],N=u?[{key:"totalBuilds",label:"総制作数",value:`${u.totalBuilds}体`},{key:"buildsThisYear",label:"今年の制作数",value:`${u.buildsThisYear}体`},{key:"noteCount",label:"ノート数",value:`${u.noteCount}件`},{key:"currentStreak",label:"連続制作",value:`${u.currentStreak}週`}]:[];return(0,l.jsxs)("div",{className:"absolute inset-0 z-50 flex flex-col bg-surface-plain",children:[(0,l.jsxs)("div",{className:"relative z-10 flex shrink-0 items-center justify-between bg-surface-subtle px-4 py-8",children:[(0,l.jsx)("div",{className:"px-8",children:(0,l.jsx)(t.K,{size:"small","aria-label":"閉じる",onClick:a,children:(0,l.jsx)(d.Z,{})})}),(0,l.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2",children:(0,l.jsxs)(r.o,{variant:"subtitleMd",color:"primary",children:[o," のビルダーズパス"]})}),(0,l.jsx)("div",{className:"w-52"})]}),(0,l.jsxs)("div",{className:"flex-1 overflow-y-auto",children:[(0,l.jsx)("div",{className:"pt-12"}),(0,l.jsxs)("div",{className:"mx-16 overflow-hidden rounded-lg shadow-shadow-medium",style:{border:`1px solid ${p.borderColor}`}
1,children:[(0,l.jsxs)("div",{className:"relative h-[352px]",children:[n?(0,l.jsx)("img",{src:n,alt:"",className:"absolute inset-0 size-full object-cover"}):(0,l.jsx)("div",{className:"absolute inset-0 bg-surface-subtle"}),(0,l.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-transparent via-[rgba(22,22,22,0.61)] via-[59%] to-[#161616] to-[74%]"}),(0,l.jsxs)("div",{className:"absolute inset-x-0 bottom-16 flex flex-col items-center gap-12 px-24",children:[(0,l.jsxs)("button",{type:"button",className:"flex items-center gap-16",onClick:()=>{s()},children:[(0,l.jsx)(h,{src:c,alt:o,className:"size-64",frame:i?.avatarFrame??"default"}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)("div",{className:"flex items-center gap-12",children:(0,l.jsx)(r.o,{variant:"headingXl",className:"text-text-primary-white",children:o})}),(0,l.jsx)(r.o,{variant:"bodySm",className:"text-text-secondary",children:x})]})]}),m.length>0&&(0,l.jsx)("div",{className:"flex gap-8",children:m.slice(0,5).map(e=>(0,l.jsx)("img",{src:e.image,alt:e.name,className:"size-36"},e.name))})]})]}),(0,l.jsx)("div",{className:"border-t p-16",style:{borderColor:p.borderColor,backgroundColor:p.bgColor},children:(0,l.jsxs)("div",{className:"flex flex-col gap-16",children:[N.length>0&&(0,l.jsx)("div",{className:"grid grid-cols-2 gap-x-12 gap-y-8",children:N.map(e=>(0,l.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,l.jsx)(r.o,{variant:"captionXs",color:"tertiary",children:e.label}),(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:e.value})]},e.key))}),b.length>0&&(0,l.jsx)("div",{className:"flex gap-4",children:b.map(e=>(0,l.jsx)("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",children:(0,l.jsx)(t.K,{size:"xsmall","aria-label":e.service,className:"text-tertiary hover:text-secondary",children:eU[e.service]})},e.service))})]})})]}),(0,l.jsx)("div",{className:"sticky top-0 z-10 border-b border-border bg-surface-subtle",children:(0,l.jsx)(v.t,{value:f,onChange:(e,a)=>g(a),children:eJ.map((e,a)=>(0,l.jsx)(v.o,{value:a,fullWidth:!0,children:e},e))})}),(0,l.jsx)($.Provider,{value:i??null,children:(0,l.jsx)(y,{})})]})]})};var e6=s(6507);let e2=[{name:"Bbbbbbbb",rank:"少尉",tagline:"ガンプラ楽しんでます!",works:42},{name:"Cccccccc",rank:"中尉",tagline:"HG専門ビルダー",works:78},{name:"Dddddddd",rank:"曹長",tagline:"ジオラマ制作が趣味",works:15},{name:"Eeeeeeee",rank:"大尉",tagline:"ウェザリング修行中",works:103},{name:"Ffffffff",rank:"少佐",tagline:"スクラッチビルドに挑戦中",works:56},{name:"Gggggggg",rank:"軍曹",tagline:"RGが一番好き",works:31},{name:"Hhhhhhhh",rank:"伍長",tagline:"週末ビルダー",works:8}],e8=({onBack:e,onSelectUser:a})=>(0,l.jsxs)("div",{className:"flex min-h-screen flex-col bg-surface-subtle",children:[(0,l.jsx)("div",{className:"flex items-center justify-center border-b border-border px-16 py-12",children:(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:"探す"})}),(0,l.jsx)("div",{className:"px-16 py-12",children:(0,l.jsxs)("div",{className:"flex items-center gap-8 rounded-md bg-object-neutral px-12 py-8",children:[(0,l.jsx)(ep.v,{className:"size-16 text-text-tertiary"}),(0,l.jsx)(r.o,{variant:"bodyMd",color:"tertiary",children:"ビルダーを検索..."})]})}),(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsx)("div",{className:"px-16 pb-8",children:(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"ビルダー"})}),e2.map(e=>(0,l.jsxs)("button",{type:"button",onClick:()=>a(e.name),className:"flex items-center gap-12 px-16 py-12 text-left transition-colors hover:bg-surface-plain-hover",children:[(0,l.jsx)(b.e,{src:j.TB[e.name]??"",alt:e.name,className:"size-48"}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col gap-4",children:[(0,l.jsx)(r.o,{variant:"subtitleSm",color:"primary",children:e.name}),(0,l.jsx)(r.o,{variant:"bodySm",color:"secondary",children:e.tagline}),(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",children:["制作数 ",e.works]})]})]},e.name))]}),(0,l.jsx)("div",{className:"mt-auto flex items-stretch border-t border-border bg-surface-subtle",children:[{icon:(0,l.jsx)(e6._,{className:"size-20"}),label:"ホーム",active:!1,action:e},{icon:(0,l.jsx)(ep.v,{className:"size-20"}),label:"探す",active:!0,action:void 0},{icon:(0,l.jsx)(ef.k,{className:"size-20"}),label:"作る",active:!1,action:void 0},{icon:(0,l.jsx)(ev.f,{className:"size-20"}),label:"コミュニティ",active:!1,action:void 0},{icon:(0,l.jsx)(eg.H,{className:"size-20"}),label:"ストア",active:!1,action:void 0}].map(e=>(0,l.jsxs)("button",{type:"button",onClick:e.action,className:"flex flex-1 flex-col items-center gap-2 py-8",children:[e.icon,(0,l.jsx)("span",{className:`text-variant-captionXs ${e.active?"text-text-primary":"text-text-tertiary"}`,children:e.label})]},e.label))})]});var e4=s(42148),e3=s(46638),e5=s(99799),e7=s(15916),e9=s(27647),ae=s(25058),aa=s(82925),as=s(90293);let al=[1,3,0],ar={gallery:"ギャラリー","atelier-photo":"制作環境写真","atelier-tools":"ツール","atelier-workspace":"制作場所","atelier-kits":"未制作キット","atelier-kits-all":"未制作キット一覧","atelier-notes":"注目の制作ノート",profile:"プロフィール","favorite-ms":"好きなMS・MA","favorite-series":"好きな作品・シリーズ","first-gunpla":"初ガンプラ","favorite-store":"よく行く店舗","achievement-activity":"アクティビティ","achievement-badges":"バッジ","avatar-frame":"アバターフレーム","name-card-theme":"ネームカードテーマ","name-card-stats":"ネームカードの指標",circles:"所属サークル・団体",bio:"自己紹介文"},at=()=>{let[e,a]=(0,S.useState)(()=>j.Vl.gallery.works.map((e,a)=>a)),[s,i]=(0,S.useState)(al),[c,n]=(0,S.useState)([]),d=(s,l)=>{let r=s+l;r<0||r>=e.length||a(e=>{let a=[...e];return[a[s],a[r]]=[a[r],a[s]],a})};return(0,l.jsxs)("div",{className:"flex flex-col gap-16",children:[(0,l.jsx)("div",{className:"rounded-md border border-strong bg-surface-subtle p-12",children:(0,l.jsxs)(r.o,{variant:"bodySm",color:"secondary",children:["投稿は自動で積み上がっていきます。代表作(最大",3,"件)と並び順、非表示にする作品を選択できます。"]})}),(0,l.jsx)("div",{className:"flex flex-col gap-8",children:e.map((a,r)=>
1{let o=j.Vl.gallery.works[a];if(!o)return null;let x=s.includes(a),m=c.includes(a),b=s.indexOf(a),h=!x&&s.length>=3;return(0,l.jsxs)("div",{className:["flex items-center gap-8 rounded-md border border-strong bg-surface-subtle p-8 transition-opacity",m?"opacity-50":""].join(" "),children:[(0,l.jsxs)("div",{className:"relative size-56 shrink-0 overflow-hidden rounded-md",children:[(0,l.jsx)("img",{src:o.image,alt:"",className:"size-full object-cover"}),x&&(0,l.jsx)("div",{className:"absolute right-2 top-2 flex size-16 items-center justify-center rounded-full bg-object-accent text-variant-captionXs text-text-on-accent",children:b+1})]}),(0,l.jsxs)("div",{className:"flex flex-1 items-center gap-4",children:[(0,l.jsx)(t.K,{size:"small",onClick:()=>(e=>i(a=>a.includes(e)?a.filter(a=>a!==e):a.length>=3?a:[...a,e]))(a),disabled:h||m,"aria-label":x?"代表作から外す":"代表作にする","aria-pressed":x,children:x?(0,l.jsx)(R.r,{className:"size-20"}):(0,l.jsx)(e5.y,{className:"size-20"})}),(0,l.jsx)(t.K,{size:"small",onClick:()=>(e=>n(a=>{let s=a.includes(e)?a.filter(a=>a!==e):[...a,e];return a.includes(e)||i(a=>a.filter(a=>a!==e)),s}))(a),"aria-label":m?"表示にする":"非表示にする","aria-pressed":m,children:m?(0,l.jsx)(e7.x,{className:"size-20"}):(0,l.jsx)(e9._,{className:"size-20"})})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,l.jsx)(t.K,{size:"xsmall",onClick:()=>d(r,-1),disabled:0===r,"aria-label":"上に移動",children:(0,l.jsx)(ae.l,{})}),(0,l.jsx)(t.K,{size:"xsmall",onClick:()=>d(r,1),disabled:r===e.length-1,"aria-label":"下に移動",children:(0,l.jsx)(aa.m,{})})]})]},a)})})]})},ai=()=>(0,l.jsxs)("div",{className:"flex flex-col items-center gap-16",children:[(0,l.jsx)("div",{className:"flex size-[200px] items-center justify-center rounded-md border-2 border-dashed border-strong bg-surface-subtle",children:(0,l.jsx)(z.m,{className:"size-32 text-tertiary"})}),(0,l.jsx)(eb.$,{variant:"outlined",size:"small",startIcon:(0,l.jsx)(z.m,{}),children:"写真をアップロード"}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"推奨: 750\xd7400px、JPG/PNG"})]}),ac=({items:e,placeholder:a})=>{let[s,r]=(0,S.useState)([...e]),[t,i]=(0,S.useState)(""),c=()=>{let e=t.trim();e&&!s.includes(e)&&(r([...s,e]),i(""))};return(0,l.jsxs)("div",{className:"flex flex-col gap-12",children:[(0,l.jsx)("div",{className:"flex flex-wrap gap-8",children:s.map(e=>(0,l.jsx)(e4.$y,{isSelected:!0,onDelete:()=>r(s.filter(a=>a!==e)),deleteAriaLabel:`${e}を削除`,children:e},e))}),(0,l.jsxs)("div",{className:"flex gap-8",children:[(0,l.jsx)("div",{className:"flex-1",children:(0,l.jsx)(e3.A,{label:"",value:t,onChange:e=>i(e.target.value),placeholder:a,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),c())}})}),(0,l.jsx)(eb.$,{variant:"outlined",size:"small",onClick:c,children:"追加"})]})]})},an=({label:e,defaultValue:a})=>{let[s,r]=(0,S.useState)(a);return(0,l.jsx)(e3.A,{label:e,value:s,onChange:e=>r(e.target.value)})},ad=()=>(0,l.jsxs)("div",{className:"flex flex-col gap-16",children:[(0,l.jsx)(an,{label:"ビルダー歴",defaultValue:`${j.Vl.builderYears}年`}),(0,l.jsx)(an,{label:"年代",defaultValue:j.Vl.age}),(0,l.jsx)(an,{label:"活動エリア",defaultValue:j.Vl.region}),(0,l.jsx)(an,{label:"制作頻度",defaultValue:j.Vl.buildFrequency}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"制作スタイル"}),(0,l.jsx)(ac,{items:j.Vl.buildStyles,placeholder:"スタイルを追加"})]})]}),ao=({items:e})=>{let[a,s]=(0,S.useState)(Object.fromEntries(e.map(e=>[e.name,!0])));return(0,l.jsx)("div",{className:"flex flex-col gap-8",children:e.map(e=>(0,l.jsxs)("div",{className:"flex items-center justify-between rounded-md border border-strong p-12",children:[(0,l.jsxs)("div",{className:"flex items-center gap-12",children:[e.image&&(0,l.jsx)("img",{src:e.image,alt:e.name,className:"size-32"}),(0,l.jsx)(r.o,{variant:"bodySm",color:"primary",children:e.name})]}),(0,l.jsx)(C.l,{checked:a[e.name]??!0,onChange:()=>s(a=>({...a,[e.name]:!a[e.name]}))})]},e.name))})},ax=()=>{let[e,a]=(0,S.useState)(j.Vl.avatarFrame.selected),s=new Set(j.Vl.avatarFrame.unlocked);return(0,l.jsx)("div",{className:"grid grid-cols-3 gap-12",children:j.nI.map(t=>{let i=s.has(t.id),c=e===t.id;return(0,l.jsxs)("button",{type:"button",onClick:()=>i&&a(t.id),disabled:!i,className:["relative flex flex-col items-center gap-8 rounded-md border p-12 transition-colors",c?"border-accent bg-surface-subtle":"border-border bg-surface-plain",i?"hover:bg-surface-subtle":"opacity-60"].join(" "),"aria-pressed":c,children:[(0,l.jsx)("div",{className:"size-48 rounded-full",style:{background:"transparent"===t.ringColor?"transparent":void 0,border:`3px solid ${"transparent"===t.ringColor?"#444":t.ringColor}`}}),(0,l.jsx)(r.o,{variant:"bodySm",color:"primary",children:t.name}),t.condition&&(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"text-center text-variant-captionXs",children:i?t.condition:(0,l.jsxs)("span",{className:"flex items-center justify-center gap-4",children:[(0,l.jsx)(ec.Y,{className:"size-12"}),t.condition]})}),c&&(0,l.jsx)(es.a,{className:"absolute right-6 top-6 size-16 text-accent"})]},t.id)})})},am=()=>{let[e,a]=(0,S.useState)(j.Vl.cardTheme.selected);return(0,l.jsx)("div",{className:"grid grid-cols-2 gap-12",children:j.aH.map(s=>{let t=e===s.id;return(0,l.jsxs)("button",{type:"button",onClick:()=>
1a(s.id),className:["flex flex-col gap-8 rounded-md border p-12 transition-colors",t?"border-accent":"border-border"].join(" "),"aria-pressed":t,children:[(0,l.jsx)("div",{className:"h-24 w-full rounded-sm",style:{backgroundColor:s.bgColor,border:`2px solid ${s.borderColor}`}}),(0,l.jsx)(r.o,{variant:"bodySm",color:"primary",children:s.name})]},s.id)})})},ab=()=>{let e=new Set(j.Vl.nameCard.selectedStats.map(e=>e.key)),[a,s]=(0,S.useState)(e);return(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",children:[a.size,"/",4," 選択中"]}),j.xi.map(e=>{let t=a.has(e.key),i=!t&&a.size>=4;return(0,l.jsxs)("div",{className:["flex items-center justify-between rounded-md border border-border p-12",i?"opacity-50":""].join(" "),children:[(0,l.jsx)(eX.S,{checked:t,onChange:()=>(e=>{s(a=>{let s=new Set(a);return s.has(e)?s.delete(e):s.size<4&&s.add(e),s})})(e.key),label:e.label,disabled:i}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:e.value})]},e.key)})]})},aj=()=>{let[e,a]=(0,S.useState)(j.Vl.bio);return(0,l.jsx)(e3.A,{label:"自己紹介",value:e,onChange:e=>a(e.target.value),multiline:!0,maxCount:200,subText:"あなたのことを120〜200文字で紹介しましょう"})},ah=({open:e,onClose:a,initialSection:s})=>{let i=ar[s??""]??"プロフィール",c="atelier-kits-all"===s;return e?(0,l.jsxs)("div",{className:"absolute inset-0 z-50 flex items-end",onClick:a,children:[(0,l.jsx)("div",{className:"absolute inset-0 bg-overlay"}),(0,l.jsxs)("div",{className:"relative w-full max-h-[80vh] overflow-y-auto rounded-t-lg bg-surface-plain",onClick:e=>e.stopPropagation(),children:[(0,l.jsxs)("div",{className:"flex items-center justify-between border-b border-strong px-16 py-12",children:[(0,l.jsx)(r.o,{variant:"subtitleMd",color:"primary",children:c?i:`${i}を編集`}),(0,l.jsx)(t.K,{"aria-label":"閉じる",size:"small",onClick:a,children:(0,l.jsx)(d.Z,{})})]}),(0,l.jsx)("div",{className:"p-16",children:(()=>{switch(s){case"gallery":return(0,l.jsx)(at,{});case"atelier-photo":return(0,l.jsx)(ai,{});case"atelier-tools":return(0,l.jsx)(ac,{items:j.Vl.tools,placeholder:"ツールを追加"});case"atelier-workspace":return(0,l.jsx)(an,{label:"制作場所",defaultValue:j.Vl.workspace});case"atelier-kits":return(0,l.jsxs)("div",{className:"flex flex-col gap-12",children:[(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",children:[j.Vl.atelier.myKits.length,"キット登録済み"]}),(0,l.jsx)(eb.$,{variant:"outlined",size:"small",fullWidth:!0,startIcon:(0,l.jsx)(H.d,{}),children:"キットを追加"})]});case"atelier-kits-all":return(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsxs)(r.o,{variant:"bodySm",color:"tertiary",children:[j.Vl.atelier.myKits.length,"キット"]}),(0,l.jsx)("div",{className:"grid grid-cols-3 gap-8",children:j.Vl.atelier.myKits.map((e,a)=>(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)("div",{className:"aspect-square overflow-hidden rounded-md bg-surface-subtle",children:(0,l.jsx)("div",{className:"flex size-full items-center justify-center",children:(0,l.jsx)(as.j,{className:"size-16 text-tertiary"})})}),(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",className:"truncate",children:e.name})]},a))})]});case"atelier-notes":return(0,l.jsx)("div",{className:"flex flex-col gap-8",children:j.Vl.atelier.pickupNotes.map(e=>(0,l.jsx)("div",{className:"flex items-center gap-8 rounded-md border border-strong p-12",children:(0,l.jsx)(eX.S,{defaultChecked:!0,label:e.title})},e.title))});case"profile":return(0,l.jsx)(ad,{});case"favorite-ms":return(0,l.jsx)(ac,{items:j.Vl.favoriteMS.map(e=>e.name),placeholder:"MS・MAを追加"});case"favorite-series":return(0,l.jsx)(ac,{items:[...j.Vl.favoriteSeries],placeholder:"作品・シリーズを追加"});case"first-gunpla":return(0,l.jsxs)("div",{className:"flex flex-col gap-16",children:[(0,l.jsx)(an,{label:"キット名",defaultValue:j.Vl.firstGunpla.name}),(0,l.jsx)(an,{label:"年",defaultValue:`${j.Vl.firstGunpla.year}`})]});case"favorite-store":return(0,l.jsx)(an,{label:"よく行く店舗",defaultValue:j.Vl.favoriteStore});case"achievement-activity":return(0,l.jsx)(ao,{items:[{name:"総制作数"},{name:"今年の制作数"},{name:"ノート投稿数"},{name:"平均制作期間"},{name:"連続記録ストリーク"}]});case"achievement-badges":return(0,l.jsx)(ao,{items:j.Vl.badges.map(e=>({name:e.name,image:e.image}))});case"avatar-frame":return(0,l.jsx)(ax,{});case"name-card-theme":return(0,l.jsx)(am,{});case"name-card-stats":return(0,l.jsx)(ab,{});case"circles":return(0,l.jsx)(ac,{items:j.Vl.circles,placeholder:"サークル名を入力"});case"bio":return(0,l.jsx)(aj,{});default:return(0,l.jsx)(r.o,{variant:"bodySm",color:"tertiary",children:"この項目の編集UIは未実装です"})}})()}),!c&&(0,l.jsx)("div",{className:"border-t border-strong p-16",children:(0,l.jsx)(eb.$,{variant:"primary",size:"medium",fullWidth:!0,onClick:a,children:"保存"})})]})]}):null}}}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.