(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9747,4964],{67028:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/community/collections/[slug]",function(){return t(37454)}])},90733:function(e,n,t){"use strict";t.d(n,{Z:function(){return u}});var o=t(85893),l=t(45697),i=t.n(l),a=t(93708),r=t(79621);function u(e){var n=e.heading;return(0,o.jsx)("div",{className:"w-full",children:(0,o.jsx)(r.Z,{href:"/community",children:(0,o.jsx)(a.Z,{background:!0,className:"mb-fixed-xl",iconBg:"white",iconSize:"sm",item:{heading:n,icon:"arrow-left"},scaleIcons:"inline",themeColor:"grey-20"})})})}u.defaultProps={heading:"Learn to Loom"},u.propTypes={heading:i().string}},84046:function(e,n,t){"use strict";t.d(n,{Z:function(){return f}});var o=t(85893),l=t(93967),i=t.n(l),a=t(45697),r=t.n(a),u=t(74876);function d(e){var n=e.font,t=e.quotation,l=e.lineLength,a=e.transparent;return(0,o.jsx)("blockquote",{className:i()((0,u.h)(n).heading,a?"text-center":"md:text-center","thd-quote py-lg",l?"thd-max-".concat(l):"thd-max-2xl"),children:t})}var s=t(42666),c=t(67061),m=t(76466),h=t(53608),v=t(55118),g=t(40205);function f(e){var n,t,l,a,r,u,f,b,p,x=e.card,y=e.caseStudy,_=e.className,C=e.font,j=e.hideAvatar,w=e.hideLogos,N=e.themeColor,T=e.themeColorMode,L="white"===N,Z=null==x?void 0:null===(a=x.logo)||void 0===a?void 0:null===(l=a.image)||void 0===l?void 0:null===(t=l.asset)||void 0===t?void 0:null===(n=t.metadata)||void 0===n?void 0:n.dimensions,k=null==Z?void 0:Z.aspectRatio,S=(0,m.Z)(90,30,{aspectRatio:k,type:"horizontal-optimized"}),D=S.width,A=S.height,E="".concat(N,"-").concat({dark:"90",light:"10"}[T]);return"".concat(N,"-").concat({dark:"10",light:"90"}[T]),(0,o.jsx)("figure",{className:i()(_,(0,h.b)(E).headerText,(0,h.b)(E).bg,"mx-auto thd-rounded-static",!L&&"p-fluid-sm lg:p-fluid-lg"),children:(0,o.jsxs)("div",{className:i()(L?"items-center":"md:items-center","flex flex-col justify-center md:h-full md:px-0"),style:{"--filter-color":null===(r=(0,h.b)(E))||void 0===r?void 0:r.logoFilter,"--logo-height":A?A+"px":null,"--logo-width":D?D+"px":null},children:[y&&(null==x?void 0:x.byline)&&(0,o.jsx)(c.Z,{byline:null==x?void 0:x.byline,themeColor:E}),(null==x?void 0:null===(u=x.logo)||void 0===u?void 0:u.image)&&!y&&!w&&(0,o.jsx)("img",{alt:null==x?void 0:null===(f=x.byline)||void 0===f?void 0:f.company,className:"thd-filter thd-logo w-full h-full",height:A,src:(0,v.ZP)(null==x?void 0:null===(b=x.logo)||void 0===b?void 0:b.image).url(),width:D,loading:"lazy"}),(null==x?void 0:x.quotation)&&(0,o.jsx)(d,{font:C,quotation:null==x?void 0:x.quotation,transparent:L}),!y&&(null==x?void 0:x.byline)&&(0,o.jsx)(c.Z,{byline:null==x?void 0:x.byline,hideAvatar:j,themeColor:E,transparent:L}),y&&(0,o.jsx)(s.Z,{buttonType:"secondary",color:"primary-light",cta:{link:"/customers/".concat((0,g.Z)(null==x?void 0:null===(p=x.byline)||void 0===p?void 0:p.company)),copy:"View Case Study"},size:"lg",type:"primary"})]})})}f.propTypes={card:r().object.isRequired,caseStudy:r().bool,className:r().string,font:r().string,hideAvatar:r().bool,hideLogos:r().bool,themeColor:r().string,themeColorMode:r().string},f.defaultProps={caseStudy:!1,themeColor:"violet",themeColorMode:"light",font:"xs"}},47805:function(e,n,t){"use strict";t.d(n,{Z:function(){return f}});var o=t(24043),l=t(85893),i=t(48243),a=t(45697),r=t.n(a),u=t(84573),d=t(93967),s=t.n(d),c=t(67294),m=t(84046),h=t(53608),v=t(69524),g=t.n(v);function f(e){var n,t=e.bgVar,a=e.cards,r=e.className,d=e.font,v=e.lineLength,f=e.themeColorMode,b=e.hideLogos,p=(0,o._)((0,c.useState)(1),2),x=p[0],y=p[1],_=(0,o._)((0,c.useState)(!0),2),C=_[0],j=_[1];(0,c.useEffect)(function(){(1===x||x===a.length)&&j(!0)},[x,1,a.length]);var w=function(){x>0&&y(function(e){return e-1})},N={0:"blue",1:"blue",2:"blue",3:"blue",4:"blue",5:"blue",6:"blue",7:"blue",8:"blue",9:"blue",10:"blue",11:"blue"},T=c.cloneElement((0,l.jsx)(m.Z,{card:a[0],font:d,index:-1===x,themeColor:N[0],themeColorMode:f},"cloneFirst")),L=c.cloneElement((0,l.jsx)(m.Z,{card:a[a.length-1],font:d,index:x===a.length,prev:w,style:{transform:"translate3d(-100%, 0, 0)"},themeColor:N[(null==a?void 0:a.length)-1],themeColorMode:f},"cloneLast")),Z=function(){0===x?(j(!1),y(a.length)):x===a.length+1&&(j(!1),y(1))};return(0,l.jsx)("section",{className:s()(g().container,r,"sm:gap-fluid-sm pb-fluid-lg lg:pb-0 lg:mb-fluid-lg overflow-x-hidden"),style:{"--gradientColor":t},children:(0,l.jsxs)("div",{className:"flex relative h-full w-full",children:[(0,l.jsx)("button",{"aria-label":"Previous testimonial",className:g().left,onClick:w,type:"button",children:(0,l.jsx)(u.JO$,{icon:(0,l.jsx)(i.q,{}),size:"1.5em"})}),(0,l.jsx)("div",{className:"flex h-full w-full overflow-hidden",children:(0,l.jsxs)("div",{className:s()(g().content),onTransitionEnd:function(){return Z()},style:{"--cardCount":a.length+2,"--transformValue":x,transition:C?void 0:"none","--curtainGradient":null===(n=(0,h.b)(null!=t?t:"white"))||void 0===n?void 0:n.bgVar},children:[L,null==a?void 0:a.map(function(e,n){return(0,l.jsx)(m.Z,{hideLogos:b,card:e,font:d,index:x===n+1,lineLength:v,themeColor:N[n],themeColorMode:f},n)}),T]})}),(0,l.jsx)("button",{"aria-label":"Next testimonial",className:g().right,onClick:function(){x<a.length+1&&y(function(e){return e+1})},type:"button",children:(0,l.jsx)(u.JO$,{icon:(0,l.jsx)(i.q,{}),size:"1.5em"})})]})})}f.propTypes={bgVar:r().string,cards:r().array,className:r().string,font:r().string,lineLength:r().string,themeColorMode:r().string,hideLogos:r().bool}},37454:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return M},default:function(){return P}});var o=t(11010),l=t(24043),i=t(82729),a=t(248),r=t(70655),u=t(85893),d=t(93967),s=t.n(d),c=t(12870),m=t.n(c),h=t(5152),v=t.n(h),g=t(67294),f=t(87737),b=t(7979),p=t(93212),x=t(18751),y=t(12441),_=t(90733),C=t(35018),j=t(89615),w=t(47805),N=t(69355),T=t(26331),L=t(89762),Z=t(53608),k=t(55118),S=t(25934);function D(){var e=(0,i._)(['\n*[_type == "learnCategoryTemplate" && meta.slug.current == $slug][0] {\n  "$slug": meta.slug.current,\n  "looms": *[_type == "libraryLoom" && count((categories[]->slug.current)[@ in [$slug]]) > 0 && (\n    _createdAt < $lastCreatedAt\n    || (_createdAt == $lastCreatedAt && _id > $lastId)\n  )] | order(_createdAt desc) [0...44] {\n    "loomPage": *[_type=="learnLoomTemplate" && references(^._id)] {\n      "slug": meta.slug.current,\n    },\n    _id,\n    length,\n    _createdAt,\n    meta,\n    categories[]->,\n    loom {\n      ...,\n      thumbnail {\n        altText,\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width\n            }\n          },\n        }\n      },\n    },\n    author-> {\n        ...,\n        avatar {\n          altText,\n          asset-> {\n            url,\n            metadata {\n              dimensions {\n                height,\n                width\n              }\n            },\n          }\n        }\n      },\n  }\n}\n']);return D=function(){return e},e}var A=v()(function(){return t.e(4967).then(t.bind(t,84967))},{loadableGenerated:{webpack:function(){return[84967]}}}),E=m()(D()),M=!0;function P(e){var n,t,i,d,c,m,h,v,D,M,P,q,$,z,I,O,V=e.accountNavData,B=e.eopData,F=e.footerNavData,R=e.initialData,J=e.logoData,G=e.navData,U=e.postData,X=e.testimonialData,H=null==R?void 0:R.$slug,K=(0,l._)((0,g.useState)(U?U.looms:[]),2),Q=K[0],W=K[1],Y=(0,l._)((0,g.useState)((null==U?void 0:null===(t=U.looms)||void 0===t?void 0:t.length)>0?U.looms[U.looms.length-1]._createdAt:""),2),ee=Y[0],en=Y[1],et=(0,l._)((0,g.useState)((null==U?void 0:null===(i=U.looms)||void 0===i?void 0:i.length)>0?U.looms[U.looms.length-1]._id:null),2),eo=et[0],el=et[1],ei=(0,l._)((0,g.useState)([]),2),ea=ei[0],er=ei[1],eu=(0,g.useRef)();(0,g.useMemo)(function(){var e=(null==R?void 0:R.pinnedLooms)||[];er(e.filter(function(e){return!!e}).map(function(e){return e.loom._id}));var n=(null==U?void 0:U.looms)||[];ea.length&&n.length&&(n=n.filter(function(e){var n=e._id;return!ea.includes(n)})),W((0,a._)(e).concat((0,a._)(n)))},[U,W,R,er]);var ed=(n=(0,o._)(function(){var e;return(0,r.Jh)(this,function(n){switch(n.label){case 0:if(null===eo)return[2,[]];return[4,(0,k.gn)(E,{lastCreatedAt:ee,lastId:eo,slug:H})];case 1:return(null==(e=n.sent().looms)?void 0:e.length)>0?(en(e[e.length-1]._createdAt),el(e[e.length-1]._id),ea.length&&(e=e.filter(function(e){var n=e._id;return!ea.includes(n)})),W((0,a._)(Q).concat((0,a._)(e)))):el(null),[2]}})}),function(){return n.apply(this,arguments)});(0,g.useEffect)(function(){if(eu&&eu.current){var e=new IntersectionObserver(function(e){e.some(function(e){return e.isIntersecting})&&ed()},{threshold:.1});return eu.current&&e.observe(eu.current),function(){return e.disconnect()}}},[eu,ed]);var es=(null==R?void 0:R.category)&&(null==R?void 0:null===(d=R.category)||void 0===d?void 0:d._id)==="bb7a0cbb-1c2f-42c4-b6f8-048507de3390";return((0,g.useEffect)(function(){var e,n,t=(0,S.Z)();(0,T.L9)(N.lJ,{source:"Learn to Loom Page ".concat(H),category:null==R?void 0:null===(e=R.category)||void 0===e?void 0:e.title,isCommunityCollection:es,tempBulkTestUuid:t}),(0,L._)("track",{action:"visit",actionSubject:N.c0,attributes:{eventSource:"Learn to Loom Page ".concat(H),category:null==R?void 0:null===(n=R.category)||void 0===n?void 0:n.title,isCommunityCollection:es,tempBulkTestUuid:t}})},[H]),null==R?void 0:R.category)?(0,u.jsxs)(b.Z,{accountNavData:V,footerNavData:F,name:"Learn to Loom Category [".concat(null==R?void 0:null===(m=R.meta)||void 0===m?void 0:null===(c=m.slug)||void 0===c?void 0:c.current,"]"),navData:G,children:[(0,u.jsx)(x.Z,{data:null==R?void 0:R.meta,customDescription:null!==(O=null==R?void 0:null===(h=R.meta)||void 0===h?void 0:h.description)&&void 0!==O?O:(0,f.blockContentToPlainText)(null==R?void 0:null===(v=R.category)||void 0===v?void 0:v.description),customOgImage:"https://cdn.sanity.io/images/pvn35iyy/production/74d348fb150b2f37076655b04c36ddf68eed23d5-1200x675.png",customTitle:"".concat(null==R?void 0:null===(D=R.category)||void 0===D?void 0:D.title," | From The Loom Community | Community"),url:"https://mulligan.indiedemos.com/community/collections/".concat(null==R?void 0:null===(P=R.meta)||void 0===P?void 0:null===(M=P.slug)||void 0===M?void 0:M.current)}),(0,u.jsxs)("section",{className:"mx-auto mb-fluid-lg relative pt-fluid-md overflow-hidden translate-x-0",children:[(0,u.jsx)("div",{className:"absolute h-full left-0 pointer-events-none overflow-hidden top-0 w-full",children:(0,u.jsx)("div",{className:s()("thd-gradient-bubble-t",null===(q=(0,Z.b)("violet-20"))||void 0===q?void 0:q.bg)})}),(0,u.jsxs)("div",{className:"thd-container-max",children:[(0,u.jsx)(_.Z,{heading:"Community"}),(0,u.jsx)(j.Z,{bFont:"lg",gap:"mb-md",hFont:"xl",hLevel:"h1",header:{heading:null==R?void 0:null===($=R.category)||void 0===$?void 0:$.title,subhead:null==R?void 0:null===(z=R.category)||void 0===z?void 0:z.description}})]}),(0,u.jsx)(p.Z,{allowInfiniteScroll:!0,cards:Q,heading:null==R?void 0:null===(I=R.recommendedBlock)||void 0===I?void 0:I.heading,section:"collection",showCommunity:!0,showVideoCount:"12"}),eo?(0,u.jsx)("div",{ref:eu}):null]}),J&&(0,u.jsx)(y.Z,{data:J,gradient:!0,lineLength:"xl",themeColor:"grey-10"}),X&&(0,u.jsx)(w.Z,{cards:null==X?void 0:X.list,className:"mb-fluid-lg",themeColorMode:"light"}),(null==B?void 0:B.cta)?(0,u.jsx)(C.Z,{cta:null==B?void 0:B.cta,heading:null==B?void 0:B.heading}):(0,u.jsx)("div",{className:"h-fluid-lg thd-prefooter",style:{"--footer-bg":"var(--thd-color-blue-10)"}})]}):(0,u.jsx)(A,{})}},69524:function(e){e.exports={container:"ThreadTestimonialCarousel_container__3hu57",left:"ThreadTestimonialCarousel_left__ioRt3",right:"ThreadTestimonialCarousel_right__9bhB0",content:"ThreadTestimonialCarousel_content__ODboU",avatar:"ThreadTestimonialCarousel_avatar__3d3SV"}}},function(e){e.O(0,[3050,7017,7436,6189,5675,8620,7979,8037,7404,8913,5223,3212,2888,9774,179],function(){return e(e.s=67028)}),_N_E=e.O()}]);