https://datamaroc.online/_next/static/chunks/pages/posts-d6ff6a6c0eb9bcf8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[679,71,432],{87141:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/posts",function(){return i(87773)}])},3071:function(e,t,i){"use strict";i.r(t);var s=i(85893),a=i(94037),n=i(75187),r=i(41664),c=i.n(r),o=i(67294),l=i(91964),u=i(79443);t.default=e=>{let{title:t}=e,i=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let e=a.gsap.context(()=>{let e=document.querySelector(".header");a.gsap.timeline().fromTo(".banner-regular-title",{y:20},{y:0,opacity:1,duration:.5}).fromTo(".breadcrumb",{y:20},{y:0,opacity:1,duration:.5},">-.3");let t=a.gsap.timeline({ease:"none",scrollTrigger:{trigger:i.current,start:()=>"top ".concat(e.clientHeight),end:()=>"+=".concat(i.current.offsetHeight),scrub:!0}}),s=.15*i.current.offsetHeight;t.fromTo(".banner-single .circle",{y:0},{y:s},"<")},i);return()=>e.revert()},[]),(0,s.jsx)("div",{className:"banner banner-single ",ref:i,children:(0,s.jsx)("div",{className:"container-xl ",children:(0,s.jsxs)("div",{className:"banner-wrapper relative text-center",children:[(0,n.gI)(t,"h1","mb-8 banner-regular-title opacity-0"),(0,s.jsxs)("ul",{className:"breadcrumb flex items-center justify-center opacity-0",children:[(0,s.jsx)("li",{children:(0,s.jsx)(c(),{className:"text-primary",href:"/",children:"Home"})}),(0,s.jsx)("li",{className:"mx-2",children:"/"}),(0,s.jsx)("li",{className:"capitalize",children:t})]}),(0,s.jsxs)("div",{className:"bg-theme banner-bg col-12 absolute top-0 left-0 bg-theme-light before:hidden after:hidden",children:[(0,s.jsx)(u.Z,{priority:!0,fill:!0,src:"/images/vectors/single-banner-wave-1.svg",sizes:"100vw",alt:""}),(0,s.jsx)(l.Z,{className:"circle left-[15%] top-[18%]",width:32,height:32,fill:!1}),(0,s.jsx)(l.Z,{className:"circle left-[4%] bottom-[27%]",width:73,height:73}),(0,s.jsx)(l.Z,{className:"circle left-[39.5%] bottom-[27%]",width:20,height:20}),(0,s.jsx)(l.Z,{className:"circle left-[22%] bottom-[24%]",width:47,height:47,fill:!1}),(0,s.jsx)(l.Z,{className:"circle left-[31%] top-[10%]",width:62,height:62,fill:!1}),(0,s.jsx)(l.Z,{className:"circle right-[27%] top-[15%]",width:20,height:20,fill:!1}),(0,s.jsx)(l.Z,{className:"circle right-[3%] bottom-[17%]",width:73,height:73,fill:!1}),(0,s.jsx)(l.Z,{className:"circle right-[38%] bottom-[50%]",width:20,height:20,fill:!1}),(0,s.jsx)(l.Z,{className:"circle right-[13%] top-[30%]",width:20,height:20}),(0,s.jsx)(l.Z,{className:"circle right-[20%] bottom-[29%]",width:65,height:65}),(0,s.jsx)(l.Z,{className:"circle right-[35%] bottom-[12%]",width:37,height:37,fill:!1})]})]})})})}},91964:function(e,t,i){"use strict";var s=i(85893);t.Z=function(e){let{className:t,width:i,height:a,fill:n=!0,...r}=e;return(0,s.jsx)("div",{className:"absolute invisible md:visible ".concat(t," ").concat(n?"bg-primary":"bg-[#b7d4ff]"," rounded-full"),style:{width:"".concat(i,"px"),height:"".concat(a,"px")},...r})}},87773:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return g}});var s=i(85893),a=i(67294),n=i(41664),r=i.n(n),c=i(25675),o=i.n(c);async function l(){let e=await fetch("/api/notion/fetch-pages",{method:"POST",headers:{"Content-Type":"application/json"}});if(!e.ok)throw Error("Failed to fetch pages");return e.json()}var u=i(26868),d=i.n(u),h=i(23121),p=i(3071),f=i(39121),m=i.n(f);function g(){let[e,t]=(0,a.useState)([]),[i,n]=(0,a.useState)(1),[c,u]=(0,a.useState)(1),[f,g]=(0,a.useState)("All"),[v,_]=(0,a.useState)([]),[b,j]=(0,a.useState)(!0);(0,a.useEffect)(()=>{!async function(){j(!0);let e=(await l()).sort((e,t)=>new Date(t.created_time)-new Date(e.created_time));t(e),u(Math.ceil(e.length/6));let i=new Set;e.forEach(e=>{e.properties.Tags.multi_select.forEach(e=>i.add(e.name))}),_(["All",...Array.from(i)]),j(!1)}()},[]);let x=e=>{g(e),n(1)},y="All"===f?e:e.filter(e=>e.properties.Tags.multi_select.some(e=>e.name===f)),w=y.slice((i-1)*6,6*i);return(0,s.jsx)(h.Z,{children:b?(0,s.jsx)("div",{className:d().spinnerContainer,children:(0,s.jsx)(m(),{color:"#0070f3",loading:b,size:50})}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.default,{title:"Blogs"}),(0,s.jsxs)("div",{className:d().container,children:[(0,s.jsx)("div",{className:d().topicSwitcher,children:v.map(e=>(0,s.jsx)("button",{onClick:()=>x(e),className:f===e?d().activeTopic:"",children:e},e))}

