https://serial.sg/_next/static/chunks/pages/copyright-ee9ce3163f3e7f43.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[480],{3899:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/copyright",function(){return t(5267)}])},5232:function(e,n,t){"use strict";var i=t(5893),r=t(9008),l=t.n(r);n.Z=e=>{let{title:n,metaContent:t,src:r="/favicons/main/favicon.png"}=e;return(0,i.jsxs)(l(),{children:[(0,i.jsx)("title",{children:n}),(0,i.jsx)("meta",{name:"description",content:t},n),(0,i.jsx)("meta",{charSet:"UTF-8"}),(0,i.jsx)("meta",{name:"keywords",content:"title, meta, nextjs"}),(0,i.jsx)("meta",{name:"author",content:"SERIAL.SG"}),(0,i.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,i.jsx)("link",{rel:"icon",type:"image/png",href:r})]})}},4346:function(e,n,t){"use strict";var i=t(5893);n.Z=e=>{let{sliderInput:n,sliderFunction:t,sliderMax:r,sliderMin:l,IconSrc:s}=e;return(0,i.jsxs)("div",{className:"flex w-fit flex-row gap-2 lg:flex-col lg:gap-4",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between lg:flex-row",children:[s&&(0,i.jsx)(s,{className:"mb-2 invert dark:invert-0 lg:mb-0"}),(0,i.jsx)("p",{className:"invisible hidden font-VCR text-lg font-semibold lg:visible lg:mt-2 lg:block",children:n})]}),(0,i.jsxs)("div",{className:"flex flex-row items-center justify-start gap-0",children:[(0,i.jsx)("div",{className:"h-2 w-[1px] bg-red-50"}),(0,i.jsx)("input",{type:"range",min:null!=l?l:0,max:null!=r?r:0,defaultValue:parseInt(null!=n?n:""),step:1,onChange:e=>{var n;void 0!=t&&t(null==e?void 0:null===(n=e.currentTarget)||void 0===n?void 0:n.value)},className:"w-20 cursor-pointer lg:w-24 xl:w-28 2xl:w-32"}),(0,i.jsx)("p",{className:"ml-2 font-VCR text-sm font-semibold lg:invisible lg:hidden lg:text-base",children:n})]})]})}},5267:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return y}});var i=t(5893),r=t(7294),l=t(2338),s=t(4346),a=t(12),o=t(365),u=t(5820),c=t(1163),d=t(5232),h=t(7837),f=t(2984),m=t(2064),p=t(7922),g=t(207);let x={closed:{width:"85%",maxWidth:"85%"},open:{width:"85%",maxWidth:"85%"}},v={visible:{opacity:100,height:"auto",transition:{ease:"easeIn",delay:.2,duration:.5}},invisible:{opacity:100,height:0}};var y=!0;n.default=()=>{let e=(0,c.useRouter)(),[n,t]=(0,r.useState)(!0),y=(0,r.useRef)(null),[b,w]=(0,r.useState)("20"),[j,E]=(0,r.useState)("28"),{isLoading:C,isError:M,data:P}=(0,h.a)({queryKey:["copyright"],queryFn:async()=>await p.Z.request(g.rP)});if(C)return(0,i.jsx)("div",{children:"..."});if(M)return(0,i.jsx)("div",{children:"ERROR!"});let k=null==P?void 0:P.copyright,N=e=>{let{children:n}=e;return(0,i.jsx)("h1",{className:"py-4 font-codePro text-xl lg:text-2xl",children:n})};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Z,{title:"Copyright",metaContent:"SERIAL COMMUNICATION PRIVATE LIMITED holds the copyright for all the images and texts on this website."}),(0,i.jsxs)(o.E.section,{className:"relative flex h-fit flex-col items-start gap-5 border-b-[1px] border-gray86 pb-5 font-codePro dark:border-r-snow lg:h-auto lg:min-h-full lg:basis-2/3 lg:border-none",variants:x,initial:"closed",animate:"open",transition:{duration:.5},children:[(0,i.jsx)("h1",{className:"font-codePro text-xl/6 font-bold lg:font-VCR lg:text-3xl/8 lg:italic",children:"Copyright"}),(0,i.jsxs)(u.M,{children:[(0,i.jsx)(o.E.div,{className:"max-h-[60vh] overflow-y-scroll pr-8 font-rilenoSans text-base lg:absolute lg:top-12 lg:max-h-[90%] lg:font-codePro  lg:text-lg",onScroll:()=>{if(y.current){let e=Math.floor(y.current.scrollHeight-y.current.scrollTop)<=Math.floor(y.current.clientHeight);t(!e)}},ref:y,variants:v,initial:"invisible",animate:"visible",children:(0,i.jsx)(f.rZ,{data:null==k?void 0:k.content,customNodeRules:[(0,m.SZ)(l.Xy,e=>{let{node:n,children:t,key:r}=e;return(0,i.jsx)(N,{children:t},r)}),(0,m.SZ)(l.RF,e=>{let{adapter:{renderNode:n},children:t,key:i,ancestors:r}=e;if((0,l.C_)(r[0]))return n("p",{key:i,className:"font-codePro py-2",style:{fontSize:"".concat(b,"px"),lineHeight:"".concat(j,"px")}},t)})]})},"copyright"),(0,i.jsx)("div",{className:"pointer-events-none invisible absolute bottom-0 hidden h-[25%] w-full bg-gradient-to-t from-white to-transparent dark:from-black lg:visible lg:block ".concat(n?"opacity-100":"opacity-0"," transition-all duration-300 ease-in-out")})]})]}),(0,i.jsx)("section",{className:"invisible hidden basis-1/3 lg:visible lg:block",children:(0,i.jsxs)("div",{className:"fixed bottom-[5%] right-[10%] flex gap-10",children:[(0,i.jsx)(s.Z,{IconSrc:a.NO,sliderInput:b,sliderFunction:w,sliderMin:15,sliderMax:35}),(0,i.jsx)(s.Z,{IconSrc:a.NO,sliderInput:j,sliderFunction:E,sliderMin:28,sliderMax:58})]})}),(0,i.jsx)(a.Bs,{onClick:()=>e.back(),className:"fixed bottom-[5%] left-11 dark:invert lg:invisible lg:hidden"})]})}},207:function(e,n,t){"use strict";t.d(n,{Bf:function(){return r},FL:function(){return h},HQ:function(){return b},Ku:function(){return l},Pk:function(){return s},Pq:function(){return c},RS:function(){return f},UC:function(){return i},UE:function(){return x},dx:function(){return v},kf:function(){return p},kp:function(){return g},pO:function(){return m},pQ:function(){return d},pe:function(){return y},rP:function(){return o},uM:function(){return a},vJ:function(){return u}});let i='\n    query GetAboutUs {\n  header(filter: {route: {eq: "about"}}) {\n    title\n    description\n  }\n}\n    ',r="\n    query GetAllArticles {\n  allArticles {\n    title\n    id\n    slug\n    publishDate\n  }\n  allProjectClasses {\n    projectClassName\n  }\n}\n    ",l="\n    query GetAllMerch {\n  allMerches {\n    color\n    material\n    merchType\n    modelUrl\n    name\n    price\n    description\n  }\n}\n    ",s="\n    query GetAllProjects {\n  allProjects(first: 100) {\n    title\n    slug\n    id\n    classes {\n      projectClassName\n    }\n    projectDate\n    date\n    coverImage {\n      responsiveImage {\n        src\n        title\n        alt\n        width\n        height\n      }\n      url\n    }\n  }\n  allProjectClasses {\n    projectClassName\n  }\n}

