https://hacker11.netlify.app/component---src-pages-find-your-style…ganization-units-js-fb3fe292012df70c6044.js

1"use strict";(self.webpackChunkGatsby_emQube=self.webpackChunkGatsby_emQube||[]).push([[4616],{709:function(e,t){t.A="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NS4xODQiIGhlaWdodD0iMjAuNTU3IiB2aWV3Qm94PSIwIDAgNDUuMTg0IDIwLjU1NyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjQxNCkiPjxwYXRoIGQ9Ik03LjUsMThINTAuNjg0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy41IC05LjEzNikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJNMTgsNy41bDguODY0LDguODY0TDE4LDI1LjIyOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMzIgLTcuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PC9zdmc+"},1872:function(e,t,a){a.r(t),a.d(t,{Head:function(){return I}});var n=a(6540),l=a(4794),i=a(6128),r=a(2532),s=a(5757),c=a(6838),o=a(3707),m=a(6575),d=a(7925),u=a(1388),p=a(9723),g=a(8294),h=a(6102),b=a(709);const v=(0,n.lazy)(()=>a.e(3265).then(a.bind(a,3265)));t.default=e=>{var t,a,c,I,N,y,w,E,M,f;let{pageContext:L,data:j,location:D}=e;const{0:S,1:x}=(0,n.useState)(!1),{0:k,1:C}=(0,n.useState)(null),T=L,Z=(null==j?void 0:j.kitchenDetailsData)||[],z=(null==j||null===(t=j.kitchenDetailsData)||void 0===t?void 0:t.kitchenDetails)||[],A=(null==j||null===(a=j.kitchenDetailsData)||void 0===a||null===(c=a.tabSection)||void 0===c?void 0:c.tabSection)||[],G=(null==j||null===(I=j.allWpPage)||void 0===I?void 0:I.edges)||[],P=(null==j||null===(N=j.kitchenDetailsData)||void 0===N?void 0:N.ourPartnersRelationshipField)||[],W=(null==j||null===(y=j.kitchenDetailsData)||void 0===y||null===(w=y.ourPartnersRelationshipField)||void 0===w?void 0:w.partners)||[],H=(null==j||null===(E=j.kitchenDetailsData)||void 0===E?void 0:E.bottomImageSection)||[],J=(null==j||null===(M=j.allWpPost)||void 0===M?void 0:M.nodes)||[],O=(null==j?void 0:j.allWpPost)||[];console.log("blogPostsCount:",O.totalCount);const Y=(0,n.useRef)();(0,n.useRef)();console.log("pageContext:",L);s.Ay.use([s.dK,s.Vx,s.Ij,s._R]);const{0:U,1:R}=(0,n.useState)("tab-0"),B=T.pageUri,Q=null==j||null===(f=j.kitchenDetailsData)||void 0===f?void 0:f.databaseId;console.log("PAGEID - Kitchen Details:",Q),(0,n.useEffect)(()=>{(async()=>{try{const e=await(0,d.i)();C(e)}catch(e){console.error("Error",e)}})()},[]),(0,n.useEffect)(()=>{const e=Y.current.querySelector(".indicator");let t=Y.current.querySelector(".tab-link.active");const a=t.offsetWidth,n=t.offsetLeft;console.log("initialWidth",a),console.log("initialLeft",n),e.style=`width: ${a}px; left: calc(${n}px - 5px)`},[B]);const V=e=>{R(e.target.id),console.log("tab id:",e.target.id);const t=e.target.offsetWidth;console.log("tab width:",t);const a=e.target.offsetLeft;console.log("li left position:",a);document.querySelector(".indicator").style=`Width: ${t}px; Left: ${a}px`};var F=0;return(0,n.useEffect)(()=>{const e=setTimeout(()=>{if("undefined"!=typeof window){const e=window.location.pathname;document.getElementById("mob-sel").value=e}},400);return()=>{clearTimeout(e)}},[]),n.createElement(n.Fragment,null,n.createElement(u.A,null,n.createElement("section",{className:"header-image"},n.createElement("div",{className:"contain"},n.createElement("h2",{className:"current-title-ancestor"},"Kitchen Details"),n.createElement("h1",{className:"current-page-title"},Z.title),n.createElement("ul",{className:"current-page-childrens"},G&&G[0].node.wpChildren.nodes.map((e,t)=>n.createElement("li",{className:""+(D.pathname===e.uri?"current-menu-item":"")},n.createElement("a",{href:e.uri},e.title)))),n.createElement("div",{className:"mobile-dropdown-wrapper d-none"},n.createElement("div",{className:"select-wrapper"},n.createElement("div",{className:"select"},n.createElement("div",{className:"select__trigger"},n.createElement("span",null,Z.title),n.createElement("div",{className:"arrow"})),n.createElement("div",{className:"custom-options"},G&&G[0].node.wpChildren.nodes.map((e,t)=>n.createElement("span",{className:"custom-option "+(D.pathname===e.uri?"selected":""),"data-value":e.uri},e.title)))))),n.createElement("select",{name:"mob-subpage inside-sub-select",id:"mob-sel",className:"mob-subpage blogtaxoselect",onChange:e=>{const t=e.target.value;t&&"undefined"!=typeof window&&(window.location=t)}},G&&G[0].node.wpChildren.nodes.map((e,t)=>n.createElement("option",{value:e.uri,Selected:D.pathname===e.uri?"Selected":""},e.title)))),n.createElement("div",{className:"wrapper"},n.createElement("div",{className:"breadcrumbs"},n.createElement(m.A,{postId:Q})),n.createElement("div",{className:"holder"},Z&&("undefined"!=typeof window&&window.innerWidth>767?n.createElement(r.G,{image:(0,r.c)(Z.featuredImage.node),alt:Z.title,width:1920,height:680,loading:"lazy"}):"undefined"!=typeof window&&window.innerWidth<767&&n.createElement(r.G,{image:(0,r.c)(Z.responsiveImageLayout.mobileHeaderImage),alt:Z.title,width:767,height:385,loading:"lazy"}))))),z&&n.createElement("section",{className:"design-content"},n.createElement("div",{className:"contain mb50",dangerouslySetInnerHTML:{__html:z.content1}})),A&&n.createElement("section",{className:"tab-section"},n.createElement("div",{className:"contain"},n.createElement("div",{className:"tab-wrapper"},n.createElement("ul",{className:"tabs",id:"tabContent",ref:Y},A.map((e,t)=>n.createElement("li",{onClick:V,key:`tab-${t}`,className:"tab-link "+(U===`tab-${t}`?"active":""),id:`tab-${t}`,"data-tab":t,dangerouslySetInnerHTML:{__html:e.title}}

1)),n.createElement("div",{className:"indicator"}))),n.createElement("a",{className:"clickable",id:"btnLeft",onClick:function(e){var t=Y.current;F>0&&(F-=1,t&&(t.style.marginLeft=-175*F+"px"))}},n.createElement("img",{src:p.A,alt:"Left Arrow"})),n.createElement("a",{className:"clickable",id:"btnRight",onClick:function(e){var t=Y.current;F<3&&(F+=1,t&&(t.style.marginLeft=-175*F+"px"))}},n.createElement("img",{src:g.A,alt:"Right Arrow"})),n.createElement("div",{className:"content-wrapper"},A.map((e,t)=>n.createElement("div",{key:`tab-content-${t}`,id:`tab-${t}`,className:"tab-content "+(U===`tab-${t}`?"active":""),"data-tab":t},n.createElement("div",{className:"content"},n.createElement("div",{className:"gallery-wrapper inside-tab-gal"},e.gallery.length>1?n.createElement(o.RC,{modules:[s.Ij,s.Vx],loop:!0,lazy:{loadPrevNext:!0},direction:"horizontal",autoplay:{delay:1e3,disableOnInteraction:!1},pagination:!1,navigation:{nextEl:".gal-button-next",prevEl:".gal-button-prev"},className:"swiper-container material-gal"},e.gallery.map((t,a)=>n.createElement(o.qr,{className:"swiper-slide",key:`swiper-slide-${a}`},n.createElement(r.G,{image:(0,r.c)(t),alt:t.altText,width:950,height:480,loading:"lazy",className:""+(e.gallery.length>1?"swiper-lazy":"")}))),e.gallery.length>1&&n.createElement("div",{className:"gal-button-next swiper-button-next"},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"45.184",height:"20.557",viewBox:"0 0 45.184 20.557"},n.createElement("g",{transform:"translate(1 1.414)"},n.createElement("path",{d:"M7.5,18H50.684",transform:"translate(-7.5 -9.136)",fill:"none",stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"}),n.createElement("path",{d:"M18,7.5l8.864,8.864L18,25.228",transform:"translate(16.32 -7.5)",fill:"none",stroke:"#fff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})))),e.gallery.length>1&&n.createElement("div",{className:"gal-button-prev swiper-button-prev"},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"45.184",height:"20.557",viewBox:"0 0 45.184 20.557"},n.createElement("g",{transform:"translate(-170 -2801.586)"},n.createElement("path",{d:"M50.684,18H7.5",transform:"translate(163.5 2793.864)",fill:"none",stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",strokeWidth:"2"}),n.createElement("path",{d:"M26.864,7.5,18,16.364l8.864,8.864",transform:"translate(153 2795.5)",fill:"none",stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",strokeWidth:"2"}))))):n.createElement(n.Fragment,null,e.gallery.map((t,a)=>n.createElement(r.G,{image:(0,r.c)(t),alt:t.altText,width:950,height:480,loading:"lazy",className:""+(e.gallery.length>1?"swiper-lazy":"")})))),n.createElement("div",{className:"tabcontent"},n.createElement("p",{dangerouslySetInnerHTML:{__html:e.description}})))))))),(29===Q||31===Q||35===Q||37===Q||39===Q)&&n.createElement("section",{className:"partners"},n.createElement("div",{className:"contain"},n.createElement("h4",null,P.partnersTitle),W.length>2?n.createElement("div",{className:"partners-carousel-wrapper"},n.createElement(o.RC,{modules:[s.Vx,s.Ij],loop:!0,spaceBetween:30,breakpoints:{640:{slidesPerView:2},768:{slidesPerView:3},1200:{slidesPerView:5}},lazy:{loadPrevNext:!0},direction:"horizontal",autoplay:{delay:1e3,disableOnInteraction:!1},pagination:!1,navigation:{nextEl:"#js-next",prevEl:"#js-prev"},className:"swiper-container partners-carousel"},W.map((e,t)=>n.createElement(o.qr,{className:"swiper-slide",key:`swiper-slide-${t}`},n.createElement("a",{"data-path":e.slug,href:`https://hacker11.netlify.app/about/partner-brands/?partner=${e.slug}`},n.createElement(r.G,{image:(0,r.c)(e.featuredImage.node),alt:e.featuredImage.node.altText,width:600,height:240,loading:"lazy"})))),37===Q&&W.map((e,t)=>n.createElement(o.qr,{className:"swiper-slide",key:`swiper-slide-${t}`},n.createElement("a",{"data-path":e.slug,href:`https://hacker11.netlify.app/about/partner-brands/?partner=${e.slug}`},n.createElement(r.G,{image:(0,r.c)(e.featuredImage.node),alt:e.featuredImage.node.altText,width:600,height:240,loading:"lazy"}))))),n.createElement("div",{id:"js-next",className:"partner-button-next swiper-button-next"},n.createElement("img",{src:b.A,alt:"Swiper Next Arrow"})),n.createElement("div",{id:"js-prev",className:"partner-button-prev swiper-button-prev"},n.createElement("img",{src:h.A,alt:"Swiper Previous Arrow"}))):n.createElement("div",{className:"partners-carousel-wrapper"},n.createElement("div",{className:"partners-no-carousel"},n.createElement("ul",null,W.map((e,t)=>n.createElement("li",null,n.createElement("a",{"data-path":e.slug,href:`https://hacker11.netlify.app/about/partner-brands/?partner=${e.slug}`},n.createElement(r.G,{image:(0,r.c)(e.featuredImage.node),alt:e.featuredImage.node.altText,width:600,height:240,loading:"lazy"}

1))))))))),!S&&n.createElement("div",null,"Loading..."),n.createElement(i.A,{offset:100,onContentVisible:()=>x(!0)},n.createElement(n.Suspense,{fallback:()=>{x(!0)}},n.createElement(v,null))),O.totalCount>0&&n.createElement("section",{className:"blogs inside-kitchen-details"},n.createElement("div",{className:"contain "+(27===Q?"pt0":"")},n.createElement("h4",null,"Blog"),n.createElement("ul",{className:"blogs-wrapper"},J&&J.map((e,t)=>{return n.createElement("li",{key:e.id,className:""},n.createElement(l.N_,{to:e.uri},n.createElement("div",{class:"holder"},n.createElement(r.G,{image:(0,r.c)(e.featuredImage.node),alt:e.title,width:"930",height:"470"}))),n.createElement("h5",{dangerouslySetInnerHTML:{__html:e.title}}),n.createElement("div",{className:"blog-txt",dangerouslySetInnerHTML:{__html:(a=e.content,i=400,a.length>i?a.slice(0,i)+"...":a)}}),n.createElement(l.N_,{to:e.uri,className:"learn-more"},"Learn More"));var a,i})))),n.createElement("section",{className:"dream-kitchen design-style-cta"},n.createElement("div",{className:"contain1"},H&&n.createElement("div",{className:"text-wrap",dangerouslySetInnerHTML:{__html:H.bottomContent}}),n.createElement("div",{className:"wrapper"},n.createElement("div",{className:"holder"},H&&("undefined"!=typeof window&&window.innerWidth>767?n.createElement(r.G,{className:"",image:(0,r.c)(H.bottomImage),alt:H.bottomImage.altText,width:"1920",height:"630"}):"undefined"!=typeof window&&window.innerWidth<767&&n.createElement(r.G,{className:"Mobile",image:(0,r.c)(H.bottomImageMobile),alt:"Dream Kitchen",width:"768",height:"252"}))))))))};const I=e=>{var t,a;let{data:l}=e;return n.createElement(c.A,{seoData:(null==l||null===(t=l.kitchenDetailsData)||void 0===t?void 0:t.seo)||[],pageUrl:null==l||null===(a=l.kitchenDetailsData)||void 0===a?void 0:a.uri},n.createElement("script",{type:"text/javascript",src:"https://assets.calendly.com/assets/external/widget.js",async:!0}))}},6102:function(e,t){t.A="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NS4xODQiIGhlaWdodD0iMjAuNTU3IiB2aWV3Qm94PSIwIDAgNDUuMTg0IDIwLjU1NyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MCAtMjgwMS41ODYpIj48cGF0aCBkPSJNNTAuNjg0LDE4SDcuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYzLjUgMjc5My44NjQpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTI2Ljg2NCw3LjUsMTgsMTYuMzY0bDguODY0LDguODY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTMgMjc5NS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvZz48L3N2Zz4="},6128:function(e,t,a){a.d(t,{A:function(){return c}});var n=a(6540),l=Object.defineProperty,i=(e,t,a)=>(((e,t,a)=>{t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a})(e,"symbol"!=typeof t?t+"":t,a),a);const r=(e,t)=>typeof getComputedStyle<"u"?getComputedStyle(e,null).getPropertyValue(t):e.style.getPropertyValue(t),s=e=>r(e,"overflow")+r(e,"overflow-y")+r(e,"overflow-x");class c extends n.Component{constructor(e){super(e),i(this,"elementObserver"),i(this,"wrapper"),i(this,"lazyLoadHandler",e=>{var t,a;const{onContentVisible:n}=this.props,[l]=e,{isIntersecting:i}=l;if(i){this.setState({visible:!0},()=>{n&&n()});const e=null==(t=this.wrapper)?void 0:t.current;e&&e instanceof HTMLElement&&(null==(a=this.elementObserver)||a.unobserve(e))}}),this.elementObserver=null,this.wrapper=n.createRef(),this.state={visible:!1}}componentDidMount(){var e;this.getEventNode();const{offset:t,threshold:a}=this.props,n={rootMargin:"number"==typeof t?`${t}px`:t||"0px",threshold:a||0};this.elementObserver=new IntersectionObserver(this.lazyLoadHandler,n);const l=null==(e=this.wrapper)?void 0:e.current;l instanceof HTMLElement&&this.elementObserver.observe(l)}shouldComponentUpdate(e,t){return t.visible}componentWillUnmount(){var e,t;const a=null==(e=this.wrapper)?void 0:e.current;a&&a instanceof HTMLElement&&(null==(t=this.elementObserver)||t.unobserve(a))}getEventNode(){var e;return(e=>{if(!(e instanceof HTMLElement))return window;let t=e;for(;t&&t!==document.body&&t!==document.documentElement&&t.parentNode;){if(/(scroll|auto)/.test(s(t)))return t;t=t.parentNode}return window}

1)(null==(e=this.wrapper)?void 0:e.current)}render(){const{children:e,className:t,height:a,width:l,elementType:i}=this.props,{visible:r}=this.state,s={height:a,width:l},c=`LazyLoad${r?" is-visible":""}${t?` ${t}`:""}`;return(0,n.createElement)(i||"div",{className:c,style:s,ref:this.wrapper},r&&n.Children.only(e))}}i(c,"defaultProps",{elementType:"div",className:"",offset:0,threshold:0,width:null,onContentVisible:null,height:null})},7925:function(e,t,a){a.d(t,{i:function(){return l}});var n=a(1083);const l=async()=>{try{return(await(0,n.A)({method:"get",url:"https://app.hacker.ae/wp-json/custom/v1/acf-options",headers:{Accept:"application/json"}})).data}catch(e){throw console.error("Option page Error",e),e}}},8294:function(e,t){t.A="data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJhcnJvdy1yaWdodCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWFycm93LXJpZ2h0IGZhLXctMTQiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTkwLjUgNjYuOWwyMi4yLTIyLjJjOS40LTkuNCAyNC42LTkuNCAzMy45IDBMNDQxIDIzOWM5LjQgOS40IDkuNCAyNC42IDAgMzMuOUwyNDYuNiA0NjcuM2MtOS40IDkuNC0yNC42IDkuNC0zMy45IDBsLTIyLjItMjIuMmMtOS41LTkuNS05LjMtMjUgLjQtMzQuM0wzMTEuNCAyOTZIMjRjLTEzLjMgMC0yNC0xMC43LTI0LTI0di0zMmMwLTEzLjMgMTAuNy0yNCAyNC0yNGgyODcuNEwxOTAuOSAxMDEuMmMtOS44LTkuMy0xMC0yNC44LS40LTM0LjN6Ij48L3BhdGg+PC9zdmc+"},9723:function(e,t){t.A="data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJhcnJvdy1sZWZ0IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtYXJyb3ctbGVmdCBmYS13LTE0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTI1Ny41IDQ0NS4xbC0yMi4yIDIyLjJjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwTDcgMjczYy05LjQtOS40LTkuNC0yNC42IDAtMzMuOUwyMDEuNCA0NC43YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDIyLjIgMjIuMmM5LjUgOS41IDkuMyAyNS0uNCAzNC4zTDEzNi42IDIxNkg0MjRjMTMuMyAwIDI0IDEwLjcgMjQgMjR2MzJjMCAxMy4zLTEwLjcgMjQtMjQgMjRIMTM2LjZsMTIwLjUgMTE0LjhjOS44IDkuMyAxMCAyNC44LjQgMzQuM3oiPjwvcGF0aD48L3N2Zz4="}}]);
2//# sourceMappingURL=component---src-pages-find-your-style-kitchen-details-organization-units-js-fb3fe292012df70c6044.js.map