https://www.vistaprint.com/assets/ubik/web/@vp/fragment-social-cur…/fragment-social-curation-m1GIIXKc.js

1System.register(["react/jsx-runtime","@vp/ubik-fragment-react","@vp/swan","@vp/ubik-context","react","@vp/tracking"],(function(oe){"use strict";var r,c,A,j,g,F,H,O,_,W,R,M,b,I,C,f,z,E,B,K,Z,q,J,Q,D,P,m,G,X,Y,L,ee,ne,re,x,$,te,ie,N,U;return{setters:[function(i){r=i.jsx,c=i.jsxs,A=i.Fragment},function(i){j=i.clientMount},function(i){g=i.responsive,F=i.FlexBox,H=i.StandardTile,O=i.FluidImage,_=i.StandardTileContents,W=i.StandardTileName,R=i.Card,M=i.BasicResponsiveImage,b=i.Box,I=i.GridContainer,C=i.Row,f=i.Column,z=i.Link,E=i.Typography,B=i.Button,K=i.ModalDialogContent,Z=i.ModalDialogBody,q=i.ModalDialog,J=i.ModalDialogNav,Q=i.ModalDialogCloseButton,D=i.AdaptiveCarousel,P=i.AdaptiveCarouselSlide,m=i.Hidden,G=i.Visible,X=i.ScreenClassProvider,Y=i.BoundedContent,L=i.H2,ee=i.Callout},function(i){ne=i.useSwanStyleKeys,re=i.useUserContext},function(i){x=i.useState,$=i.useEffect,te=i.createContext,ie=i.useContext,N=i.useRef},function(i){U=i.getTracking}],execute:(function(){const i=(e,n,s)=>{const{eventName:a,properties:l}=e,o=U();if(o&&a)o.track(a,l);else if(a){const v={once:!0};window.addEventListener("trackingReady",()=>{U()?.track(a,l)},v)}n&&s&&(n.preventDefault(),n.stopPropagation(),setTimeout(()=>{window.open(s)},1e3))},de=g(F),se=({products:e,uploader:n})=>{const s=(a,l,o)=>{i({eventName:"Product Clicked",properties:{category:"Social Native Feed",label:"Social Native Feed Clicked",list_id:"Product Carousel:Social Native Feed Carousel",eventDetail:n?.username,product_id:l.tag_based_key,name:l.name,position:o}},a,l.productUrl)};return r(de,{gap:"4",xs:{flexDirection:"row"},sm:{flexDirection:"column"},alignItems:"stretch",children:e.map((a,l)=>c(H,{skin:"product",imageWidth:"full-bleed",onClick:o=>s(o,a,l+1),render:o=>r("a",{className:o.className,onClick:v=>s(v,a,l+1),href:a.productUrl,style:{flexShrink:0,marginBottom:0,width:"200px"},children:o.children}),children:[a.images.normal&&r(O,{src:a.images.normal,alt:a?.name,loading:"lazy"}),r(_,{children:r(W,{children:a.name})})]},a.id))})},ce=({src:e,loading:n,altText:s})=>r(R,{fullBleed:!0,overflow:"hidden",style:{width:"100%",position:"relative"},children:r(M,{aspectRatio:1,src:e,alt:s,...n?{loading:n}:{},style:{height:"100%",objectFit:"cover"}})}),ue={position:"relative",width:"100%"},ve={position:"absolute",width:"100%",bottom:0,boxSizing:"border-box",overflow:"hidden",background:"rgba(0, 0, 0, 0.5)",paddingLeft:"88px",paddingRight:"40px",borderBottomLeftRadius:"var(--swan-sem-border-radius-container)",borderBottomRightRadius:"var(--swan-sem-border-radius-container)"},pe=g(b),ae=({uploader:e,data:n})=>{const[s,a]=x(!1);if($(()=>{a(!1)},[n]),!n||!e)return console.warn("Missing data in modal Info"),null;const l=n.caption??"",o=he(l,9);return r(pe,{xs:{style:ue,darkMode:!1},sm:{style:ve,darkMode:!0},py:"4",children:r(I,{children:r(C,{children:c(f,{span:10,children:[r(z,{href:n.source.original,skin:"unstyled",target:"_blank",rel:"noreferrer",children:c(E,{fontSkin:"body-small-bold",children:["@",e.username]})}),n.caption&&c(A,{children:[r(F,{children:r(E,{fontSkin:"footnote",style:{overflow:"hidden"},children:s?l:o})}),l!==o&&r(B,{width:"full-width",skin:"unstyled",onClick:()=>a(!s),children:r(E,{fontSkin:"body-small-bold",textAlign:"right",children:s?"View Less":"View More"})})]})]})})})})},he=(e,n=6)=>e&&e.split(" ").length>n?e.split(" ").slice(0,n).join(" ")+"...":e;var t=(e=>(e.deDE="de-de",e.esES="es-es",e.fiFI="fi-fi",e.nlNL="nl-nl",e.itIT="it-it",e.svSE="sv-se",e.nbNO="nb-no",e.ptPT="pt-pt",e.daDK="da-dk",e.frCA="fr-ca",e.esUS="es-us",e.enCA="en-ca",e.nlBE="nl-be",e.enIE="en-ie",e.frBE="fr-be",e.frFR="fr-fr",e.frCH="fr-ch",e.deAT="de-at",e.deCH="de-ch",e.itCH="it-ch",e.enAU="en-au",e.enNZ="en-nz",e.enSG="en-sg",e.enIN="en-in",e))(t||{}),fe="G\xE5 til forrige dias",Se="G\xE5 til n\xE6ste dias",ge="Luk",be={previousSlide:fe,nextSlide:Se,close:ge},Ce="Vorheriges ansehen",xe="N\xE4chstes ansehen",ye="Schlie\xDFen",ke={previousSlide:Ce,nextSlide:xe,close:ye},we="Go to previous slide",Ie="Go to next slide",Ee="Close",$e={previousSlide:we,nextSlide:Ie,close:Ee},Ne="Ir a la diapositiva anterior",Te="Ir a la siguiente diapositiva",Fe="Cerrar",Ae={previousSlide:Ne,nextSlide:Te,close:Fe},Re="Ir a la diapositiva anterior",Me="Ir a la siguiente diapositiva",Be="Cerrar",De={previousSlide:Re,nextSlide:Me,close:Be},Pe="Siirry edelliseen diaan",me="Siirry seuraavaan diaan",Ge="Sulje",Ue={previousSlide:Pe,nextSlide:me,close:Ge},Ve="Acc\xE9der \xE0 la diapositive pr\xE9c\xE9dente",je="Acc\xE9der \xE0 la diapositive suivante",He="Fermer",Oe={previousSlide:Ve,nextSlide:je,close:He},_e="Revenir \xE0 la diapositive pr\xE9c\xE9dente",We="Passer \xE0 la diapositive suivante",ze="Fermer",Ke={previousSlide:_e,nextSlide:We,close:ze},Ze="Vai alla diapositiva precedente",qe="Vai alla diapositiva successiva",Je="Chiudi",Qe={previousSlide:Ze,nextSlide:qe,close:Je},Xe="G\xE5 til forrige lysbilde",Ye="G\xE5 til neste lysbilde",Le="Lukk",en={previousSlide:Xe,nextSlide:Ye,close:Le},nn="Ga naar vorige afbeelding",rn="Ga naar volgende afbeelding",tn="Sluiten",sn={previousSlide:nn,nextSlide:rn,close:tn},an="Ir para o diapositivo anterior",ln="Ir para o pr\xF3ximo diapositivo",on="Fechar",dn={previousSlide:an,nextSlide:ln,close:on},cn="G\xE5 till f\xF6reg\xE5ende bild",un="G\xE5 till n\xE4sta bild",vn="St\xE4ng",pn={previousSlide:cn,nextSlide:un,close:vn};const T={[t.daDK]:be,[t.deDE]:ke,[t.enIE]:$e,[t.esES]:Ae,[t.esUS]:De,[t.f

1iFI]:Ue,[t.frCA]:Oe,[t.frFR]:Ke,[t.itIT]:Qe,[t.nbNO]:en,[t.nlNL]:sn,[t.ptPT]:dn,[t.svSE]:pn},y={[t.frBE]:[t.frFR,t.enIE],[t.frCA]:[t.frFR,t.enIE],[t.nlBE]:[t.nlNL,t.enIE],[t.deAT]:[t.deDE,t.enIE],[t.deCH]:[t.deDE,t.enIE],[t.itCH]:[t.itIT,t.enIE],[t.frCH]:[t.frFR,t.enIE],[t.enAU]:[t.enIE],[t.enCA]:[t.enIE],[t.esUS]:[t.enIE],[t.enIN]:[t.enIE],[t.enNZ]:[t.enAU,t.enIE],[t.enSG]:[t.enAU,t.enIE],default:[t.enIE]};class h{locale=t.esUS;constructor(n=t.enIE){if(n&&h.instances[n])return h.instances[n];this.locale=n in T?n:y.default?y.default[0]:t.enIE,h.instances[n]=this}static instances={};setLocale(n){return h.instances[n]?h.instances[n]:new h(n)}translate(n){const s=this.getTranslation(this.locale,n);return s!==null?s:this.getFallbackTranslation(n)||n}getTranslation(n,s){const a=T?.[n];return a&&typeof a=="object"&&s in a?a[s]:null}getAllTexts(){if(T[this.locale])return T[this.locale];const n=y[this.locale]||y.default;if(n)for(const s of n){const a=T[s];if(a!==null)return a}}getFallbackTranslation(n){const s=y[this.locale]||y.default;if(s)for(const a of s){const l=this.getTranslation(a,n);if(l!==null)return l}return null}}const V={},hn=(e=t.enIE)=>(e=e.toLowerCase(),V[e]||(V[e]=new h(e)),V[e]),le=te(void 0),fn=({defaultLocale:e=t.enIE,children:n})=>{const[s,a]=x(e),l=hn(s),o=v=>{a(v)};return r(le.Provider,{value:{locale:s,translate:l.translate.bind(l),setLocale:o},children:n})},Sn=()=>{const e=ie(le);if(!e)throw new Error("useI18n must be used within an I18nProvider");return e},gn=g(K),bn=g(Z),Cn=(e,n)=>n===0?0:Math.min(Math.max(e-1,0),n-1),xn=(e,n)=>{const{products:s,uploader:a}=e[n]??{};i({eventName:"Product List Viewed",properties:{label:"Social Native Feed Carousel",list_id:"Social Native Feed Carousel",products:JSON.stringify(s?.map((l,o)=>({product_id:l.tag_based_key,name:l.name,position:o,list_section_id:a?.username})))}})},yn=({isOpen:e,activeIndex:n,media:s,setIsOpen:a})=>{const{translate:l}=Sn(),[o,v]=x(n),k=N(null),w=d=>{k.current!==d&&(k.current=d,xn(s,d))};return $(()=>{e&&s&&s.length>0&&w(n)},[e,s,n]),$(()=>{e&&s&&s.length>0&&v(n)},[n,e,s]),!s||s.length===0?null:r(q,{isOpen:e,bodyWidth:"grow",onRequestDismiss:()=>a(!1),children:c(gn,{fullBleed:!0,"aria-labelledby":l("Modal Title"),sm:{style:{width:"890px",scrollbarWidth:"none",msOverflowStyle:"none"}},children:[r(J,{children:r(Q,{"aria-label":l("close")})}),c(bn,{xs:{px:"4"},sm:{px:"8"},mb:"6",children:[r(D,{"aria-label":"Modal Carousel",slidesToShow:1,initialSlide:n+1,onSlideChange:d=>{if(!e)return;const p=Cn(d,s.length);v(p),w(p)},children:s.map(d=>{const p=Array.isArray(d.products)&&d.products.length>1;return r(P,{children:r(I,{children:c(C,{children:[r(f,{span:8,children:c(b,{style:{position:"relative"},children:[r(ce,{src:d?.images?.original,loading:d.id===s[o]?.id?"eager":"lazy",altText:d?.products?.[0]?.name??""}),r(m,{xs:!0,children:r(ae,{uploader:d?.uploader,data:d})})]})}),r(f,{span:4,children:r(b,{overflow:p?"auto":"visible",style:{...p&&{maxHeight:"55vh",scrollbarWidth:"none",msOverflowStyle:"none"}},children:r(m,{xs:!0,children:Array.isArray(d.products)&&r(se,{products:d.products,uploader:d.uploader})})})})]})})},d.id)})}),c(A,{children:[r(G,{xs:!0,children:r(ae,{uploader:s[o]?.uploader,data:s[o]})}),r(G,{xs:!0,style:{overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none"},px:"3",children:Array.isArray(s[o]?.products)&&r(se,{products:s[o].products,uploader:s[o].uploader})})]})]})]})})},kn=["vistaprint"],wn=g(D),In=({media:e,texts:n})=>{ne(["core","grid","modalDialog","standardTile","adaptiveCarousel","visible","hidden"]);const{locale:s,tenant:a}=re(),[l,o]=x(0),[v,k]=x(!1),w=N(null);$(()=>{if(!w.current)return;const u=new IntersectionObserver(([S])=>{S.isIntersecting&&(i({eventName:"Carousel Viewed",properties:{category:"Social Native Feed",label:"Carousel Viewed"}}),u.disconnect())},{threshold:.5});return u.observe(w.current),()=>u.disconnect()},[a,e]);const d=N(1),p=N(!1);return!a||!kn.includes(a)||!e?null:r(fn,{defaultLocale:s,children:r(X,{children:c(Y,{ref:w,id:"socialCurations",mb:"between-sections",children:[r(b,{children:c(I,{mb:"6",children:[n?.heading&&r(C,{children:r(f,{span:12,children:r(L,{fontSkin:"title-section",mb:"2",children:n.heading})})}),n?.subheading&&r(C,{children:r(f,{span:12,children:r(E,{fontSkin:"body-standard",mt:"0",mb:"0",children:n.subheading})})})]})}),r(b,{children:r(I,{children:r(C,{children:r(f,{span:12,children:r(wn,{"aria-label":"Social Native Feed Carousel",slidesToShow:{xs:1,sm:3,md:4,lg:6},onSlideChange:u=>{if(v)return;if(p.current){p.current=!1,d.current=u;return}let S="Right Arrow";u<d.current&&(S="Left Arrow"),d.current=u,i({eventName:"Carousel Clicked",properties:{category:"Social Native Feed",label:S}})},children:e.map((u,S)=>r(P,{children:r(B,{skin:"unstyled",width:"full-width",onClick:()=>{p.current=!0,o(S),k(!0),i({eventName:"Carousel Clicked",properties:{category:"Social Native Feed",label:`${u.id}:${S}_${e.length}`}})},children:c(R,{fullBleed:!0,overflow:"hidden",style:{position:"relative"},children:[r(M,{aspectRatio:1,src:u.images.normal,alt:u?.products?.[0]?.name??"",loading:"lazy",style:{height:"100%",objectFit:"cover"}}),u?.uploader?.username&&r(F,{justifyContent:"center",style:{position:"absolute",flex:1,width:"100%",bottom:"5%"},children:c(ee,{children:["@",u.uploader.username]})})]})})},u.id))})})})})}),v&&r(yn,{activeIndex:l,media:e,isOpen:v,setIsOpen:k})]})})})},En=oe("mount",async(e,n,s)=>j(r(In,{...n}),e,s))})}}));
2//# sourceMappingURL=fragment-social-curation-Ba3ChhNY.js.map