1\n    ",a="\n    query GetArticles($slug: String!) {\n  article(filter: {slug: {eq: $slug}}) {\n    content {\n      value\n      blocks {\n        __typename\n        ... on ArticleImageRecord {\n          id\n          image {\n            responsiveImage {\n              height\n              sizes\n              src\n              width\n            }\n          }\n          imageCaption\n          imageDescription {\n            value\n          }\n        }\n      }\n    }\n    id\n    title\n    publishDate\n    slug\n    classes {\n      projectClassName\n    }\n    authors\n    abstract {\n      value\n    }\n  }\n}\n    ",o="\n    query GetCopyrightContent {\n  copyright {\n    content {\n      value\n    }\n  }\n}\n    ",u="\n    query GetHeader($route: String!) {\n  header(filter: {route: {eq: $route}}) {\n    title\n    description\n  }\n}\n    ",c="\n    query GetPrivacyContent {\n  privacyLegalPress {\n    content {\n      value\n    }\n  }\n}\n    ",d="\n    query GetProjects($slug: String!) {\n  project(filter: {slug: {eq: $slug}}) {\n    gameEmbedUrl\n    video {\n      url\n      thumbnailUrl\n      title\n      width\n    }\n    slug\n    title\n    projectDate\n    location\n    client\n    description {\n      blocks\n      links\n      value\n    }\n    classes {\n      projectClassName\n    }\n    coverImage {\n      responsiveImage {\n        base64\n        alt\n        sizes\n        src\n        title\n        width\n        height\n      }\n    }\n    appendices {\n      responsiveImage {\n        base64\n        alt\n        sizes\n        src\n        title\n        width\n        height\n      }\n    }\n  }\n  allProjects {\n    slug\n    title\n    coverImage {\n      responsiveImage(imgixParams: {fit: crop, w: 100, h: 100, auto: format}) {\n        base64\n        alt\n        sizes\n        src\n        title\n        width\n        height\n      }\n    }\n  }\n}\n    ",h="\n    query GetTheMigrationAboutUs {\n  theMigrationAbout {\n    aboutUs(markdown: false)\n    pages {\n      id\n      navHeading\n      title\n      slug\n      bodyText\n      imageGroup {\n        id\n        images {\n          id\n          width\n          height\n          url\n          alt\n          customData\n          title\n        }\n        imageLabel\n      }\n    }\n  }\n}\n    ",f="\n    query GetTheMigrationArtists {\n  allTheMigrationArtists {\n    id\n    location\n    name\n    instagram\n    twitter\n    tiktok\n    description\n    website\n    slug\n    photos {\n      id\n      alt\n      height\n      width\n      url\n    }\n  }\n}\n    ",m="\n    query GetTheMigrationExhibitions {\n  allTheMigrationExhibitions(orderBy: [featured_DESC, endDatetime_ASC]) {\n    name\n    address\n    openingHours\n    description\n    id\n    slug\n    startDatetime\n    endDatetime\n    featured\n    virtualExhibition\n    virtualExhitibitionUrl\n    photos {\n      height\n      width\n      url\n      id\n      alt\n    }\n  }\n}\n    ",p="\n    query GetTheMigrationLatestEvent {\n  theMigrationLatestEvent {\n    link\n    name\n  }\n}\n    ",g="\n    query GetTheMigrationNames {\n  allTheMigrationProgrammes(orderBy: [featured_DESC, endDatetime_DESC]) {\n    name\n    id\n    slug\n    featured\n    startDatetime\n    endDatetime\n    photos {\n      url\n      width\n      height\n    }\n  }\n  allTheMigrationArtists {\n    name\n    id\n    slug\n    photos {\n      url\n    }\n  }\n  allTheMigrationExhibitions(orderBy: [featured_DESC, endDatetime_DESC]) {\n    name\n    id\n    slug\n    featured\n    endDatetime\n    startDatetime\n    photos {\n      height\n      width\n      url\n    }\n  }\n}\n    ",x="\n    query GetTheMigrationPress {\n  allTheMigrationPresses {\n    press\n  }\n}\n    ",v="\n    query GetTheMigrationPrivacyLegal {\n  allTheMigrationPrivacyLegals {\n    privacyLegal\n  }\n}\n    ",y="\n    query GetTheMigrationProgrammes {\n  allTheMigrationProgrammes(orderBy: [featured_DESC, endDatetime_ASC]) {\n    name\n    description\n    address\n    id\n    slug\n    featured\n    startDatetime\n    endDatetime\n    formUrl\n    formActive\n    formButtonText\n    formField {\n      id\n      name\n      label\n      value\n      required\n      placeholder\n      fieldType\n      defaultValue\n    }\n    photos {\n      height\n      width\n      url\n      id\n      alt\n    }\n  }\n}\n    ",b="\n    query GetTheMigrationVirtualGallery {\n  theMigrationVirtualExhibition {\n    url\n  }\n}\n    "},7922:function(e,n,t){"use strict";var i=t(6858);let r=new i.g6("https://graphql.datocms.com",{headers:{Authorization:"Bearer ".concat("481358e79187d7d8767b752d3c6ebe"),"Content-Type":"application/json",Accept:"application/json"}});n.Z=r},9008:function(e,n,t){e.exports=t(2636)},5820:function(e,n,t){"use strict";t.d(n,{M:function(){return g}});var i=t(7294),r=t(404),l=t(8868);function s(){let e=(0,i.useRef)(!1);return(0,l.L)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var a=t(240),o=t(6681);class u extends i.Component{getSnapshotBeforeUpdate(e){let n=this.props.childRef.current;if(n&&e.isPresent&&!this.props.isPresent){let e=this.props.sizeRef.current;e.height=n.offsetHeight||0,e.width=n.offsetWidth||0,e.top=n.offsetTop,e.left=n.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function c({children:e,isPresent:n}){let t=(0,i.useId)(),r=(0,i.useRef)(null),l=(0,i.useRef)({width:0,height:0,top:0,left:0});return(0,i.useInsertionEffect)(()=>{let{width:e,height:i,top:s,left:a}=l.current;if(n||!r.current||!e||!i)return;r.current.dataset.motionPopId=t;let o=document.createElement("style");return document.head.appendChild(o),o.sheet&&o.sheet.insertRule(`
2          [data-motion-pop-id="${t}"] {
3            position: absolute !important;
4            width: ${e}px !important;
5            height: ${i}px !important;
6            top: ${s}px !important;
7            left: ${a}px !important;
8          }
9        `),()=>{document.head.removeChild(o)}},[n]),i.createElement(u,{isPresent:n,childRef:r,sizeRef:l},i.cloneElement(e,{ref:r}))}let d=({children:e,initial:n,isPresent:t,onExitComplete:r,custom:l,presenceAffectsLayout:s,mode:u})=>{let d=(0,o.h)(h),f=(0,i.useId)(),m=(0,i.useMemo)(()=>({id:f,initial:n,isPresent:t,custom:l,onExitComplete:e=>

9{for(let n of(d.set(e,!0),d.values()))if(!n)return;r&&r()},register:e=>(d.set(e,!1),()=>d.delete(e))}),s?void 0:[t]);return(0,i.useMemo)(()=>{d.forEach((e,n)=>d.set(n,!1))},[t]),i.useEffect(()=>{t||d.size||!r||r()},[t]),"popLayout"===u&&(e=i.createElement(c,{isPresent:t},e)),i.createElement(a.O.Provider,{value:m},e)};function h(){return new Map}var f=t(5364),m=t(5411);let p=e=>e.key||"",g=({children:e,custom:n,initial:t=!0,onExitComplete:a,exitBeforeEnter:o,presenceAffectsLayout:u=!0,mode:c="sync"})=>{o&&(c="wait");let[h]=function(){let e=s(),[n,t]=(0,i.useState)(0),l=(0,i.useCallback)(()=>{e.current&&t(n+1)},[n]),a=(0,i.useCallback)(()=>r.Z_.postRender(l),[l]);return[a,n]}(),g=(0,i.useContext)(f.p).forceRender;g&&(h=g);let x=s(),v=function(e){let n=[];return i.Children.forEach(e,e=>{(0,i.isValidElement)(e)&&n.push(e)}),n}(e),y=v,b=new Set,w=(0,i.useRef)(y),j=(0,i.useRef)(new Map).current,E=(0,i.useRef)(!0);if((0,l.L)(()=>{E.current=!1,function(e,n){e.forEach(e=>{let t=p(e);n.set(t,e)})}(v,j),w.current=y}),(0,m.z)(()=>{E.current=!0,j.clear(),b.clear()}),E.current)return i.createElement(i.Fragment,null,y.map(e=>i.createElement(d,{key:p(e),isPresent:!0,initial:!!t&&void 0,presenceAffectsLayout:u,mode:c},e)));y=[...y];let C=w.current.map(p),M=v.map(p),P=C.length;for(let e=0;e<P;e++){let n=C[e];-1===M.indexOf(n)&&b.add(n)}return"wait"===c&&b.size&&(y=[]),b.forEach(e=>{if(-1!==M.indexOf(e))return;let t=j.get(e);if(!t)return;let r=C.indexOf(e);y.splice(r,0,i.createElement(d,{key:p(t),isPresent:!1,onExitComplete:()=>{j.delete(e),b.delete(e);let n=w.current.findIndex(n=>n.key===e);if(w.current.splice(n,1),!b.size){if(w.current=v,!1===x.current)return;h(),a&&a()}},custom:n,presenceAffectsLayout:u,mode:c},t))}),y=y.map(e=>{let n=e.key;return b.has(n)?e:i.createElement(d,{key:p(e),isPresent:!0,presenceAffectsLayout:u,mode:c},e)}),i.createElement(i.Fragment,null,b.size?y:y.map(e=>(0,i.cloneElement)(e)))}}},function(e){e.O(0,[186,365,984,774,888,179],function(){return e(e.s=3899)}),_N_E=e.O()}]);