https://pixfy.io/_next/static/chunks/2099.b5991d9d00999ce0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2099],{22099:(e,s,r)=>{r.r(s),r.d(s,{default:()=>c});var t=r(50038),d=r(374),i=r(9764),a=r(99965),l=r(12577),n=r(30216);function c(e){var s,r;let{active:c,images:o,busy:u,onSelect:m}=e,x=(0,a.c3)("contentWorkspace.continuous"),h=(0,l.Ym)(),p=e=>new Date(e).toLocaleString("jp"===h?"ja":h,{dateStyle:"medium",timeStyle:"short"}),[b,v]=(0,d.useState)(!1),[g,j]=(0,d.useState)(""),[f,N]=(0,d.useState)(!1),k=o.filter(e=>(0,n.$)(e)===(0,n.$)(c)).slice().sort((e,s)=>e.created_at.localeCompare(s.created_at)),y=k.find(e=>e.id===g&&e.id!==c.id)||k.find(e=>e.id!==c.id);return k.length<2?null:(0,t.jsxs)("section",{className:"mt-4 rounded-xl border border-border p-3",children:[c&&k.length>1&&(0,t.jsxs)("details",{className:"space-y-3",children:[(0,t.jsxs)("summary",{className:"cursor-pointer rounded-lg py-2 text-sm font-medium",children:[x("history")," \xb7 ",x("versions",{count:k.length})]}),k.length>1&&(0,t.jsx)("button",{className:"rounded-lg border border-border px-3 py-2 text-sm hover:bg-background",onClick:()=>v(!0),children:x("compare")}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:k.map((e,s)=>(0,t.jsxs)("button",{disabled:u,onClick:()=>m(e),"aria-pressed":c.id===e.id,className:"rounded border border-border px-3 py-2 text-sm hover:bg-background aria-pressed:bg-primary aria-pressed:text-primary-foreground",children:["V",s+1]},e.id))}),(0,t.jsx)("p",{className:"text-sm",children:null==(s=c.version)?void 0:s.instruction}),(0,t.jsx)("time",{className:"text-xs text-muted-foreground",children:p(c.created_at)}),(null==(r=c.version)?void 0:r.sourceId)&&(0,t.jsxs)("p",{className:"text-xs text-muted-foreground",children:[x("source")," \xb7 ",o.findIndex(e=>{var s;return e.id===(null==(s=c.version)?void 0:s.sourceId)})+1||"—"]})]}),b&&c&&k.length>1&&(0,t.jsxs)("div",{className:"space-y-3 border-y border-border py-4",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("h3",{children:x("compare")}),(0,t.jsx)("button",{onClick:()=>v(!1),children:x("close")})]}),(0,t.jsxs)("label",{className:"block text-sm",children:[x("version"),(0,t.jsx)("select",{value:(null==y?void 0:y.id)||"",onChange:e=>j(e.target.value),className:"mt-2 block w-full min-w-0 max-w-full rounded bg-background p-2",children:k.filter(e=>e.id!==c.id).map(e=>{var s;return(0,t.jsxs)("option",{value:e.id,children:["V",k.findIndex(s=>s.id===e.id)+1," \xb7 ",(null==(s=e.version)?void 0:s.instruction)||p(e.created_at)]},e.id)})})]}),(0,t.jsx)("button",{className:"text-sm text-primary sm:hidden",onClick:()=>N(!f),children:x("switchVersion")}),(0,t.jsx)("div",{className:"grid gap-3 sm:grid-cols-2",children:[c,y].map((e,s)=>{var r;return e&&(0,t.jsxs)("figure",{className:(f?0===s:1===s)?"hidden sm:block":"",children:[(0,t.jsx)("div",{className:"relative aspect-[2/3]",children:(0,t.jsx)(i.default,{src:e.storage_path,alt:x("version"),fill:!0,sizes:"(max-width: 640px) 90vw, 350px",className:"object-contain"})}),(0,t.jsxs)("figcaption",{className:"mt-2 text-xs text-muted-foreground",children:[null==(r=e.version)?void 0:r.instruction,(0,t.jsx)("br",{}),(0,t.jsx)("time",{children:p(e.created_at)})]})]},e.id)})})]})]})}}}]);