1),(0,s.jsx)("div",{className:"".concat(d().postsGrid," ").concat(1===w.length?d().singlePostGrid:""),children:w.map(e=>(0,s.jsx)("div",{className:d().postCard,children:(0,s.jsxs)(r(),{href:"/posts/".concat(e.id),children:[e.cover&&"external"===e.cover.type&&(0,s.jsx)(o(),{src:e.cover.external.url,alt:"Cover image",className:d().cover,layout:"responsive",width:700,height:475}),e.cover&&"file"===e.cover.type&&(0,s.jsx)(o(),{src:e.cover.file.url,alt:"Cover image",className:d().cover,layout:"responsive",width:700,height:475}),(0,s.jsx)("h2",{className:d().postTitle,children:e.properties.Name.title[0].text.content}),e.properties.Tags.multi_select.length>0&&(0,s.jsx)("div",{className:d().tags,children:e.properties.Tags.multi_select.map(e=>(0,s.jsx)("span",{className:"".concat(d().tag," ").concat(d()["tag-".concat(e.color)]),children:e.name},e.id))}),(0,s.jsxs)("div",{className:d().postDetails,children:[(0,s.jsxs)("p",{className:d().postDate,children:["Created: ",new Date(e.created_time).toLocaleDateString()]}),e.properties.Date&&e.properties.Date.date&&(0,s.jsxs)("p",{className:d().postDate,children:["Event Date: ",new Date(e.properties.Date.date.start).toLocaleDateString()]})]})]})},e.id))}),(0,s.jsx)("div",{className:d().pagination,children:Array.from({length:Math.ceil(y.length/6)},(e,t)=>(0,s.jsx)("button",{onClick:()=>n(t+1),disabled:i===t+1,className:i===t+1?d().active:"",children:t+1},t))})]})," "]})})}},26868:function(e){e.exports={container:"Posts_container__MTAK3",title:"Posts_title__M3i4E",topicSwitcher:"Posts_topicSwitcher__BJs3j",activeTopic:"Posts_activeTopic__0GN4c",postsGrid:"Posts_postsGrid__mWfUj",spinnerContainer:"Posts_spinnerContainer__hW0wE",singlePostGrid:"Posts_singlePostGrid__kw9oc",postCard:"Posts_postCard__326qP",cover:"Posts_cover__JEbnR",postTitle:"Posts_postTitle__OQDUb",tags:"Posts_tags__gQX3i",tag:"Posts_tag__9kDGA",postDetails:"Posts_postDetails__S86ZA",postDate:"Posts_postDate__ySDAw",pagination:"Posts_pagination__JTaBc",active:"Posts_active__ue3QR"}},39121:function(e,t,i){"use strict";var s=this&&this.__assign||function(){return(s=Object.assign||function(e){for(var t,i=1,s=arguments.length;i<s;i++)for(var a in t=arguments[i])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,t,i,s){void 0===s&&(s=i);var a=Object.getOwnPropertyDescriptor(t,i);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,s,a)}:function(e,t,i,s){void 0===s&&(s=i),e[s]=t[i]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&a(t,e,i);return n(t,e),t},c=this&&this.__rest||function(e,t){var i={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&0>t.indexOf(s)&&(i[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,s=Object.getOwnPropertySymbols(e);a<s.length;a++)0>t.indexOf(s[a])&&Object.prototype.propertyIsEnumerable.call(e,s[a])&&(i[s[a]]=e[s[a]]);return i};Object.defineProperty(t,"__esModule",{value:!0});var o=r(i(67294)),l=i(96657),u=(0,i(60010).createAnimation)("BounceLoader","0% {transform: scale(0)} 50% {transform: scale(1.0)} 100% {transform: scale(0)}","bounce");t.default=function(e){var t=e.loading,i=e.color,a=void 0===i?"#000000":i,n=e.speedMultiplier,r=void 0===n?1:n,d=e.cssOverride,h=e.size,p=void 0===h?60:h,f=c(e,["loading","color","speedMultiplier","cssOverride","size"]),m=function(e){return{position:"absolute",height:(0,l.cssValue)(p),width:(0,l.cssValue)(p),backgroundColor:a,borderRadius:"100%",opacity:.6,top:0,left:0,animationFillMode:"both",animation:"".concat(u," ").concat(2.1/r,"s ").concat(1===e?"".concat(1/r,"s"):"0s"," infinite ease-in-out")}},g=s({display:"inherit",position:"relative",width:(0,l.cssValue)(p),height:(0,l.cssValue)(p)},void 0===d?{}:d);return void 0===t||t?o.createElement("span",s({style:g},f),o.createElement("span",{style:m(1)}),o.createElement("span",{style:m(2)})):null}},60010:function(e,t){"use strict";

1Object.defineProperty(t,"__esModule",{value:!0}),t.createAnimation=void 0,t.createAnimation=function(e,t,i){var s="react-spinners-".concat(e,"-").concat(i);if("undefined"==typeof window||!window.document)return s;var a=document.createElement("style");document.head.appendChild(a);var n=a.sheet,r="\n    @keyframes ".concat(s," {\n      ").concat(t,"\n    }\n  ");return n&&n.insertRule(r,0),s}},96657:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.cssValue=t.parseLengthAndUnit=void 0;var i={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function s(e){if("number"==typeof e)return{value:e,unit:"px"};var t,s=(e.match(/^[0-9.]*/)||"").toString();t=s.includes(".")?parseFloat(s):parseInt(s,10);var a=(e.match(/[^0-9]*$/)||"").toString();return i[a]?{value:t,unit:a}:(console.warn("React Spinners: ".concat(e," is not a valid css value. Defaulting to ").concat(t,"px.")),{value:t,unit:"px"})}t.parseLengthAndUnit=s,t.cssValue=function(e){var t=s(e);return"".concat(t.value).concat(t.unit)}}},function(e){e.O(0,[955,260,433,910,571,121,888,774,179],function(){return e(e.s=87141)}),_N_E=e.O()}]);