(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5501],{59502:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/sdk",function(){return t(57152)}])},51770:function(e,a,t){"use strict";t.d(a,{Z:function(){return ThreadEOP}});var o=t(85893),r=t(93967),l=t.n(r),n=t(45697),s=t.n(n),d=t(30830),i=t(92673);function ThreadEOP(e){var a,t,r=e.bgColor,n=e.className,s=e.cta,c=e.heading,h=e.hClassName,m=e.themeColor,u=e.pageBg,x=e.footerBg;return(0,o.jsx)("aside",{className:l()(n,r,"thd-gradient px-fluid-base md:px-fluid-sm lg:relative pb-fluid-lg"),style:{"--bg-direction":"180deg","--page-bg":u?(0,i.b)(u).bgVar:"white","--footer-bg":x?"var(--thd-color-".concat(x,")"):"var(--thd-color-violet-10)"},children:(0,o.jsxs)("div",{className:"thd-rounded-static shadow-thd max-w-screen-xl px-fluid-sm bg-white flex flex-col md:flex-row justify-center md:justify-between md:items-center mx-auto py-fluid-sm",children:[c&&(0,o.jsx)("p",{className:l()(h,"thd-heading-md mb-lg md:mb-0 text-center md:text-left  mx-auto md:mx-0 w-full"),children:c}),s&&(0,o.jsx)(d.Z,{className:"self-center",color:"violet-dark",cta:s,icon:null!==(t=null==s?void 0:null===(a=s.iconRef)||void 0===a?void 0:a.icon)&&void 0!==t?t:void 0,size:"lg",themeColor:null!=m?m:"violet-light",type:"primary"})]})})}ThreadEOP.propTypes={className:s().string,cta:s().oneOfType([s().string,s().object,s().func]),hClassName:s().string,heading:s().string,hoverPlate:s().bool,lineLength:s().oneOf(["sm","md","lg","xl"]),lineLengthStart:s().oneOf(["sm","md","lg","xl","2xl","3xl","4xl"]),lineLengthEnd:s().oneOf(["sm","md","lg","xl","2xl","3xl","4xl"]),overlay:s().bool,pageBg:s().string,footerBg:s().string},ThreadEOP.defaultProps={hClassName:"sm:thd-max-md eop:max-w-none",heading:"Loom works wherever you do.",hoverPlate:!1,overlay:!1}},75780:function(e,a,t){"use strict";var o;function anchorScrollPosition(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;cancelAnimationFrame(o);var t=document.scrollingElement.scrollTop,r=!1;window.addEventListener("scroll",function(){r=!0,cancelAnimationFrame(o)},{once:!0,passive:!0}),requestAnimationFrame(function onFrame(l){null!=e||(l=e);var n=l-e;document.scrollingElement.scrollTop=t,n<a&&!r&&(o=requestAnimationFrame(onFrame))})}t.d(a,{r:function(){return anchorScrollPosition}})},79682:function(e,a,t){"use strict";t.d(a,{Z:function(){return getComputedImageSize}});var getHorizontalNormalizedImageSize=function(e,a,t){var o,r;switch(!0){case t<1:o=a/t,r=1.5*e;break;case 1===t:o=a,r=a;break;case t>1&&t<2:r=Math.round((o=Math.round(a))*t);break;case t>=2&&t<=5.5:o=Math.round((r=Math.round(1.25*e))/t);break;case t>5.5&&t<=8:o=Math.round((r=Math.round(1.5*e))/t);break;case t>8&&t<=10:o=Math.round(1.8*a),r=Math.round(2*e);break;case t>10:r=Math.round((o=Math.round(.75*a))*t)}return{width:r,height:o}},getHomepageCarouselImageSize=function(e,a,t){var o,r;switch(!0){case t<1:r=Math.round((o=Math.round(1.5*a))*t);break;case 1===t:r=o=1.25*a;break;case t>1&&t<=2.5:r=Math.round((o=Math.round(1.25*a))*t);break;case t>2.5&&t<=3.5:r=Math.round((o=Math.round(1.3*a))*t);break;case t>3.5&&t<=5.5:r=Math.round((o=a)*t);break;case t>5.5&&t<=8:o=Math.round((r=Math.round(1.2*e))/t);break;case t>8&&t<=8.5:case t>8.5:o=Math.round((r=Math.round(1.5*e))/t)}return{width:r,height:o}},getNormalizedImageSize=function(e,a,t){var o,r;switch(!0){case t<1:o=Math.round(a/t),r=Math.round(1.5*e);break;case 1===t:o=a,r=e;break;case t>1&&t<=4:r=Math.round((o=a)*t);break;case t>4&&t<=5.5:r=Math.round((o=Math.round(1.25*a))*t);break;case t>5.5&&t<=8:r=Math.round((o=Math.round(1.5*a))*t);break;case t>8:o=Math.round(1.8*a),r=Math.round(2*e)}return{width:r,height:o}},getNormalizedHorizImageSize=function(e,a,t){var o,r;switch(!0){case t<1:o=a/t,r=1.5*e;break;case 1===t:o=a,r=e;break;case t>1&&t<=6.5:r=Math.round((o=a)*t);break;case t>6.5&&t<=8:r=Math.round((o=Math.round(1.2*a))*t);break;case t>8&&t<=10:o=Math.round(1.8*a),r=Math.round(2*e);break;case t>10:r=Math.round((o=Math.round(1.2*a))*t)}return{width:r,height:o}},getNormalizedSquareImageSize=function(e,a,t){var o,r;switch(!0){case t<1:o=Math.round(a/t),r=Math.round(1.5*e);break;case 1===t:o=a,r=e;break;case t>1&&t<=2.5:r=Math.round((o=a)*t);break;case t>2.5&&t<=5.5:r=Math.round((o=Math.round(1.25*a))*t);break;case t>5.5&&t<=8:o=Math.round(1.5*a),r=Math.round(1.5*e);break;case t>8:o=Math.round(1.8*a),r=Math.round(2*e)}return{width:r,height:o}},getOptimizedImageSize=function(e,a,t){var o,r;switch(!0){case t<1:r=Math.round((o=Math.round(1.5*a))*t);break;case 1===t:r=o=1.25*a;break;case t>1&&t<=2.5:r=Math.round((o=Math.round(1.25*a))*t);break;case t>2.5&&t<=3.5:r=Math.round((o=Math.round(1.3*a))*t);break;case t>3.5&&t<=5.5:r=Math.round((o=a)*t);break;case t>5.5&&t<=8:o=Math.round((r=Math.round(1.2*e))/t);break;case t>8&&t<=8.5:case t>8.5:o=Math.round((r=Math.round(1.5*e))/t)}return{width:r,height:o}};function getComputedImageSize(e,a,t){switch(t.type){case"horizontal-optimized":return getHorizontalNormalizedImageSize(e,a,t.aspectRatio);case"normalized":return getNormalizedImageSize(e,a,null==t?void 0:t.aspectRatio);case"normalized-horizontal":return getNormalizedHorizImageSize(e,a,null==t?void 0:t.aspectRatio);case"homepage-carousel":return getHomepageCarouselImageSize(e,a,null==t?void 0:t.aspectRatio);case"normalized-square":return getNormalizedSquareImageSize(e,a,null==t?void 0:t.aspectRatio);default:return getOptimizedImageSize(e,a,null==t?void 0:t.aspectRatio)}}},57152:function(e,a,t){"use strict";t.r(a),t.d(a,{__N_SSG:function(){return O},default:function(){return SDK}});var o=t(85893),r=t(33523),l=t(2031),n=t(91585),s=t(72253),d=t(24043),i=t(73687),c=t(93967),h=t.n(c),m=t(67294),u=t(11841),x=t(75780),p=t(79682),g=t(20434),v=t(48082),b=t.n(v);function CarouselTabs(e){var a=e.tabs,t=e.className,r=e.list,l=(0,d._)((0,m.useState)(0),2),n=l[0],s=l[1],c=(0,o.jsxs)(i.td,{className:"md:mb-64",children:[(0,o.jsxs)("div",{className:"mx-24 sm:mx-auto flex justify-around mb-64 bg-thd-color-violet-80 rounded-full max-w-[528px] relative",children:[null==a?void 0:a.map(function(e,a){var t,r,l,d,c=null==e?void 0:null===(d=e.logo)||void 0===d?void 0:null===(l=d.asset)||void 0===l?void 0:null===(r=l.metadata)||void 0===r?void 0:null===(t=r.dimensions)||void 0===t?void 0:t.aspectRatio,m=(0,p.Z)(58,18,{aspectRatio:c,type:"horizontal-optimized"}),u=m.width,x=m.height;return(0,o.jsx)(i.OK,{as:"a",className:h()(n===a?h()(b().selected,"z-10"):"z-0",b().tab,"flex flex-1 p-12 border-2 border-transparent relative outline-none cursor-pointer transition-colors thd-focus-thick rounded-full focus:transition-colors"),onClick:function(){return s(a)},style:{"--logo-height":x+"px","--logo-width":u+"px"},children:(0,o.jsx)("img",{alt:e.name,className:h()(b().partnerLogo,"thd-logo h-full w-full m-auto"),height:x,src:(0,g.ZP)(e.logo).url(),width:u})},e.key)}),(0,o.jsx)("div",{className:b().slider})]}),(0,o.jsx)("div",{children:(0,o.jsx)(u.Z,{className:"thd-list-none px-fluid-base columns-2 md:columns-3 lg:columns-4 no-underline text-16 text-left",content:r})})]});return(0,o.jsxs)(i.mQ,{className:h()(t),onChange:function(e){(0,x.r)(600),s(e)},children:[(0,o.jsx)(i.nP,{className:"mb-24 md:mb-60 items-center flex-grow",children:a.map(function(e){return(0,o.jsx)(i.x4,{as:"section",className:"w-full h-full lg:px-90",children:e.content},e.key)})}),c]})}function PartnerCarousel(e){return(0,o.jsx)(CarouselTabs,(0,s._)({},e))}function CaseStudies(e){var a=e.header,t=e.partners,r=e.list;return(0,o.jsx)("section",{className:"lm-section-full-alt",children:(0,o.jsxs)("div",{className:"md:text-center text-thd-color-violet-80 bg-thd-color-violet-10 py-[44px] md:mx-32 md:px-32 md:py-[54px] lg:py-[72px] xl:py-[96px] md:thd-border-radius-lg",children:[a&&(0,o.jsx)("p",{className:"px-24 md:px-0 thd-overline mb-10 mx-auto",children:a.eyebrow}),(null==a?void 0:a.heading)&&(0,o.jsx)("h2",{className:"px-24 md:px-0 thd-heading-sm mb-[44px] lg:mb-90 text-[36px] md:w-2/3 xl:w-1/3 md:mx-auto",children:a.heading}),(0,o.jsx)(PartnerCarousel,{list:r,tabs:null==t?void 0:t.map(function(e){var a;return{key:null==e?void 0:e._key,name:null==e?void 0:e.name,logo:null==e?void 0:null===(a=e.logo)||void 0===a?void 0:a.image,loom:null==e?void 0:e.loom,content:(null==e?void 0:e.loom)?(0,o.jsx)(n.Z,{className:"md:rounded-md overflow-hidden mx-auto aspect-video",title:"Loom of ".concat(null==e?void 0:e.name," Case Study"),url:null==e?void 0:e.loom}):void 0}})})]})})}var f=t(30830);function DesignedForDevs(e){var a,t,r,l,s=e.header,d=e.feature;return(0,o.jsxs)("section",{className:"lm-section-full-alt",children:[(null==s?void 0:s.eyebrow)&&(0,o.jsx)("p",{className:"thd-overline text-thd-color-grey-60 sm:text-center mb-24 px-24 md:px-0",children:s.eyebrow}),(null==s?void 0:s.heading)&&(0,o.jsx)("h2",{className:"thd-heading-sm text-thd-color-grey-90 sm:text-center mb-96 lg:w-2/3 mx-auto mb-[42px] px-24 md:px-0",children:s.heading}),d&&(0,o.jsxs)("div",{className:"flex flex-col items-center flex-shrink lg:grid lg:grid-cols-2 lg:items-center max-w-[600px] lg:max-w-none mx-auto",children:[(null==d?void 0:d.loom)&&(0,o.jsx)(n.Z,{className:"sm:rounded-md sm:overflow-hidden mb-40 mx-auto aspect-video w-full",title:"LoomSDK Implementation",url:d.loom}),(0,o.jsxs)("div",{className:"lg:p-96 mx-auto max-w-[36ch] lg:max-w-none",children:[(null==d?void 0:null===(a=d.header)||void 0===a?void 0:a.eyebrow)&&(0,o.jsx)("h3",{className:"thd-heading-md",children:d.header.eyebrow}),(null==d?void 0:null===(t=d.header)||void 0===t?void 0:t.heading)&&(0,o.jsx)("p",{className:"thd-body-md font-bold mb-12",children:d.header.heading}),(null==d?void 0:null===(r=d.header)||void 0===r?void 0:r.subhead)&&(0,o.jsx)(u.Z,{className:"mb-24 thd-body-md text-thd-color-grey-60",content:d.header.subhead}),(null==d?void 0:d.note)&&(0,o.jsx)("p",{className:"text-thd-color-grey-60 font-bold text-12 mb-12",children:d.note}),(null==d?void 0:d.cta)&&(0,o.jsx)("div",{className:"flex justify-start",children:(0,o.jsx)(f.Z,{buttonType:"primary",color:"violet-dark",cta:null==d?void 0:d.cta,icon:null==d?void 0:null===(l=d.cta)||void 0===l?void 0:l.icon,size:"lg",type:"primary"})})]})]})]})}var j=t(1022),w=t.n(j);function Hero(e){var a=e.cta,t=e.header,r=e.list;return(0,o.jsxs)("section",{className:"thd-h-screen mb-128 flex flex-col overflow-hidden",children:[(0,o.jsxs)("div",{className:"xl:max-w-screen-xl mx-auto flex flex-col h-full justify-center",children:[(0,o.jsxs)("p",{className:"sr-only",children:["The easiest way to add async video to your app for"," ",r&&r.map(function(e,a){var t=a!=(null==r?void 0:r.length)-1?", ":".";return"".concat(e)+t})]}),(0,o.jsxs)("div",{className:"px-24 md:px-36 xl:px-60",children:[(0,o.jsxs)("p",{"aria-hidden":"true",className:h()(w().headline,"thd-heading-md mb-24 lg:pr-120 w-full md:w-3/4 lg:w-5/6 relative"),children:["The easiest way ",(0,o.jsx)("br",{className:"md:hidden"}),"to add ",(0,o.jsx)("br",{className:"hidden lg:block xl:hidden"}),"async video to your app"," ",(0,o.jsx)("br",{className:"block md:hidden lg:block xl:hidden"})," for",(0,o.jsx)("span",{className:h()(w().container,"absolute ml-12 md:ml-20 pt-4 md:pt-0 h-[42px] md:h-[70px] md:mt-6 lg:mt-2 overflow"),children:r&&r.map(function(e){return(0,o.jsx)("span",{className:w().word,children:e},e)})})]}),t&&(0,o.jsx)("p",{className:"thd-body-lg text-thd-color-grey-60 mb-24 md:w-2/3 xl:w-1/2",children:t}),a&&(0,o.jsx)("div",{className:"flex justify-start",children:(0,o.jsx)(f.Z,{buttonType:"primary",color:"violet-dark",cta:a,icon:null==a?void 0:a.icon,size:"lg",type:"primary"})})]})]}),(0,o.jsx)("div",{className:h()(w().workflowsGrid,"flex-grow-0"),children:(0,o.jsxs)("div",{className:"lm-section flex justify-between h-full px-24 md:px-36 lg:px-[160px] opacity-50 pt-60 lg:pt-120",children:[(0,o.jsx)("span",{className:h()(w().pushpin,"text-thd-color-magenta-50 before:bg-thd-color-magenta-50 top-10")}),(0,o.jsx)("span",{className:h()(w().pushpin,"text-thd-color-blue-50 before:bg-thd-color-blue-50 top-[-20px]")}),(0,o.jsx)("span",{className:h()(w().pushpin,"text-thd-color-red-50 before:bg-thd-color-red-50 top-60")}),(0,o.jsx)("span",{className:h()(w().pushpin,"text-thd-color-violet-50 before:bg-thd-color-violet-40 top-[-20px]")}),(0,o.jsx)("span",{className:h()(w().pushpin,"text-thd-color-yellow-40 before:bg-thd-color-yellow-40 top-10")}),(0,o.jsx)("span",{className:h()(w().pushpin,"text-thd-color-green-50 before:bg-thd-color-green-50 top-60")})]})})]})}var y=t(93141);function Options(e){var a=e.header,t=e.plans,r=e.themeColor;return(0,o.jsxs)("section",{className:"lm-section-sm",children:[(null==a?void 0:a.eyebrow)&&(0,o.jsx)("p",{className:"thd-overline text-thd-color-grey-60 md:text-center mb-24",children:a.eyebrow}),(null==a?void 0:a.heading)&&(0,o.jsx)("h2",{className:"thd-heading-md thd-color-grey-80 md:text-center mb-48 md:mb-76 lg:mb-96 lg:w-5/6 mx-auto",children:a.heading}),t&&(0,o.jsx)("div",{className:"md:flex mx-auto items-center justify-center",children:null==t?void 0:t.map(function(e,a){return(0,o.jsx)(y.Z,{layered:!!(a%2),plan:e.plan,themeColor:r,type:"standard"},e._id)})})]})}var N=t(2588),k=t.n(N),M=t(44199),_=t(55733);function WhyAsyncVideo_Options(e){var a=e.header,t=e.features;return(0,o.jsxs)("section",{className:"lm-section pt-[76px] md:pt-[96px] mb-0",children:[(null==a?void 0:a.eyebrow)&&(0,o.jsx)("p",{className:"thd-overline text-thd-color-grey-60 md:text-center mb-10",children:a.eyebrow}),(null==a?void 0:a.heading)&&(0,o.jsx)("h2",{className:"thd-heading-sm md:text-center mb-[44px] lg:mb-96 md:w-2/3 lg:w-1/2 mx-auto",children:a.heading}),(0,o.jsxs)("div",{className:"flex flex-col-reverse xl:flex-row items-center",children:[t&&(0,o.jsx)("div",{className:"grid md:grid-cols-2 xl:block md:gap-32 flex-1 lg:px-90 xl:px-0",children:null==t?void 0:t.map(function(e){return(0,o.jsxs)("div",{className:"xl:px-96 xl:pb-0",children:[(0,o.jsx)("h3",{className:"thd-heading-xs mb-16",children:e.eyebrow}),(null==e?void 0:e.heading)&&(0,o.jsx)("p",{className:"thd-body-md mb-16",children:e.heading}),(null==e?void 0:e.subhead)&&(0,o.jsx)(u.Z,{className:h()(k().denseList,"text-thd-color-grey-60 mb-32 thd-body-sm"),content:e.subhead})]},e._key)})}),(0,o.jsx)("div",{className:"mb-[44px] md:px-[196px] lg:px-0 flex-1 mx-auto",children:(0,o.jsx)(M.Z,{autoPlay:!0,className:"rounded-lg object-fit",height:"630",loading:"lazy",loop:!0,muted:!0,playsInline:!0,sources:[{src:"".concat(_.Lv,"/sdk/sfw.mp4"),type:"video/mp4"}],width:"600"})})]})]})}var z=t(84224),S=t(25675),C=t.n(S),P=t(18613);function WhyLoom(e){var a=e.header,t=e.features;return(0,o.jsx)("section",{className:"bg-thd-color-grey-90 text-white py-[80px] pb-0 lg:py-[76px]",children:(0,o.jsxs)("div",{className:"lm-section flex flex-col lg:flex-row items-center overflow-hidden",children:[(0,o.jsxs)("div",{className:"lg:max-w-40% md:grid grid-cols-2 lg:block items-center gap-100",children:[(0,o.jsxs)("div",{children:[a.eyebrow&&(0,o.jsx)("p",{className:"mb-20 thd-overline text-thd-color-violet-20",children:a.eyebrow}),a.heading&&(0,o.jsx)("h2",{className:"thd-heading-md mb-40 w-1/2 lg:w-auto",children:a.heading}),a.subhead&&(0,o.jsx)(u.Z,{className:"thd-body-md mb-32 lg:w-2/3 text-thd-color-violet-20",content:a.subhead})]}),t.length&&(0,o.jsx)("ul",{className:"thd-body-md mb-32 lg:mb-0",children:t.map(function(e){return(0,o.jsxs)("li",{className:"mb-20 flex items-center",children:[(0,o.jsx)("span",{className:"inline-block bg-thd-color-grey-20 w-[44px] h-[44px] flex items-center justify-center rounded-full text-thd-color-grey-80 mr-20",children:e.icon&&(0,o.jsx)(z.Z,{icon:(0,P.q)(e.icon),size:"20px"})}),(0,o.jsxs)("div",{className:"thd-caption",children:[e.heading&&(0,o.jsx)("h3",{className:"font-bold",children:e.heading}),e.subhead&&(0,o.jsx)(u.Z,{className:h()(k().clear,"text-thd-purple-02"),content:e.subhead})]})]},e._key)})})]}),(0,o.jsx)("div",{className:"mx-auto -mb-180 lg:mb-0",children:(0,o.jsx)(C(),{alt:"Abstract code block over a gridded section with gradient overlay.",height:"720",loading:"lazy",src:"".concat(_.Lv,"/sdk/speedy-seamless.svg"),width:"628"})})]})})}var H=t(51770),O=!0;function SDK(e){var a,t=e.initialData,n=e.navData,s=e.accountNavData,d=e.footerNavData;return(0,o.jsxs)(r.Z,{accountNavData:s,footerNavData:d,name:"SDK",navData:n,children:[(0,o.jsx)(l.Z,{data:t.meta,url:"https://mulligan.indiedemos.com/sdk"}),(0,o.jsx)("h1",{className:"sr-only",children:"LoomSDK for Developers"}),(0,o.jsx)(Hero,{cta:t.heroCta,header:t.heroHeader,list:t.heroAnimationList}),(0,o.jsx)(CaseStudies,{data:t,header:t.caseStudiesHeader,list:t.partnersList,partners:t.loomSdkPartners}),(0,o.jsx)(Options,{header:t.optionsHeader,plans:t.optionsPlans,themeColor:"violet-light"}),(0,o.jsx)(DesignedForDevs,{feature:t.designedForDevsFeature,header:t.designedForDevsHeader}),(0,o.jsx)(WhyLoom,{features:t.whyLoomFeatures,header:t.whyLoomHeader}),(0,o.jsx)(WhyAsyncVideo_Options,{features:t.whyAsyncFeatures,header:t.whyAsyncHeader}),(null==t?void 0:null===(a=t.endOfPageModule)||void 0===a?void 0:a.cta)&&(0,o.jsx)(H.Z,{cta:t.endOfPageModule.cta,heading:t.endOfPageModule.heading})]})}},1022:function(e){e.exports={headline:"Hero_headline___4pOA",workflowsGrid:"Hero_workflowsGrid__cHtmf",container:"Hero_container__9u_cC",word:"Hero_word__z6Cdk",slide:"Hero_slide__whn_S",pushpin:"Hero_pushpin__aR3ar",pulse:"Hero_pulse___FJq4"}},48082:function(e){e.exports={partnerLogo:"PartnerCarousel_partnerLogo__tDnxS",slider:"PartnerCarousel_slider__uTEsd"}}},function(e){e.O(0,[2786,2673,3358,37,9267,476,5153,5142,9256,8687,3687,2284,900,7702,3523,562,4387,3141,9774,2888,179],function(){return e(e.s=59502)}),_N_E=e.O()}]);