https://panel.winningcircle.io/static/js/1763.223e582b.chunk.js

1"use strict";(self.webpackChunkwinning_circle_academy_web=self.webpackChunkwinning_circle_academy_web||[]).push([[1763],{60174(e,r,a){a.r(r),a.d(r,{default:()=>F});var t=a(89379),o=a(65043),n=a(20735),l=a(98975),i=a(4942),d=a(43788),s=a(97827),c=a(92157),g=a.n(c),u=a(4662),p=a(55358),x=a(70579);const b=o.memo((e=>{let{data:r,isLoading:a,isError:t,error:n,onPageChange:c,isJournal:b=!1,selectedKeywords:m=[]}=e;const f=(0,l.Zp)(),h=(0,o.useCallback)(((e,r)=>{u.A.blogClickBlogs(r,e);const a=(0,p.e3)(i.J.panelBlogDetail,e,r);f(a)}),[f]);if(a)return(0,x.jsx)("div",{className:"w-full  flex justify-center items-center py-20",children:(0,x.jsx)(d.H,{})});if(t)return(0,x.jsxs)("div",{children:["Error: ",(null===n||void 0===n?void 0:n.message)||"Bir hata olu\u015ftu"]});if(!r||!r.data||!Array.isArray(r.data.data))return(0,x.jsx)("div",{className:"w-full  flex justify-center items-center pb-10",children:(0,x.jsx)("p",{className:"text-lg text-gray-600",children:" blog bulunamad\u0131"})});if(0===r.data.data.length)return(0,x.jsx)("div",{className:"w-full flex justify-center items-center py-10",children:(0,x.jsx)("p",{className:"text-2xl text-wc-green",children:m.length>0?1===m.length&&"B\xfclten"===m[0].label?"Hen\xfcz B\xfclten Bulunmuyor":"Araman\u0131za uygun sonu\xe7 bulunamad\u0131":"Blog Bulunamad\u0131"})});const w=r.data.pageNumber||0,k=r.data.pageCount||1;return(0,x.jsxs)("div",{className:"w-full",children:[(0,x.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4 4k:grid-cols-5 2xl:gap-10 gap-6 mt-4",children:r.data.data.map((e=>(0,x.jsx)(s.A,{title:e.title,blogId:e.id,context:"panel",onClick:()=>h(e.id,e.title),image:e.imageUrl},e.id)))}),k>1&&(0,x.jsx)("div",{className:"flex justify-center mt-8",children:(0,x.jsx)(g(),{breakLabel:"...",nextLabel:">",onPageChange:e=>{c(e.selected)},pageRangeDisplayed:5,marginPagesDisplayed:2,pageCount:k,forcePage:w,previousLabel:"<",renderOnZeroPageCount:null,containerClassName:"flex items-center gap-2",pageClassName:"bg-white dark:bg-card-bg border border-gray-300 dark:border-dark-border rounded-lg hover:bg-gray-50 dark:hover:bg-input-bg-dark transition-colors",pageLinkClassName:"px-3 py-2 block text-gray-700 dark:text-white hover:text-wc-green font-medium",previousClassName:"bg-white dark:bg-card-bg border border-gray-300 dark:border-dark-border rounded-lg hover:bg-gray-50 dark:hover:bg-input-bg-dark transition-colors",previousLinkClassName:"px-3 py-2 block text-gray-700 dark:text-white hover:text-wc-green font-medium",nextClassName:"bg-white dark:bg-card-bg border border-gray-300 dark:border-dark-border rounded-lg hover:bg-gray-50 dark:hover:bg-input-bg-dark transition-colors",nextLinkClassName:"px-3 py-2 block text-gray-700 dark:text-white hover:text-wc-green font-medium",activeClassName:"!bg-wc-green dark:!bg-progress-start !border-wc-green dark:!border-progress-start",activeLinkClassName:"!text-white !hover:text-white font-bold",disabledClassName:"opacity-50 cursor-not-allowed",breakClassName:"px-3 py-2 text-gray-700 dark:text-white"})})]})}));var m=a(65580),f=a(53986),h=a(45394);const w=["ref"],k=()=>document.documentElement.classList.contains("dark"),v={control:(e,r)=>(0,t.A)((0,t.A)({},e),{},{minHeight:"36px",border:k()?"0.5px solid #2E394D":"0.5px solid #8B8B8B",borderRadius:"8px",padding:"2px 4px",background:k()?"linear-gradient(107.95deg, rgba(255, 255, 255, 0.7) -11.33%, #FFFFFF 120.24%)":"#F7F7F7",boxShadow:"none","&:focus":{outline:"none",border:k()?"0.5px solid #2E394D":"0.5px solid #8B8B8B"},"&:hover":{border:k()?"0.5px solid #2E394D":"0.5px solid #8B8B8B"},outline:"none"}),placeholder:e=>(0,t.A)((0,t.A)({},e),{},{color:"#000000",fontSize:"13px",fontWeight:500}),valueContainer:e=>(0,t.A)((0,t.A)({},e),{},{padding:"0 4px",flexWrap:"wrap"}),indicatorsContainer:e=>(0,t.A)((0,t.A)({},e),{},{alignSelf:"center"}),indicatorSeparator:()=>({display:"none"}),dropdownIndicator:e=>(0,t.A)((0,t.A)({},e),{},{padding:"0 0px"}),clearIndicator:e=>(0,t.A)((0,t.A)({},e),{},{padding:"0 0px"}),menu:e=>(0,t.A)((0,t.A)({},e),{},{borderRadius:"8px",padding:"0 6px",border:k()?"0.5px solid rgba(123, 123, 123, 0.8)":"0.5px solid #8B8B8B",backgroundColor:k()?"#242424":"white",zIndex:9999,marginTop:"2px"}),option:(e,r)=>(0,t.A)((0,t.A)({},e),{},{display:"flex",alignItems:"center",padding:"12px 12px 12px 12px",fontSize:"14px",marginBottom:"2px",borderRadius:"4px",backgroundColor:k()?r.isFocused?"#323232":"#242424":r.isFocused?"#f3f4f6":"white",color:k()?"#FFFFFF":"#000000"}),multiValue:e=>(0,t.A)((0,t.A)({},e),{},{border:"none",borderRadius:"4px",margin:"1px",maxHeight:"26px"}),multiValueLabel:e=>(0,t.A)((0,t.A)({},e),{},{color:"#174844",fontSize:"12px",fontWeight:500,padding:"1px 4px",border:"none"}),multiValueRemove:e=>(0,t.A)((0,t.A)({},e),{},{color:"#174844",":hover":{backgroundColor:"#f3f4f6",color:"#174844"}})},y={DropdownIndicator:e=>(0,x.jsx)("div",{style:{padding:"0 8px",display:"flex",alignItems:"center"},children:(0,x.jsx)(h.EUj,{size:16,color:"#0E0E0E"})}),ClearIndicator:e=>{const{innerProps:{ref:r}}=e,a=(0,f.A)(e.innerProps,w);return(0,x.jsx)("div",(0,t.A)((0,t.A)({ref:r},a),{},{style:{padding:"0 8px",display:"flex",alignItems:"center",cursor:"pointer"},children:(0,x.jsx)(h.lr4,{size:16,color:"#0E0E0E"})}))},MultiValue:e=>{const{children:r,removeProps:a,data:o}=e;return(0,x.jsxs)("div",{className:"flex items-center bg-white dark:bg-input-bg-dark border-[0.5px] border-placeholder-color dark:border-divider-color roun

1ded-lg m-[1px]",children:[(0,x.jsx)("div",{className:"px-2 py-0 text-wc-green dark:text-white text-[12px] font-light",children:r}),(0,x.jsx)("div",(0,t.A)((0,t.A)({},a),{},{className:"flex items-center justify-center cursor-pointer hover:bg-gray-100 dark:hover:bg-input-bg p-0.5",children:(0,x.jsx)(h.lr4,{size:12,color:k()?"#FFFFFF":"#174844"})}))]})}};var A=a(81361);const j=a.p+"static/media/14inc-blog.c8955b5bba7f48d94125.png",C=a.p+"static/media/27inc-blog.a0f3db9991d80b44e009.png",N=a.p+"static/media/Tablet-blog.d0e8fd39338cf645e7d2.png",B="B\xfclten",F=()=>{var e;const r=(0,l.zy)(),[a,i]=(0,o.useState)(0),[d,s]=(0,o.useState)([]),[c,g]=(0,o.useState)(window.innerWidth),p=(0,o.useRef)(3*(0,A.U)()),{useGetAllBlogs:f,useGetBlogKeywords:h}=(0,n.A)();(0,o.useEffect)((()=>{const e=()=>{g(window.innerWidth)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);const[w,k]=(0,o.useState)([]),{data:F,isLoading:E,isError:L}=f({httpParams:{page:a,size:p.current,keywordIds:d.length>0?d.map((e=>e.value)):[]}}),{data:z,isLoading:D}=h(),I=(0,o.useMemo)((()=>(0,t.A)((0,t.A)({},v),{},{container:e=>(0,t.A)((0,t.A)({},e),{},{minWidth:"220px",maxWidth:"640px"}),control:(e,r)=>(0,t.A)((0,t.A)({},v.control(e,r)),{},{flexWrap:"wrap"})})),[]);(0,o.useEffect)((()=>{var e;if(null!==(e=r.state)&&void 0!==e&&e.keyword&&null!==z&&void 0!==z&&z.data){const e=r.state.keyword,a=z.data.find((r=>r.keyword===e));a&&s([{label:a.keyword,value:a.id}]),window.history.replaceState({},document.title)}}),[r.state,z]),(0,o.useEffect)((()=>{null!==z&&void 0!==z&&z.data&&k(z.data.map((e=>({label:e.keyword,value:e.id}))))}),[z]);const P=d.find((e=>e.label===B));return(0,x.jsxs)("div",{className:"min-h-screen font-urbanist font-thin pb-8",children:[(0,x.jsx)("img",{src:c<=1024?N:c<=1366?j:C,alt:"Blog header",className:"w-full h-auto  object-cover object-left-center"}),(0,x.jsxs)("div",{className:"mx-auto pb-8 pt-2",children:[(0,x.jsxs)("div",{className:" flex flex-col lg:flex-row gap-4 lg:gap-0 justify-between items-center mt-6 mb-2 px-0",children:[(0,x.jsx)("button",{onClick:()=>{(()=>{if(P){const e=d.filter((e=>e.label!==B));s(e),i(0)}else s((e=>[...e,{label:B,value:w.find((e=>e.label===B)).value}]));i(0)})()},disabled:D,className:"w-full lg:w-auto px-4 py-2 text-[12px] font-extrabold rounded-lg hover:scale-105 transition-all duration-300  ".concat(D?"bg-gray-400 cursor-not-allowed":P?"bg-about-us-button-bg dark:bg-button-dark-gradient dark:text-wc-new-gray text-wc-green":"bg-gradient-to-br from-wc-green/70 to-wc-green text-white dark:bg-button-gold-gradient dark:text-wc-new-gray"),children:P?"Hepsini G\xf6ster":"B\xfcltenleri G\xf6ster"}),(0,x.jsx)("div",{className:"w-full lg:w-auto",children:(0,x.jsx)(m.Ay,{value:d,options:w,isClearable:!0,isMulti:!0,isLoading:D,isDisabled:D,onChange:(e,r)=>{console.log("actionMeta",r),"select-option"===r.action&&u.A.keywordClickPanel(r.option.label),s(e||[]),i(0)},placeholder:D?"Konular y\xfckleniyor...":"Konu se\xe7in",styles:I,components:y,className:"min-w-[220px] max-w-[640px] w-full lg:w-fit"})})]}),(0,x.jsx)(b,{data:F,isLoading:E,isError:L,onPageChange:e=>{i(e)},isJournal:(null===(e=d[0])||void 0===e?void 0:e.label)===B,selectedKeywords:d})]})]})}},97827(e,r,a){a.d(r,{A:()=>i});a(65043);var t=a(98975),o=a(4942),n=a(55358),l=a(70579);const i=e=>{let{title:r="Blog Ba\u015fl\u0131\u011f\u0131",image:a,onClick:i,blogId:d,context:s="panel"}=e;const c=(0,t.Zp)(),g=()=>{if(!d||!r)return"#";const e="landing"===s?o.A.landingBlogDetails:o.A.panelBlogDetail;return(0,n.e3)(e,d,r)};return(0,l.jsx)("a",{href:g(),onClick:e=>{e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),i?i():c(g()))},onAuxClick:e=>{1===e.button&&(e.preventDefault(),window.open(g(),"_blank"))},className:"cursor-pointer transition-transform hover:scale-[1.02] duration-300 flex flex-col no-underline",children:(0,l.jsx)("div",{className:"flex flex-col h-full rounded-xl overflow-hidden border-[0.3px] border-[#7C7C7C] dark:border-dark-border bg-gradient-to-br from-[#F4F2F3] to-[#F0F0F0] dark:from-black dark:to-black",children:(0,l.jsx)("div",{className:"relative w-full aspect-square overflow-hidden",children:(0,l.jsx)("div",{className:"absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover:scale-105",style:{backgroundImage:"url(".concat(a,")")}})})})})}},81361(e,r,a){a.d(r,{U:()=>t});const t=()=>{const e=window.innerWidth;return e>=2160?5:e>=1536?4:e>=1280||e>=1024?3:e>=640?2:1}}}]);
2//# sourceMappingURL=1763.223e582b.chunk.js.map