https://www.rogersanimalhospital.com/_next/static/chunks/291-71494e4f2b32d3b7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[291],{10291:(e,s,l)=>{l.r(s),l.d(s,{default:()=>f});var a=l(37876),t=l(31188),i=l(48230),r=l.n(i),n=l(21163),o=l(38469),c=l(278),d=l(15125),h=l(68202),g=l(12540),m=l(51930),u=l(14232),x=l(27025);let p=u.forwardRef((e,s)=>{let{className:l,type:t,...i}=e;return(0,a.jsx)("input",{type:t,className:(0,x.cn)("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",l),ref:s,...i})});p.displayName="Input";var C=l(71731),b=l(89099),j=l(14e3);let f=e=>{let{websiteData:s,sectionData:l,page:i,filters:x}=e,f=s?.pagesAndSections?.find(e=>e?.name===i?.name)?.sections?.["blogs-section"]||{},[v,N]=(0,u.useState)([]),[w,_]=(0,u.useState)(x.search||""),[E,A]=(0,u.useState)(x.sort||""),L=new c.A,[y,S]=(0,u.useState)(null),k=(0,b.useRouter)(),O=(0,j.usePathname)();(0,u.useEffect)(()=>{A(x.sort||""),_(x.search||"")},[x]);let{TriggerEvents:T}=(0,m.useCarterAnalytics)();(0,u.useEffect)(()=>{N(l?.results?.blogs||[])},[l]);let I=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"button",l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"blog_page";T?.REGULAR_CLICK({type:s,event:l,id:e})},D=async function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:w,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:E,t={};l.length&&(t={...t,search:l.toString()}),a.length&&(t={...t,sort:a.toString()}),k.replace({pathname:O,query:t},void 0,{shallow:!0});try{let[t,i]=(a||"").split("_"),r=await L.GetWebsiteEntityData({pagination:{page:e,limit:10,sort:t?{direction:i||"DESC",field:t||"updatedAt"}:void 0,filters:{AND:{conditions:[{field:"title",operator:"CONTAINS",value:l}]}}},websiteIdOrSlug:s?._id,entityType:"blogs",siteStatus:n.uO[s?.status]||"DRAFT"});return r?.results?.blogs||[]}catch(e){return console.error("Error fetching blogs:",e),[]}},M=function(e,s){let l;return(0,u.useCallback)(function(){for(var s=arguments.length,a=Array(s),t=0;t<s;t++)a[t]=arguments[t];clearTimeout(l),l=setTimeout(()=>e(...a),500)},s)}(async(e,s)=>{N(await D(e,s)||[])},[i]),R=()=>{S(null)},G=async e=>{A(e),N(await D(1,w,e)||[]),R()};return(0,a.jsx)("section",{className:"inner-banner py-[50px] lg:py-[60px] xl:py-20",children:(0,a.jsxs)("div",{className:"container",children:[(0,a.jsxs)("div",{className:"flex flex-col md:flex-row items-start md:gap-12 justify-between",children:[(0,a.jsxs)("div",{className:"inner_page-head blog-listing-page",children:[(0,a.jsx)("h1",{className:"page-heading text-left",children:(0,g.EJ)(f?.data?.blogs?.heading||"",n.N8?.COMMON_PAGE_SECTION?.TITLE)}),(0,a.jsx)("p",{className:"page-desc text-left",children:(0,g.EJ)(f?.data?.blogs?.description||"",n.N8?.COMMON_PAGE_SECTION?.DESC)})]}),(0,a.jsxs)("div",{className:"blog-search-wrpr",children:[(0,a.jsxs)("div",{className:"blog-search",children:[(0,a.jsx)(p,{placeholder:"Search",onChange:e=>{_(e.target.value),M(1,e.target.value)},value:w,className:"blog-search-input"}),(0,a.jsx)("div",{className:"absolute top-2 bottom-2 right-4",children:w?(0,a.jsx)("span",{className:"cursor-pointer blog-search-icon",onClick:()=>{_(""),M(1,"")},children:(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-x-icon lucide-x",children:[(0,a.jsx)("path",{d:"M18 6 6 18"}),(0,a.jsx)("path",{d:"m6 6 12 12"})]})}):(0,a.jsx)("span",{className:"blog-search-icon",children:(0,a.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L20.3 18.9C20.4833 19.0833 20.575 19.3167 20.575 19.6C20.575 19.8833 20.4833 20.1167 20.3 20.3C20.1167 20.4833 19.8833 20.575 19.6 20.575C19.3167 20.575 19.0833 20.4833 18.9 20.3L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z",fill:"currentColor"})})})})]}),(0,a.jsxs)("div",{className:"blog-filter",children:[(0,a.jsx)(C.G,{buttonLabel:(0,a.jsx)(a.Fragment,{children:"Filters"}),options:[{label:(0,a.jsx)("div",{onClick:()=>G("updatedAt_ASC"),children:"Recent Update"})},{label:(0,a.jsx)("div",{onClick:()=>G("slug_ASC"),children:"Alphabet a-z"})},{label:(0,a.jsx)("div",{onClick:()=>G("slug_DESC"),children:"Alphabet z-a"})}],isOpen:y,onToggle:()=>(e=>{S(s=>s===e?null:e)})(1),onClose:R}),(0,a.jsx)("div",{className:"absolute top-2 bottom-2-2 right-4",children:(0,a.jsx)("span",{className:"blog-search-icon",children:(0,a.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M10.9972 20C10.7138 20 10.4763 19.9042 10.2847 19.7125C10.093 19.5208 9.99715 19.2833 9.99715 19V13L4.19715 5.6C3.94715 5.26667 3.90965 4.91667 4.08465 4.55C4.25965 4.18333 4.56382 4 4.99715 4H18.9972C19.4305 4 19.7347 4.18333 19.9097 4.55C20.0847 4.91667 20.0472 5.26667 19.7972 5.6L13.9972 13V19C13.9972 19.2833 13.9013 19.5208 13.7097 19.7125C13.518 19.9042 13.2805 20 12.9972 20H10.9972ZM11.9972 12.3L16.9472 6H7.04715L11.9972 12.3Z",fill:"currentColor"})})})})]})]})]}),(0,a.jsx)(d.A,{fetchData:D,initialData:v||[],renderItem:(e,l)=>

