https://www.aipictors.com/assets/work-comment.js

1import{r,j as e,a as b}from"./jsx-runtime.js";import{t as z}from"./gql-tada.js";import{u as w}from"./index6.js";import{C as re,P as oe}from"./premium-coin-icon.js";import{A as le,a as ce,b as me}from"./avatar.js";import{B as x}from"./button.js";import{U as Z}from"./user-avatar-with-frame.js";import{u as O}from"./use-translation.js";import{c as F}from"./utils.js";import{D as V,a as ee,b as q,c as Y,d as H,e as G}from"./dialog.js";import{T as te}from"./textarea.js";import{M as de}from"./message-square-warning.js";import{g as se}from"./index29.js";import{u as $}from"./useMutation.js";import{A as J}from"./auth-context.js";import{S as ue,a as xe,b as fe,c as he,e as ge,f as je,d as P}from"./select.js";import{F as Ce}from"./flag.js";import{A as ke,a as ye,b as we,c as ve,d as pe,e as Se,f as Ne,g as be,h as Ie}from"./alert-dialog.js";import{C as Te}from"./checkbox.js";import{u as Ae}from"./index28.js";import{A as De}from"./auto-resize-textarea.js";import{R as Re}from"./responsive-pagination.js";import{S as Le}from"./scroll-area.js";import{T as Ee,a as ze,b as K}from"./tabs.js";import{u as Oe}from"./use-focus-timeout.js";import{A as Ue,S as Pe,a as Me}from"./add-sticker-dialog.js";import{P as ae}from"./plus.js";import{M as Be}from"./minus.js";import{b as W}from"./useQuery.js";import{w as _}from"./with-icon-url-fallback.js";import{C as Fe,A as $e}from"./cross-platform-tooltip.js";import{g as We}from"./get-apollo-error-message.js";import{S as _e}from"./stamp.js";import{L as ne}from"./loader-circle.js";import{S as Ve}from"./sticker-info-dialog.js";import{t as qe}from"./to-date-time-text.js";import{E as M}from"./eye-off.js";import{L as B}from"./components.js";import{E as Q}from"./eye.js";import{H as X}from"./heart.js";import{T as Ye}from"./thumbs-up.js";import{R as He}from"./reply.js";function Ge(t){const s=O(),[a,o]=r.useState(!1),[n,l]=r.useState(""),[u,{loading:j}]=$(Je),f=async()=>{if(n.trim().length<5){w(s("内容を入力してください","Please enter the details"));return}try{await u({variables:{input:{commentId:t.commentId,text:n.trim()}}}),w(s("異議申し立てを送信しました。確認までお待ちください。","Your appeal has been submitted.")),l(""),o(!1)}catch(c){c instanceof Error&&w(c.message)}};return e.jsxs(V,{open:a,onOpenChange:o,children:[e.jsx(ee,{asChild:!0,children:e.jsxs(x,{size:"sm",variant:"ghost",className:"h-auto px-1 text-xs",children:[e.jsx(de,{className:"mr-1 size-3"}),s("異議申し立て","Appeal")]})}),e.jsxs(q,{children:[e.jsx(Y,{children:e.jsx(H,{children:s("コメント審査に異議申し立て","Appeal moderation")})}),e.jsx(te,{value:n,onChange:c=>l(c.target.value),placeholder:s("誤判定だと思う理由を入力してください","Explain why you think this decision is incorrect"),className:"min-h-32 resize-none"}),e.jsx(G,{children:e.jsx(x,{onClick:f,disabled:j,children:s("送信","Submit")})})]})]})}const Je=se`
2  mutation AppealCommentModerationDialog($input: AppealCommentModerationInput!) {
3    appealCommentModeration(input: $input)
4  }
5`;function Ke(t){const s=r.useContext(J),a=O(),[o,n]=r.useState(!1),[l,u]=r.useState(""),[j,f]=r.useState(""),[c,{loading:p}]=$(Qe),C=async()=>{if(s.isNotLoggedIn){w(a("ログインしてください","Please log in"));return}if(l.length===0){w(a("報告理由を選択してください","Please select a reason"));return}try{await c({variables:{input:{commentId:t.commentId,reason:l,comment:j.trim()||null}}}),w(a("コメントを報告しました。ご協力ありがとうございます。","The comment has been reported. Thank you.")),u(""),f(""),n(!1)}catch(d){d instanceof Error&&w(d.message)}};return e.jsxs(V,{open:o,onOpenChange:n,children:[e.jsx(ee,{asChild:!0,children:e.jsxs(x,{size:"sm",variant:"ghost",className:F(t.iconOnly?"size-7 px-0":void 0,t.buttonClassName),"aria-label":a("問題を報告","Report"),title:a("問題を報告","Report"),children:[e.jsx(Ce,{className:F("size-3",!t.iconOnly&&"mr-1")}),!t.iconOnly&&a("問題を報告","Report")]})}),e.jsxs(q,{children:[e.jsx(Y,{children:e.jsx(H,{children:a("コメントを報告する","Report comment")})}),e.jsxs(ue,{value:l,onValueChange:u,children:[e.jsx(xe,{children:e.jsx(fe,{placeholder:a("理由を選択","Select a reason")})}),e.jsx(he,{children:e.jsxs(ge,{children:[e.jsx(je,{children:a("理由","Reason")}),e.jsx(P,{value:"COMMERCIAL_CONTENT",children:a("宣伝・勧誘・スパム","Spam or solicitation")}),e.jsx(P,{value:"PRIVACY_VIOLATION",children:a("プライバシー侵害","Privacy violation")}),e.jsx(P,{value:"EXCESSIVE_GORE",children:a("過度に暴力的・グロテスク","Excessive violence or gore")}),e.jsx(P,{value:"ILLEGAL_CONTENT",children:a("禁止コンテンツへの誘導","Links to prohibited content")}),e.jsx(P,{value:"OTHER",children:a("その他","Other")})]})})]}),e.jsx(te,{value:j,onChange:d=>f(d.target.value),placeholder:a("必要であれば詳細を入力してください","Add details if needed"),className:"min-h-28 resize-none"}),e.jsx(G,{children:e.jsx(x,{onClick:C,disabled:p,children:a("送信","Submit")})})]})]})}const Qe=se`
6  mutation ReportCommentDialog($input: ReportCommentInput!) {
7    reportComment(input: $input)
8  }
9`;function Xe(t){const s=O(),[a,o]=r.useState(!1);return e.jsxs(ke,{open:a,onOpenChange:o,children:[e.jsx(ye,{asChild:!0,children:e.jsx("p",{className:"cursor-pointer text-xs",onClick:()=>o(!0),onKeyUp:n=>{(n.key==="Enter"||n.key===" ")&&o(!0)},children:s("削除","Delete")})}),e.jsxs(we,{children:[e.jsxs(ve,{children:[e.jsx(pe,{children:s("確認","Confirm")}),e.jsx(Se,{children:s("コメントを削除しますか？","Do you want to delete this comment?")})]}),e.jsxs(Ne,{children:[e.jsx(be,{onClick:()=>o(!1),children:s("キャンセル","Cancel")}),e.jsx(Ie,{onClick:()=>{t.onDeleteComment(),o(!1)},children:s("削除","Delete")})]})]})]})}function Ze(t){return e.jsx(Ue,{onAddedSicker:t.onAddedSicker,children:e.jsx("div",{className:"border-2 border-transparent p-1",children:e.jsx(x,{className:"size-24",size:"icon",variant:"secondary",children:e.jsx(ae,{})})})})}function et(t){var o;const a=`; ${document.cookie}`.split(`; ${t}=`);if(a.length===2)return(o=a.pop())==null?void 0:o.split(";").shift()}function tt(t,s,a){if(typeof document>"u")return;const o=new Date(Date.now()+a*864e5).toUTCString(),n=`${t}=${encodeURIComponent(s)}; expires=${o}; path=/; SameSite=Lax`;try{document.cookie=n}

9catch(l){console.warn("Failed to set cookie:",l)}}function st(t){var h,g,T;const s=r.useContext(J),[a,o]=r.useState(0),[n,l]=r.useState("CREATED"),u=r.useRef(null),[j,f]=r.useState({}),c=120,{data:p=null,refetch:C}=W(nt,{skip:!t.isOpen||s.isNotLoggedIn,variables:{limit:c,offset:a*c,orderBy:n==="RELATED"?"DATE_USED":"DATE_CREATED"},notifyOnNetworkStatusChange:!0}),{data:d=null}=W(at,{skip:!t.isOpen||s.isNotLoggedIn}),S=((h=d==null?void 0:d.viewer)==null?void 0:h.userStickersCount)??0,N=O(),A=Oe();r.useEffect(()=>{t.isOpen&&s.login&&!s.isLoading&&C()},[t.isOpen,s.login,s.isLoading,C]),r.useEffect(()=>{A&&t.isOpen&&s.login&&(console.log("Focus timeout detected, refreshing stickers..."),C().catch(i=>{console.warn("Failed to refresh stickers after timeout:",i)}))},[A,t.isOpen,s.login,C]);const y=[80,100,120],[k,I]=r.useState(1);r.useEffect(()=>{const i=et("stickerSizeIndex");i!==void 0&&I(Number.parseInt(i,10))},[]),r.useEffect(()=>{tt("stickerSizeIndex",k.toString(),365)},[k]);const U=()=>{I(i=>Math.max(i-1,0))},D=()=>{I(i=>Math.min(i+1,y.length-1))},R=()=>{if(u.current){const i=u.current.querySelector("[data-radix-scroll-area-viewport]");i&&f(ie=>({...ie,[a]:i.scrollTop}))}},L=()=>

9{if(u.current&&j[a]!==void 0){const i=u.current.querySelector("[data-radix-scroll-area-viewport]");i&&setTimeout(()=>{i.scrollTop=j[a]},50)}},E=i=>{R(),o(i)};r.useEffect(()=>{L()},[a,p]),r.useEffect(()=>{t.isOpen||f({})},[t.isOpen]),r.useEffect(()=>{o(0)},[n]);const v={80:"large",100:"x-large",120:"2x-large"}[y[k]];return e.jsx(V,{onOpenChange:t.onClose,open:t.isOpen,children:e.jsxs(q,{className:"flex h-[80vh] min-h-[32vw] w-[80vw] min-w-[80vw] flex-col pl-2",children:[e.jsx(Y,{children:e.jsx(H,{children:N("スタンプ","Stickers")})}),t.isTargetUserBlocked&&e.jsx("div",{className:"mb-4 rounded-md bg-gray-100 p-3 text-gray-600 text-sm dark:bg-gray-800 dark:text-gray-400",children:N("ブロック中のユーザーにはスタンプを送信できません","Cannot send stickers to blocked users")}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(Ee,{value:n,defaultValue:"CREATED",children:e.jsxs(ze,{children:[e.jsx(K,{onClick:()=>{l("CREATED")},className:"w-full",value:"CREATED",children:N("保存日","Date saved")}),e.jsx(K,{onClick:()=>{l("RELATED")},className:"w-full",value:"RELATED",children:N("最近の使用","Recently used")})]})}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(x,{size:"icon",variant:"secondary",onClick:D,children:e.jsx(ae,{className:"w-8"})}),e.jsx(x,{size:"icon",variant:"secondary",onClick:U,children:e.jsx(Be,{className:"w-8"})})]})]}),e.jsx(Le,{ref:u,className:"flex h-[80vh] w-[80vw] flex-wrap overflow-y-auto",children:e.jsxs("div",{className:"flex h-[80vh] w-[80vw] flex-wrap overflow-y-auto",children:[e.jsx(Ze,{onAddedSicker:()=>{C()}}),(T=(g=p==null?void 0:p.viewer)==null?void 0:g.userStickers)==null?void 0:T.map(i=>e.jsx(Me,{imageUrl:i.imageUrl??"",title:i.title,onClick:()=>{t.isTargetUserBlocked||(t.onSend(i.id,i.imageUrl??""),t.onClose())},size:v,disabled:t.isTargetUserBlocked},i.id))]})}),n==="CREATED"&&e.jsx("div",{className:"mt-1 mb-1",children:e.jsx(Re,{perPage:c,maxCount:S,currentPage:a,onPageChange:E,disableScrollToTop:!0})}),e.jsx(G,{children:e.jsx(x,{variant:"secondary",className:"m-auto w-full",onClick:t.onClose,children:"キャンセル"})})]})})}const at=z(`query ViewerUserStickersCount($where: UserStickersWhereInput) {
10    viewer {
11      id
12      userStickersCount(where: $where)
13    }
14  }`),nt=z(`query ViewerUserStickers($offset: Int!, $limit: Int!, $orderBy: StickerOrderBy, $where: UserStickersWhereInput) {
15    viewer {
16      id
17      userStickers(offset: $offset, limit: $limit, orderBy: $orderBy, where: $where) {
18        ...StickerButton
19      }
20    }
21  }`,[Pe]);function it(t){var D,R,L,E;const{value:s,setTrue:a,setFalse:o}=Ae(),n=r.useRef(null),l=O(),[u,{loading:j}]=$(rt),[f,c]=r.useState(""),[p,C]=r.useState(!1),d=`aipictors:reply-comment-draft:${t.targetCommentId}`,S=r.useRef(!0);r.useEffect(()=>{if(!(typeof window>"u")){S.current=!0;try{const m=window.localStorage.getItem(d);c(m??"")}catch{c("")}}},[d]),r.useEffect(()=>{if(!(typeof window>"u")){if(S.current){S.current=!1;return}try{if(f.trim().length===0){window.localStorage.removeItem(d);return}window.localStorage.setItem(d,f)}catch{}}},[f,d]),r.useEffect(()=>{if(typeof window>"u")return;const m=window.setTimeout(()=>{var v;(v=n.current)==null||v.scrollIntoView({block:"end",behavior:"smooth"})},80);return()=>{window.clearTimeout(m)}},[]);const N=async(m,v,h,g)=>{var T;try{if(t.targetCommentId!==void 0){const i=await u({variables:{input:{commentId:v,text:m,stickerId:h}}});c(""),C(!1),t.onReplyCompleted(((T=i.data)==null?void 0:T.createResponseComment.id)??"",m,h??"",g??"")}else throw new Error(l("スタンプの送信に失敗しました。しばらくしてから再度お試しください。","Failed to send the sticker. Please try again later."))}catch(i){w(We(i)??l("送信に失敗しました。しばらくしてから再度お試しください。","Failed to send. Please try again later."))}},A=async()=>{const m=f.trim();if(m===""){w(l("コメントを入力してください","Please enter a comment"));return}N(m,t.targetCommentId)},y=r.useContext(J),{data:k=null}=W(ot,{skip:y.isLoading}),I=((R=(D=k==null?void 0:k.viewer)==null?void 0:D.user)==null?void 0:R.iconUrl)??"",U=((E=(L=k==null?void 0:k.viewer)==null?void 0:L.user)==null?void 0:E.avatarFrame)??null;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:n,className:"space-y-2 pb-24 pl-16 md:pb-0",children:[e.jsxs("div",{className:"flex w-full items-center space-x-4",children:[e.jsx(Z,{alt:y.displayName??"",frame:U,isAnimated:!1,sizeClassName:"size-10",src:_(I)}),e.jsx(De,{onChange:m=>{c(m.target.value)},value:f,placeholder:l("コメントする","Add a comment"),disabled:!y.isLoggedIn||t.isWorkOwnerBlocked}),e.jsx("div",{children:e.jsx(x,{disabled:!y.isLoggedIn||t.isWorkOwnerBlocked,variant:"secondary",size:"icon",onClick:a,children:e.jsx(_e,{className:"w-16"})})}),j?e.jsxs(x,{onClick:()=>{},children:["clearReplyDraft()",e.jsx(ne,{className:"w-16 animate-spin"})]}):e.jsx(x,{disabled:!y.isLoggedIn||t.isWorkOwnerBlocked,variant:"secondary",onClick:A,children:l("送信","Send")})]}),e.jsxs("div",{className:"flex items-center space-x-2 pl-14 opacity-80",children:[e.jsx(Te,{id:"reply-sensitive-checkbox",checked:p,onCheckedChange:m=>C(m===!0),disabled:!y.isLoggedIn||t.isWorkOwnerBlocked}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("label",{htmlFor:"reply-sensitive-checkbox",className:"text-xs",children:l("隠し付き","Sensitive comment")}),e.jsx(Fe,{text:l("初期表示は非表示になります。クリックで表示されます。","You can check new works with this tag in your timeline")})]})]}),t.isWorkOwnerBlocked&&e.jsx("p",{className:"pl-14 text-amber-600 text-xs",children:l("このユーザーをブロック中のため、コメントとスタンプは送信できません。","You cannot send comments or stickers because this user is blocked.")})]}),e.jsx(st,{isOpen:s,onClose:o,onSend:async(m,v)=>{await N(f,t.targetCommentId,m,v),c(""),o()},isTargetUserBlocked:t.isWorkOwnerBlocked})]})}const rt=z(`mutation CreateResponseComment($input: CreateResponseCommentInput!) {
22    createResponseComment(input: $input) {
23      id
24    }
25  }`),ot=z(`query ViewerUser {
26    viewer {
27      id
28      user {
29        id
30        iconUrl
31        avatarFrame {
32          id
33          frameType
34          backgroundStyle
35          overlayImageUrl
36          borderPadding
37        }
38      }
39    }
40  }`),lt="https://script.google.com/macros/s/AKfycbw1D0NqYxBiJvN00CZLCnoDIpWtK_cib_JDY7sva_Mlwr-XVjabRSWDooBBvVlgZUPU/exec";async function ct(t){const s=new URLSearchParams({text:t.text,target:t.targetLanguage});t.sourceLanguage&&t.sourceLanguage!=="auto"&&s.set("source",t.sourceLanguage);const a=`${lt}?${s.toString()}`,o=await fetch(a);if(!o.ok)return"";let n;try{n=await o.json()}catch{return""}return typeof n=="object"&&n!==null&&"text"in n&&typeof n.text=="string"?n.text:""}function Zt(t){var m,v;const s=O(),[a,o]=b.useState(null),[n,{loading:l}]=$(mt),[u,j]=b.useState(!1),[f,c]=b.useState(!1),[p,C]=b.useState(!1),[d,S]=b.useState(!1),[N,A]=b.useState(null),[y,k]=b.useState(!1);b.useEffect(()=>{o((navigator.language??"en").split("-")[0]??"en")},[]),b.useEffect(()=>{if(typeof window>"u"||t.isMine)return;const h=`aipictors:reply-comment-draft:${t.commentId}`;try{const g=window.localStorage.getItem(h);g&&g.trim().length>0&&j(!0)}catch{}},[t.commentId,t.isMine]);const I=h=>/[\u3040-\u30FF\u3400-\u4DBF\u4E00-\u9FFF]/.test(h),U=!!(t.text&&a&&!(a==="ja"&&I(t.text))),D=a==="ja"?s("日本語に翻訳","Translate to Japanese"):s("翻訳","Translate"),R=async()=>

40{if(!t.text)return;if(d){S(!1);return}if(S(!0),N||typeof window>"u")return;const h=a??(navigator.language??"en").split("-")[0]??"en";k(!0);try{const g=await ct({text:t.text,sourceLanguage:"auto",targetLanguage:h});if(!g){S(!1),w.error(s("翻訳に失敗しました。しばらくしてからお試しください。","Failed to translate. Please try again later."));return}A(g)}catch(g){console.error(g),S(!1),w.error(s("翻訳に失敗しました。しばらくしてからお試しください。","Failed to translate. Please try again later."))}finally{k(!1)}},L=async()=>{t.onDeleteComment();try{await n({variables:{input:{commentId:t.commentId}}})}catch(h){console.error(h),w.error(s("既に削除済みの可能性があります、しばらくしたら反映されます","It may have already been deleted, it will be reflected after a while"))}},E=!!(t.support&&t.support.totalPt>0);return t.isMuted&&!f?e.jsxs("div",{className:"flex items-center space-x-4 rounded-lg border p-2",children:[e.jsx(M,{className:"size-5 text-gray-400"}),e.jsxs("div",{className:"flex flex-1 items-center space-x-2 text-sm",children:[e.jsx("p",{className:"text-sm",children:s("ミュートしているユーザのコメントです","This is a comment from a muted user")}),e.jsx(B,{to:"/settings/muted/users",className:"w-16",children:e.jsx("p",{className:"text-blue-500 text-sm hover:underline",children:s("(設定)","(settings)")})})]}),e.jsxs(x,{variant:"secondary",size:"sm",onClick:()=>c(!0),children:[e.jsx(Q,{className:"mr-2 size-4"}),s("表示","Show")]})]}):t.isSensitive&&!p?e.jsxs("div",{className:"flex items-center space-x-4 rounded-lg border p-2",children:[e.jsx(M,{className:"size-5 text-gray-400"}),e.jsx("div",{className:"flex-1",children:e.jsx("p",{className:"text-sm",children:s("隠し付き（もしくはセンシティブ）なコメントです","This is a sensitive comment")})}),e.jsxs(x,{variant:"secondary",size:"sm",onClick:()=>C(!0),children:[e.jsx(Q,{className:"mr-2 size-4"}),s("表示","Show")]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:F("flex items-start space-x-4",t.isMuted&&"border-gray-300 border-l-2 pl-4 opacity-60 dark:border-gray-700"),children:[e.jsx(B,{to:`/users/${t.userId}`,children:e.jsx(Z,{alt:t.userName??"",frame:t.userAvatarFrame,isAnimated:!1,sizeClassName:"size-10",src:t.userIconImageURL})}),e.jsxs("div",{className:"flex flex-col space-y-2",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(B,{to:`/users/${t.userId}`,children:e.jsx("span",{children:t.userName})}),t.isMuted&&e.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsx(M,{className:"size-3 text-gray-400"}),e.jsx("span",{className:"text-gray-500 text-xs dark:text-gray-400",children:s("ミュート中","Muted")})]})]}),E&&t.support&&e.jsxs("div",{className:"inline-flex w-fit items-center gap-2 rounded-full bg-rose-50 px-3 py-1 text-xs font-medium text-rose-700 dark:bg-rose-950/40 dark:text-rose-200",children:[e.jsx("span",{className:"flex size-5 items-center justify-center rounded-full bg-white/80 dark:bg-black/20",children:e.jsx(X,{className:"size-3.5 fill-rose-500 text-rose-500"})}),e.jsxs("span",{children:[t.support.totalPt,"pt"]}),t.support.freeCoinAmount>0&&e.jsxs("span",{className:"flex items-center gap-1 opacity-90",children:[e.jsx(re,{className:"size-3.5"}),t.support.freeCoinAmount]}),t.support.premiumCoinAmount>0&&e.jsxs("span",{className:"flex items-center gap-1 opacity-90",children:[e.jsx(oe,{className:"size-3.5"}),t.support.premiumCoinAmount]})]}),t.text&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"overflow-hidden whitespace-pre-wrap break-words text-sm",children:t.text}),((m=t.moderationSummary)==null?void 0:m.moderationStatus)==="REJECTED"&&e.jsxs("div",{className:"rounded-md border border-amber-200 bg-amber-50 p-2 text-xs text-amber-900",children:[e.jsx("p",{children:t.moderationSummary.userNotice??s("このコメントは審査により他のユーザーには表示されていません。","This comment is hidden from other users after moderation.")}),t.moderationSummary.appealedAt&&e.jsx("p",{className:"mt-1 opacity-80",children:s("異議申し立てを受け付けています。確認をお待ちください。","Your appeal has been received.")})]}),U&&e.jsx("button",{type:"button",onClick:R,disabled:y,className:"text-muted-foreground text-xs underline underline-offset-2 hover:text-foreground disabled:cursor-default disabled:opacity-50",children:d?s("原文を表示","Show original"):D}),d&&e.jsx("div",{className:"rounded-md bg-muted p-2",children:y?e.jsx("p",{className:"text-muted-foreground text-xs",children:s("翻訳中...","Translating...")}):e.jsx("p",{className:"whitespace-pre-wrap break-words text-muted-foreground text-sm",children:N})})]}),t.stickerImageURL&&t.stickerAccessType==="PUBLIC"&&e.jsx(B,{className:"group block w-32 overflow-hidden",to:`/stickers/${t.stickerId}`,children:e.jsx("img",{className:"w-32 py-2 transition-transform duration-300 group-hover:scale-105",alt:"",src:t.stickerImageURL})}),t.stickerImageURL&&t.stickerAccessType!=="PUBLIC"&&e.jsx("img",{className:"w-32 py-2",alt:"",src:t.stickerImageURL}),e.jsxs("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1",children:[e.jsx("span",{className:"text-xs opacity-50",children:qe(t.createdAt,!0)}),t.isWorkOwnerLiked&&e.jsxs("div",{className:"relative",children:[e.jsxs(le,{className:"relative size-4",children:[e.jsx(ce,{src:_(t.workOwnerIconImageURL),alt:""}),e.jsx(me,{})]}),e.jsx(X,{className:"absolute right-0 bottom-0 fill-rose-500",size:"8"})]}),e.jsx("div",{className:"flex items-center",children:e.jsxs(x,{size:"sm",variant:"ghost",onClick:t.isLiked||t.isNowLiked?t.onDeleteCommentLike:t.onCreateCommentLike,disabled:t.isDisabledCommentLike,className:"h-7 gap-1 px-2 text-xs",children:[e.jsx(Ye,{className:F("size-3",t.isLiked||t.isNowLiked?"fill-black dark:fill-white":"")}),t.likesCount+(t.isNowLiked?1:0)>0&&e.jsx("p",{className:"cursor-pointer text-xs",children:t.likesCount+(t.isNowLiked?1:0)})]})}),t.isMine?l?e.jsx(ne,{className:"mr-2 size-4 animate-spin"}):e.jsx(Xe,{onDeleteComment:L}):e.jsxs(e.Fragment,{children:[t.stickerImageURL&&t.stickerAccessType==="PUBLIC"&&e.jsx(Ve,{isDownloaded:t.isStickerDownloadable??!1,stickerId:t.stickerId??"",title:t.stickerTitle??"",imageUrl:t.stickerImageURL,children:e.jsx($e,{className:"size-4"})}),e.jsx(Ke,{commentId:t.commentId,iconOnly:!0,buttonClassName:"h-7 text-muted-foreground hover:text-foreground"}),e.jsxs(x,{type:"button",size:"sm",variant:u?"secondary":"outline",className:"h-7 gap-1 px-2 text-xs",onClick:()=>j(!u),children:[e.jsx(He,{className:"size-3"}),u?s("閉じる","Close"):s("返信","Reply")]})]}),t.isMuted&&e.jsxs(x,{variant:"secondary",size:"sm",onClick:()=>c(!1),children:[e.jsx(M,{className:"mr-1 size-3"}),s("非表示","Hide")]}),t.isSensitive&&e.jsxs(x,{variant:"secondary",size:"sm",onClick:()=>C(!1),children:[e.jsx(M,{className:"mr-1 size-3"}),s("非表示","Hide")]}),t.isMine&&((v=t.moderationSummary)==null?void 0:v.canAppeal)&&e.jsx(Ge,{commentId:t.commentId})]})]})]}),!t.isMine&&u&&e.jsx(it,{targetCommentId:t.commentId,onReplyCompleted:(h,g,T,i)=>{t.onReplyCompleted(h,g,T,i),j(!1)},iconUrl:_(t.userIconImageURL),isWorkOwnerBlocked:t.isWorkOwnerBlocked})]})}const es=z(`fragment WorkComment on CommentNode @_unmask  {
41    id
42    createdAt
43    text
44    supportThankYouMessage
45    support {
46      freeCoinAmount
47      premiumCoinAmount
48      totalPt
49    }
50    likesCount
51    isWorkOwnerLiked
52    isLiked
53    user {
54      id
55      name
56      login
57      iconUrl
58      avatarFrame {
59        id
60        frameType
61        backgroundStyle
62        overlayImageUrl
63        borderPadding
64      }
65      nanoid
66    }
67    sticker {
68      id
69      imageUrl
70      title
71      isDownloaded

72      likesCount
73      usesCount
74      downloadsCount
75      accessType
76    }
77    isMuted
78    isSensitive
79  }`),mt=z(`mutation DeleteComment($input: DeleteCommentInput!) {
80    deleteComment(input: $input) {
81      id
82    }
83  }`);export{Ze as A,Ke as C,Xe as D,it as R,st as S,es as W,Ge as a,Zt as b,ct as t};