https://dslcollection.net/assets/index-EkaRfDJ8.js

1import{j as t,r as n,R as e,n as l,u as a,q as i,o,s,a as r,t as d,A as c,v as m,a0 as w,e as p,x,L as u,a1 as g,B as b,h}from"./index-cTPNoMBG.js";import f from"./index-D5BohFkk.js";import{S as j}from"./ShareNetwork-BOyjKJ5b.js";import{C as y}from"./index-D6A6STAS.js";import{S as D}from"./StandardHead-Ds53XCXK.js";import{b as v}from"./index-lo7C3J_T.js";import{M as _}from"./index-BV7Uk754.js";import{g as k}from"./getArtPicData-BoxMjrpR.js";import{R as N}from"./RootBreadcrumbs-C7YZZ28u.js";import{C as L}from"./index-C19jcXwg.js";import{u as C}from"./useLayoutPreset-D8eIfprs.js";import{M as S,a as I}from"./MasonryCollectionPageArtCard-Br-y-i1s.js";import{N as A}from"./index-vJYFJ64D.js";import"./windowOpen-0yaTk1Pe.js";import"./Code-CVvdN0sB.js";import"./index--yaY2bOc.js";import"./isMobileOrTablet-CuXGr0mT.js";import"./Link-DfgBR7bE.js";import"./index-eZY3gz00.js";import"./useRefableState-v2eApV77.js";import"./gaEventAddToCollection-DE4qEk9v.js";import"./index-CYLlI6SP.js";import"./mergeOptionsWithPopperConfig-Dmv8SCAp.js";const $=({userList:l,image:a})=>{if(!l||!l._id)return t.jsx(n.Fragment,{});const i=`${l.name} collection`,o=l.description||i;return t.jsx(D,{title:i,description:o,bannerSrc:a||v,canonicalUrl:`https://dslcollection.net/${e.Collection}/${l._id}`})},T=n=>t.jsx($,{...n}),U="collection-page-masonry",B=()=>t.jsx("style",{dangerouslySetInnerHTML:{__html:"\n  .collection-banner {\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    display: flex;\n    flex-direction: row;\n    }\n    .collection-banner .col-description {\n        color: rgba(255, 255, 255, 0.5);\n    }\n    .collection-banner-artist {   \n        background-image: url('/img/col_artist_xl.png');\n    }\n    .collection-banner-gallery {\n        background-image: url('/img/col_gallery_xxl.png');\n    }\n    .collection-banner__col-info {\n        flex-grow: 1;\n    }\n    .collection-banner__owner-info {\n        width: 500px;\n        border-left: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n@media (max-width: 1440px) {\n  .collection-banner-artist {\n      background-image: url('/img/col_artist_lg.png');\n  }\n  .collection-banner-gallery {\n      background-image: url('/img/col_gallery_lg.png');\n  }\n}\n@media (max-width: 992px) {\n  .collection-banner-artist {\n      background-image: url('/img/col_artist_md.png');\n  }\n  .collection-banner-gallery {\n      background-image: url('/img/col_gallery_md.png');\n  }    \n  .collection-banner__col-info {\n      width: 50%;\n  }\n  .collection-banner__owner-info {\n      width: 50%;\n  }\n}\n@media (max-width: 768px) {\n    .collection-banner {\n        flex-direction: column;\n    }\n    .collection-banner-artist {\n        background-image: url('/img/col_artist_sm.png');\n    }\n    .collection-banner-gallery {\n        background-image: url('/img/col_gallery_sm.png');\n    }    \n    .collection-banner__col-info {\n        width: 100%;\n    }\n    .collection-banner__owner-info {\n        width: 100%;\n        border-left: none;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n    }\n}\n\n@media (max-width: 500px) {\n    .collection-banner {\n        flex-direction: column;\n        &-artist {\n            background-image: url('/img/col_artist_xs.png');\n        }\n        &-gallery {\n            background-image: url('/img/col_gallery_xs.png');\n        }    \n        &__col-info {\n            width: 100%;\n        }\n        &__owner-info {\n            width: 100%;\n            border-left: none;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n        }\n    }\n}\n  "}}),P=({initialDataPromise:a})=>{var i,o,s,d,D,v,$,P,F,O,H,M,R,z,E,W,V,q,G,K,J,Q,X,Y,Z,tt,nt,et,lt,at;const it=r.use(a);C(),l();const ot=c(),st=m();w();const rt=p(),dt="xs"===rt||"sm"===rt||"md"===rt,[ct,mt]=n.useState(!1),wt=n.useCallback((()=>mt(!0)),[]),pt=n.useCallback((()=>mt(!1)),[]),xt=(null==(o=null==(i=it.listData)?void 0:i.artworksData)?void 0:o.length)>0?(null==(v=null==(D=null==(d=null==(s=it.listData)?void 0:s.artworksData[0])?void 0:d.picture)?void 0:D.pic1024)?void 0:v.url)||(null==(P=null==($=it.listData)?void 0:$.artworksData[0])?void 0:P.pictureURL):"/images/placeholders/artw

1ork_new.jpg",{setAdditionalData:ut}=x(),gt=(null==(F=it.listData)?void 0:F.artworksData)||[],bt=null==(O=it.otherLists)?void 0:O.records.slice(0,4);return it.listData?t.jsxs(t.Fragment,{children:[t.jsx(T,{userList:it.listData,image:xt}),t.jsx(S,{masonryId:U}),t.jsx(B,{}),t.jsxs("div",{className:"tw-relative filters-page-container global-container tw-mt-[32px] tw-mb-[40px]",children:[t.jsx(N,{items:[{to:`/${e.Collections}`,label:"Collections"},{to:`/${e.Collection}/${null==(H=it.listData)?void 0:H._id}`,label:null==(M=it.listData)?void 0:M.name}]}),t.jsxs("div",{className:"tw-mt-[32px] tw-border-solid tw-rounded-[16px] tw-p-[24px] tw-md:tw-p-[32px] tw-text-white collection-banner "+((null==(R=it.ownerData)?void 0:R.galleryData)?"collection-banner-gallery":"collection-banner-artist"),children:[t.jsxs("div",{className:"tw-pb-[24px] tw-md:tw-pb-[0px] collection-banner__col-info",children:[t.jsx("p",{className:(dt?"tw-typog-[head6]":"tw-typog-[head5]")+" tw-font-semibold tw-mb-[0px] text-sm-start text-center",children:null==(z=it.listData)?void 0:z.name}),t.jsxs("p",{className:"tw-mt-[8px] tw-typog-[bodymd] tw-mb-[0px] text-sm-start text-center col-description",children:[null==(E=it.listData)?void 0:E.artworks.length," Artworks ."," ",null==(W=it.listData)?void 0:W.artistsData.length," Artists"]}),t.jsx("p",{className:"tw-mt-[16px] tw-typog-[bodymd] tw-mb-[0px] text-sm-start text-center",children:(null==(V=it.listData)?void 0:V.description)||"No description"})]}),t.jsxs("div",{className:"tw-flex tw-flex-col tw-sm:tw-flex-row tw-md:tw-flex-col tw-items-center tw-sm:tw-items-start tw-justify-between collection-banner__owner-info tw-pt-[24px] tw-md:tw-pt-[0px] tw-ps-[0px] tw-md:tw-ps-[24px]",children:[t.jsxs(u,{to:(null==(G=null==(q=it.ownerData)?void 0:q.displayData)?void 0:G.link)||"",className:"tw-flex tw-items-center tw-md:tw-mb-[16px] tw-mb-[0px] tw-flex-col tw-sm:tw-flex-row",children:[t.jsx(g,{imgSrc:(null==(K=it.ownerData)?void 0:K.displayData.pic)||"/images/placeholders/artist_new.png",containerClassName:"tw-me-[0px] tw-sm:tw-me-[16px] tw-rounded-full",imgWidth:56,imgHeight:56,imgAlt:"Owner avatar"}),t.jsxs("div",{className:"tw-pt-[24px] tw-sm:tw-pt-[0px] tw-flex tw-flex-col tw-items-center tw-sm:tw-items-start",children:[t.jsxs("p",{className:(dt?"tw-typog-[bodylg]":"tw-typog-[bodyxl]")+" tw-font-semibold tw-mb-[0px] tw-text-white",children:["Created By ",(null==(J=it.ownerData)?void 0:J.displayData.name)||""]}),t.jsx("p",{className:"tw-typog-[bodymd] tw-mb-[0px] col-description tw-mt-[4px]",style:{minHeight:"20px"},children:(null==(X=null==(Q=it.ownerData)?void 0:Q.displayData)?void 0:X.country)||""})]})]}),t.jsxs("div",{className:"tw-flex tw-flex-row tw-mt-[24px] tw-sm:tw-mt-[0px]",children:[it.ownerData&&(it.ownerData.artistId||it.ownerData.galleryId)?t.jsxs(b,{variant:"opacity",style:{whiteSpace:"nowrap"},className:"btn-sm tw-typog-[bodymd] tw-font-semibold tw-me-[11px] tw-px-[16px]",onClick:()=>{var t;h(null==(t=it.ownerData)?void 0:t.displayData.link)},children:["Detail ",(null==(Y=it.ownerData)?void 0:Y.galleryData)?"Gallery":"Artist"]}):"",t.jsx(y,{onClick:wt,size:"sm",variant:"opacity",icon:t.jsx(j,{width:20,height:20})})]})]})]}),t.jsx("div",{className:"tw-row tw-mt-[24px]",children:t.jsx(_,{masonryId:U,config:{0:[2,8,16],576:[2,8,16],768:[3,16,16],992:[4,16,16],1200:[4,16,16],1440:[6,16,16]},children:gt.map((n=>{const l=k(n);return t.jsx(I,{hideActions:!0,price:n.salesPrice,forSale:n.forSale,profileContext:ot,artist:null,linkUrl:`/${e.ViewArtPiece}/${n._id}`,forceLoad:!1,imgSrc:l.url,imgWidth:l.width,imgHeight:l.height,onSeen:()=>null,initialLiked:!1,handleLike:()=>null,id:n._id,name:n.title,artInList:!1,handleRemoveFromList:()=>null,handleAddToUserList:()=>null,isAdmin:!1,artworkScore:null==n?void 0:n.score,adminActionContainerStyle:{zIndex:1200},artworkIdToShowTooltip:null},`${U}-${n._id}`)}))})}),it.otherLists.total>0&&t.jsxs(t.Fragment,{children:[t.jsx("hr",{className:"tw-w-full tw-text-neutral300 tw-my-[24px]"}),t.jsxs("div",{className:"tw-mt-[24px] tw-row tw-gy-[24px] tw-gx-[16px]",children:[t.jsxs("div",{className:"tw-m-[0px] tw-flex tw-justify-between tw-items-center",children:[t.jsx("p",{className:"text-break color-neutral900 tw-mb-[0px] tw-xs:tw-text-lg tw-sm:tw-text-xl tw-font-semibold",children:"Other Collections"}),it.otherLists.total>4&&t.jsx(u,{to:(null==(tt=null==(Z=it.ownerData)?void 0:Z.displayData)?void 0:tt.link)||"",className:"tw-text-sm tw-font-medium",onClick:()=>{ut({activeTabKey:"collectionTab"})},children:"SEE ALL"})]}),bt.map((n=>t.jsx("div",{className:"tw-col-12 tw-sm:tw-col-6 tw-md:tw-col-4 tw-xl:tw-col-3 tw-cursor-pointer hover-lift lift-ignore-shadow shadow-none",children:t.jsx(L,{listData:n,linkType:"public"})},n._id)))]})]}),it.listData&&"private"!==(null==(nt=it.listData)?void 0:nt.visibility)&&t.jsx(f,{iconBtnClassName:"tw-ms-[20px] btn-lg btn-round-lg tw-p-[4px] rounded-pill btn btn-secondary tw-items-center tw-justify-center border-neutral200 tw-flex",noText:!0,noIconButton:!0,title:`${null==(et=it.listData)?void 0:et.name} collection`,url:`${st}/collection/${null==(lt=it.listData)?void 0:lt._id}`,image:xt,shareTitle:"Share",description:`${(null==(at=it.listData)?void 0:at.description)||""}`,noButtons:!0,modalIsOpen:ct,onCloseModal:pt})]})]}):t.jsx(A,{})};function F(){l();

1const n=a(),e=i(),c=o(),m=e.id,[w,p]=s(`collection-page-${m}`,(async()=>{if(!m)return c.onNotFound(),{listData:null,otherLists:{total:0,records:[]},ownerData:null};const t=await n("/front/exsubUseUserListData2",{listId:m,params:{public:!0,unlisted:!0}});if(!t.res||!t.res.data)return c.onNotFound(),{listData:null,otherLists:{total:0,records:[]},ownerData:null};const{res:e}=await n("/front/exsubUseOwnerData",{ownerId:t.res.data.userId}),l={excludeIds:[m],userId:t.res.data.userId,showEmpties:!1,limit:4},{res:a}=await n("/user-list/allUserListsByUserId",l);return a?{listData:t.res.data,otherLists:{total:a.total,records:a.data},ownerData:e}:{listData:t.res.data,otherLists:{total:0,records:[]},ownerData:e}}),{listData:null,otherLists:[],ownerData:null});return t.jsxs(t.Fragment,{children:[t.jsx(r.Suspense,{fallback:t.jsx(d,{}),children:t.jsx(P,{initialDataPromise:w})}),p]})}export{F as default};