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