1(0,a.jsx)(r(),{href:h.W.enrichRoute(s,n.bw.BLOG_PAGE,e?.slug),onClick:()=>I(e?.slug,"card"),"aria-labelledby":(0,g.EJ)(e?.title||"",n.N8?.BLOG_CARD?.TITLE),className:"bg-[var(--vis-background)] rounded-[8px] w-full mx-auto",children:(0,a.jsxs)(t.Zp,{className:"blog-card",children:[(0,a.jsx)("div",{className:"blog-card_image",children:(0,a.jsx)(o.Ay,{src:e?.featuredImageId?.fileUrl||"../../../../assets-public/blog-1.jpg",alt:e?.title||"",height:400,width:400,className:"w-full h-full object-cover",size:"medium"})}),(0,a.jsxs)("div",{className:"blog-card-content-wrpr",children:[(0,a.jsxs)("div",{className:"blog-card-content",children:[(0,a.jsx)("h2",{className:"blog-card-title",children:(0,g.EJ)(e?.title||"",n.N8?.BLOG_CARD?.TITLE)}),e?.tags?.length>0&&(0,a.jsx)("div",{className:"banner_tag",children:e?.tags?.slice(0,2)?.map((e,s)=>(0,a.jsx)("p",{className:"banner-tag-item",children:e?.name},s))}),(0,a.jsx)("p",{className:"blog_desc",children:(0,g.YT)((0,g.EJ)(e?.description||"",n.N8?.BLOG_CARD?.DESC),s)})]}),(0,a.jsxs)("p",{className:"read_more",children:[(0,a.jsx)("span",{children:"Read More"}),(0,a.jsx)("span",{className:"read_more-arrow",children:(0,a.jsx)("svg",{width:"7",height:"12",viewBox:"0 0 7 12",role:"presentation",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M6.97969 6.00312C6.97969 6.13646 6.95885 6.26146 6.91719 6.37812C6.87552 6.49479 6.80469 6.60312 6.70469 6.70312L2.10469 11.3031C1.92135 11.4865 1.68802 11.5781 1.40469 11.5781C1.12135 11.5781 0.888021 11.4865 0.704687 11.3031C0.521354 11.1198 0.429687 10.8865 0.429687 10.6031C0.429687 10.3198 0.521354 10.0865 0.704687 9.90312L4.60469 6.00312L0.704687 2.10312C0.521354 1.91979 0.429687 1.68646 0.429687 1.40312C0.429687 1.11979 0.521354 0.886458 0.704687 0.703125C0.88802 0.519792 1.12135 0.428124 1.40469 0.428124C1.68802 0.428124 1.92135 0.519792 2.10469 0.703125L6.70469 5.30312C6.80469 5.40312 6.87552 5.51146 6.91719 5.62812C6.95885 5.74479 6.97969 5.86979 6.97969 6.00312Z",fill:"currentColor"})})})]})]})]},e?._id)},`blog_${l}`),loadingIndicator:(0,a.jsxs)(t.Zp,{className:"blog-card",children:[(0,a.jsx)("div",{className:"blog-card_image",children:(0,a.jsx)("div",{className:"load-more w-full h-[400px]"})}),(0,a.jsx)("div",{className:"",children:(0,a.jsxs)("div",{className:"blog-card-content",children:[(0,a.jsx)("div",{className:"load-more h-6 w-3/4 mb-2"}),(0,a.jsx)("div",{className:"load-more h-4 w-1/2 mb-3"}),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"load-more h-4 w-full mb-1"}),(0,a.jsx)("div",{className:"load-more h-4 w-5/6 mb-1"}),(0,a.jsx)("div",{className:"load-more h-4 w-3/4"})]})]})})]})},`${JSON.stringify(v)}`)]})})}}}]);