(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4263],{33238:function(e,t,r){"use strict";var n=r(67294);t.Z=function(e){return n.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},e),n.createElement("path",{d:"M6 6.134v11.732c0 .895 1.03 1.438 1.822.951l9.628-5.866c.733-.441.733-1.46 0-1.914L7.822 5.183C7.029 4.696 6 5.239 6 6.134z",fill:"currentColor"}))}},6710:function(e,t,r){"use strict";r.d(t,{Z:function(){return BlogButton}});var n=r(72253),o=r(14932),a=r(47702),l=r(85893),s=r(83580),i=r(33238),c=r(84224),u=r(93967),m=r.n(u),d=r(65970),p=r(34765),h=r.n(p),f={primary:h().variantPrimary,primaryDown:h().variantPrimaryDown,secondary:h().variantSecondary,play:h().variantPlay,playPrimary:h().variantPlayPrimary},x={white:h().styleWhite,purple:h().stylePurple,purpleOnDark:h().stylePurpleOnDark,ghost:h().styleGhost,mute:h().styleMute,black:h().styleBlack};function BlogButton(e){var t=e.children,r=e.className,s=e.style,i=e.variant,c=e.arrow,u=void 0===c?"primary"===i:c,p=(0,a._)(e,["children","className","style","variant","arrow"]),h=p.href?d.Z:"button";return(0,l.jsxs)(h,(0,o._)((0,n._)({},p),{className:m()(f[i],x[s],r),type:p.href?void 0:"button",children:["play"===i&&(0,l.jsx)(PlayIcon,{className:"mr-4"}),"playPrimary"===i&&(0,l.jsx)(PlayIcon,{className:"mr-4"}),t,"primary"===i&&u&&(0,l.jsx)(PrimaryIcon,{className:"ml-10"}),"primaryDown"===i&&u&&(0,l.jsx)(PrimaryIcon,{className:"rotate-90 ml-10"})]}))}function PlayIcon(e){return(0,l.jsx)("span",(0,o._)((0,n._)({},e),{children:(0,l.jsx)(c.Z,{color:"currentColor",icon:(0,l.jsx)(i.Z,{})})}))}function PrimaryIcon(e){return(0,l.jsx)("span",(0,o._)((0,n._)({},e),{children:(0,l.jsx)(c.Z,{color:"currentColor",icon:(0,l.jsx)(s.Z,{})})}))}},27320:function(e,t,r){"use strict";r.d(t,{Z:function(){return BlogLayout}});var n=r(85893),o=r(67294),a=r(38030),l=r(93967),s=r.n(l),i=r(85729),c=r(67967),u=r.n(c),m=r(71647),d=r.n(m);function BlogEOP(){return(0,n.jsx)("aside",{className:"my-32 md:my-40 lg:my-64",children:(0,n.jsxs)("div",{className:"bg-grey-8 border border-black md:flex max-w-screen-xl mx-auto scroll-my-[72px] md:scroll-my-[90px]",id:"thereplay",children:[(0,n.jsx)("div",{className:"md:w-1/2 md:flex-shrink-0 md:order-1",children:(0,n.jsx)(i.Z,{alt:"",className:"h-full object-cover w-full md:border-b-0 md:border-l",height:"364.56",layout:"fixed-width",loading:"lazy",src:"https://cdn.loom.com/assets/marketing/transcript/enterprise-ad.png",width:"639"})}),(0,n.jsxs)("div",{className:"m-24 md:m-40 lg:m-64 md:flex md:flex-col md:justify-center md:w-1/2",children:[(0,n.jsx)("h2",{className:"lm-blog-headline-lg mb-20 text-white",children:"Subscribe to Loom’s Newsletter — the Replay."}),(0,n.jsx)("p",{className:"lm-blog-body-sm max-w-md mb-24 text-white",children:"Opt-in to receive monthly updates with our latest blog posts, feature releases, and more. No spam."}),(0,n.jsx)("div",{className:s()(d().hubspotForm,d()["dark-theme"]),children:(0,n.jsx)(u(),{formId:"34248e8c-5e92-4132-aaa1-7ebf9a430956",portalId:"6555299"})})]})]})})}var p=r(24043),h=r(83580),f=r(36992),x=r(46631),y=r(60068),b=r(84224),g=r(5088),v=r(6710),j=r(11163),_=r(83694),w=r(65970),N=r(99729),k=r(55733),B=r(22410),P=r(40879),F=r.n(P);function BlogHeader(e){var t,r,a=e.categories,l=(0,_.Z)(B.b),i=(null==l?void 0:l.id)!==void 0,c=(0,p._)((0,o.useState)(!1),2),u=c[0],m=c[1],d=(t=function(){return m(!1)},r=(0,o.useRef)(null),(0,o.useEffect)(function(){var handleClickOutside=function(e){r.current&&!r.current.contains(e.target)&&t()};return document.addEventListener("mousedown",handleClickOutside),function(){document.removeEventListener("mousedown",handleClickOutside)}},[r,t]),r),P=(0,j.useRouter)();return(0,n.jsxs)("header",{className:s()(F().header,"bg-ivory border-b border-body sticky top-0 w-screen z-30"),children:[(0,n.jsx)("a",{className:s()(F().skipLink,"bg-ivory border-b border-body sticky top-0 w-screen z-30"),href:"#skip-to-content",children:"Skip to content"}),(0,n.jsx)("div",{className:s()(F().navbar,"px-24 sm:px-40 h-72 md:h-90 flex justify-between items-center"),children:(0,n.jsxs)("div",{className:"flex items-center justify-between w-full lg:max-w-screen-xl lg:mx-auto",children:[(0,n.jsxs)("div",{className:"flex items-center",children:[(0,n.jsx)("div",{className:F().logo,children:(0,n.jsxs)(w.Z,{className:"flex focus-outline items-center leading-sm mr-16 text-24 md:text-42",href:"/blog",children:[(0,n.jsx)("span",{className:"flex h-32 md:h-40 md:w-40 mr-16 w-32",children:(0,n.jsx)(g.Z,{maxWidth:5,symbolColor:"body",variant:"symbol"})}),"The Replay"]})}),(0,n.jsxs)("span",{className:"hidden lg:flex text-14 leading-md",children:["Reflections on effective communication,",(0,n.jsx)("br",{}),"from Loom and friends."]})]}),(0,n.jsxs)("div",{className:"flex gap-x-16",children:[!i&&(0,n.jsx)("div",{className:"hidden sm:block",children:(0,n.jsx)(v.Z,{arrow:!1,href:k.kp,style:"purple",variant:"primary",children:"Get Loom For Free"})}),(0,n.jsx)("div",{className:s()(F().hamburger,"flex"),children:(0,n.jsx)("button",{"aria-expanded":u,"aria-label":"Toggle navigation menu",className:"focus-outline",onClick:function(){return m(!0)},type:"button",children:(0,n.jsx)(b.Z,{icon:(0,n.jsx)(x.Z,{}),size:4})})})]}),u&&(0,n.jsxs)("div",{className:"fixed bg-grey-8 text-white right-0 top-0 h-full overflow-auto w-full z-40 lg:max-w-xl",ref:d,children:[(0,n.jsxs)("div",{className:"bg-grey-8 border-b-2 border-white lg:border-none px-24 sm:px-40 lg:px-64 h-72 md:h-90 flex justify-between items-center sticky top-0 z-10",children:[(0,n.jsx)("div",{className:"flex",children:(0,n.jsxs)(w.Z,{className:"flex items-center focus-outline leading-sm lg:hidden mr-16 text-24 md:text-42",href:"/blog",children:[(0,n.jsx)("span",{className:"flex h-32 md:h-40 md:w-40 mr-16 w-32",children:(0,n.jsx)(g.Z,{maxWidth:5,symbolColor:"currentColor",variant:"symbol"})}),"The Replay"]})}),(0,n.jsx)("button",{"aria-label":"Toggle navigation menu",className:"focus-outline",onClick:function(){return m(!1)},type:"button",children:(0,n.jsx)(b.Z,{color:"currentColor",icon:(0,n.jsx)(f.Z,{}),size:4})})]}),(0,n.jsx)("div",{className:"block lg:hidden px-24 sm:px-40 lg:px-64 mt-24 sm:mt-40 lg:mt-64",children:"Reflections on effective communication, from Loom and friends"}),(0,n.jsx)("form",{className:s()(F().searchForm,"bg-grey-8 pt-20 px-24 sm:px-40 lg:px-64 mb-40 sticky z-10"),noValidate:!0,onSubmit:function(e){var t;e.preventDefault(),P.push("/blog/search?query=".concat(null===(t=e.target.elements[0])||void 0===t?void 0:t.value))},children:(0,n.jsxs)("div",{className:"border-b-2 border-white flex items-center",children:[(0,n.jsxs)("label",{className:"mr-8",htmlFor:"search-input",children:[(0,n.jsx)(b.Z,{color:"currentColor",icon:(0,n.jsx)(y.Z,{}),size:4}),(0,n.jsx)("span",{className:"sr-only",children:"Search"})]}),(0,n.jsx)("input",{autoComplete:"off",className:s()(F().searchInput,"bg-grey-8 focus:outline-none flex-grow py-8 lm-blog-headline-md"),id:"search-input",name:"search",placeholder:"Search our articles",type:"text"}),(0,n.jsxs)("button",{className:"focus-outline",type:"submit",children:[(0,n.jsx)("span",{className:"sr-only",children:"Search"}),(0,n.jsx)(b.Z,{color:"currentColor",icon:(0,n.jsx)(h.Z,{}),size:4})]})]})}),(0,n.jsxs)("div",{className:"px-24 sm:px-40 lg:px-64",children:[(0,n.jsx)("ul",{className:"lm-blog-headline-md",children:a.map(function(e){return(0,n.jsx)("li",{className:"mt-16 no-underline hover:underline capitalize",children:(0,n.jsx)("a",{className:"lm-button-text-alt",href:"/blog/categories/".concat(e.slug),onClick:function(){return m(!1)},children:e.title})},e.title)})}),(0,n.jsxs)("section",{className:"mt-40 border-t-2 border-white pt-36 pb-60",children:[(0,n.jsx)("h2",{className:"lm-blog-headline-xxs mb-10 uppercase",children:"Follow us"}),(0,n.jsx)("ul",{className:"flex",children:N.k.map(function(e){return(0,n.jsx)("li",{className:"mr-16 text-white",children:(0,n.jsx)("a",{className:"block duration-200 focus-outline hover:opacity-75 transition-opacity active:opacity-50",href:e.href,rel:"noopener noreferrer",target:"_blank",children:(0,n.jsx)(e.icon,{"aria-label":"Loom on ".concat(e.name),className:"fill-white h-24 w-24"})})},e.href)})})]})]})]})]})})]})}var Z=r(92651),C=r(98719),S=r(5152),O=r.n(S),E=r(86296),H=r.n(E);function BlogLayout(e){var t=e.children,l=e.name,s=e.preview,i=e.categories,c=e.footerNavData;(0,o.useEffect)(function(){(0,C.Qs)(l)},[l]);var u=O()(function(){return Promise.all([r.e(2673),r.e(3170)]).then(r.bind(r,23170))},{loadableGenerated:{webpack:function(){return[23170]}},loading:function(){return(0,n.jsx)("div",{className:"flex items-center justify-center",children:(0,n.jsx)(a.Z,{size:"large"})})}});return(0,n.jsxs)("div",{className:H().blog,children:[(0,n.jsx)(BlogHeader,{categories:i}),(0,n.jsx)("main",{className:"mt-0 pt-0",id:"skip-to-content",children:t}),(0,n.jsx)(BlogEOP,{}),(0,n.jsx)(u,{color:"grey-8",enterpriseTemplate:!1,footerNavData:c,noEop:!0}),(0,n.jsx)(Z.Z,{preview:s})]})}BlogLayout.defaultProps={preview:!1}},2031:function(e,t,r){"use strict";r.d(t,{Z:function(){return MetaHead}});var n=r(85893),o=r(9008),a=r.n(o),l=r(11163);function MetaHead(e){var t,r,o,s,i=e.isContentful,c=e.isCustomTitle,u=e.isCustomRobots,m=e.isCustomDescription,d=e.isCustomImage,p=e.data,h=e.url,f=e.children,x=(0,l.useRouter)(),y=null!==(s=i?null==p?void 0:null===(t=p.seoImage)||void 0===t?void 0:t.url:null==p?void 0:null===(o=p.seoImage)||void 0===o?void 0:null===(r=o.asset)||void 0===r?void 0:r.url)&&void 0!==s?s:d,b=i&&!u?"index, follow, max-image-preview:large":(null==p?void 0:p.robots)||u,g=null!=c?c:null==p?void 0:p.seoTitle;g+=" | Loom ".concat(x.pathname.includes("/blog")?"Blog":"");var v=null!=m?m:null==p?void 0:p.seoDescription;return(0,n.jsxs)(a(),{children:[(0,n.jsx)("title",{children:g}),(0,n.jsx)("meta",{content:g,property:"og:title"}),(0,n.jsx)("meta",{content:v,name:"description"}),(0,n.jsx)("meta",{content:v,property:"og:description"}),(0,n.jsx)("meta",{content:y+"?fm=jpg",property:"og:image"}),(0,n.jsx)("meta",{content:y+"?fm=jpg",name:"twitter:image"}),(0,n.jsx)("meta",{content:"summary_large_image",name:"twitter:card"}),(0,n.jsx)("meta",{content:h,property:"og:url"}),(0,n.jsx)("meta",{content:b,name:"robots"}),(0,n.jsx)("link",{href:null!=h?h:null==p?void 0:p.canonicalUrl,rel:"canonical"}),f]})}},99729:function(e,t,r){"use strict";r.d(t,{k:function(){return i}});var n=r(46664),o=r(45844),a=r(46444),l=r(35149),s=r(70830),i=[{name:"Twitter",href:"https://twitter.com/loom",icon:l.Z},{name:"LinkedIn",href:"https://www.linkedin.com/company/useloom",icon:o.Z},{name:"YouTube",href:"https://www.youtube.com/channel/UCnqj2rfVX8V0t377WcOjYoA",icon:s.Z},{name:"Instagram",href:"https://www.instagram.com/use_loom/",icon:n.Z},{name:"TikTok",href:"https://www.tiktok.com/@useloom",icon:a.Z}]},34765:function(e){e.exports={variantPrimary:"BlogButton_variantPrimary__4ZdV1",variantPrimaryDown:"BlogButton_variantPrimaryDown__jeFqQ",variantSecondary:"BlogButton_variantSecondary__bDxXI",variantPlay:"BlogButton_variantPlay___GxBH",variantPlayPrimary:"BlogButton_variantPlayPrimary__2uUfv",styleGhost:"BlogButton_styleGhost__sSVkI",styleWhite:"BlogButton_styleWhite__3XOoT",styleBlack:"BlogButton_styleBlack__ww__n",stylePurple:"BlogButton_stylePurple__WPJsZ",stylePurpleOnDark:"BlogButton_stylePurpleOnDark__Qpnrw",styleMute:"BlogButton_styleMute__cSJZL"}},40879:function(e){e.exports={hamburger:"BlogHeader_hamburger__Mu_h6",logo:"BlogHeader_logo__2WKxw",searchForm:"BlogHeader_searchForm__w1cwj",searchInput:"BlogHeader_searchInput__RQqq3",skipLink:"BlogHeader_skipLink__v9KfG"}},86296:function(e){e.exports={blog:"BlogLayout_blog__hQ0Nj"}},71647:function(e){e.exports={hubspotForm:"SanityHubspotForm_hubspotForm__RTsEQ","dark-theme":"SanityHubspotForm_dark-theme__dRntC",listItems:"SanityHubspotForm_listItems__12zUC",arrow:"SanityHubspotForm_arrow__UjHS5"}},67967:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o=function(){function defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&defineProperties(e.prototype,t),r&&defineProperties(e,r),e}}(),a=_interopRequireDefault(r(67294));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}_interopRequireDefault(r(73935));var l=0,s=function(e){function HubspotForm(e){!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,HubspotForm);var t=function(e,t){if(!e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&("object"==typeof t||"function"==typeof t)?t:e}(this,(HubspotForm.__proto__||Object.getPrototypeOf(HubspotForm)).call(this,e));return t.state={loaded:!1},t.id=l++,t.createForm=t.createForm.bind(t),t.findFormElement=t.findFormElement.bind(t),t}return!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(HubspotForm,e),o(HubspotForm,[{key:"createForm",value:function(){var e=this;if(window.hbspt){if(null===this.el)return;var t=n({},this.props);delete t.loading,delete t.onSubmit,delete t.onReady;var r=n({},t,{target:"#"+this.el.getAttribute("id"),onFormSubmit:function(t){var r=t.serializeArray();e.props.onSubmit(r)}});return window.hbspt.forms.create(r),!0}setTimeout(this.createForm,1)}},{key:"loadScript",value:function(){var e=this,t=document.createElement("script");t.defer=!0,t.onload=function(){e.createForm(),e.findFormElement()},t.src="//js.hsforms.net/forms/v2.js",document.head.appendChild(t)}},{key:"findFormElement",value:function(){if(null!==this.el){var e=this.el.querySelector("iframe");e?(this.setState({loaded:!0}),this.props.onReady&&this.props.onReady(e)):setTimeout(this.findFormElement,1)}}},{key:"componentDidMount",value:function(){window.hbspt||this.props.noScript?(this.createForm(),this.findFormElement()):this.loadScript()}},{key:"componentWillUnmount",value:function(){}},{key:"render",value:function(){var e=this;return a.default.createElement("div",null,a.default.createElement("div",{ref:function(t){return e.el=t},id:"reactHubspotForm"+this.id,style:{display:this.state.loaded?"block":"none"}}),!this.state.loaded&&this.props.loading)}}]),HubspotForm}(a.default.Component);t.default=s,e.exports=t.default}}]);