"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[28],{146:(e,a,s)=>{var t=s(0);const{wrapper:r,wrapperItem:n,wrapperItemTitle:i}={wrapper:"jR6wjzz1",wrapperItem:"KtkKH7de",wrapperItemTitle:"ncd2gzyn"},l=({blogCategories:e})=>(0,t.jsx)("div",Object.assign({className:r},{children:e.map((({title:e,image:a,bgColor:s,link:r})=>(0,t.jsxs)("a",Object.assign({href:r,className:n},{children:[(0,t.jsx)("img",Object.assign({},a)),(0,t.jsx)("div",{dangerouslySetInnerHTML:{__html:e},style:{backgroundColor:s},className:i})]}),e)))})),{wrapper:c,wrapperImage:o,wrapperTitle:p,wrapperDate:g,wrapperContent:d}={wrapper:"m2Dko6Ar",wrapperImage:"NRn6i6W1",wrapperTitle:"v8rpiehH",wrapperDate:"zQ9w4AMf",wrapperContent:"Jp2qatxE"},h=({blogArticle:e,categoryHandle:a})=>{const{title:s,image:r,handle:n,publishedAt:i,content:l}=e,h=new Date(i).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"});return(0,t.jsxs)("a",Object.assign({className:c,href:`/blog/${a}/${n}`},{children:[(0,t.jsx)("img",{className:o,loading:"lazy",src:null==r?void 0:r.src,alt:null==r?void 0:r.altText}),(0,t.jsx)("h2",Object.assign({className:p},{children:s})),(0,t.jsxs)("p",Object.assign({className:g},{children:[" ",h]})),(0,t.jsx)("p",{dangerouslySetInnerHTML:{__html:l+" <strong>Read more</strong>"},className:d})]}))};var m=s(210);const j={paginationWrapper:"_52Scv12",paginationButton:"aBeL5Lzn",activeButton:"yWBYJsxv",dots:"S1U63tiT",disabled:"UdTjZ_d2"},{paginationButton:b,activeButton:u,dots:w,disabled:x}=j,N=({currentPage:e,totalPages:a,onPageChange:s})=>(0,t.jsx)("div",Object.assign({className:j.paginationWrapper},{children:(()=>{const r=[(0,t.jsx)("button",Object.assign({onClick:()=>e>0&&s(e-1),className:(0,m.a)(b,0===e&&x)},{children:"←"}),"prev"),(0,t.jsx)("button",Object.assign({onClick:()=>s(0),className:(0,m.a)(b,0===e&&u)},{children:"1"}),0)],n=Math.max(1,e-1),i=Math.min(e+1,a-2),l=Array.from({length:i-n+1},((a,r)=>{const i=n+r;return(0,t.jsx)("button",Object.assign({onClick:()=>s(i),className:(0,m.a)(b,e===i&&u)},{children:i+1}),i)}));return r.push(...l),e<a-4&&r.push((0,t.jsx)("span",Object.assign({className:w},{children:"..."}),"dots2")),a>1&&r.push((0,t.jsx)("button",Object.assign({onClick:()=>s(a-1),className:(0,m.a)(b,e===a-1&&u)},{children:a}),a-1)),r.push((0,t.jsx)("button",Object.assign({onClick:()=>e<a-1&&s(e+1),className:(0,m.a)(b,e===a-1&&x)},{children:"→"}),"next")),r})()}));var O=s(2);const{wrapper:v,wrapperImage:y,wrapperTitle:C,wrapperDate:f,wrapperContent:k,wrapperLink:S,wrapperLinkBold:A}={wrapper:"hjOQHr4v",wrapperLink:"h0iX4Wbu",wrapperLinkBold:"vC_NSuCN",wrapperTitle:"fVlHpcdW",wrapperImage:"uat4Yjty",wrapperContent:"asGv4i0m"},T=({blogArticle:e,categoryHandle:a})=>{if(!e)return null;const{title:s,image:r,handle:n,publishedAt:i,contentHtml:l}=e,c=new Date(i).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"});return(0,t.jsxs)("div",Object.assign({className:v},{children:[(0,t.jsxs)("div",Object.assign({className:S},{children:[(0,t.jsx)("p",Object.assign({className:A},{children:"RBX"})),(0,t.jsx)("a",Object.assign({href:`/blog/${a}`},{children:a})),(0,t.jsxs)("p",{children:["- ",c]})]})),(0,t.jsx)("h1",Object.assign({className:C},{children:s})),(0,t.jsx)("img",{className:y,loading:"lazy",src:null==r?void 0:r.src,alt:null==r?void 0:r.altText}),l&&(0,t.jsx)("div",{dangerouslySetInnerHTML:{__html:l},className:k})]}))},{wrapper:I,wrapperArticles:H,wrapperTitle:L,wrapperImage:z,wrapperNoArticles:B}={wrapper:"x945Igmr",wrapperTitle:"RpAIim6p",wrapperArticles:"SPhzqw_x",wrapperNoArticles:"rqf6Z4z9"};(0,s(3).createEntrypoint)("blog-feature",(({blogCategories:e,blogArticles:a,pageSize:s=12,initialPage:r=1,categoryHandle:n,blogArticle:i})=>{if(i)return(0,t.jsx)("div",Object.assign({className:I},{children:(0,t.jsx)(T,{blogArticle:i,categoryHandle:n})}));if(!a.length)return(0,t.jsxs)("section",Object.assign({className:I},{children:[(0,t.jsx)(l,{blogCategories:e}),(0,t.jsx)("p",Object.assign({className:B},{children:"No articles available at the moment. Please check back later!"}))]}));const c=Math.ceil(a.length/s),o=Math.max(0,r-1),p=o<c?o:0,g=n?`RBX ${n}`:"",[d,m]=(0,O.useState)(p),[j,b]=(0,O.useState)(!1);(0,O.useEffect)((()=>{b(!0)}),[]),(0,O.useEffect)((()=>{const e=Math.max(0,r-1);e<c&&m(e)}),[r,c]);const u=d*s,w=u+s,x=a.slice(u,w);return(0,t.jsxs)("section",Object.assign({className:I},{children:[(0,t.jsx)(l,{blogCategories:e}),(0,t.jsx)("h1",Object.assign({className:L},{children:g})),(0,t.jsx)("div",Object.assign({className:H},{children:x&&x.map((e=>(0,t.jsx)(h,{blogArticle:e,categoryHandle:n},e.id)))})),(0,t.jsx)(N,{currentPage:d,totalPages:c,onPageChange:e=>{if(!j)return;m(e);const a=new URL(window.location.href);a.searchParams.set("page",String(e+1)),window.history.pushState({},"",a.toString()),window.scrollTo({top:0,behavior:"smooth"})}})]}))}))}},e=>{e.O(0,[1,2,3],(()=>(146,e(e.s=146)))),e.O()}]);