https://www.userfacet.com/_next/static/chunks/pages/works-14ce827515a63e16.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8547],{41894:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/works",function(){return a(48834)}])},48834:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return f}});var i=a(85893);a(27562),a(32377);var o=a(67294),s=a(41664),r=a.n(s),l=a(11163),d=a(5152),n=a.n(d),c=a(68078),u=a(22435),v=a(83277);let m=n()(()=>Promise.all([a.e(5675),a.e(3809)]).then(a.bind(a,63809)),{loadableGenerated:{webpack:()=>[63809]}}),h=n()(()=>Promise.all([a.e(9282),a.e(9017),a.e(9889)]).then(a.bind(a,64389)),{loadableGenerated:{webpack:()=>[64389]}}),g=n()(()=>a.e(4814).then(a.bind(a,94814)),{loadableGenerated:{webpack:()=>[94814]}}),_=n()(()=>a.e(9395).then(a.bind(a,59395)),{loadableGenerated:{webpack:()=>[59395]}}),x=e=>{var t,a,s,r,d,n,m,h,g,_,x,f,k,j,b,N,P,R,E;let S=(0,l.useRouter)(),y=e&&(null==e?void 0:e.cardResponseAPI)&&(null==e?void 0:e.cardResponseAPI.pageContent)?null===(t=e.cardResponseAPI)||void 0===t?void 0:t.pageContent:"",I=e&&(null==e?void 0:e.moreWorkResponseAPI)&&(null===(a=e.moreWorkResponseAPI)||void 0===a?void 0:a.pageContent)?null===(s=e.moreWorkResponseAPI)||void 0===s?void 0:s.pageContent:"",[L,C]=(0,o.useState)(y.data),[A,O]=(0,o.useState)(I.data),[D,W]=(0,o.useState)(0),[M,T]=(0,o.useState)(0),F=async()=>{var e;let t=await u.Z.getStoryList(D,S.asPath.split("/")[2],!1),a=null===(e=t.data)||void 0===e?void 0:e.data;0!==a.length&&C([...L,...a])},G=async()=>{var e;let t=await u.Z.getStoryList(M,S.asPath.split("/")[2],!0),a=null===(e=t.data)||void 0===e?void 0:e.data;0!==a.length&&C([...A,...a])};(0,o.useEffect)(()=>{0!==D&&F()},[D]),(0,o.useEffect)(()=>{0!==M&&G()},[M]),(0,o.useEffect)(()=>{C(y.data),O(I.data),W(0),T(0)},[S.asPath]);let B=(0,o.useRef)(null),U=(0,o.useRef)(null),X=(0,o.useRef)(null);(0,o.useEffect)(()=>{var e;function t(e){let t=e.target.closest(".brand-img-container");null!==t?X.current.innerHTML="VIEW":X.current.innerHTML="",function(e,t){var a;let i=e.clientX-B.current.offsetWidth/2,o=e.clientY-B.current.offsetHeight/2,s={transform:"translateX(".concat(i,"px) translateY(").concat(o,"px) ").concat(!0===t?"scale(1)":"scale(0)"),borderRadius:"".concat(t?"0px":"50%")};null===(a=B.current)||void 0===a||a.animate(s,{duration:600,fill:"forwards"})}(e,null!==t)}return null==U||null===(e=U.current)||void 0===e||e.addEventListener("mousemove",t),()=>{var e;null==U||null===(e=U.current)||void 0===e||e.removeEventListener("mousemove",t)}},[]);let Z=e&&(null==e?void 0:e.cardResponseAPI)?null==e?void 0:e.cardResponseAPI:"";return(null==Z?void 0:Z.status)==="failure"?(0,i.jsx)(v.Z,{}):(0,i.jsxs)(o.Fragment,{children:[Z&&(null==Z?void 0:Z.extra_data)&&(null==Z?void 0:null===(r=Z.extra_data)||void 0===r?void 0:r.seo)&&(0,i.jsx)(c.Z,{title:null==Z?void 0:null===(d=Z.extra_data)||void 0===d?void 0:null===(n=d.seo)||void 0===n?void 0:n.meta_title,description:null==Z?void 0:null===(m=Z.extra_data)||void 0===m?void 0:null===(h=m.seo)||void 0===h?void 0:h.meta_description,keywords:null==Z?void 0:null===(g=Z.extra_data)||void 0===g?void 0:null===(_=g.seo)||void 0===_?void 0:_.meta_keywords,pageURL:"https://www.userfacet.com"+S.asPath,ogImage:null==Z?void 0:null===(x=Z.extra_data)||void 0===x?void 0:null===(f=x.seo)||void 0===f?void 0:f.brand_logo,ogImgSecureURL:void 0,ogImageAlt:void 0,ogImgSecureAlt:void 0,seoType:null==Z?void 0:null===(k=Z.extra_data)||void 0===k?void 0:null===(j=k.seo)||void 0===j?void 0:null===(b=j.seo_type)||void 0===b?void 0:b.name,indexType:null==Z?void 0:null===(N=Z.extra_data)||void 0===N?void 0:null===(P=N.seo)||void 0===P?void 0:P.no_index,wordCount:void 0,datePublished:void 0,dateModified:void 0,authorType:void 0,authorName:void 0,authorURL:void 0,brandImage:null==Z?void 0:null===(R=Z.extra_data)||void 0===R?void 0:null===(E=R.seo)||void 0===E?void 0:E.brand_image,articleBody:void 0,genre:void 0,blogCategory:void 0,blogCategoryLink:void 0,ratingSEOData:void 0,courseSEOPrice:void 0,courseSEOPriceCurrency:void 0,courseSEOID:void 0,courseSEOGroupID:void 0,isPageURLType:void 0,isBreadcrumbs:void 0,isCarousels:void 0,isFAQ:void 0,isReviews:void 0,isAggregateRating:void 0,breadcrumbsData:void 0,carouselsData:void 0,faqsData:void 0,isPageBlogCat:void 0}),(0,i.jsxs)("div",{ref:U,children:[(0,i.jsx)("div",{className:"moving-div",ref:B,children:(0,i.jsx)("p",{className:"moving-div-txt inter_tight_regular",ref:X})}),(0,i.jsxs)("div",{className:"container",children:[(0,i.jsx)(p,{router:S,data:0===D?y.data:L,extraData:y.extra_data,setCardOffset:W}),0!==I.data.length&&(0,i.jsx)(w,{moreWorkData:0===M?I.data:A,setMoreWorkOffset:T,extraData:I.extra_data})]})]})]})};var f=!0;t.default=x;let p=e=>{let{router:t,data:a,extraData:s,setCardOffset:r}=e,[l,d]=(0,o.useState)(""),[n,c]=(0,o.useState)(""),[u,v]=(0,o.useState)(!1);(0,o.useEffect)(()=>{s.categories_list.map((e,t)=>{"all-works"===e.seo_slug_url&&(d(e.name),c(e.count))})},[t.asPath]);let _=s.total_count>a.length;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"filter-container",children:(0,i.jsxs)("div",{className:"filter-div",onClick:()=>v(!0),children:[(0,i.jsxs)("h2",{className:"filter-heading inter_tight_medium",children:[l,"\xa0",n&&(0,i.jsxs)("span",{className:"heading-sub inter_tight_bold",style:{verticalAlign:"super"},children:["(",n,")"]})]}),(0,i.jsx)("div",{className:"icon-div",children:(0,i.jsx)("svg",{width:"26",height:"15",viewBox:"0 0 26 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M25 1L13 13L1 0.999998",stroke:"#0E0F10",strokeWidth:"3.5"})})})]})}),u&&(0,i.jsx)(h,{setShow:v,show:u,categoryList:s.categories_list}),(0,i.jsxs)("div",{className:"work_card_div ",children:[a&&(0,i.jsx)(m,{client_stories:a,alternate:!0}),_&&(0,i.jsx)(g,{content:"Load More",setOffset:r})]})]})},w=e=>{let{moreWorkData:t,setMoreWorkOffset:a,extraData:s}=e,l=(0,o.useRef)(null),d=s.total_count>t.length;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"more-work-heading-div",children:(0,i.jsx)("h2",{className:"inter_tight_medium more-work-heading",children:"More Work"})}),(0,i.jsxs)("div",{className:"more-work-container",children:[(0,i.jsxs)("div",{children:[t&&t.map((e,t)=>(0,i.jsxs)("div",{className:"more-work-item",ref:l,children:[""!==e.seo_slug_url?(0,i.jsx)(r(),{id:"works-"+e.seo_slug_url,href:"/works/use-cases/"+e.seo_slug_url,children:(0,i.jsxs)("div",{className:"more-work-header",children:[(0,i.jsx)("p",{className:"more-work-item-title inter_tight_bold",children:e.name}),(0,i.jsx)("div",{className:"more-work-icon",children:(0,i.jsx)(_,{alt:"service_goarrow",src:"/images/link_arrow.svg",onClick:void 0})})]})}):(0,i.jsx)("div",{className:"more-work-header",children:(0,i.jsx)("p",{className:"more-work-item-title inter_tight_bold",children:e.name})}),(0,i.jsx)("p",{className:"more-work-item-description inter_tight_light",children:e.short_description}),(0,i.jsx)("div",{className:"more-work-img-div",children:(0,i.jsx)("img",{src:e.icon,alt:"more work"})})]},t))," "]}),d&&(0,i.jsx)(g,{content:"Load More",setOffset:a})]})]})}}},function(e){e.O(0,[1695,3277,9774,2888,179],function(){return e(e.s=41894)}),_N_E=e.O()}]);