https://fragmatic.ai/_next/static/chunks/91a8977e13f960c0.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,54564,e=>{"use strict";e.s(["default",()=>x],54564);var l=e.i(26676),t=e.i(53430),a=e.i(23328),i=e.i(99724);let n=[{label:"All Resources",value:""},{label:"Personalization and AI",value:"Personalization and AI"},{label:"CRO",value:"CRO"},{label:"Data and Analytics",value:"Data and Analytics"},{label:"Customer Experience",value:"Customer Experience"},{label:"Compliance and Ethics",value:"Compliance and Ethics"}],s=[{label:"Recent",value:""},{label:"A-Z",value:"ASC"},{label:"Z-A",value:"DESC"}];var r=e.i(3513);let d=e=>{let{placeholder:t="Search Article...",isBadge:a=!0,badgeIcon:i,badgeText:n,OnChange:s=()=>{},onChange:r,onKeyDown:d,inputRef:o,value:c,defaultValue:u}=e;return(0,l.jsxs)("div",{className:"input-container",children:[(0,l.jsx)("input",{ref:o,className:"input",placeholder:t,onChange:r||s,onKeyDown:d,...void 0!==c?{value:c}:{defaultValue:u}}),a&&(0,l.jsx)("div",{className:"badge",children:(0,l.jsxs)("span",{children:[" ",i," ",n]})})]})},o=e=>{let{options:a=[],onChange:i=()=>{},value:n,defaultValue:s}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"dropdown",children:[(0,l.jsx)("select",{onChange:i,...void 0!==n?{value:n}:{defaultValue:s},children:null==a?void 0:a.map((e,t)=>(0,l.jsx)("option",{value:null==e?void 0:e.value,children:null==e?void 0:e.label},t))}),null===t.default||void 0===t.default?void 0:t.default.dropdownIcon]})})},c=e=>{let{filterList:t=[],sortList:a=[],isBadge:i,badgeIcon:n,badgeText:s,handleSearch:r=()=>{},handleFilter:c=()=>{},handleSort:u=()=>{},handleSearchKeyDown:h=()=>{},searchRef:v,selectedFilter:f="",selectedSort:g="",searchValue:x=""}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"filters",children:[(0,l.jsx)("div",{className:"filters_left",children:(0,l.jsx)(o,{options:t,onChange:c,value:f})}),(0,l.jsxs)("div",{className:"filters_right",children:[(0,l.jsx)(d,{isBadge:i,badgeIcon:n,badgeText:s,OnChange:r,inputRef:v,onKeyDown:h,value:x}),(0,l.jsx)(o,{options:a,onChange:u,value:g})]})]})})};var u=e.i(55358);let h=e=>{let{filterList:a=[],sortList:n=[],isBadge:s,badgeIcon:r,badgeText:c,handleSearch:h=()=>{},handleFilter:v=()=>{},handleSort:f=()=>{},handleSearchKeyDown:g=()=>{},searchRef:x,selectedFilter:p="",selectedSort:m="",searchValue:j=""}=e,[b,N]=(0,i.useState)(!1);return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"small-d-filters",children:[(0,l.jsxs)("div",{className:"top-filter",children:[(0,l.jsx)("div",{className:"filters_left",children:(0,l.jsx)(o,{options:a,onChange:v,value:p})}),(0,l.jsx)("div",{className:"filters_right",children:(0,l.jsx)(u.default,{text:"Search & Sort",type:"secondary",icon:b?null===t.default||void 0===t.default?void 0:t.default.chevronUp:null===t.default||void 0===t.default?void 0:t.default.chevronBottom,iconPosition:"right",style:{borderRadius:"0px"},onClick:()=>N(!b)})})]}),b&&(0,l.jsxs)("div",{className:"bottom-filter",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{children:"Search"}),(0,l.jsx)(d,{isBadge:s,badgeIcon:r,badgeText:c,OnChange:h,inputRef:x,onKeyDown:g,value:j})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{children:"Sort by"}),(0,l.jsx)(o,{options:n,onChange:f,value:m})]})]})]})})};var v=e.i(48727);let f=e=>{let{pageCount:a,position:n="left",currentPage:s=1,onPageChange:r,buildPageUrl:d=()=>"#"}=e,o=(e,l)=>{r&&(e.preventDefault(),r(l))},c=(()=>{let e=[];

