(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1006],{42900:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/all-articles",function(){return r(46190)}])},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"}))}},27403:function(e,t,r){"use strict";r.d(t,{Z:function(){return AspectRatio}});var n=r(24043),l=r(85893),s=r(93967),o=r.n(s);function AspectRatio(e){var t=e.children,r=e.className,s=e.ratio,i=e.as,a=(0,n._)(s.split(":"),2),c=a[0],u=parseInt(a[1],10)/parseInt(c,10);return(0,l.jsx)(void 0===i?"div":i,{className:o()("h-auto",r),children:(0,l.jsx)("div",{className:"relative w-full",style:{paddingBottom:"calc(100% * ".concat(u,")")},children:(0,l.jsx)("div",{className:"h-full left-0 right-0 absolute w-full",children:t})})})}},7482:function(e,t,r){"use strict";r.d(t,{Z:function(){return BlogAvatar}});var n=r(85893),l=r(65970),s=r(25675),o=r.n(s);function BlogAvatar(e){var t=e.src,r=e.name,s=e.title,i=e.slug;return(0,n.jsxs)(l.Z,{className:"thd-focus-thick thd-focus-thick-current-color rounded-sm inline-flex items-center",href:"/blog/authors/".concat(i),children:[(0,n.jsx)(o(),{alt:"".concat(r," headshot"),className:"hidden md:block rounded-full mr-8 object-cover flex-shrink-0 h-48 w-48",height:"48",src:t,width:"48"}),(0,n.jsxs)("div",{className:"max-w-xs",children:[(0,n.jsx)("p",{className:"lm-blog-headline-xxs hover:underline",children:r}),(0,n.jsx)("p",{className:"lm-blog-headline-xxs-alt text-black",children:s})]})]})}},66017:function(e,t,r){"use strict";r.d(t,{Z:function(){return BlogPostCard}});var n=r(85893),l=r(93967),s=r.n(l),o=r(41664),i=r.n(o),a=r(27403),c=r(7482),u=r(85729),d=r(88148),m=r.n(d);function BlogPostCard(e){var t=e.className,r=e.postSlug,l=e.heroGraphic,o=e.postTitle,d=e.authorAvatar,f=e.authorName,h=e.authorTitle,p=e.authorSlug,g=e.isAllArticlesPage;return(0,n.jsxs)("div",{className:t,children:[(0,n.jsxs)(i(),{href:"/blog/".concat(r),className:"block mb-16",children:[l&&g?(0,n.jsx)(a.Z,{className:s()(m().image,"w-full mb-16 md:mb-24 hidden md:block"),ratio:"4:5",children:(0,n.jsx)(u.Z,{alt:"",className:"object-contain w-full h-full",src:l})}):null,(0,n.jsx)("p",{className:"lm-blog-headline-md",children:o})]}),(0,n.jsx)(c.Z,{name:f,slug:p,src:d,title:h})]})}},83930:function(e,t,r){"use strict";r.d(t,{Z:function(){return BlogPostList}});var n=r(72253),l=r(14932),s=r(24043),o=r(85893),i=r(93967),a=r.n(i),c=r(93024),u=r(67294),d=r(6710),m=r(66017),f=r(9021),h=r.n(f);function BlogPostList(e){var t=e.posts,r=e.isAllArticlesPage,n=(0,s._)((0,u.useReducer)(filtersReducer,{categories:new Set}),2),l=n[0],i=n[1],a=(0,s._)((0,u.useState)(function(){return deriveFilterOptions(t)}),2),c=a[0],f=a[1];function onChangeForm(e){var t=e.target;i({name:t.name,value:t.value,type:t.checked?"ADD_FILTER":"REMOVE_FILTER"})}function onClearFilters(e){i({type:"CLEAR_FILTERS"}),Array.from(e.target.form.elements).forEach(function(e){e.checked&&(e.checked=!1)})}(0,u.useEffect)(function(){f(deriveFilterOptions(t)),i({type:"CLEAR_FILTERS"})},[t]);var h=c.categories.filter(function(e){return!e.exclude}),p=t.length>10&&h.length>0&&r,g=(function(e,t){if(Object.values(e).every(function(e){return 0===e.size}))return t;var r=Array.from(e.categories);return t.filter(function(e){var t=e.category.slug;return!!r.includes(t)})})(l,t).sort(function(e,t){return new Date(null==t?void 0:t.publishDate)-new Date(null==e?void 0:e.publishDate)});return(0,o.jsxs)("div",{className:"flex flex-col lg:flex-row",children:[p&&(0,o.jsxs)("div",{children:[(0,o.jsxs)("form",{className:"w-200 flex-shrink-0 mr-64 hidden lg:block",onChange:onChangeForm,children:[(0,o.jsx)("div",{className:"space-y-40",children:(0,o.jsx)(FilterGroup,{name:"categories",open:!0,options:h,title:"Categories"})}),(0,o.jsx)(d.Z,{className:"mt-48",onClick:onClearFilters,style:"ghost",type:"button",variant:"secondary",children:"Clear all filters"})]}),(0,o.jsx)(FilterOptionsDisclosure,{filterOptions:c,onChange:onChangeForm,onClear:onClearFilters})]}),(0,o.jsx)("ul",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-48 md:gap-y-64 lg:gap-x-56 lg:gap-y-128",children:g.map(function(e){var t,n,l,s,i,a;return(0,o.jsx)("li",{children:(0,o.jsx)(m.Z,{authorAvatar:null===(t=e.author)||void 0===t?void 0:t.avatar.url,authorName:null===(n=e.author)||void 0===n?void 0:n.fullName,authorSlug:null===(l=e.author)||void 0===l?void 0:l.slug,authorTitle:null===(s=e.author)||void 0===s?void 0:s.title,heroGraphic:null===(i=e.heroGraphic)||void 0===i?void 0:i.url,isAllArticlesPage:r,postDate:null==e?void 0:e.publishDate,postSlug:e.slug,postThumbnail:null===(a=e.heroGraphic)||void 0===a?void 0:a.url,postTitle:e.title})},e.slug)})})]})}function FilterGroup(e){var t=e.name,r=e.options,n=e.title,l=e.open;return r.length?(0,o.jsxs)("details",{className:h().filterDisclosure,open:void 0!==l&&l,children:[(0,o.jsxs)("summary",{className:"lm-blog-headline-xs w-content flex items-center cursor-pointer select-none",children:[n,"\xa0",(0,o.jsx)(DisclosureArrow,{className:"w-12 mt-2"})]}),(0,o.jsx)("fieldset",{className:"space-y-12 mt-32",children:r.map(function(e){return(0,o.jsx)(u.Fragment,{children:(0,o.jsxs)("label",{className:"flex items-center",children:[(0,o.jsx)("input",{className:"sr-only",name:t,type:"checkbox",value:e.id}),(0,o.jsx)("div",{"aria-hidden":"true",className:h().checkbox,children:(0,o.jsx)(CheckboxCheckmark,{})}),(0,o.jsx)("p",{className:"ml-12 text-15",children:e.label})]})},e.id)})})]}):null}function FilterOptionsDisclosure(e){var t=e.onChange,r=e.onClear,n=e.filterOptions;return(0,o.jsxs)("details",{className:a()(h().filterDisclosure,"lg:hidden border-t border-b p-8 mb-48 md:mb-72"),children:[(0,o.jsxs)("summary",{className:"flex justify-between lm-blog-headline-xs py-18",children:["Filters ",(0,o.jsx)(DisclosureArrow,{className:"w-12 mt-2"})]}),(0,o.jsxs)("form",{className:"mt-30 mb-18",onChange:t,children:[(0,o.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-x-64 gap-y-48",children:(0,o.jsx)(FilterGroup,{name:"categories",open:!0,options:n.categories,title:"Categories"})}),(0,o.jsx)(d.Z,{className:"mt-48",onClick:r,style:"ghost",type:"button",variant:"secondary",children:"Clear all filters"})]})]})}function DisclosureArrow(e){return(0,o.jsx)("svg",(0,l._)((0,n._)({fill:"none",viewBox:"0 0 15 8",xmlns:"http://www.w3.org/2000/svg"},e),{children:(0,o.jsx)("path",{d:"M7.07107 7.14211L14.1421.0710449H0L7.07107 7.14211z",fill:"currentColor"})}))}function CheckboxCheckmark(e){return(0,o.jsx)("svg",(0,l._)((0,n._)({fill:"none",viewBox:"0 0 14 10",xmlns:"http://www.w3.org/2000/svg"},e),{children:(0,o.jsx)("path",{d:"M1 5l4 4 8-8",stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})}))}function filtersReducer(e,t){var r=(0,c.Y)(e);switch(t.type){case"ADD_FILTER":var n=t.name,l=t.value;r[n].add(l);break;case"REMOVE_FILTER":var s=t.name,o=t.value;r[s].delete(o);break;case"CLEAR_FILTERS":Object.values(r).forEach(function(e){return e.clear()})}return r}function deriveFilterOptions(e){var t={};return e.forEach(function(r){t[r.category.slug]||(t[r.category.slug]={id:r.category.slug,date:null==r?void 0:r.publishDate,label:r.category.title,exclude:e.every(function(e){return e.category.slug===r.category.slug})})}),{categories:Object.values(t)}}},46190:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return i},default:function(){return BlogAllArticlesPage}});var n=r(85893),l=r(27320),s=r(83930),o=r(2031),i=!0;function BlogAllArticlesPage(e){var t=e.posts,r=e.categories,i=e.footerNavData;return(0,n.jsxs)(l.Z,{categories:r,name:"Blog Search",footerNavData:i,children:[(0,n.jsx)(o.Z,{isContentful:!0,isCustomDescription:"The latest and greatest news, product updates, and announcements straight from the Loom team.",isCustomImage:"https://images.ctfassets.net/m1px4cv57vle/7Hn3NQz0Z21WsbKPKpKZIY/e938b2dfaabccb3b708c8044ab789bc7/seo_the_transcript_general.png",isCustomTitle:"All Articles",url:"https://patgrady.indiedemos.com/blog/all-articles"}),(0,n.jsxs)("div",{className:"lm-section my-24 md:my-40 lg:my-64",children:[(0,n.jsx)("div",{className:"flex flex-col mb-24 md:mb-40 lg:mb-64 space-y-36 md:flex-row md:space-y-0 md:space-x-36 md:items-center md:justify-center",children:(0,n.jsx)("div",{className:"max-w-2xl",children:(0,n.jsx)("h1",{className:"lm-blog-headline-xl",children:"All Articles"})})}),(0,n.jsx)("div",{className:"mt-24 md:mt-40 lg:mt-64",children:(0,n.jsx)(s.Z,{isAllArticlesPage:!0,posts:t})})]})]})}},88148:function(e){e.exports={image:"BlogPostCard_image__2y_LA"}},9021:function(e){e.exports={checkbox:"BlogPostList_checkbox__WlN4z","focus-visible":"BlogPostList_focus-visible__Mlxu5",filterDisclosure:"BlogPostList_filterDisclosure__R6sWf"}},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},l=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}}(),s=_interopRequireDefault(r(67294));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}_interopRequireDefault(r(73935));var o=0,i=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=o++,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),l(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 s.default.createElement("div",null,s.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}(s.default.Component);t.default=i,e.exports=t.default}},function(e){e.O(0,[2786,2673,3358,900,4263,9774,2888,179],function(){return e(e.s=42900)}),_N_E=e.O()}]);