(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[17],{"/PMv":function(e,t,a){"use strict";var i=a("ODXe"),o=a("rePB"),n=a("q1tI"),r=a.n(n),l=a("R/WZ"),s=a("30+C"),c=a("tRbT"),d=a("oa/T"),p=a("Ie8z"),m=a("iae6"),u=a("kKU3"),g=a("ofer"),f=a("YFqc"),b=a.n(f),h=(a("XQM8"),a("uH18"),a("KskI"),a("aOWJ"),a("kWyN"),a("vDqi")),y=a.n(h),v=a("wx14"),x=a("Ff2n"),O=(a("17x9"),a("iuhU")),k=a("H2TA"),C=a("KQm4"),j=a("yCxk");var w=a("ye/S"),N=a("tr08"),S=a("VD++"),D=a("5AJ6"),z=Object(D.a)(n.createElement("path",{d:"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"}),"FirstPage"),F=Object(D.a)(n.createElement("path",{d:"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"}),"LastPage"),I=Object(D.a)(n.createElement("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"NavigateBefore"),B=Object(D.a)(n.createElement("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext"),L=a("NqtD"),$=n.forwardRef((function(e,t){var a=e.classes,i=e.className,o=e.color,r=void 0===o?"standard":o,l=e.component,s=e.disabled,c=void 0!==s&&s,d=e.page,p=e.selected,m=void 0!==p&&p,u=e.shape,g=void 0===u?"round":u,f=e.size,b=void 0===f?"medium":f,h=e.type,y=void 0===h?"page":h,k=e.variant,C=void 0===k?"text":k,j=Object(x.a)(e,["classes","className","color","component","disabled","page","selected","shape","size","type","variant"]),w=("rtl"===Object(N.a)().direction?{previous:B,next:I,last:z,first:F}:{previous:I,next:B,first:z,last:F})[y];return"start-ellipsis"===y||"end-ellipsis"===y?n.createElement("div",{ref:t,className:Object(O.a)(a.root,a.ellipsis,c&&a.disabled,"medium"!==b&&a["size".concat(Object(L.a)(b))])},"\u2026"):n.createElement(S.a,Object(v.a)({ref:t,component:l,disabled:c,focusVisibleClassName:a.focusVisible,className:Object(O.a)(a.root,a.page,a[C],a[g],i,"standard"!==r&&a["".concat(C).concat(Object(L.a)(r))],c&&a.disabled,m&&a.selected,"medium"!==b&&a["size".concat(Object(L.a)(b))])},j),"page"===y&&d,w?n.createElement(w,{className:a.icon}):null)})),P=Object(k.a)((function(e){return{root:Object(v.a)({},e.typography.body2,{borderRadius:16,textAlign:"center",boxSizing:"border-box",minWidth:32,height:32,padding:"0 6px",margin:"0 3px",color:e.palette.text.primary}),page:{transition:e.transitions.create(["color","background-color"],{duration:e.transitions.duration.short}),"&:hover":{backgroundColor:e.palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},"&$focusVisible":{backgroundColor:e.palette.action.focus},"&$selected":{backgroundColor:e.palette.action.selected,"&:hover, &$focusVisible":{backgroundColor:Object(w.d)(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.palette.action.selected}},"&$disabled":{opacity:1,color:e.palette.action.disabled,backgroundColor:e.palette.action.selected}},"&$disabled":{opacity:e.palette.action.disabledOpacity}},sizeSmall:{minWidth:26,height:26,borderRadius:13,margin:"0 1px",padding:"0 4px","& $icon":{fontSize:e.typography.pxToRem(18)}},sizeLarge:{minWidth:40,height:40,borderRadius:20,padding:"0 10px",fontSize:e.typography.pxToRem(15),"& $icon":{fontSize:e.typography.pxToRem(22)}},textPrimary:{"&$selected":{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.main,"&:hover, &$focusVisible":{backgroundColor:e.palette.primary.dark,"@media (hover: none)":{backgroundColor:e.palette.primary.main}},"&$disabled":{color:e.palette.action.disabled}}},textSecondary:{"&$selected":{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.main,"&:hover, &$focusVisible":{backgroundColor:e.palette.secondary.dark,"@media (hover: none)":{backgroundColor:e.palette.secondary.main}},"&$disabled":{color:e.palette.action.disabled}}},outlined:{border:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"&$selected":{"&$disabled":{border:"1px solid ".concat(e.palette.action.disabledBackground)}}},outlinedPrimary:{"&$selected":{color:e.palette.primary.main,border:"1px solid ".concat(Object(w.d)(e.palette.primary.main,.5)),backgroundColor:Object(w.d)(e.palette.primary.main,e.palette.action.activatedOpacity),"&:hover, &$focusVisible":{backgroundColor:Object(w.d)(e.palette.primary.main,e.palette.action.activatedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{color:e.palette.action.disabled}}},outlinedSecondary:{"&$selected":{color:e.palette.secondary.main,border:"1px solid ".concat(Object(w.d)(e.palette.secondary.main,.5)),backgroundColor:Object(w.d)(e.palette.secondary.main,e.palette.action.activatedOpacity),"&:hover, &$focusVisible":{backgroundColor:Object(w.d)(e.palette.secondary.main,e.palette.action.activatedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{color:e.palette.action.disabled}}},rounded:{borderRadius:e.shape.borderRadius},ellipsis:{height:"auto","&$disabled":{opacity:e.palette.action.disabledOpacity}},focusVisible:{},disabled:{},selected:{},icon:{fontSize:e.typography.pxToRem(20),margin:"0 -8px"}}}),{name:"MuiPaginationItem"})($);function R(e,t,a){return"page"===e?"".concat(a?"":"Go to ","page ").concat(t):"Go to ".concat(e," page")}var T=n.forwardRef((function(e,t){e.boundaryCount;var a=e.classes,o=e.className,r=e.color,l=void 0===r?"standard":r,s=(e.count,e.defaultPage,e.disabled,e.getItemAriaLabel),c=void 0===s?R:s,d=(e.hideNextButton,e.hidePrevButton,e.onChange,e.page,e.renderItem),p=void 0===d?function(e){return n.createElement(P,e)}:d,m=e.shape,u=void 0===m?"round":m,g=(e.showFirstButton,e.showLastButton,e.siblingCount,e.size),f=void 0===g?"medium":g,b=e.variant,h=void 0===b?"text":b,y=Object(x.a)(e,["boundaryCount","classes","className","color","count","defaultPage","disabled","getItemAriaLabel","hideNextButton","hidePrevButton","onChange","page","renderItem","shape","showFirstButton","showLastButton","siblingCount","size","variant"]),k=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.boundaryCount,a=void 0===t?1:t,o=e.componentName,n=void 0===o?"usePagination":o,r=e.count,l=void 0===r?1:r,s=e.defaultPage,c=void 0===s?1:s,d=e.disabled,p=void 0!==d&&d,m=e.hideNextButton,u=void 0!==m&&m,g=e.hidePrevButton,f=void 0!==g&&g,b=e.onChange,h=e.page,y=e.showFirstButton,O=void 0!==y&&y,k=e.showLastButton,w=void 0!==k&&k,N=e.siblingCount,S=void 0===N?1:N,D=Object(x.a)(e,["boundaryCount","componentName","count","defaultPage","disabled","hideNextButton","hidePrevButton","onChange","page","showFirstButton","showLastButton","siblingCount"]),z=Object(j.a)({controlled:h,default:c,name:n,state:"page"}),F=Object(i.a)(z,2),I=F[0],B=F[1],L=function(e,t){h||B(t),b&&b(e,t)},$=function(e,t){var a=t-e+1;return Array.from({length:a},(function(t,a){return e+a}))},P=$(1,Math.min(a,l)),R=$(Math.max(l-a+1,a+1),l),T=Math.max(Math.min(I-S,l-a-2*S-1),a+2),W=Math.min(Math.max(I+S,a+2*S+2),R[0]-2),E=[].concat(Object(C.a)(O?["first"]:[]),Object(C.a)(f?[]:["previous"]),Object(C.a)(P),Object(C.a)(T>a+2?["start-ellipsis"]:a+1<l-a?[a+1]:[]),Object(C.a)($(T,W)),Object(C.a)(W<l-a-1?["end-ellipsis"]:l-a>a?[l-a]:[]),Object(C.a)(R),Object(C.a)(u?[]:["next"]),Object(C.a)(w?["last"]:[])),M=function(e){switch(e){case"first":return 1;case"previous":return I-1;case"next":return I+1;case"last":return l;default:return null}},A=E.map((function(e){return"number"===typeof e?{onClick:function(t){L(t,e)},type:"page",page:e,selected:e===I,disabled:p,"aria-current":e===I?"true":void 0}:{onClick:function(t){L(t,M(e))},type:e,page:M(e),selected:!1,disabled:p||-1===e.indexOf("ellipsis")&&("next"===e||"last"===e?I>=l:I<=1)}}));return Object(v.a)({items:A},D)}(Object(v.a)({},e,{componentName:"Pagination"})).items;return n.createElement("nav",Object(v.a)({"aria-label":"pagination navigation",className:Object(O.a)(a.root,o),ref:t},y),n.createElement("ul",{className:a.ul},k.map((function(e,t){return n.createElement("li",{key:t},p(Object(v.a)({},e,{color:l,"aria-label":c(e.type,e.page,e.selected),shape:u,size:f,variant:h})))}))))})),W=Object(k.a)({root:{},ul:{display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}},{name:"MuiPagination"})(T),E=r.a.createElement,M=Object(l.a)((function(e){return{root:Object(o.a)(Object(o.a)({display:"flex",backgroundColor:"white",border:"1px solid rgba(61, 61, 65, 0.05)",marginRight:348,marginLeft:348,marginBottom:e.spacing(10)},e.breakpoints.down("sm"),{padding:0}),"&:hover",{backgroundColor:"white",border:"2px solid #FFA500"}),rootSmall:{display:"flex",flexDirection:"column",backgroundColor:"white",alignItems:"center",border:"1px solid rgba(61, 61, 65, 0.05)",width:380,maxHeight:500,"&:hover":{backgroundColor:"white",border:"2px solid #FFA500"}},border:{height:"100%",cursor:"pointer",border:"2px solid transparent","&:hover":{border:"2px solid #FFA500"}},link:{textDecoration:"none",height:340,"&:hover":{backgroundColor:"white",border:"2px solid #FFA500"}},textContainer:{width:505,justifyContent:"center",display:"flex",flexDirection:"column",marginLeft:e.spacing(5)},textContainerSmall:{marginTop:e.spacing(1),fontFamily:"OpenSansLight",fontDisplay:"auto",fontSize:16,width:"100%",textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden"},fotoContainer:{width:"50%",justifyContent:"center",alignItems:"center",display:"flex",height:332},fotoContainerSmall:{marginTop:e.spacing(4),marginBottom:e.spacing(4)},container:{display:"flex",justifyContent:"space-between",alignItems:"center"},author:{fontSize:16,color:"rgba(0, 0, 0, 0.54)",fontFamily:"OpenSansLight",fontDisplay:"auto",marginRight:e.spacing(1)},date:{fontSize:16,color:"rgba(0, 0, 0, 0.9)",fontFamily:"OpenSansLight",fontDisplay:"auto",justifySelf:"start"},dateSmall:{fontSize:16,fontFamily:"OpenSansLight",fontDisplay:"auto",color:"rgba(0, 0, 0, 0.9)"},category:{fontSize:20,fontFamily:"OpenSansRegular",fontDisplay:"auto",color:"#FFA500",textTransform:"uppercase"},categorySmall:{fontSize:18,fontFamily:"OpenSansRegular",fontDisplay:"auto",color:"#FFA500",textTransform:"uppercase"},header:{fontSize:32,paddingTop:e.spacing(1),fontWeight:600,fontFamily:"OpenSansRegular",fontDisplay:"auto",color:"#3D3D41",textOverflow:"ellipsis",overflow:"hidden"},headerSmall:{fontSize:20,paddingTop:e.spacing(2),fontWeight:800,fontFamily:"OpenSansRegular",fontDisplay:"auto",color:"#3D3D41",textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:2,overflow:"hidden"},text:{width:"100%",whiteSpace:"normal",fontFamily:"OpenSansLight",fontDisplay:"auto",fontSize:20,marginTop:e.spacing(1),textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",color:"#3D3D41"},textSmall:{fontSize:16,marginTop:e.spacing(1),fontFamily:"OpenSansLight",fontDisplay:"auto",color:"#3D3D41"},cardContentBig:{width:"50%",paddingRight:"5%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"inherit"},loading:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"80vh"}}}));t.a=function(e){var t=r.a.useState([]),a=Object(i.a)(t,2),o=a[0],n=a[1],l=r.a.useState(!1),f=Object(i.a)(l,2),h=f[0],v=f[1],x=r.a.useState(null),O=Object(i.a)(x,2),k=O[0],C=O[1],j=r.a.useState(1),w=Object(i.a)(j,2),N=w[0],S=w[1];r.a.useEffect((function(){v(!0),y.a.get("https://callcenteronline.pl"+"/api/article?date=newest".concat(e.category?"&category="+e.category:"").concat(e.limit?"&limit="+e.limit:"&skip="+10*(N-1))).then((function(e){var t;C((null===(t=e.data)||void 0===t?void 0:t.total)||0),n(e.data.data),v(!1)})).catch((function(e){n([]),v(!1)}))}),[e.category,N]),r.a.useEffect((function(){S(1)}),[e.category]);var D=M(),z=function(){return"xs"===e.width||"sm"===e.width};return E("div",null,h?E("div",{className:D.loading},E(m.a,null)):E(u.a,{in:!h},E("div",null,0===k&&E("div",{style:{textAlign:"center",color:"gray"}},"Nie znaleziono \u017cadnych artyku\u0142\xf3w w tej kategorii"),k>0&&o[0]&&E(c.a,{container:!0,spacing:3},z()?E(c.a,{item:!0,xs:12,md:4},E(b.a,{underline:"none",className:D.link,activeClass:"active",href:"/blog/[id]",as:"/blog/"+o[0].fileName},E(s.a,{className:D.border},E("div",{style:{display:"flex",flexDirection:"column",padding:16,height:"100%",alignItems:"center"}},E(p.a,{style:{width:"90%",display:"flex",justifyContent:"center",alignItems:"center",height:230}},E("img",{alt:"loading",loading:"lazy",src:o[0].image,style:{maxWidth:220,maxHeight:220},opacity:.5})),E(d.a,{style:{width:"90%",padding:0}},E(g.a,{variant:"h4",className:D.headerSmall}," ",o[0].title),E(g.a,{variant:"h5",className:D.textContainerSmall},o[0].description),E("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-start",marginTop:24}},E("div",null,E(g.a,{className:D.author},o[0].author),E(g.a,{className:D.dateSmall},o[0].date),E(g.a,{className:D.categorySmall},o[0].category)),E("div",null))))))):E(c.a,{item:!0,xs:12}," ",E(b.a,{underline:"none",className:D.link,activeClass:"active",href:"/blog/[id]",as:"/blog/"+o[0].fileName},E(s.a,{className:D.border},E("div",{style:{display:"flex"}},E(p.a,{style:{width:"35%",margin:24,display:"flex",justifyContent:"center",alignItems:"center",height:355}},E("img",{alt:"loading",loading:"lazy",src:o[0].image,style:{maxWidth:"100%"},opacity:.5})),E(d.a,{className:D.cardContentBig},E(g.a,{variant:"h4",className:D.header},o[0].title),E(g.a,{variant:"h5",className:D.text},o[0].description),E("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:24}},E("div",null,E(g.a,{className:D.author},o[0].author),E(g.a,{className:D.date},o[0].date)),E("div",{style:{display:"flex",justifyContent:"flex-end"}},E(g.a,{className:D.category,style:{width:"Nowoczesne narz\u0119dzia marketingowe"===o[0].category?"61%":"100%"}},o[0].category)))))))),o.map((function(e,t){if(0!==t)return E(c.a,{item:!0,xs:12,md:4},E(b.a,{underline:"none",className:D.link,activeClass:"active",href:"/blog/[id]",as:"/blog/"+e.fileName},E(s.a,{className:D.border},E("div",{style:{display:"flex",flexDirection:"column",padding:16,height:"100%",alignItems:"center"}},E(p.a,{style:{width:"90%",display:"flex",justifyContent:"center",alignItems:"center",height:230}},E("img",{alt:"loading",loading:"lazy",src:e.image,style:{maxHeight:230,maxWidth:"100%"},opacity:.5})),E(d.a,{style:{width:"90%",padding:0}},E(g.a,{variant:"h4",className:D.headerSmall},e.title),E(g.a,{variant:"body",className:D.textContainerSmall},e.description),E("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-start",marginTop:24}},E("div",null,E(g.a,{className:D.author},e.author),E(g.a,{className:D.dateSmall},e.date),E(g.a,{className:D.categorySmall},e.category)),E("div",null)))))))}))))),!(null!==e&&void 0!==e&&e.hidePagination)&&k>0&&E(W,{style:{display:"flex",paddingTop:24,justifyContent:"center"},count:k>10?parseInt(k/10):1,page:N,disabled:h,size:z()?"small":"medium",onChange:function(t,a){var i;document.getElementById("articlesContainer").scrollIntoView({}),S(a),console.debug(null===e||void 0===e||null===(i=e.containerRef)||void 0===i?void 0:i.current)}}))}},KskI:function(e,t){e.exports="/_next/static/images/paint-640892c1d128e26c72405d6a1f3c7f25.png"},XQM8:function(e,t){e.exports="/_next/static/images/learn-dfbe06bb01ec2e1bb385c10107ecf2a0.png"},aOWJ:function(e,t){e.exports="/_next/static/images/school-139a4afd42407e0b0181f3b75939114f.png"},iae6:function(e,t,a){"use strict";var i=a("wx14"),o=a("Ff2n"),n=a("q1tI"),r=(a("17x9"),a("iuhU")),l=a("H2TA"),s=a("NqtD"),c=n.forwardRef((function(e,t){var a=e.classes,l=e.className,c=e.color,d=void 0===c?"primary":c,p=e.disableShrink,m=void 0!==p&&p,u=e.size,g=void 0===u?40:u,f=e.style,b=e.thickness,h=void 0===b?3.6:b,y=e.value,v=void 0===y?0:y,x=e.variant,O=void 0===x?"indeterminate":x,k=Object(o.a)(e,["classes","className","color","disableShrink","size","style","thickness","value","variant"]),C={},j={},w={};if("determinate"===O||"static"===O){var N=2*Math.PI*((44-h)/2);C.strokeDasharray=N.toFixed(3),w["aria-valuenow"]=Math.round(v),C.strokeDashoffset="".concat(((100-v)/100*N).toFixed(3),"px"),j.transform="rotate(-90deg)"}return n.createElement("div",Object(i.a)({className:Object(r.a)(a.root,l,"inherit"!==d&&a["color".concat(Object(s.a)(d))],{determinate:a.determinate,indeterminate:a.indeterminate,static:a.static}[O]),style:Object(i.a)({width:g,height:g},j,f),ref:t,role:"progressbar"},w,k),n.createElement("svg",{className:a.svg,viewBox:"".concat(22," ").concat(22," ").concat(44," ").concat(44)},n.createElement("circle",{className:Object(r.a)(a.circle,m&&a.circleDisableShrink,{determinate:a.circleDeterminate,indeterminate:a.circleIndeterminate,static:a.circleStatic}[O]),style:C,cx:44,cy:44,r:(44-h)/2,fill:"none",strokeWidth:h})))}));t.a=Object(l.a)((function(e){return{root:{display:"inline-block"},static:{transition:e.transitions.create("transform")},indeterminate:{animation:"$circular-rotate 1.4s linear infinite"},determinate:{transition:e.transitions.create("transform")},colorPrimary:{color:e.palette.primary.main},colorSecondary:{color:e.palette.secondary.main},svg:{display:"block"},circle:{stroke:"currentColor"},circleStatic:{transition:e.transitions.create("stroke-dashoffset")},circleIndeterminate:{animation:"$circular-dash 1.4s ease-in-out infinite",strokeDasharray:"80px, 200px",strokeDashoffset:"0px"},circleDeterminate:{transition:e.transitions.create("stroke-dashoffset")},"@keyframes circular-rotate":{"0%":{transformOrigin:"50% 50%"},"100%":{transform:"rotate(360deg)"}},"@keyframes circular-dash":{"0%":{strokeDasharray:"1px, 200px",strokeDashoffset:"0px"},"50%":{strokeDasharray:"100px, 200px",strokeDashoffset:"-15px"},"100%":{strokeDasharray:"100px, 200px",strokeDashoffset:"-125px"}},circleDisableShrink:{animation:"none"}}}),{name:"MuiCircularProgress",flip:!1})(c)},kWyN:function(e){e.exports=JSON.parse("{}")},uH18:function(e,t){e.exports="/_next/static/images/szkoleniaeu-5d1940c7265f2dc42bca195ea8c74f57.png"}}]);