https://klox.ai/assets/_publicationId-D3rnlJmj.js

1import{i as e,t}from"./jsx-runtime-Cx0BB4qO.js";import{t as n}from"./react-3BKWdGy3.js";import{t as r}from"./link-BFQQurhp.js";import{n as i}from"./runtime-Dzxx1FDC.js";import{t as a}from"./useInfiniteQuery-DDY-fEcv.js";import{t as o}from"./arrow-left-PZMVDgbW.js";import{n as s,r as ee,t as c}from"./workflow-B51EWhUa.js";import{n as l,t as u}from"./share-2-C_XJ4vqp.js";import{t as d}from"./dist-DHHLUJ2u.js";import{t as f}from"./feature_workflow_public_back-DseneRk7.js";import{t as te}from"./feature_workflow_public_share_copied-Z0LFt7Rx.js";import{$ as ne,d as re,n as p,s as ie,yn as ae}from"./index-DPMRPsrT.js";import{r as m,t as h}from"./formatted-date-Bvc5Wk_h.js";import{t as g}from"./badge-DtztTn9O.js";import{t as _}from"./publication-view-utils-UREHQSAO.js";var v=()=>`Link only`,y=()=>`仅链接可见`,b=()=>`Solo con enlace`,x=()=>`Lien uniquement`,S=()=>`Nur per Link`,C=()=>`Только по ссылке`,w=()=>`Apenas por ligação`,T=()=>`リンク限定`,E=()=>`링크 전용`,D=((e={},t={})=>{let n=t.locale??i();return n===`zh`?y(e):n===`es`?b(e):n===`fr`?x(e):n===`de`?S(e):n===`ru`?C(e):n===`pt`?w(e):n===`ja`?T(e):n===`ko`?E(e):v(e)}),O=()=>`Share`,k=()=>`分享`,A=()=>`Compartir`,j=()=>`Partager`,M=()=>`Teilen`,N=()=>`Поделиться`,P=()=>`Partilhar`,F=()=>`共有`,I=()=>`공유`,L=((e={},t={})=>{let n=t.locale??i();return n===`zh`?k(e):n===`es`?A(e):n===`fr`?j(e):n===`de`?M(e):n===`ru`?N(e):n===`pt`?P(e):n===`ja`?F(e):n===`ko`?I(e):O(e)}),R=()=>`Updated at:`,z=()=>`更新时间：`,B=()=>`Actualizado el:`,V=()=>`Mis à jour le :`,H=()=>`Aktualisiert am:`,U=()=>`Обновлено:`,W=()=>`Atualizado a:`,G=()=>`更新日:`,K=()=>`업데이트:`,q=((e={},t={})=>{let n=t.locale??i();return n===`zh`?z(e):n===`es`?B(e):n===`fr`?V(e):n===`de`?H(e):n===`ru`?U(e):n===`pt`?W(e):n===`ja`?G(e):n===`ko`?K(e):R(e)}),J=()=>`View process`,oe=()=>`查看制作过程`,se=()=>`Ver el proceso`,ce=()=>`Voir le processus`,le=()=>`Prozess ansehen`,ue=()=>`Посмотреть процесс`,de=()=>`Ver o processo`,fe=()=>`制作過程を見る`,pe=()=>`과정 보기`,Y=((e={},t={})=>{let n=t.locale??i();return n===`zh`?oe(e):n===`es`?se(e):n===`fr`?ce(e):n===`de`?le(e):n===`ru`?ue(e):n===`pt`?de(e):n===`ja`?fe(e):n===`ko`?pe(e):J(e)}),me=()=>`Watch now`,he=()=>`立即观看`,ge=()=>`Ver ahora`,_e=()=>`Regarder maintenant`,ve=()=>`Jetzt ansehen`,ye=()=>`Смотреть`,be=()=>`Ver agora`,xe=()=>`今すぐ見る`,Se=()=>`지금 보기`,Ce=((e={},t={})=>{let n=t.locale??i();return n===`zh`?he(e):n===`es`?ge(e):n===`fr`?_e(e):n===`de`?ve(e):n===`ru`?ye(e):n===`pt`?be(e):n===`ja`?xe(e):n===`ko`?Se(e):me(e)}),X=e(n(),1),Z=t();function Q(e){return e?m(e):null}function $({publication:e}){let[t,n]=(0,X.useState)(!1),i=Q(e.videoFileKey),a=Q(e.coverFileKey),o=_(e);async function s(){let e=window.location.href;await navigator.clipboard.writeText(e),ae.success(te())}return t&&i?(0,Z.jsx)(Te,{videoUrl:i,coverUrl:a,publicationId:e.id,canViewProcess:o,onExit:()=>n(!1)}):(0,Z.jsxs)(`main`,{className:`fixed inset-0 overflow-hidden bg-black text-white`,children:[i?(0,Z.jsx)(`video`,{src:i,poster:a||void 0,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:`absolute inset-0 size-full object-cover`},i):a?(0,Z.jsx)(`img`,{src:a,alt:``,className:`absolute inset-0 size-full object-cover`}):(0,Z.jsx)(`div`,{className:`absolute inset-0 bg-background`}),(0,Z.jsx)(`div`,{className:`absolute inset-0 bg-gradient-to-t from-black/85 via-black/15 to-black/55`}),(0,Z.jsxs)(`header`,{className:`absolute inset-x-0 top-0 z-10 flex items-start justify-between gap-3 px-3 pt-3 md:px-5 md:pt-5`,children:[(0,Z.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Z.jsx)(we,{}),(0,Z.jsxs)(`div`,{className:`min-w-0`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`h1`,{className:`truncate text-sm font-semibold text-foreground md:text-base`,children:e.title}),e.status===re.PENDING?(0,Z.jsx)(g,{className:`bg-cyan-500/15 text-cyan-200 hover:bg-cyan-500/15`,children:D()}):null]}),e.description?(0,Z.jsx)(`p`,{className:`mt-0.5 max-w-[60ch] truncate text-xs text-foreground md:text-sm`,children:e.description}):null]})]}),(0,Z.jsxs)(`div`,{className:`hidden h-10 shrink-0 items-center gap-1 text-xs text-foreground md:flex md:text-sm`,children:[(0,Z.jsx)(`span`,{children:q()}),(0,Z.jsx)(h,{value:e.publishedAt,options:{year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`}})]})]}),(0,Z.jsx)(`div`,{className:`absolute inset-x-0 bottom-44 z-10 flex justify-center px-4`,children:(0,Z.jsxs)(`div`,{className:`flex items-center gap-3 rounded-full bg-black/25 p-2 backdrop-blur-md`,children:[i?(0,Z.jsxs)(p,{type:`button`,className:`rounded-full bg-foreground text-background hover:bg-foreground

1/90`,onClick:()=>n(!0),children:[(0,Z.jsx)(l,{className:`size-4 fill-current`}),Ce()]}):null,o?(0,Z.jsx)(p,{asChild:!0,type:`button`,variant:`secondary`,className:`rounded-full bg-white/10 text-white hover:bg-white/15`,children:(0,Z.jsxs)(r,{to:`/show/$publicationId/detail`,params:{publicationId:e.id},children:[(0,Z.jsx)(c,{className:`size-4`}),Y()]})}):null,(0,Z.jsx)(p,{type:`button`,size:`icon`,variant:`secondary`,className:`rounded-full bg-white/10 text-white hover:bg-white/15`,"aria-label":L(),onClick:s,children:(0,Z.jsx)(u,{className:`size-4`})})]})}),(0,Z.jsx)(Ee,{activeId:e.id})]})}function we(){return(0,Z.jsx)(r,{to:`/`,"aria-label":f(),className:`flex size-10 shrink-0 items-center justify-center rounded-xl border border-white/5 bg-muted/80 shadow-lg backdrop-blur-md transition-colors hover:bg-accent/80`,children:(0,Z.jsx)(o,{className:`size-4`})})}function Te({videoUrl:e,coverUrl:t,publicationId:n,canViewProcess:i,onExit:a}){let s=(0,X.useRef)(null);return(0,X.useEffect)(()=>{s.current?.play().catch(()=>{})},[]),(0,Z.jsxs)(`main`,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black`,children:[(0,Z.jsx)(`video`,{ref:s,src:e,poster:t||void 0,controls:!0,autoPlay:!0,playsInline:!0,className:`size-full object-contain`}),(0,Z.jsxs)(`button`,{type:`button`,onClick:a,"aria-label":f(),className:`absolute left-3 top-3 z-10 flex h-10 items-center gap-1.5 rounded-xl border border-white/5 bg-muted/80 px-3.5 text-sm text-white shadow-lg backdrop-blur-md transition-colors hover:bg-accent/80 md:left-5 md:top-5`,children:[(0,Z.jsx)(o,{className:`size-4`}),f()]}),i?(0,Z.jsxs)(r,{to:`/show/$publicationId/detail`,params:{publicationId:n},className:`absolute right-3 top-3 z-10 flex h-10 items-center gap-1.5 rounded-xl border border-white/5 bg-muted/80 px-3.5 text-sm text-white shadow-lg backdrop-blur-md transition-colors hover:bg-accent/80 md:right-5 md:top-5`,children:[(0,Z.jsx)(c,{className:`size-4`}),Y()]}):null]})}function Ee({activeId:e}){let{data:t,fetchNextPage:n,hasNextPage:r,isFetchingNextPage:i}=a(ne()),o=(0,X.useRef)(null),c=(0,X.useRef)(null),l=t?.pages.flatMap(e=>e.items)??[];(0,X.useEffect)(()=>{c.current?.scrollIntoView({inline:`center`,block:`nearest`})},[e,l.length]);function u(e){let t=o.current;t&&t.scrollBy({left:e*t.clientWidth*.8,behavior:`smooth`})}function d(){let e=o.current;e&&!i&&r&&e.scrollLeft+e.clientWidth>=e.scrollWidth-240&&n()}return l.length===0?null:(0,Z.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 z-10 pb-4`,children:(0,Z.jsxs)(`div`,{className:`group/strip relative`,children:[(0,Z.jsx)(`button`,{type:`button`,"aria-label":`scroll left`,onClick:()=>u(-1),className:`absolute left-2 top-1/2 z-10 hidden size-9 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white opacity-0 backdrop-blur transition hover:bg-black/70 group-hover/strip:opacity-100 md:flex`,children:(0,Z.jsx)(ee,{className:`size-5`})}),(0,Z.jsxs)(`div`,{ref:o,onScroll:d,className:`flex gap-3 overflow-x-auto scroll-smooth px-3 pb-1 scrollbar-none md:px-5`,children:[l.map(t=>(0,Z.jsx)(De,{card:t,active:t.id===e,ref:t.id===e?c:void 0},t.id)),i?(0,Z.jsx)(`div`,{className:`h-[88px] w-40 shrink-0 animate-pulse rounded-lg bg-white/5`}):null]}),(0,Z.jsx)(`button`,{type:`button`,"aria-label":`scroll right`,onClick:()=>u(1),className:`absolute right-2 top-1/2 z-10 hidden size-9 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white opacity-0 backdrop-blur transition hover:bg-black/70 group-hover/strip:opacity-100 md:flex`,children:(0,Z.jsx)(s,{className:`size-5`})})]})})}var De=({ref:e,card:t,active:n})=>{let i=Q(t.coverFileKey);return(0,Z.jsxs)(r,{ref:e,to:`/show/$publicationId`,params:{publicationId:t.id},title:t.title,className:d(`group/card relative block aspect-video w-40 shrink-0 overflow-hidden rounded-lg border bg-card transition md:w-44`,n?`border-white ring-2 ring-white`:`border-white/10 opacity-70 hover:opacity-100`),children:[i?(0,Z.jsx)(`img`,{src:i,alt:t.title,className:`size-full object-cover`}):(0,Z.jsx)(`div`,{className:`size-full bg-gradient-to-br from-muted to-card`}),(0,Z.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent p-2`,children:(0,Z.jsx)(`p`,{className:`truncate text-xs font-medium text-white`,children:t.title})})]})};function Oe(){let{publication:e}=ie.useLoaderData();return(0,Z.jsx)($,{publication:e})}export{Oe as component};