1if(a<=3)for(let l=1;l<=a;l++)e.push(l);else{s>2&&e.push(null===t.default||void 0===t.default?void 0:t.default.threeDots);let l=s>1?s-1:s,i=l+2;i>=a&&(l=a-2,i=a,e=[],s>2&&e.push(null===t.default||void 0===t.default?void 0:t.default.threeDots));for(let t=l;t<=i;t++)e.push(t);i<a&&e.push(null===t.default||void 0===t.default?void 0:t.default.threeDots)}return e})();return a>0&&(0,l.jsxs)("div",{className:"pagination ".concat(n),children:[1===s?(0,l.jsx)(u.default,{disabled:!0,text:"Previous",type:"link",icon:null===t.default||void 0===t.default?void 0:t.default.chevronLeft,children:"Prev"}):(0,l.jsx)(v.default,{href:d(s-1),onClick:e=>o(e,s-1),className:"pagination_link",children:(0,l.jsx)(u.default,{text:"Previous",type:"link",icon:null===t.default||void 0===t.default?void 0:t.default.chevronLeft,children:"Prev"})}),(0,l.jsx)("div",{className:"pagination_pages",children:c.map((e,t)=>(0,l.jsx)(i.default.Fragment,{children:"number"==typeof e?(0,l.jsx)(v.default,{href:d(e),onClick:l=>o(l,e),className:"number ".concat(e===s?"pagination_pages--active":""),children:e}):(0,l.jsx)("div",{className:"number",children:e})},t))}),s===a?(0,l.jsx)(u.default,{disabled:!0,text:"Next",type:"link",icon:null===t.default||void 0===t.default?void 0:t.default.chevronRight,iconPosition:"right"}):(0,l.jsx)(v.default,{href:d(s+1),onClick:e=>o(e,s+1),className:"pagination_link",children:(0,l.jsx)(u.default,{text:"Next",type:"link",icon:null===t.default||void 0===t.default?void 0:t.default.chevronRight,iconPosition:"right"})})]})};var g=e.i(94489);let x=e=>{let{blogs:d=[],totalPages:o=0,currentPage:u=1,initialSearch:v="",initialSort:x="",initialFilter:p="",author:m=""}=e,j=(0,g.useRouter)(),b=(0,i.useRef)(null),[N,y]=(0,i.useState)(v),[C,w]=(0,i.useTransition)();(0,i.useEffect)(()=>{y(v)},[v]);let S=function(){let{page:e=u,search:l=v,sort:t=x,filter:a=p,currentAuthor:i=m}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=new URLSearchParams,s=l.trim(),r=t.trim(),d=a.trim(),o=i.trim();s&&n.set("search",s),r&&n.set("sort",r),d&&n.set("filter",d),o&&n.set("author",o),e>1&&n.set("page",e.toString());let c=n.toString();return c?"/blog?".concat(c):"/blog"},k=function(e){let{replace:l=!1}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=S(e);w(()=>{if(l)return void j.replace(t);j.push(t)})},R=e=>{y(e.target.value)},P=e=>{k({page:1,sort:e.target.value.trim()})},D=e=>{k({page:1,filter:e.target.value.trim()})},L=e=>{"Enter"===e.key&&(e.preventDefault(),k({page:1,search:N},{replace:!0}))};(0,i.useEffect)(()=>{var e;let l=document.getElementById("filter_section"),t=null!=(e=null==l?void 0:l.offsetTop)?e:0;function a(){l&&(window.pageYOffset>t?l.classList.add("sticky"):l.classList.remove("sticky"))}let i=e=>{if((e.metaKey||e.ctrlKey)&&"k"===e.key.toLowerCase()){var l;e.preventDefault(),null==(l=b.current)||l.focus()}};return window.addEventListener("scroll",a),window.addEventListener("keydown",i),()=>{window.removeEventListener("scroll",a),window.removeEventListener("keydown",i)}},[]);let _=v?'No results for "'.concat(v,'"'):"No results found.";return(0,l.jsxs)(l.Fragment,{children:[C&&(0,l.jsx)("div",{className:"preloader ",children:(0,l.jsx)("div",{className:"spinner"})}),(0,l.jsxs)("div",{className:"blog-page main-container ",children:[(0,l.jsx)("div",{className:"page_info",children:(0,l.jsx)(r.default,{heading:"Blog",headingTag:"h1",subheading:"Stories and strategies for a digital-first world."})}),(0,l.jsxs)("div",{id:"filter_section",className:"filter_section",children:[(0,l.jsx)(c,{isBadge:!0,badgeText:"K",badgeIcon:t.default.command,filterList:n,sortList:s,searchValue:N,selectedFilter:p,selectedSort:x,handleSort:P,handleSearch:R,handleSearchKeyDown:L,searchRef:b,handleFilter:D}),(0,l.jsx)(h,{isBadge:!0,badgeText:"K",badgeIcon:t.default.command,filterList:n,sortList:s,searchValue:N,selectedFilter:p,selectedSort:x,handleSort:P,handleSearch:R,handleSearchKeyDown:L,searchRef:b,handleFilter:D})]}),(0,l.jsx)("div",{children:(null==d?void 0:d.length)>0?(0,l.jsx)(a.default,{cards:d}):(0,l.jsx)("h1",{className:"no_result",children:_})}),(0,l.jsx)("div",{className:"pagination_container",children:(0,l.jsx)(f,{currentPage:u,pageCount:o,buildPageUrl:e=>S({page:e}),onPageChange:e=>{k({page:e})}})})]})]})}}]);