https://www.mkbservicedesk.nl/component---src-templates-tool-tool-js-33b666e9230784c9518a.js

1(self.webpackChunkmkbservicedesk_gatsby=self.webpackChunkmkbservicedesk_gatsby||[]).push([[2285],{5968:function(e,t,r){"use strict";r.d(t,{A:function(){return u}});var n=r(8007),a=r(6540),l=r(978),i="entry-card-module--card-link--119a9",c="entry-card-module--primary--b89e3",o=r(6258),s=r(9644);var u=e=>{let{title:t,link:r,image:u,imageUrl:d,variant:m="primary",arrow:p=!0,...f}=e;if(u&&d)throw new Error("Provide either 'image' or 'imageUrl', not both, in EntryCard.");if(!r)return null;const g=a.createElement("article",Object.assign({className:`entry-card-module--card-wrapper--6a23f ${(()=>{switch(m){case"primary":default:return c;case"secondary":return"entry-card-module--secondary--613b4";case"tertiary":return"entry-card-module--tertiary--f0b5b"}})()}`},f),u&&a.createElement(l.G,{className:"entry-card-module--card-image--48e17",alt:u.title?u.title:"",image:u.gatsbyImageData}),d&&a.createElement("img",{src:d,alt:t,width:70}),a.createElement("h3",{className:"entry-card-module--card-title--88b6d"},t),p&&a.createElement("div",{className:"entry-card-module--card-arrow--78c5f"},a.createElement(s.xVu,{size:40})));return r.startsWith("https://")?a.createElement("a",{href:r,title:t,className:i,target:"_blank",onClick:()=>{(0,o.trackEvent)("cta_entry_card_external",{link_url:r})}},g):a.createElement(n.Link,{to:r,title:t,className:i,onClick:()=>{(0,o.trackEvent)("cta_entry_card_internal",{link_url:r})}},g)}},1756:function(e,t,r){"use strict";r.d(t,{A:function(){return c}});var n=r(6540),a=r(5968),l=r(5689),i=r.n(l);var c=e=>{let{title:t,items:r,marginTop:l,...c}=e;return n.createElement("div",Object.assign({style:{marginTop:l||"40px"}},c),t&&n.createElement("h2",{className:"entry-list-module--entry-list-title--cf89a"},t),n.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},r.map((e=>{let t;switch(e.__typename){case"ContentfulDownload":t=i().download(e);break;case"ContentfulArticle":t=i().article(e);break;case"ContentfulOutgrow":t=i().tool(e);break;default:t=""}return n.createElement(a.A,{variant:"secondary",key:`list-entry-${e.id}`,title:e.title,link:t,image:e.image,arrow:!1})}))))}},9963:function(e,t,r){"use strict";r.d(t,{A:function(){return a}});var n=r(6540);var a=e=>{let{id:t}=e;return(0,n.useEffect)((()=>{const e=document.createElement("script");return e.src="https://dyv6f9ner1ir9.cloudfront.net/assets/js/nloader.js",e.async=!0,document.body.appendChild(e),e.addEventListener("load",(()=>{window.initIframe(t)}),{once:!0}),()=>{document.body.removeChild(e)}}),[t]),n.createElement("div",{className:"outgrow-module--outgrow-wrapper--cbe68"},n.createElement("div",{className:"op-interactive",id:t,"data-url":`https://mkbservicedesk.outgrow.us/${t}?vHeight=1&seamless=1`,"data-width":"100%"}))}},4537:function(e,t,r){"use strict";r.d(t,{A:function(){return h}});var n=r(6540),a=r(5689),l=r.n(a),i=r(8007),c=r(978),o=r(3742),s=r.n(o),u="article-card-clean-module--footer--5545b",d=r(1612),m=r(5643);var p=e=>{let{title:t,parentTitle:r,subtitle:a,image:l,link:o,description:p,publishDate:f,updateDate:g,readMoreButton:y,footerDivider:h,body:E}=e;const v=(0,m.mostRecentDate)(f,g),b=(0,m.readTimeFromRichText)(null==E?void 0:E.raw);return n.createElement(i.Link,{to:o,className:"article-card-clean-module--wrapper--ec493"},n.createElement("article",null,n.createElement("header",{className:"article-card-clean-module--outer--fcd4e clearfix"},n.createElement("div",{className:"article-card-clean-module--inner--a0b7d"},l&&n.createElement(c.G,{image:l,alt:l.title?l.title:""}))),n.createElement("h6",null,t),a&&n.createElement("h2",null,a),n.createElement("p",null,p&&n.createElement(s(),{text:p,maxLine:"5",ellipsis:"...",basedOn:"words"})),n.createElement("div",{className:"gradient"}),n.createElement("footer",{className:h?`article-card-clean-module--footer-divider--ad03e ${u}`:u},y&&n.createElement("button",{className:"article-card-clean-module--footer-button--c33fd"},"Lees artikel"),v&&n.createElement("span",{className:"updateDate"},n.createElement(d.KP4,null)," ",v),b&&n.createElement("span",{className:"readTime"},n.createElement(d.w_X,null)," ",b," minuten"))))},f=r(832),g=r.n(f),y=r(6258);var h=e=>{let{articles:t}=e;const{0:r,1:a}

1=(0,n.useState)(!1),i=()=>{(0,y.dataLayer)({event:"related_articles_click_mkbsd",category:"related_articles"})};return t.length&&(0,y.dataLayer)({event:"related_articles_present_mkbsd",category:"related_articles"}),n.createElement(n.Fragment,null,!!t.length&&n.createElement(g(),{active:!r,partialVisibility:!0,minTopValue:400,onChange:async e=>{a(e),e&&(0,y.dataLayer)({event:"related_articles_visible_mkbsd",category:"related_articles"})}},n.createElement("div",{className:"related-aticles-module--RelatedWrapper--b665a"},n.createElement("div",{className:"related-aticles-module--RelatedWrapperInner--61f38"},n.createElement("h6",null,"Ook interessant voor jou"),n.createElement("div",{className:"related-aticles-module--RelatedArticles--a68c3"},t.slice(0,3).map(((e,t)=>{var r;return n.createElement("div",{key:e.id,className:"RelatedArticleCard",onClick:i},n.createElement(p,{title:e.title,image:null===(r=e.image)||void 0===r?void 0:r.gatsbyImageData,link:l().article(e),readMoreEndOfText:!1,footerPublicationDate:!1,footerDivider:!1}))})))))))}},8297:function(e,t,r){"use strict";var n=r(6540);t.A=e=>{let{children:t,extraClass:r}=e;return n.createElement("div",null,t)}},5974:function(e,t,r){"use strict";var n=r(6540),a=r(8154),l=r(8007);t.A=function(e){let{title:t,description:r,image:i,url:c,appendBrand:o}=e;const{site:s}=(0,l.useStaticQuery)("63159454"),u=s.siteMetadata.title,d=r||s.siteMetadata.description;!1!==o&&(t=t?`${t} - ${u}`:u);try{i&&i.startsWith("//")&&(i=`https:${i}`)}catch(m){console.error(m)}return n.createElement(a.m,null,n.createElement("meta",{property:"og:title",content:t}),n.createElement("meta",{property:"og:description",content:d}),i&&n.createElement("meta",{property:"og:image",content:i}),n.createElement("meta",{property:"og:url",content:c}),n.createElement("meta",{name:"twitter:title",content:t}),n.createElement("meta",{name:"twitter:description",content:d}),i&&n.createElement("meta",{name:"twitter:image",content:i}),i&&n.createElement("meta",{name:"twitter:card",content:"summary_large_image"}))}},8949:function(e){const t=/^\s*(stap\s+\d+|\d+\s*[.):\-–])/i,r=2;function n(e){return(e||"").replace(/\s+/g," ").trim()}function a(e){return e?"text"===e.nodeType?e.value||"":Array.isArray(e.content)?e.content.map(a).join(""):"":""}function l(e){let t;try{t="string"==typeof e?JSON.parse(e):e}catch{return[]}if(!t||!Array.isArray(t.content))return[];const r=[];for(const l of t.content){if(!l||"string"!=typeof l.nodeType)continue;const e=l.nodeType.match(/^heading-(\d)$/);if(e)r.push({type:"heading",level:Number(e[1]),text:n(a(l))});else if("ordered-list"!==l.nodeType)r.push({type:"text",text:n(a(l))});else{const e=(l.content||[]).map((e=>n(a(e)))).filter(Boolean);r.push({type:"ordered-list",items:e})}}return r}function i(e){if(!e||"string"!=typeof e)return[];const t=[];let r=null;const a=()=>{r&&(t.push({type:"ordered-list",items:r}),r=null)};for(const l of e.split("\n")){const e=l.trim();if(""===e){a();continue}const i=e.match(/^(#{1,6})\s+(.*)$/);if(i){a(),t.push({type:"heading",level:i[1].length,text:n(i[2])});continue}const c=e.match(/^\d+\s*[.)]\s+(.*)$/);if(c){const e=n(c[1]);e&&(r||(r=[]),r.push(e))}else a(),t.push({type:"text",text:n(e)})}return a(),t}function c(e){const a=function(e){const r=[];for(let a=0;a<e.length;a++){const l=e[a];if("heading"!==l.type||!t.test(l.text))continue;const i=[];for(let t=a+1;t<e.length;t++){const r=e[t];if("heading"===r.type)break;"text"===r.type&&r.text&&i.push(r.text),"ordered-list"===r.type&&r.items.length&&i.push(r.items.join(" "))}const c={"@type":"HowToStep",name:l.text},o=n(i.join(" "));o&&(c.text=o),r.push(c)}return r}(e);if(a.length>=r)return a;const l=function(e){let t=null;for(const r of e)"ordered-list"===r.type&&(!t||r.items.length>t.items.length)&&(t=r);return t?t.items.map(((e,t)=>({"@type":"HowToStep",name:`Stap ${t+1}`,text:e}))):[]}(e);return l.length>=r?l:[]}function o(e,t){let{name:a,description:l,url:i}=void 0===t?{}:t;const o=c(e);if(o.length<r)return null;const s={"@context":"https://schema.org","@type":"HowTo",name:n(a)||void 0,step:o},u=n(l);return u&&(s.description=u),i&&(s.url=i),s.name||delete s.name,s}

1e.exports={buildHowToFromRichText:function(e,t){return void 0===t&&(t={}),o(l(e),t)},buildHowToFromMarkdown:function(e,t){return void 0===t&&(t={}),o(i(e),t)},richTextToBlocks:l,markdownToBlocks:i,stepsFromBlocks:c}},4301:function(e,t,r){const n=r(2505);e.exports={getIpAddressInfo:async()=>{const e=await n.get("https://www.cloudflare.com/cdn-cgi/trace");if(200===!e.status)return;const t=e.data.split(/\r?\n/),r={};for(let n of t){const e=n.split("=")[0],t=n.split("=")[1];r[e]=t}return r}}},4581:function(e,t,r){"use strict";r.d(t,{w:function(){return a}});var n=r(6826);const a=async(e,t)=>{try{const r=await n.A.firestore().collection("users").doc(e).get();return t?r.get(t):r.data()}catch(r){}}},2382:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return W}});var n={};r.r(n),r.d(n,{fN:function(){return T},HM:function(){return C},MX:function(){return _},wo:function(){return I},xb:function(){return S},h_:function(){return M},VA:function(){return D},DD:function(){return j},z6:function(){return B}});var a=r(5540),l=r(6540),i=r(8156),c=r.n(i),o=r(5689),s=r.n(o),u=r(8949),d=r(3895),m=r(4214),p=r(5974),f=r(6200),g=r(2587),y=r(9963),h=r(4537),E=r(6826),v=r(8297),b=r(423),w=r(4581);r(4301);r(6258);var A=r(298);var k=e=>{let{position:t,title:r,description:n}=e;t=t||0;const{0:a,1:i}=(0,l.useState)(null),{0:c,1:o}=(0,l.useState)({}),{0:s,1:u}=(0,l.useState)({optin:!1,email:""});(0,l.useEffect)((()=>{E.A&&E.A.auth().onAuthStateChanged((async e=>{if(!e)return await E.A.auth().signInAnonymously();const t=await(0,w.w)(e.uid);t&&u(t),o(e)}))}),[]);return l.createElement(v.A,null,l.createElement("div",{className:b.zA},l.createElement("div",{className:b.Oj},l.createElement("p",{className:b.A6},r),l.createElement("p",{className:"text"},n),l.createElement("div",{className:"form-newsletter",style:{minHeight:"67px"}},l.createElement(A.A,{formId:"1f0705a4-9d0f-4a81-a130-a31651b9b0a4",idModifier:t})))))},N=r(1756),x=r(8154),T="tool-module--CallToActionWrapper--ee457",C="tool-module--CallToActionWrapperInner--d0a7f",_="tool-module--ContentAndAsideWrapper--c5b6a",I="tool-module--ContentBodyAside--06fcc",S="tool-module--ContentBodyMain--63276",M="tool-module--description--a18fa",D="tool-module--subtitle--e7067",j="tool-module--title--866e9",B="tool-module--tool--1b2d1",H=r(5467);let O=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.A)(t,e),t.prototype.render=function(){const e=c()(this.props,"data.contentfulOutgrow"),t=c()(e,"description.childMarkdownRemark.rawMarkdownBody"),r=c()(e,"relatedArticles"),a=c()(this.props,"pageContext.desks"),i=c()(this.props,"pageContext.tools"),o=s().absolute(s().tool(e)),E=c()(this.props,"data.publisherLogo.childImageSharp.gatsbyImageData.images.fallback.src"),v={"@context":"http://schema.org","@type":"NewsArticle",mainEntityOfPage:{"@type":"WebPage","@id":o},headline:e.title,inLanguage:"nl",datePublished:e.updatedAtInt,dateModified:e.updatedAtInt,publisher:{"@type":"Organization",name:"MKB Servicedesk",logo:{"@type":"ImageObject",url:`https://www.mkbservicedesk.nl${E}`,height:"60",width:"537"}},description:t},b=(0,u.buildHowToFromMarkdown)(t,{name:e.title,description:t,url:o});return l.createElement(d.A,{location:this.props.location},l.createElement(m.A,{title:e.title,description:t}),l.createElement(p.A,{title:e.title,description:t,image:e.image&&e.image.gatsbyImageData&&e.image.gatsbyImageData.images.fallback.src,url:s().tool(e)}),l.createElement(x.m,null,l.createElement("script",{type:"application/ld+json"},JSON.stringify(v)),b&&l.createElement("script",{type:"application/ld+json"},JSON.stringify(b))),l.createElement(f.A,{desks:a}),l.createElement("main",null,l.createElement("div",{className:"container"},l.createElement("article",{id:"main-tool",className:`${B} clearfix`},l.createElement("div",{className:n.ToolHeader},l.createElement("header",null,l.createElement("h1",{className:j},e.title),l.createElement("p",{className:D},e.subtitle))),l.createElement("div",{className:_},l.createElement("div",{className:S},t&&l.createElement("p",{className:M},t),l.createElement(y.A,{id:e.outgrowId})),l.createElement("aside",{className:I},l.createElement("div",null,l.createElement("div",{className:H.rU},i&&l.createElement(N.A,{title:"Bekijk ook onze andere tools",items:i,marginTop:"0px"})))))),r&&r.length>0&&l.createElement(h.A,{articles:r}),l.createElement("div",{className:T},l.createElement("div",{className:C},l.createElement("div",{className:"newsletter"},l.createElement(k,{title:"Ontvang Handige Tools Direct in Je Inbox!",de

1scription:"Blijf up-to-date met de nieuwste tools en hulpmiddelen. Schrijf je nu in voor onze nieuwsbrief!"})))))),l.createElement(g.A,null))},t}(l.Component);var W=O},423:function(e,t,r){"use strict";r.d(t,{A6:function(){return c},Ct:function(){return n},Oj:function(){return l},bS:function(){return i},zA:function(){return a}});var n="cta-newsletter-module--NewsLetter--cd2b3",a="cta-newsletter-module--NewsLetterArt--65e1f",l="cta-newsletter-module--NewsLetterInner--f2c92",i="cta-newsletter-module--sideColumnText--1f4c3",c="cta-newsletter-module--sideColumnTitle--994a7"},5467:function(e,t,r){"use strict";r.d(t,{BX:function(){return d},Bd:function(){return m},Cv:function(){return g},DD:function(){return I},FO:function(){return n},HE:function(){return w},HM:function(){return f},IR:function(){return o},KS:function(){return v},Mh:function(){return A},Rw:function(){return k},VA:function(){return _},WK:function(){return E},X7:function(){return h},_i:function(){return l},fN:function(){return p},g5:function(){return s},go:function(){return x},hI:function(){return y},jZ:function(){return T},od:function(){return u},rP:function(){return c},rU:function(){return N},tw:function(){return C},vM:function(){return a},vO:function(){return i},wP:function(){return b}});var n="article-module--ArticleAndAsideWrapper--ec553",a="article-module--ArticleBodyAside--6782d",l="article-module--ArticleBodyMain--6b50e",i="article-module--ArticleHead--a18d1",c="article-module--ArticleHero--62d18",o="article-module--ArticleHeroWrapper--6bb7f",s="article-module--ArticleMeta--66b51",u="article-module--ArticleWrapper--42a3a",d="article-module--AuthorImage--96408",m="article-module--AuthorSponsorContainer--29c95",p="article-module--CallToActionWrapper--a1d25",f="article-module--CallToActionWrapperInner--847c2",g="article-module--HeroImage--5c3ec",y="article-module--Intro--d797d",h="article-module--IntroImageWrapper--09c86",E="article-module--IntroWrapper--5f287",v="article-module--LastUpdated--feb8e",b="article-module--SponsorMeta--cb336",w="article-module--SponsorSideBlock--b4241",A="article-module--SponsorSideBlockContent--d7270",k="article-module--SponsorTitle--d798e",N="article-module--TocAsideHide--947a7",x="article-module--TocWrapperArticle--48c70",T="article-module--article--976d5",C="article-module--newsletterWrapper--e582d",_="article-module--subtitle--5f937",I="article-module--title--618d1"}}]);
2//# sourceMappingURL=component---src-templates-tool-tool-js-33b666e9230784c9518a.js.map