https://canary.is/_next/static/chunks/pages/compare-cameras-4121fc0c28a01cbd.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2774],{3773:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var l=n(37876),o=n(14232),i=n(21531),a=n(13856),s=n(82175),c=n(82325),r=n(19170),d=n.n(r);let _=(e,t)=>e.map(e=>{let{_key:n,copy:o,image:c,button:r}=e;return(0,l.jsxs)("div",{ref:t,className:d().tableHeadCell,children:[c&&(0,l.jsx)("img",{src:(0,a.sU)(c),alt:c.altText||""},c._key),o&&(0,l.jsx)(i.A,{content:o}),r&&(0,l.jsx)(s.A,{content:r})]},n)}),b=e=>e?e.map(e=>{let{_key:t,copy:n,button:c,iconColorGlobal:r,iconStyleGlobal:d,image:_}=e,b=null,h=null;return d.length>0&&(b=(0,a.kR)(d)||"checkIcon",h=(0,a.vY)(r)||"#21D178"),(0,l.jsxs)(o.Fragment,{children:[d&&(0,l.jsx)("i",{className:b,style:{color:h}}),n&&(0,l.jsx)(i.A,{content:n}),_&&(0,l.jsx)("img",{src:(0,a.sU)(_),alt:_.altText||""},_._key),c&&(0,l.jsx)(s.A,{content:c})]},t)}):"<></>",h=e=>{let{content:t}=e,{headlineTitle:n,headline:a,headlineDescription:s,tableHeadingCol2:r,tableHeadingCol3:h,tableHeadingCol4:x,tableRows:j,tableFootnotes:C}=t,u=(0,o.useRef)(null),p=(0,o.useRef)(null),m=(0,o.useRef)(null),T=()=>{[u,p,m].forEach(e=>{window.pageYOffset>0?(e.current.classList.remove(d().tableHeadCell),e.current.classList.add(d().tableHeadCellScrolled)):(e.current.classList.remove(d().tableHeadCellScrolled),e.current.classList.add(d().tableHeadCell))})};return(0,o.useEffect)(()=>(window.addEventListener("scroll",T),()=>{window.removeEventListener("scroll",T)}),[]),(0,l.jsxs)("section",{className:d().tableSectionContainer,children:[a&&(0,l.jsxs)("div",{className:d().headlineContainer,children:[n&&(0,l.jsx)("h4",{children:(0,l.jsx)(i.A,{content:n})}),(0,l.jsx)("h2",{children:(0,l.jsx)(i.A,{content:a})}),s&&(0,l.jsx)("div",{className:d().headlineDescription,children:(0,l.jsx)(i.A,{content:s})})]}),(0,l.jsxs)("div",{className:d().tableGridContainer,children:[(0,l.jsxs)("div",{className:"".concat(d().tableHeading," ").concat(d().isSticky),children:[(0,l.jsx)("div",{className:d().tableHeading1,children:"\xa0"}),_(r,u),_(h,p),_(x,m)]}),j.map(e=>(e=>{let t=(0,o.useRef)("hidden"),{_key:n,tableCol1:a,tableCol2:s,tableCol3:r,tableCol4:_}=e,{tooltip:h}=a[0],x=null;return h&&(x={tooltipTriggerCopy:(0,l.jsx)(i.A,{content:a[0].copy}),tooltipCopy:(0,l.jsx)(i.A,{content:h})}),(0,l.jsxs)("div",{className:"".concat(d().tableRow," ").concat(h?d().hasTooltip:""),onMouseEnter:()=>{h&&(t.current.attributes.style.nodeValue="visibility: visible")},onMouseLeave:()=>{h&&(t.current.attributes.style.nodeValue="visibility: hidden")},children:[(0,l.jsx)("div",{className:"".concat(d().tableCol," ").concat(d().tableCol1),children:h?(0,l.jsx)(c.A,{content:x,ref:t}):b(a)}),(0,l.jsx)("div",{className:d().tableCol,children:b(s)}),(0,l.jsx)("div",{className:d().tableCol,children:b(r)}),(0,l.jsx)("div",{className:d().tableCol,children:b(_)})]},n)})(e)),C&&(0,l.jsx)("div",{className:d().footnotes,children:(0,l.jsx)(i.A,{content:C})})]})]})}},6146:e=>{e.exports={tooltip:"Tooltip_tooltip__xHpU7",tooltipCopy:"Tooltip_tooltipCopy__TE2G8",infoIcon:"Tooltip_infoIcon__yccVF"}},16651:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/compare-cameras",function(){return n(62713)}])},19170:e=>{e.exports={tableSectionContainer:"TableSection_tableSectionContainer__o707r",headlineContainer:"TableSection_headlineContainer__W67eE",headlineDescription:"TableSection_headlineDescription__T1WoJ",tableGridContainer:"TableSection_tableGridContainer__BtVEc",tableHeading:"TableSection_tableHeading__OMAbk",tableHeading1:"TableSection_tableHeading1__N_jqW",tableRow:"TableSection_tableRow__fQNqp",hasTooltip:"TableSection_hasTooltip__jHWIB",tooltipCopy:"TableSection_tooltipCopy__SoPWm",tableCol:"TableSection_tableCol__Af8a4",tableCol1:"TableSection_tableCol1__E0IXZ",tableHeadCell:"TableSection_tableHeadCell__DXGDH",tableHeadCellScrolled:"TableSection_tableHeadCellScrolled__Ttdla",footnotes:"TableSection_footnotes__OYtkU",isSticky:"TableSection_isSticky__vZX7k"}},54338:e=>{e.exports={tableSectionContainer:"TableButtonSection_tableSectionContainer__uDsmU",headlineContainer:"TableButtonSection_headlineContainer__XkH7Z",headlineDescription:"TableButtonSection_headlineDescription__EqhkW",tableGridContainer:"TableButtonSection_tableGridContainer__Uwk2s",tableHeading:"TableButtonSection_tableHeading__tzGwt",tableHeading1:"TableButtonSection_tableHeading1__TRZA7",tableRow:"TableButtonSection_tableRow__bVeTL",hasTooltip:"TableButtonSection_hasTooltip__QaHox",tooltipCopy:"TableButtonSection_tooltipCopy__EvJAW",tableCol1:"TableButtonSection_tableCol1__Nw57Z",footnotes:"TableButtonSection_footnotes__OgaPU",tableCell:"TableButtonSection_tableCell__EEjpX",tableCol:"TableButtonSection_tableCol__5a96c",isSticky:"TableButtonSection_isSticky__8W2fL"}},56025:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var l=n(37876),o=n(14232),i=n(21531),a=n(13856),s=n(82175),c=n(82325),r=n(86678),d=n.n(r);let _=e=>(0,l.jsx)(l.Fragment,{children:e.map(e=>

