https://dm.link/_next/static/chunks/pages/creator/my-contents/vault/album-8bfb63ac96d7b5aa.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3885],{31331:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/creator/my-contents/vault/album",function(){return n(35652)}])},35652:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return v}});var r=n(85893),a=n(82238),i=n(41664),l=n.n(i),o=n(67294),s=n(58533),u=n(76607),d=n(27197),c=n(94618),m=n(26391),f=n(43882),h=n(93967),g=n.n(h),p=n(40837),x=n(91553),b=n(28638);function VaultAlbumCard(e){let{vaultAlbum:t,className:n=null,size:a=80}=e,i=(0,b._)(),o={moderationUxEnabled:i};return(0,r.jsxs)(l(),{href:`/creator/my-contents/vault/album/${t._id}`,className:g()("!bg-white rounded-xl flex overflow-hidden items-center",n),children:[(0,r.jsx)("div",{className:"flex flex-wrap h-full",style:{width:a,height:a,minWidth:a,minHeight:a},children:t.filesInfo.slice(0,4).map(e=>(0,r.jsx)("div",{className:"relative flex-[1_1_50%]",children:(0,x.ap)(e,o)?(0,r.jsx)(p.b,{moderationStatus:e?.moderationStatus,compact:!0,className:"w-full h-full",showDetail:!1}):(0,r.jsxs)(r.Fragment,{children:[(0,x.OK)(e,o)?(0,r.jsx)(p.t,{}):null,(0,r.jsx)(m.Z,{src:e?.mimeType?.includes("video")?e?.thumbnails?.[0]:e?.url,alt:"vault album",options:{quality:75,sizes:"256px",width:null,height:null,fill:!0,className:"object-cover"}})]})},e._id))}),(0,r.jsxs)("div",{className:"flex flex-col overflow-hidden",children:[(0,r.jsx)("span",{className:"truncate",children:t.name}),(0,r.jsxs)("div",{className:"text-neutral-500 flex items-center gap-1",children:[(0,r.jsx)(f.Z,{className:"w-4 h-4"}),t.totalFile]})]})]},t._id)}function VaultAlbum(){let e=(0,o.useCallback)((e,t)=>{if(t){let e=t?.data?.data||[];if(0===e.length||e.length<25)return null}return(0,d.z3)((0,d.kG)((0,c.Q2)("/creator/vaults/albums/list",{limit:25,offset:25*e})))},[]),{data:t,size:n,setSize:i}=(0,u.ZP)(e,d._i,{shouldRetryOnError:!1,revalidateFirstPage:!1,keepPreviousData:!1}),m=t?t.flatMap(e=>e?.data?.data||[]):[],f=t?.[0]?.data?.total||0;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.Z,{title:"Custom tags",doneElement:(0,r.jsx)(l(),{href:"/creator/my-contents/vault/album/create",children:(0,r.jsx)("span",{className:"text-blue-600",children:"Create"})}),isDirty:!0}),(0,r.jsx)("div",{className:"main-container custom subpage-account",children:(0,r.jsx)(s.Z,{hasMore:f>m.length,next:()=>i(n+1),dataLength:m.length,loader:null,className:"flex flex-col gap-[20px]",children:!!m?.length&&m.map(e=>(0,r.jsx)(VaultAlbumCard,{vaultAlbum:e,className:"text-base gap-4 pr-4"}))})})]})}function VaultAlbumPage(){return(0,r.jsx)(VaultAlbum,{})}VaultAlbumPage.authenticate=!0,VaultAlbumPage.enableAnimation=!0,VaultAlbumPage.onlyPerformer=!0;var v=VaultAlbumPage},82238:function(e,t,n){"use strict";var r=n(85893),a=n(11163),i=n(51446),l=n(67294),o=n(87536),s=n(35278),u=n(31618),d=n(33658),c=n(43631),m=n.n(c);t.Z=function(e){let{title:t,backElement:n=null,doneElement:c=null,isDirty:f=null,onBack:h=null,disabled:g=!1}=e,p=(0,a.useRouter)(),{formState:x}=(0,o.Gc)()||{},{ref:b,isStuck:v}=(0,u._)(),{setStickyHeaderTitle:w}=(0,d.mn)();return(0,l.useEffect)(()=>{w(v?t:null)},[v,t]),(0,l.useEffect)(()=>()=>w(null),[]),(0,s.LI)(()=>(document.documentElement.style.getPropertyValue("--IOSHeader-height")?document.documentElement.setAttribute("data-ios-header","x"):document.documentElement.style.setProperty("--IOSHeader-height","50px"),()=>{document.documentElement.getAttribute("data-ios-header")?document.documentElement.removeAttribute("data-ios-header"):document.documentElement.style.removeProperty("--IOSHeader-height")}),[]),(0,r.jsx)("div",{ref:b,className:`${m().container} ${v?m().stuck:""}`,children:(0,r.jsxs)("div",{className:m().header,children:[(0,r.jsx)("button",{type:"button",className:"flex cursor-pointer flex-row text-black w-fit flex-1",onClick:()=>h?h():p.back(),disabled:g,children:n||(0,r.jsx)(i.Z,{className:"default-icon"})}),(0,r.jsx)("div",{className:"text-center overflow-hidden whitespace-nowrap text-ellipsis",children:t}),(0,r.jsx)("div",{className:`flex justify-end ${!(f||x?.isDirty)&&"invisible"} flex-1`,children:c||(0,r.jsx)("button",{type:"submit",className:"text-[#306FD2]",children:"Done"})})]})})}},40837:function(e,t,n){"use strict";n.d(t,{b:function(){return ModerationMediaBlock},t:function(){return ModerationPendingBadge}});var r=n(85893),a=n(93967),i=n.n(a),l=n(20445),o=n(23023),s=n(91553);function ModerationMediaBlock({kind:e,moderationStatus:t,className:n,compact:a=!1,showDetail:u,showTitle:d=!0}){let c=e||(0,s.zH)(t);if("none"===c)return null;let m="pending"===c,f=m?s.Uy.pending.short:s.Uy.rejected.short,h=m?s.Uy.pending.long:null,g=u??(m&&!a);return(0,r.jsxs)("div",{className:i()("text-white flex flex-col gap-1 px-2 items-center justify-center bg-[--colorPrimary] text-center",a?"text-xs":"text-base gap-2",n),role:"status","aria-label":f,children:[m?(0,r.jsx)(l.Z,{className:a?"w-4 h-4":"w-7 h-7"}):(0,r.jsx)(o.Z,{className:a?"w-4 h-4":"w-7 h-7"}),d&&(0,r.jsx)("span",{className:a?"leading-tight":void 0,children:f}),g&&h?(0,r.jsx)("span",{className:"text-xs opacity-90 leading-snug max-w-[14rem]",children:h}):null]})}function ModerationPendingBadge({className:e}){return(0,r.jsxs)("span",{className:i()("absolute z-[1] top-1 left-1 inline-flex items-center gap-1 rounded px-1.5 py-0.5","bg-amber-500/95 text-white text-[10px] font-medium leading-none shadow-sm",e),role:"status",children:[(0,r.jsx)(l.Z,{className:"w-3 h-3"}),s.Uy.pending.short]})}},28638:function(e,t,n){"use strict";n.d(t,{_:function(){return useModerationUxEnabled}});var r=n(2664),a=n(61267);function useModerationUxEnabled(){return!!(0,r.v9)(e=>

