https://rakchamber.ae/static/js/3116.107a6b37.chunk.js

1"use strict";(self.webpackChunkcms_website=self.webpackChunkcms_website||[]).push([[3116],{5233:(e,t,i)=>{i.d(t,{A:()=>a});const a=(0,i(70273).A)((e=>({root:{width:"100%",marginRight:"auto",marginLeft:"auto",[e.breakpoints.down(960)]:{width:"90%",marginRight:"auto",marginLeft:"auto",marginBottom:"100px"},"& h1":{fontFamily:"rtl"===e.direction?e.globals.fontFamily.ar:e.globals.fontFamily.en,fontStyle:"normal",fontWeight:"bold",fontSize:e.globals.fontSize.lg,lineHeight:"41px",color:"dark"===e.palette.type?e.globals.colors.darkPrimary:e.globals.colors.textMed,marginBottom:"20px",position:"relative",textAlign:"start",[e.breakpoints.down(1250)]:{fontSize:e.globals.fontSize.lg},[e.breakpoints.down(768)]:{fontSize:e.globals.fontSize.lg}},"& h1:before":{content:'""',position:"absolute",top:"-9px",width:"95%",height:1,backgroundColor:e.palette.primary.main,[e.breakpoints.down(1450)]:{width:"100%"}},"& ul.nav.nav-tabs":{width:"93%",display:"flex",justifyContent:"space-between",borderBottom:"unset",marginBottom:"10px",[e.breakpoints.down(960)]:{maxWidth:"360px",marginRight:"auto",marginLeft:"auto"},"& li":{width:"25%",cursor:"pointer","& a.nav-link":{textAlign:"center",border:0,"& h2":{textAlign:"center",borderRadius:"2px",border:"0",fontFamily:"rtl"===e.direction?e.globals.fontFamily.ar:e.globals.fontFamily.en,fontStyle:"normal",fontWeight:"600",fontSize:e.globals.fontSize.s+1,lineHeight:"25px",color:e.palette.primary.main,textTransform:"capitalize",[e.breakpoints.down(1250)]:{fontSize:e.globals.fontSize.s-2}}},"& a.active.nav-link":{boxSizing:"border-box",background:"transparent",border:`1px solid ${e.palette.primary.main}`,borderRadius:"35px",width:"fit-content",height:"40px",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:8}},"& li.instagram a":{paddingTop:"0.8rem","& span.insta":{backgroundImage:"url(/assets/images/insta.png)",backgroundSize:"contain",backgroundRepeat:"no-repeat",width:23,height:20,display:"block",marginLeft:"auto",marginRight:"auto"}}},"& ul.nav.nav-tabs.participation":{"& li":{width:"33%",[e.breakpoints.between(960,1500)]:{width:"90px"}}},"& div.tab-content":{width:"100%",overflow:"hidden",boxShadow:"0px 10px 40px rgba(0, 0, 0, 0.1)",background:e.globals.colors.white,borderRadius:"10px",[e.breakpoints.down(960)]:{width:"100%",maxWidth:"450px",marginLeft:"auto",marginRight:"auto"},[e.breakpoints.down(600)]:{height:540},"& div.tab-pane":{height:500},"& div.tab-pane.social":{overflowY:"unset","& .twitter-timeline > iframe":{width:"100%!important"}},"& div.tab-pane.active":{height:500,borderRadius:"10px","& div.row":{padding:"10px 0px",width:"100%",height:"100%",marginRight:"auto",marginLeft:"auto",justifyContent:"center",[e.breakpoints.down(960)]:{minHeight:"300px",height:"100%"},[e.breakpoints.down(768)]:{width:"100%"}},"& div.row.polls":{}}}},instaBox:{margin:16,borderRadius:8,padding:12,border:"1px solid #0000001f",boxShadow:"0 1px 2px #0000001f"},top:{alignItems:"center",flexDirection:"row!important",overflowY:"scroll",overflowX:"hidden","&::-webkit-scrollbar":{width:"0.6em",borderRadius:"5px"},"&::-webkit-scrollbar-track":{"-webkit-box-shadow":"inset 0 0 6px rgba(0,0,0,0.00)"},"&::-webkit-scrollbar-thumb":{backgroundColor:e.palette.primary.main,borderRadius:"6px"}},video:{width:"100%",height:"100%"},loading:{fontSize:16,textAlign:"center"},twitter:{width:"90%",marginRight:"auto",marginLeft:"auto"}})))},33116:(e,t,i)=>{i.r(t),i.d(t,{default:()=>H});var a=i(65043),o=i(81551),n=i(70567),r=i(20495),s=i(70859),l=i(60151),d=i(90647),c=i(70579);const h=(0,l.Cc)(s.Ay),u=(0,o.A)((e=>({root:{maxWidth:"100%",flexGrow:1},header:{display:"flex",alignItems:"center",height:1,paddingLeft:e.spacing(4),backgroundColor:e.palette.background.default}})));function p(e){const t=u(),i=(0,n.A)(),[o,s]=(0,a.useState)(0),[l,p]=(0,a.useState)(!1);e.items.length;let m=e.items;return(0,c.jsxs)("div",{className:t.root,children:[(0,c.jsx)(r.A,{square:!0,elevation:0,className:t.header}),(0,c.jsx)(h,{axis:"rtl"===i.direction?"x-reverse":"x",index:o,onChangeIndex:e=>{l||s(e)},enableMouseEvents:!0,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:m.map(((e,t)=>(0,c.jsx)("div",{children:Math.abs(o-t)<=2?(0,c.jsx)("iframe",{width:"100%",height:"500px",src:e,title:"YouTube video player",frameborder:"0",allow:"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",style:{borderRadius:10,padding:10},loading:"lazy"}):null},(0,d.L)(e))))})]})}const m=(0,a.memo)(p);function g(e){let{num:t}=e;return(0,c.jsx)("div",{children:(0,c.jsx)("iframe",{src:"https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FRakChamber.ae%2F&tabs=timeline&width=370&height=540&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true&appId",width:`${t}px`,height:"540",style:{border:"none",overflow:"hidden"},scrolling:"no",frameborder:"0",allowfullscreen:"true",allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share",title:"facebook"})})}const b=(0,a.memo)(g);var x=i(56610);function w(e){let{num:t,twitterPost:i}=e;return(0,c.jsxs)("div",{style:{width:"95%"},children:[(0,c.jsx)(x.CU,{sourceType:"profile",screenName:"RAKCCI",options:{height:480,width:"100%"}}),(0,c.jsx)(x.ul,{tweetId:i})]})}const f=(0,a.memo)(w);var v=i(66187),j=i(22063),k=i(30105),y=i(44654),A=i(77825),N=i(52302),R=i(94329),S=i(20670),C=i(62129),L=i(25852),z=i(98139),I=i.n(z),T=i(5233),E=i(49092),M=i(40854),_=i.n(M);const F=()=>{const[e,t]=(0,a.useState)(!0),[i,o]=(0,a.useState)([]),n=(0,T.A)();return(0,a.useEffect)((async()=>{await _().get("/api/instagram/feeds").then((e=>{var i,a,n;(null===e||void 0===e||null===(i=e.data)||void 0===i||null===(a=i.feeds)||void 0===a?void 0:a.length)>0&&(o(null===e||void 0===e||null===(n=e.data)||void 0===n?void 0:n.feeds),t(!1))}))}),[]),e?(0,c.jsx)("div",{className:n.loading,children:"Loading..."}):(0,c.jsx)("div",{style:{width:"100%"},children:i.map((e=>(0,c.jsxs)("div",{className:n.instaBox,children:["IMAGE"===(null===e||void 0===e?void 0:e.media_type)?(0,c.jsx)("img",{src:e.media_url,alt:e.caption}):"VIDEO"===(null===e||void 0===e?void 0:e.media_type)?(0,c.jsxs)("video",{width:"320",height:"240",controls:!0,controlsList:"nodownload",className:n.video,children:[(0,c.jsx)("source",{src:e.media_url,type:"video/mp4"}),"Your browser does not support the video tag."]}):null,e.caption&&(0,c.jsx)("p",{style:{textAlign:"right"},children:e.caption})]},e.id)))})};var W=i(97508);function B(e){const{t:t}=(0,E.B)(),i=(0,T.A)(),[o,n]=(0,a.useState)("1"),[r,s]=(0,a.useState)(370),[l,d]=(0,a.useState)(""),h=(0,W.d4)((e=>e));(0,a.useEffect)((async()=>{var e,t,i,a,o;if(null!==h&&void 0!==h&&null!==(e=h.crudReducers)&&void 0!==e&&null!==(t=e.allReturned)&&void 0!==t&&t.configurations&&null!==(i=h.crudReducers)&&void 0!==i&&null!==(a=i.allReturned.configurations)&&void 0!==a&&null!==(o=a.filter((e=>"TWITTER"===(null===e||void 0===e?void 0:e.key)))[0])&&void 0!==o&&o.value){var n,r,s;const e=(null===(n=h.crudReducers)||void 0===n||null===(r=n.allReturned.configurations)||void 0===r||null===(s=r.filter((e=>"TWITTER"===(null===e||void 0===e?void 0:e.key)))[0])||void 0===s?void 0:s.value).split("/"),t=e[e.length-1].split("#")[0];await d(t)}}),[h]),(0,a.useEffect)((()=>{const e=()=>window.innerWidth<420&&210!==r?s(210):null;return e(),window.addEventListener("resize",(()=>e())),()=>{window.removeEventListener("resize",(()=>e()))}}),[r]);const u=e=>{o!==e&&n(e)};return(0,c.jsxs)("div",{className:i.root,children:[(0,c.jsx)(v.A,{variant:"h1",children:t("HOME.CONTACTUS.HEADER")}),(0,c.jsxs)(A.A,{tabs:!0,children:[(0,c.jsx)(N.A,{className:"instagram",children:(0,c.jsx)(R.A,{className:I()({active:"1"===o}),onClick:()=>{u("1")},children:(0,c.jsx)("span",{className:"insta"})})}),(0,c.jsx)(N.A,{children:(0,c.jsx)(R.A,{className:I()({active:"2"===o}),onClick:()=>{u("2")},children:(0,c.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",height:"15",width:"15",viewBox:"0 0 512 512",children:(0,c.jsx)("path",{d:"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"})})})}),(0,c.jsx)(N.A,{children:(0,c.jsx)(R.A,{className:I()({active:"3"===o}),onClick:()=>{u("3")},children:(0,c.jsx)(y.A,{className:"youtube"})})}),(0,c.jsx)(N.A,{children:(0,c.jsx)(R.A,{className:I()({active:"4"

1===o}),onClick:()=>{u("4")},children:(0,c.jsx)(j.A,{className:"facebook"})})})]}),(0,c.jsxs)(S.A,{activeTab:o,children:[(0,c.jsx)(C.A,{tabId:"1",className:"social",children:(0,c.jsxs)(L.A,{className:i.top,children:[(0,c.jsx)(k.A,{className:i.followBtn,children:(0,c.jsx)("a",{href:"https://instagram.com/rakchamber?igshid=NmNmNjAwNzg=",target:"_blank",rel:"noreferrer",children:t("HOME.CONTACTUS.INSTAFOLLOW")})}),(0,c.jsx)(F,{})]})}),(0,c.jsx)(C.A,{tabId:"2",className:"social",children:(0,c.jsx)(L.A,{className:i.top,children:l&&(0,c.jsx)(f,{num:r,twitterPost:l})})}),(0,c.jsx)(C.A,{tabId:"3",className:"social",children:(0,c.jsx)(L.A,{children:(0,c.jsx)(m,{items:["https://www.youtube.com/embed/Uj3Wyf216DM","https://www.youtube.com/embed/R8x5rHqM6Cs","https://www.youtube.com/embed/p03uWmgzBQI"]})})}),(0,c.jsx)(C.A,{tabId:"4",className:"social",children:(0,c.jsx)(L.A,{children:(0,c.jsx)(b,{num:r})})})]})]})}const H=(0,a.memo)(B)}}]);
2//# sourceMappingURL=3116.107a6b37.chunk.js.map