(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7971],{21757:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/new",function(){return e(99217)}])},34840:function(t,n,e){"use strict";var r=e(82729),o=e(93733),i=e(67294),a=e(31666);function _templateObject(){var t=(0,r._)(["\n  ",";\n  ",";\n  ",";\n  ","\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n"]);return _templateObject=function(){return t},t}var __rest=function(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&0>n.indexOf(r)&&(e[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)0>n.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]]);return e},getBorderSideAndColor=function(t,n,e){var r=(0,o.TX)(e),i="".concat(r," solid ").concat((0,o.Rv)(n||"border"));if(t)return"all"===t?"border: ".concat(i,";"):"border-".concat(t,": ").concat(i,";")},c=a.Z.div(_templateObject(),function(t){return t.position&&"position: ".concat(t.position)},function(t){return t.overflow&&"overflow: ".concat(t.overflow)},function(t){return t.backgroundColor&&"background-color: ".concat((0,o.Rv)(t.backgroundColor))},function(t){return t.backgroundImage&&"background-image: ".concat(t.backgroundImage)},function(t){return t.contentColor&&"color: ".concat((0,o.Rv)(t.contentColor))},function(t){return getBorderSideAndColor(t.borderSide,t.borderColor,t.borderWidth)},function(t){return(0,o.H5)(t.radius)},function(t){return(0,o.Xj)(t.shadow)},function(t){return(0,o.ap)("width",t.width)},function(t){return(0,o.ap)("height",t.height)},function(t){return(0,o.ap)("min-width",t.minWidth)},function(t){return(0,o.ap)("min-height",t.minHeight)},function(t){return(0,o.ap)("max-width",t.maxWidth)},function(t){return(0,o.ap)("max-height",t.maxHeight)},function(t){return(0,o.ap)("padding",t.padding)},function(t){return(0,o.ap)("padding-top",t.paddingTop)},function(t){return(0,o.ap)("padding-right",t.paddingRight)},function(t){return(0,o.ap)("padding-bottom",t.paddingBottom)},function(t){return(0,o.ap)("padding-left",t.paddingLeft)},function(t){return(0,o.ap)("margin",t.margin)},function(t){return(0,o.ap)("margin-top",t.marginTop)},function(t){return(0,o.ap)("margin-right",t.marginRight)},function(t){return(0,o.ap)("margin-bottom",t.marginBottom)},function(t){return(0,o.ap)("margin-left",t.marginLeft)},function(t){return(0,o.ap)("top",t.top)},function(t){return(0,o.ap)("right",t.right)},function(t){return(0,o.ap)("bottom",t.bottom)},function(t){return(0,o.ap)("left",t.left)},function(t){return t.zIndex&&"z-index: ".concat(t.zIndex)});n.ZP=function(t){var n=t.children,e=t.backgroundColor,r=t.backgroundImage,o=t.contentColor,a=t.borderColor,d=t.radius,s=t.borderSide,u=t.borderWidth,l=t.shadow,p=t.padding,m=t.paddingX,g=t.paddingY,f=t.paddingLeft,h=t.paddingRight,b=t.paddingTop,x=t.paddingBottom,w=t.margin,v=t.marginX,j=t.marginY,_=t.marginLeft,y=t.marginRight,C=t.marginTop,k=t.marginBottom,H=t.width,N=t.height,O=t.minWidth,R=t.minHeight,S=t.maxWidth,T=t.maxHeight,I=t.htmlTag,B=t.position,E=t.overflow,W=t.zIndex,L=t.top,Z=t.bottom,z=t.left,P=t.right,X=t.refHandler,D=__rest(t,["children","backgroundColor","backgroundImage","contentColor","borderColor","radius","borderSide","borderWidth","shadow","padding","paddingX","paddingY","paddingLeft","paddingRight","paddingTop","paddingBottom","margin","marginX","marginY","marginLeft","marginRight","marginTop","marginBottom","width","height","minWidth","minHeight","maxWidth","maxHeight","htmlTag","position","overflow","zIndex","top","bottom","left","right","refHandler"]);return i.createElement(c,Object.assign({backgroundColor:e,backgroundImage:r,contentColor:o,borderColor:a,radius:d,borderSide:s,shadow:l,padding:p,paddingLeft:m||f,paddingRight:m||h,paddingTop:g||b,paddingBottom:g||x,margin:w,marginLeft:v||_,marginRight:v||y,marginTop:j||C,marginBottom:j||k,width:H,height:N,minWidth:O,minHeight:R,maxWidth:S,maxHeight:T,as:void 0===I?"div":I,position:B,top:L,bottom:Z,left:z,right:P,overflow:E,zIndex:W,borderWidth:void 0===u?"1px":u,ref:function(t){return X&&X(t)}},D),n)}},47592:function(t,n,e){"use strict";var r=e(67294);n.Z=function(t){return r.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},t),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a9 9 0 1118 0 9 9 0 01-18 0zm10-1v5.2h-2V11h2zm-1-3.7a1.5 1.5 0 000 3h.01a1.5 1.5 0 100-3H12z",fill:"currentColor"}))}},1670:function(t,n,e){"use strict";e.d(n,{Z:function(){return MetaHead}});var r=e(85893),o=e(9008),i=e.n(o),a=e(11163);function MetaHead(t){var n,e,o,c,d,s=t.isContentful,u=t.isCustomTitle,l=t.isCustomRobots,p=t.isCustomDescription,m=t.isCustomImage,g=t.data,f=t.url,h=t.children,b=(0,a.useRouter)(),x=null!==(c=s?null==g?void 0:null===(n=g.seoImage)||void 0===n?void 0:n.url:null==g?void 0:null===(o=g.seoImage)||void 0===o?void 0:null===(e=o.asset)||void 0===e?void 0:e.url)&&void 0!==c?c:m,w=s&&!l?"index, follow, max-image-preview:large":(null==g?void 0:g.robots)||l,v=null!=u?u:null==g?void 0:g.seoTitle;v+=" | Loom".concat(b.pathname.includes("/blog")?" Blog":"");var j=null!=p?p:null==g?void 0:g.seoDescription;return(0,r.jsxs)(i(),{children:[(0,r.jsx)("title",{children:v}),(0,r.jsx)("meta",{content:v,property:"og:title"}),(0,r.jsx)("meta",{content:v,property:"twitter:title"}),j&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("meta",{content:j,name:"description"}),(0,r.jsx)("meta",{content:j,property:"og:description"}),(0,r.jsx)("meta",{content:j,property:"twitter:description"})]}),x&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("meta",{content:x,property:"og:image"}),(0,r.jsx)("meta",{content:x,name:"twitter:image"}),j&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("meta",{name:"twitter:image:alt",content:j}),(0,r.jsx)("meta",{property:"og:image:alt",content:j})]})]}),(0,r.jsx)("meta",{name:"twitter:site",content:"@loom"}),(0,r.jsx)("meta",{content:"summary_large_image",name:"twitter:card"}),(0,r.jsx)("meta",{content:f,property:"og:url"}),(0,r.jsx)("meta",{content:f,property:"twitter:url"}),(0,r.jsx)("meta",{content:w,name:"robots"}),(0,r.jsx)("link",{href:null!==(d=null==g?void 0:g.canonicalUrl)&&void 0!==d?d:f,rel:"canonical"}),(0,r.jsx)("meta",{property:"twitter:domain",content:"www.loom.com"}),h]})}},99217:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return New}});var r=e(11010),o=e(24043),i=e(70655),a=e(85893),c=e(93967),d=e.n(c),s=e(27837),u=e(1670),l=e(26030),p=e.n(l),m=e(67294),g=e(42988),f=e(34840),h=e(9719),b=e(98962),formatVersionDateString=function(t,n){var e=new Date(n);return"".concat(t," | ").concat(e)};function New(){var t=(0,o._)((0,m.useState)([]),2),n=t[0],e=t[1],c=(0,o._)((0,m.useState)(null),2),l=c[0],x=c[1],w=(0,o._)((0,m.useState)(!1),2),v=w[0],j=w[1],_=(0,m.useRef)(null);return(0,m.useEffect)(function(){var t;(t=(0,r._)(function(){var t;return(0,i.Jh)(this,function(n){switch(n.label){case 0:return[4,fetch("https://registry.npmjs.org/@loomhq/record-sdk")];case 1:if(!(t=n.sent()).ok)return console.error("Error fetching record-sdk metadata from npm registry",{status:t.status,statusText:t.statusText}),[2];return[4,t.json()];case 2:return e(Object.entries(n.sent().time).map(function(t){var n=(0,o._)(t,2),e=n[0];return{title:formatVersionDateString(e,n[1]),value:e}}).reverse()),[2]}})}),function(){return t.apply(this,arguments)})()},[]),(0,m.useEffect)(function(){var t;l&&(j(!1),(t=(0,r._)(function(){var t,n,e,o,a,c;return(0,i.Jh)(this,function(d){switch(d.label){case 0:return[4,import("https://unpkg.com/@loomhq/record-sdk@".concat(l,"/dist/esm/is-supported"))];case 1:return(t=d.sent()).default,[4,(0,t.isSupported)()];case 2:if(e=(n=d.sent()).supported,o=n.error,!e)return console.warn("Error setting up Loom: ".concat(o)),[2];return[4,import("https://unpkg.com/@loomhq/record-sdk@".concat(l,"/dist/esm/index"))];case 3:return(a=d.sent()).default,[4,(0,a.setup)({publicAppId:"a14c34a5-85c9-4667-b270-a932d5d1c9b9",config:{insertButtonText:"Open",enableNewUi:!0}})];case 4:var s;return(c=(0,d.sent().configureButton)({element:_.current})).on("insert-click",(s=(0,r._)(function(t){return(0,i.Jh)(this,function(n){return window.open(t.sharedUrl,"_blank"),[2]})}),function(t){return s.apply(this,arguments)})),c.openPreRecordPanel(),j(!0),[2]}})}),function(){return t.apply(this,arguments)})())},[l]),(0,a.jsxs)(s.Z,{footerOff:!0,name:"New",children:[(0,a.jsx)(u.Z,{isCustomContent:"Easy and free screen recorder for Mac, Windows, and Chromebooks. Record your camera and screen with audio directly from your Chrome browser and share the video with your team, friends, and family.",isCustomTitle:"New",url:"https://mulligan.indiedemos.com/new"}),(0,a.jsxs)("div",{className:d()(p().headline,"max-w-screen-xl lm-section my-64 md:my-128 md:text-center"),children:[(0,a.jsx)("h1",{className:"thd-heading-xl mb-24",children:"Show it, say it, send it"}),(0,a.jsxs)(g.Z,{justifyContent:"center",columns:["1fr","2fr","1fr"],children:[(0,a.jsx)(h.Z,{}),(0,a.jsx)(f.ZP,{children:(0,a.jsx)(b.Z,{placeholder:"Select SDK Version",options:n,onChange:function(t){return x(t.value)}})}),(0,a.jsx)(h.Z,{})]}),(0,a.jsx)("div",{className:"mt-48 block",children:(0,a.jsx)("button",{className:"lm-button-primary lm-button-blurple lm-button-lg",ref:_,type:"button",disabled:!v,children:l&&!v?"Loading...":"Start Recording"})})]}),(0,a.jsx)("div",{className:d()(p().workflowsGrid,"flex-grow-0"),children:(0,a.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,a.jsx)("span",{className:d()(p().pushpin,"text-new-lm-purple before:bg-new-lm-purple top-10")}),(0,a.jsx)("span",{className:d()(p().pushpin,"text-thd-color-blue-50 before:bg-thd-color-blue-50 top-[-20px]")}),(0,a.jsx)("span",{className:d()(p().pushpin,"text-thd-color-green-40 before:bg-thd-color-green-40 top-60")}),(0,a.jsx)("span",{className:d()(p().pushpin,"text-thd-color-red-40 before:bg-thd-color-red-40 top-[-20px]")}),(0,a.jsx)("span",{className:d()(p().pushpin,"text-thd-color-yellow-40 before:bg-thd-color-yellow-40 top-10")}),(0,a.jsx)("span",{className:d()(p().pushpin,"text-thd-color-green-30 before:bg-thd-color-green-30 top-60")})]})})]})}},26030:function(t){t.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"}}},function(t){t.O(0,[6413,8747,3228,1033,4499,963,8100,7837,9774,2888,179],function(){return t(t.s=21757)}),_N_E=t.O()}]);