1e.settings?.[a.Mb.HIDE_UNAPPROVED_MEDIA])}},31618:function(e,t,n){"use strict";n.d(t,{_:function(){return useStickyHeader}});var r=n(67294);function useStickyHeader(e={}){let{top:t=0,enabled:n=!0}=e,a=(0,r.useRef)(null),[i,l]=(0,r.useState)(!1),o=(0,r.useRef)(!1),s=(0,r.useRef)(!0);return(0,r.useEffect)(()=>{let e=a.current;if(!e||!n||(e.style.position="sticky",e.style.top=`${t}px`,!("IntersectionObserver"in window)))return;let r=document.createElement("div");r.setAttribute("aria-hidden","true"),r.style.height="1px",r.style.marginBottom="-1px",r.style.pointerEvents="none",e.parentNode?.insertBefore(r,e);let handleScroll=()=>{let t=e.closest("[data-scroll-container]")||window,n=t===window?window.scrollY:t.scrollTop;n>2&&(o.current=!0)},i=e.closest("[data-scroll-container]")||window;i.addEventListener("scroll",handleScroll,{passive:!0});let u=new IntersectionObserver(([e])=>{if(s.current){s.current=!1;return}o.current&&l(!e.isIntersecting)},{rootMargin:`-${t+1}px 0px 0px 0px`,threshold:0});return u.observe(r),()=>{u.disconnect(),r.remove(),i.removeEventListener("scroll",handleScroll),o.current=!1,s.current=!0}},[t,n]),{ref:a,isStuck:i}}},91553:function(e,t,n){"use strict";function getModerationUiKind(e){return"rejected"===e?"rejected":"pending"===e?"pending":"none"}function hasRejectedMedia(e){return!!e?.some(e=>"rejected"===getModerationUiKind(e?.moderationStatus))}n.d(t,{CY:function(){return getFeedModerationListLabel},JB:function(){return getFeedModerationTagColor},Lu:function(){return getModerationLabel},Mp:function(){return shouldHideChatMediaFromRecipient},OK:function(){return shouldShowPendingBadge},Ry:function(){return getFeedFilesModerationStatus},Uy:function(){return a},ap:function(){return shouldShowModerationBlock},e3:function(){return hasRejectedMedia},mW:function(){return shouldHideChatMessageMediaFromRecipient},zH:function(){return getModerationUiKind}});let r=new Set(["/no-image.webp","/file-not-found.jpg"]);function isPlayableUrlString(e){if("string"!=typeof e)return!1;let t=e.trim();return!(!t||r.has(t))}function hasPlayableMediaUrl(e){return!!e&&!!(isPlayableUrlString(e.url)||Array.isArray(e.thumbnails)&&e.thumbnails.some(e=>isPlayableUrlString(e)))}function shouldShowModerationBlock(e,t={}){let n=getModerationUiKind(e?.moderationStatus);return"rejected"===n||!!t.moderationUxEnabled&&!("pending"!==n||hasPlayableMediaUrl(e))}function shouldHideChatMediaFromRecipient(e,t={}){if(t.isMine)return!1;if(t.moderationPackageHidden||e?.recipientModerationHold)return!0;if(!t.moderationUxEnabled)return!1;let n=getModerationUiKind(e?.moderationStatus);return"pending"===n||"rejected"===n}function shouldHideChatMessageMediaFromRecipient(e,t={}){return!t.isMine&&(!!e?.moderationPackageHidden||!!e?.files?.length&&e.files.some(n=>shouldHideChatMediaFromRecipient(n,{...t,moderationPackageHidden:e.moderationPackageHidden})))}function shouldShowPendingBadge(e,t={}){return!!t.moderationUxEnabled&&"pending"===getModerationUiKind(e?.moderationStatus)&&hasPlayableMediaUrl(e)}let a={pending:{short:"Under review",long:"This media is under review."},rejected:{short:"This content has been rejected",long:"This content has been rejected"}};function getModerationLabel(e){let t=getModerationUiKind(e);return"pending"===t?a.pending.short:"rejected"===t?a.rejected.short:"approved"===e?"Approved":e||""}function getFeedFilesModerationStatus(e){if(!e?.length)return"pending";let t=e.map(e=>e?.moderationStatus||"pending");return t.some(e=>"rejected"===e)?"rejected":t.some(e=>"approved"!==e)?"pending":"approved"}function getFeedModerationListLabel(e){switch(e){case"approved":return"Approved";case"rejected":return"Rejected";default:return"Pending"}}function getFeedModerationTagColor(e){switch(e){case"approved":return"green";case"rejected":return"red";default:return"orange"}}},43631:function(e){e.exports={container:"IOSHeader_container__3DDiN",stuck:"IOSHeader_stuck__odDRA",header:"IOSHeader_header__LEuX1"}},23023:function(e,t,n){"use strict";var r=n(67294);let a=r.forwardRef(function({title:e,titleId:t,...n},a){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},n),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"}))});t.Z=a},43882:function(e,t,n){"use strict";var r=n(67294);let a=r.forwardRef(function({title:e,titleId:t,...n},a){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"

1currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},n),e?r.createElement("title",{id:t},e):null,r.createElement("path",{d:"M5.566 4.657A4.505 4.505 0 0 1 6.75 4.5h10.5c.41 0 .806.055 1.183.157A3 3 0 0 0 15.75 3h-7.5a3 3 0 0 0-2.684 1.657ZM2.25 12a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3v-6ZM5.25 7.5c-.41 0-.806.055-1.184.157A3 3 0 0 1 6.75 6h10.5a3 3 0 0 1 2.683 1.657A4.505 4.505 0 0 0 18.75 7.5H5.25Z"}))});t.Z=a},76607:function(e,t,n){"use strict";n.d(t,{ZP:function(){return d}});var r=n(67294),a=n(33836),i=n(65072),l=n(10046),o=n(61688),s=n(30503);let getFirstPageKey=e=>(0,i.s)(e?e(0,null):null)[0],u=Promise.resolve(),d=(0,l.xD)(a.u,e=>(t,n,a)=>{let l;let d=(0,r.useRef)(!1),{cache:c,initialSize:m=1,revalidateAll:f=!1,persistSize:h=!1,revalidateFirstPage:g=!0,revalidateOnMount:p=!1,parallel:x=!1}=a,[,,,b]=i.a.get(i.o);try{(l=getFirstPageKey(t))&&(l=s.U+l)}catch(e){}let[v,w,j]=(0,i.c)(c,l),y=(0,r.useCallback)(()=>{let e=(0,i.i)(v()._l)?m:v()._l;return e},[c,l,m]);(0,o.useSyncExternalStore)((0,r.useCallback)(e=>l?j(l,()=>{e()}):()=>{},[c,l]),y,y);let M=(0,r.useCallback)(()=>{let e=v()._l;return(0,i.i)(e)?m:e},[l,m]),_=(0,r.useRef)(M());(0,i.u)(()=>{if(!d.current){d.current=!0;return}l&&w({_l:h?_.current:M()})},[l,c]);let P=p&&!d.current,E=e(l,async e=>{let r=v()._i,l=v()._r,o=i.a.get(c),s=o[8],unloadedDuringRequest=()=>o[8]!==s;w({_r:i.U});let u=[],d=M(),[m]=(0,i.c)(c,e),h=m().data,p=[],j=null;for(let e=0;e<d;++e){let[o,s]=(0,i.s)(t(e,x?null:j));if(!o)break;let[d,m]=(0,i.c)(c,o),v=d().data,w=f||r||(0,i.i)(v)||g&&!e&&!(0,i.i)(h)||P||h&&!(0,i.i)(h[e])&&!a.compare(h[e],v);if(n&&("function"==typeof l?l(v,s):w)){let revalidate=async()=>

1{let t=o in b;if(t){let e=b[o];delete b[o],v=await e}else v=await n(s);unloadedDuringRequest()||m({data:v,_k:s}),u[e]=v};x?p.push(revalidate):await revalidate()}else u[e]=v;x||(j=v)}return x&&await Promise.all(p.map(e=>e())),unloadedDuringRequest()||w({_i:i.U}),u},a),k=(0,r.useCallback)(function(e,t){let n="boolean"==typeof t?{revalidate:t}:t||{},r=!1!==n.revalidate;return l?(r&&((0,i.i)(e)?w({_i:!0,_r:n.revalidate}):w({_i:!1,_r:n.revalidate})),arguments.length?E.mutate(e,{...n,revalidate:r}):E.mutate()):u},[l,c]),N=(0,r.useCallback)(e=>{let n;if(!l)return u;let[,r]=(0,i.c)(c,l);if((0,i.e)(e)?n=e(M()):"number"==typeof e&&(n=e),"number"!=typeof n)return u;r({_l:n}),_.current=n;let a=[],[o]=(0,i.c)(c,l),s=null;for(let e=0;e<n;++e){let[n]=(0,i.s)(t(e,s)),[r]=(0,i.c)(c,n),l=n?r().data:i.U;if((0,i.i)(l))return k(o().data);a.push(l),s=l}return k(a)},[l,c,k,M]);return{size:M(),setSize:N,mutate:k,get data(){return E.data},get error(){return E.error},get isValidating(){return E.isValidating},get isLoading(){return E.isLoading}}})}},function(e){e.O(0,[3148,9774,2888,179],function(){return e(e.s=31331)}),_N_E=e.O()}]);