1{let{_key:t,copy:n,image:o,button:c}=e;return(0,l.jsxs)("span",{children:[o&&(0,l.jsx)("img",{src:(0,a.sU)(o),alt:o.altText||""},o._key),n&&(0,l.jsx)(i.A,{content:n}),c&&(0,l.jsx)(s.A,{content:c})]},t)})}),b=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e?e.map(e=>{let{_key:n,copy:c,button:r,iconColorGlobal:_,iconStyleGlobal:b,image:h}=e,x=null,j=null;b.length>0&&(x=(0,a.kR)(b)||"checkIcon",j=(0,a.vY)(_)||"#21D178");let C=()=>(0,l.jsxs)(o.Fragment,{children:[(0,l.jsxs)("div",{className:d().rowContent,children:[b&&(0,l.jsx)("i",{className:x,style:{color:j}}),h&&(0,l.jsx)("img",{src:(0,a.sU)(h),alt:h.altText||""},h._key),c&&(0,l.jsx)(i.A,{content:c})]}),r&&(0,l.jsx)("div",{className:d().btnContent,children:(0,l.jsx)(s.A,{content:r})})]},n);return t?C():(0,l.jsx)("div",{className:d().cellContent,children:C()},n)}):null},h=e=>{let{content:t}=e,{headlineTitle:n,headline:a,headlineDescription:s,tableHeadingCol2:r,tableHeadingCol3:h,tableRowsThreeColumn:x}=t;return(0,l.jsxs)("section",{className:d().tableSectionContainer,children:[a&&(0,l.jsxs)("div",{className:d().headlineContainer,children:[n&&(0,l.jsx)("h4",{children:(0,l.jsx)(i.A,{content:n})}),(0,l.jsx)("h2",{children:(0,l.jsx)(i.A,{content:a})}),s&&(0,l.jsx)("div",{className:d().headlineDescription,children:(0,l.jsx)(i.A,{content:s})})]}),(0,l.jsxs)("div",{className:d().tableGridContainer,children:[(0,l.jsxs)("div",{className:"".concat(d().tableHeading," ").concat(d().isSticky),children:[(0,l.jsx)("div",{className:d().tableHeading1,children:"\xa0"}),(0,l.jsx)("div",{children:_(r)}),(0,l.jsx)("div",{children:_(h)})]}),x&&x.map(e=>(e=>{let t=(0,o.useRef)("hidden"),{_key:n,tableCol1:a,tableCol2:s,tableCol3:r}=e,{tooltip:_}=!!a&&a[0],h=null;return _&&(h={tooltipTriggerCopy:(0,l.jsx)(i.A,{content:a[0].copy}),tooltipCopy:(0,l.jsx)(i.A,{content:_})}),(0,l.jsxs)("div",{className:"".concat(d().tableRow," ").concat(_?d().hasTooltip:""),onMouseEnter:()=>{_&&(t.current.attributes.style.nodeValue="visibility: visible")},onMouseLeave:()=>{_&&(t.current.attributes.style.nodeValue="visibility: hidden")},children:[(0,l.jsx)("div",{className:"".concat(d().tableCol," ").concat(d().tableCol1),children:_?(0,l.jsx)(c.A,{content:h,ref:t}):b(a,!0)}),(0,l.jsx)("div",{className:d().tableCol,children:b(s)}),(0,l.jsx)("div",{className:d().tableCol,children:b(r)})]},n)})(e))]})]})}},62713:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSP:()=>w,default:()=>k});var l=n(37876),o=n(14232),i=n(77328),a=n.n(i),s=n(77523),c=n(78389),r=n(36837),d=n(82235),_=n(4285),b=n(27631),h=n(36061),x=n(69499),j=n(13856),C=n(3773),u=n(56025),p=n(21531),m=n(82175),T=n(82325),v=n(54338),S=n.n(v);let N=e=>e?(0,l.jsx)("div",{children:e.map(e=>{let{_key:t,copy:n,image:o,button:i}=e;return(0,l.jsxs)("span",{children:[o&&(0,l.jsx)("img",{src:(0,j.sU)(o),alt:o.altText||""},o._key),n&&(0,l.jsx)(p.A,{content:n}),i&&(0,l.jsx)(m.A,{content:i})]},t)})}):null,y=e=>e?e.map(e=>{let{_key:t,copy:n,button:o,iconColorGlobal:i,iconStyleGlobal:a,image:s}=e,c=null,r=null;return a.length>0&&(c=(0,j.kR)(a)||"checkIcon",r=(0,j.vY)(i)||"#21D178"),(0,l.jsxs)("div",{className:S().tableCell,children:[a&&(0,l.jsx)("i",{className:c,style:{color:r}}),n&&(0,l.jsx)(p.A,{content:n}),s&&(0,l.jsx)("img",{src:(0,j.sU)(s),alt:s.altText||""},s._key),o&&(0,l.jsx)(m.A,{content:o})]},t)}):null,A=e=>{let{content:t}=e,{headlineTitle:n,headline:i,headlineDescription:a,tableHeadingCol2:s,tableHeadingCol3:c,tableHeadingCol4:r,tableRows:d,tableFootnotes:_}=t;return(0,l.jsxs)("section",{className:S().tableSectionContainer,children:[i&&(0,l.jsxs)("div",{className:S().headlineContainer,children:[n&&(0,l.jsx)("h4",{children:(0,l.jsx)(p.A,{content:n})}),(0,l.jsx)("h2",{children:(0,l.jsx)(p.A,{content:i})}),a&&(0,l.jsx)("div",{className:S().headlineDescription,children:(0,l.jsx)(p.A,{content:a})})]}),(0,l.jsxs)("div",{className:S().tableGridContainer,children:[(s||c||r)&&(0,l.jsxs)("div",{className:"".concat(S().tableHeading," ").concat(S().isSticky),children:[(0,l.jsx)("div",{className:S().tableHeading1,children:"\xa0"}),(0,l.jsx)("div",{children:N(s)}),(0,l.jsx)("div",{children:N(c)}),(0,l.jsx)("div",{children:N(r)})]}),d&&d.map(e=>(e=>{let t=(0,o.useRef)("hidden"),{_key:n,tableCol1:i,tableCol2:a,tableCol3:s,tableCol4:c}=e,{tooltip:r}=i[0],d=null;return r&&(d={tooltipTriggerCopy:(0,l.jsx)(p.A,{content:i[0].copy}),tooltipCopy:(0,l.jsx)(p.A,{content:r})}),(0,l.jsxs)("div",{className:"".concat(S().tableRow," ").concat(r?S().hasTooltip:""),onMouseEnter:()=>{r&&(t.current.attributes.style.nodeValue="visibility: visible")},onMouseLeave:()=>{r&&(t.current.attributes.style.nodeValue="visibility: hidden")},children:[(0,l.jsx)("div",{className:"".concat(S().tableCol," ").concat(S().tableCol1),children:r?(0,l.jsx)(T.A,{content:d,ref:t}):y(i)}),(0,l.jsx)("div",{className:S().tableCol,children:y(a)}),(0,l.jsx)("div",{className:S().tableCol,children:y(s)}),(0,l.jsx)("div",{className:S().tableCol,children:y(c)})]},n)})(e)),_&&(0,l.jsx)("div",{className:S().footnotes,children:(0,l.jsx)(p.A,{content:_})})]})]})};var g=n(34531),f=n(60879),w=!0;let k=e=>{let{pageContent:t,notificationBarGlobalContent:n,navigationBarGlobalContent:i,footerGlobalContent:p,stickyFooterGlobalContent:m,footerNotificationBarGlobalContent:T,locale:v,preview:S}=e,N=(0,j.Cz)((0,x.hg)(v),t,S),{seoTitle:y,description:w,universalCenterAligned:k,tableSection:H,tableThreeColumnSection:E,tableButtonSection:R}=N||{},B=(0,j.Cz)(x.PF,i,S),D=(0,j.Cz)(x.KI,n,S),L=(0,j.Cz)(x.Xy,p,S),X=(0,j.Cz)(x.cY,m,S),I=(0,j.Cz)((0,x.Bt)(v),T,S),[G,V]=(0,o.useState)(0),U=!!X,z=(0,f.b2)();return(0,l.jsxs)(s.A,{preview:S,hasStickyFooter:U,children:[(0,l.jsx)(g.A,{content:N}),(0,l.jsxs)(a(),{children:[(0,l.jsx)("title",{children:y||"Canary"}),w&&(0,l.jsx)("meta",{name:"description",content:w})]}),(0,j.Df)(D)&&(0,l.jsx)(c.A,{content:n}),B&&(0,l.jsx)(r.A,{content:B,setCartItems:V}),k&&(0,l.jsx)(d.A,{content:k}),H&&(0,l.jsx)(C.A,{content:H}),E&&(0,l.jsx)(u.A,{content:E}),R&&(0,l.jsx)(A,{content:R}),L&&(0,l.jsx)(_.A,{content:L}),(0,j.Df)(I)&&(0,l.jsx)(h.A,{content:T}),U&&z&&(0,l.jsx)(b.A,{content:X,options:{cartItems:G,stickyFooterStep:"shopNow"},isVisible:z})]})}},82325:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var l=n(37876),o=n(14232),i=n(6146),a=n.n(i);let s=o.forwardRef((e,t)=>

1{let{content:n}=e,{tooltipTriggerCopy:i,tooltipCopy:s}=n,[c,r]=(0,o.useState)(null),d=()=>{window.innerWidth>=900?r(!1):r(!0)};return(0,o.useEffect)(()=>(window.addEventListener("resize",d),d(),()=>{window.removeEventListener("resize",d)})),(0,l.jsxs)("div",{className:a().tooltip,children:[i,c&&(0,l.jsx)("span",{className:a().infoIcon}),(0,l.jsx)("span",{ref:t,className:a().tooltipCopy,style:{visibility:"hidden"},children:s})]})})},86678:e=>{e.exports={tableSectionContainer:"TableThreeColumnSection_tableSectionContainer__B4LIe",headlineContainer:"TableThreeColumnSection_headlineContainer__puIL5",headlineDescription:"TableThreeColumnSection_headlineDescription__7okVv",tableGridContainer:"TableThreeColumnSection_tableGridContainer__XP0_C",tableHeading:"TableThreeColumnSection_tableHeading__Px6YX",tableHeading1:"TableThreeColumnSection_tableHeading1__2tpb8",tableRow:"TableThreeColumnSection_tableRow__XuSxL",hasTooltip:"TableThreeColumnSection_hasTooltip__hMN7T",tooltipCopy:"TableThreeColumnSection_tooltipCopy__exoMx",tableCol1:"TableThreeColumnSection_tableCol1__q3IXg",cellContent:"TableThreeColumnSection_cellContent___YNdk",rowContent:"TableThreeColumnSection_rowContent__5afnZ",btnContent:"TableThreeColumnSection_btnContent___c3AV",tableCol:"TableThreeColumnSection_tableCol__BSq7T",isSticky:"TableThreeColumnSection_isSticky__KXJXj"}}},e=>{e.O(0,[1631,7301,555,3947,636,6593,8792],()=>e(e.s=16651)),_N_E=e.O()}]);