https://vr-compare.com/static/js/8971.2ec89158.chunk.js

1"use strict";(self.webpackChunkvrcompare=self.webpackChunkvrcompare||[]).push([[1965,8665,8925,8971],{477:(e,s,n)=>{n.d(s,{S:()=>c,A:()=>r});var t=n(9912),l=n(922),a=n(9977),i=(n(7536),n(4414));function r(e){const{items:s,heading:n}=e,r=function(e){const{index:n,style:t}=e,l=s[n];return(0,i.jsx)("div",{style:t,children:(0,i.jsx)(a.A,{...l})})};return function(){const e=Math.max(150);return(0,i.jsxs)("div",{className:"quickImageLinks",children:[(0,i.jsx)("p",{children:n}),(0,i.jsx)("div",{className:"quickImageLinksInner",children:(0,i.jsx)(l.A,{children:n=>{let{width:l,height:a}=n;return(0,i.jsx)(t.Y1,{itemCount:s.length,layout:"horizontal",itemSize:e,width:l,height:a,children:r})}})})]})}()}function c(e){const{items:s,heading:n,wide:r}=e,c=r?220:150,d=function(e){const{index:n,style:t}=e,l=s[n];return(0,i.jsx)("div",{style:t,children:(0,i.jsx)(a.V,{...l,wide:r,children:l.children})},n)};return function(){const e=Math.max(c);return(0,i.jsxs)("div",{className:"quickImageLinks",children:[(0,i.jsx)("p",{children:n}),(0,i.jsx)("div",{className:"quickImageLinksInner",children:(0,i.jsx)(l.A,{children:n=>{let{width:l,height:a}=n;return(0,i.jsx)(t.Y1,{itemCount:s.length,layout:"horizontal",itemSize:e,width:l,height:a,children:d})}})})]})}()}},1492:(e,s,n)=>{n.d(s,{A:()=>a});var t=n(3047),l=n(4414);function a(e){return(0,l.jsxs)("div",{...e,className:`sideSection ${e.className?e.className:""}`,children:[(0,l.jsxs)("div",{className:"headingContainer",children:[e.headinglinktext&&e.headinglinkto?(0,l.jsx)(t.N_,{to:e.headinglinkto,children:e.headinglinktext}):null,(0,l.jsx)("h2",{children:e.heading})]}),(0,l.jsx)("div",{children:e.children})]})}},1848:(e,s,n)=>{n.d(s,{A:()=>l});var t=n(4414);function l(e){return(0,t.jsx)("div",{...e,className:`pageInner ${e.className||""}`})}},1965:(e,s,n)=>{n.r(s),n.d(s,{default:()=>u});var t=n(9950),l=n(4826),a=n(2600),i=n(7986),r=n(6177),c=n(5954),d=n(1492),o=n(4414);function u(e){const{getAffiliateById:s}=(0,t.useContext)(i.P),{reportAffiliateLinkClick:n}=(0,t.useContext)(r.Ig),{sellers:u}=e,h=function(e,t){const i=s(e.seller);if(!i||!i.enabled)return null;const r=`/img/affiliates/${i.name}.png`,d=e.seller,u=i.region?a.A[i.region]:null;return(0,o.jsx)("a",{className:"purchaseLink",href:e.link,rel:"nofollow noopener",target:"_blank",onClick:()=>n(e.link),children:(0,o.jsxs)("div",{className:"purchaseLinkContents",children:[(0,o.jsxs)("div",{className:"purchaseLinkLeft",children:[e.note&&(0,o.jsx)("div",{className:"purchaseLinkNote",children:e.note}),(0,o.jsx)("div",{children:(0,o.jsxs)("span",{className:"affiliateNameContainer",children:[" ",(0,o.jsxs)("span",{className:"affiliateUrl",children:[u?(0,o.jsx)(u,{}):null," ",i.displayUrl," ",i.business&&(0,o.jsx)(c.uv,{children:"business supplier"})]})]})})]}),(0,o.jsx)("div",{className:"purchaseLinkRight",children:(0,o.jsxs)("span",{className:"sellerLogoContainer",children:[(0,o.jsx)("img",{src:r,alt:d}),(0,o.jsx)(l.wJQ,{})]})})]})},t)};return function(){if(!u||0===u.length)return null;const e=u.map(h).filter((e=>e));return 0===e.length?null:(0,o.jsx)(d.A,{className:"headsetPurchaseSection",heading:"Purchase",headinglinktext:"affiliate links (we may be compensated)",headinglinkto:"/advertising",children:e})}()}},2600:(e,s,n)=>{n.d(s,{A:()=>l});var t=n(7869);const l={US:t.US,EU:t.EU,GB:t.GB,JP:t.JP,RU:t.RU,NL:t.NL,FR:t.FR,DE:t.DE,ES:t.ES}},2611:(e,s,n)=>{n.d(s,{A:()=>l});var t=n(4414);function l(e){const{margin:s,justifyContent:n,alignItems:l,...a}=e,i={display:"flex",flexDirection:"column",justifyContent:n,margin:s,alignItems:l};return(0,t.jsx)("div",{...a,style:e.style?{...i,...e.style}:i,children:e.children})}},2734:()=>{},3628:(e,s,n)=>{n.d(s,{A:()=>d});var t=n(9950),l=n(3704),a=n(1820),i=n(4261),r=n(5954),c=n(4414);function d(e){const{onSubmit:s}=e,n=(0,a.MW)(),[d,o]=t.useState(null),[u,h]=t.useState(!1);t.useEffect((()=>{u||h(!0)}),[u]);const x=function(e){if(0===e.length)o(null);else{const s=e[0];o(s)}},j=function(){(0,i.Se)(d,e.src).then((e=>{h(!1),o(null),n.success(e.message),s&&s()}),(e=>{n.error(e.error)}))},m=function(){if(!window.confirm("Delete image?"))return;(0,i.Ky)(e.src).then((e=>{h(!1),n.success(e.message)}),(e=>{n.error(e.message)}))};return(0,c.jsxs)("div",{className:"imageEditFieldContainer",children:[e.heading?(0,c.jsx)("h2",{children:e.heading}):null,(0,c.jsxs)("div",{className:"imageEditField",children:[(0,c.jsxs)("div",{className:"currentImageSection",children:[(0,c.jsx)("img",{src:e.src?`${e.src}?t=${Date.now()}`:null,alt:""}),(0,c.jsx)("p",{children:"current image"}),(0,c.jsx)("p",{children:(0,c.jsx)(r.uv,{children:"Hover to replace"})})]}),(0,c.jsxs)("div",{className:"fileUploadSection "+(d?"alwaysVisible":""),children:[(0,c.jsx)(l.A,{onChange:x,withPreview:!0,withIcon:!1,buttonText:"Cho

1ose image",imgExtension:[".png"],maxFileSize:5242880,label:"Max file size: 5mb. Accepted: png",singleImage:!0}),null===d?(0,c.jsx)("button",{className:"deleteButton",onClick:m,children:"Delete existing image"}):null,null!==d?(0,c.jsx)("button",{onClick:j,children:"Submit"}):null]})]})]})}},3834:(e,s,n)=>{n.d(s,{A:()=>d});var t=n(384),l=n(4826),a=n(4933),i=n(5954),r=n(1492),c=n(4414);function d(e){const{page:s}=e,n=function(){const e=new Date(s.analyticsLastRetrieved);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"pageStatsInner",children:[(0,c.jsxs)("p",{children:[(0,c.jsxs)(i.qp,{children:[(0,c.jsx)(t.D7y,{})," ",s.views24h.toLocaleString("en-US")]})," ","page views in the last day."]}),(0,c.jsxs)("p",{children:[(0,c.jsxs)(i.qp,{children:[(0,c.jsx)(l.GXX,{})," ",s.views7d.toLocaleString("en-US")]})," ","page views in the last 7 days."]}),(0,c.jsxs)("p",{children:[(0,c.jsxs)(i.qp,{children:[(0,c.jsx)(l.itz,{})," ",s.views30d.toLocaleString("en-US")]})," ","page views in the last 30 days."]}),(0,c.jsxs)("p",{children:[(0,c.jsxs)(i.qp,{children:[(0,c.jsx)(a.Kp$,{})," ",s.viewsAllTime.toLocaleString("en-US")]})," ","page views total."]})]}),(0,c.jsx)("p",{children:(0,c.jsxs)(i.uv,{children:["Last updated: ",e.toLocaleDateString("en-US")]})})]})};return(0,c.jsx)(r.A,{heading:"Stats",className:"pageStats",children:s?n():(0,c.jsx)("p",{children:"No stats available."})})}},7495:(e,s,n)=>{n.d(s,{A:()=>r});n(9950);var t=n(2611),l=n(9293),a=n(5954),i=n(4414);function r(e){const{value:s,onChange:n,horizontal:r,labels:c}=e,d=c||s,o=function(e,t){return(0,i.jsxs)(l.A,{alignItems:"center",style:{marginRight:"1rem"},children:[(0,i.jsx)(a.et,{onClick:()=>function(e){const t=[...s];t.splice(e,1),n(t)}(t)}),d[t]]},`${t}_${e}`)};return function(){const n=r?l.A:t.A;return(0,i.jsx)(n,{style:e.style,children:s.map(o)})}()}},8665:(e,s,n)=>{n.r(s),n.d(s,{default:()=>i});var t=n(5647),l=n(477),a=n(4414);function i(e){const{heading:s,headsets:n,noAddButtons:i}=e,r=n.map((e=>({caption:e.name,url:t.A.url(e),imageUrl:t.A.thumbnailUrl(e),headset:i?void 0:e})));return(0,a.jsx)(l.A,{items:r,heading:s})}},8925:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});var t=n(3047),l=n(4414);function a(e){return(0,l.jsx)("div",{className:"floatingLinkButtonContainer",children:(0,l.jsx)(t.N_,{...e,className:`button floatingLinkButton ${e.className}`,children:e.children})})}},9226:()=>{},9293:(e,s,n)=>{n.d(s,{A:()=>l});var t=n(4414);function l(e){const{margin:s,justifyContent:n,alignItems:l,...a}=e,i={display:"flex",flexDirection:"row",justifyContent:n,alignItems:l,margin:s};return(0,t.jsx)("div",{...a,style:e.style?{...i,...e.style}:i,children:e.children})}},9375:(e,s,n)=>{n.r(s),n.d(s,{default:()=>D});var t=n(9950),l=n(5155),a=n(1820),i=n(8873),r=n(3407),c=n(2067),d=n(7294),o=n(1059),u=n(8925),h=n(7433),x=(n(9226),n(3628)),j=n(3834),m=n(5954),p=n(1492),g=n(4414);function v(e){const{accessory:s}=e,n=function(n){Object.assign(s,n),e.updateAccessory(s)};return s?(0,g.jsx)(p.A,{heading:"Settings",className:"accessorySettings",children:(0,g.jsxs)("div",{className:"settingsContents",children:[(0,g.jsxs)("div",{children:[(0,g.jsx)("label",{children:"Visible?"}),(0,g.jsx)(m.jF,{onChange:e=>n({visible:e}),value:s.visible})]}),(0,g.jsxs)("div",{children:[(0,g.jsx)("label",{children:"Show alt image?"}),(0,g.jsx)(m.jF,{onChange:e=>n({showAltImage:e}),value:s.showAltImage})]}),(0,g.jsxs)("div",{children:[(0,g.jsx)("label",{children:"Featured YouTube Video ID"}),(0,g.jsx)("input",{type:"text",placeholder:"Enter video id...",onChange:e=>n({featuredVideoId:e.target.value}),defaultValue:s.featuredVideoId})]})]})}):null}function f(e){const{accessory:s}=e;return(0,g.jsx)(p.A,{heading:"Description",className:"accessoryDescriptionEditor",children:(0,g.jsx)("textarea",{defaultValue:s?s.description:null,onChange:n=>{return t=n.target.value,s.description=t,void e.updateAccessory(s);var t},placeholder:"Enter a description..."})})}var y=n(9678),N=n(3047),C=n(4826),b=n(3696),A=n(6560),k=(n(2734),n(2275)),w=n(6678);function S(e){const{onUp:s=()=>{},onDown:n=()=>{},showUp:t,showDown:l}=e;return(0,g.jsxs)("div",{className:"orderButtons",children:[t&&(0,g.jsx)("button",{className:"upButton",onClick:s,children:(0,g.jsx)(w.euc,{})}),l&&(0,g.jsx)("button",{className:"downButton",onClick:n,children:(0,g.jsx)(w.p1_,{})})]})}function I(e){const{accessory:s,updateAccessory:n}=e,{manufacturerStubs:l}=(0,r.Ue)(),i=(0,a.MW)(),[c,d]=(0,t.useState)(""),[o,u]=(0,t.useState)(""),[h,x]=(0,t.useState)(null),j=(0,t.useCallback)((function(e){Object.assign(s,e),n(s)}),[s,n]),p=(0,t.useCallback)((function(e,n,t){const l=s.specs.filter((s=>s.name!==e));s.specs.findIndex((s=>s.name===e))!==t&&x(t),l.splice(t,0,n),j({specs:l})}),[s,j]),v=(0,t.useCallback)((function(e){const n=s.specs.filter((s=>s.name!==e));j({specs:n})}),[s,j]),f=(0,t.useCallback)((()=>{s.specs.map((e=>e.name.toLowerCase())).includes(c)?i.error(`A spec already exists with the name: "${c}"`):(j({specs:[...s.specs,{name:c,value:o,estimate:!1}]}),d(""),u(""),x(s.specs.length-1))}),[c,o,s,i,j]),y=function(e,s){const{note:n,estimate:t,name:l}=e;return(0,g.jsxs)("td",{className:"metaInfoCell",children:[(0,g.jsx)("div",{className:"checkboxes",children:(0,g.jsxs)("div",{children:[(0,g.jsx)("label",{children:"Estimate?"}),(0,g.jsx)(m.jF,{onChange:n=>p(l,{...e,estimate:n},s),value:t})]})}

1),(0,g.jsx)("div",{children:(0,g.jsx)("input",{type:"text",onChange:n=>p(l,{...e,note:n.target.value},s),style:{width:"90%"},placeholder:"Enter a note...",defaultValue:n})})]})},w=(0,t.useCallback)((function(e,n){const{name:t,value:l,estimate:a,note:i}=e;return(0,g.jsxs)("tr",{className:`specRow${l?"":" empty"}${n===h?" flash":""}`,children:[(0,g.jsx)("td",{className:"sectionHeadingCell",children:0===n?"Device":""}),(0,g.jsxs)("td",{className:"specHeadingCell",children:[(0,g.jsx)("div",{children:t}),(0,g.jsx)("div",{children:(0,g.jsx)("input",{style:{width:"100%"},type:"text",value:t,onChange:s=>p(t,{...e,name:s.target.value},n)})})]}),(0,g.jsxs)("td",{children:[a?(0,g.jsx)("span",{className:"estimateText",children:"estimate"}):null,l,i?(0,g.jsx)("p",{children:(0,g.jsx)(m.uv,{children:i})}):null]}),(0,g.jsx)("td",{className:"specEditCell",children:(0,g.jsxs)("div",{children:[(0,g.jsx)("input",{type:"text",value:l,onChange:s=>p(t,{...e,value:s.target.value},n)}),(0,g.jsx)(S,{onUp:()=>p(t,e,n-1),onDown:()=>p(t,e,n+1),showUp:n>0,showDown:n<s.specs.length-1}),(0,g.jsx)(m.et,{onClick:()=>v(t)})]})}),y(e,n)]},`spec${n}${t}`)}),[s]),I=e=>{let{heading:s="",name:n,key:t,value:l}=e;return(0,g.jsxs)("tr",{className:l?"":"empty",children:[(0,g.jsx)("td",{className:"sectionHeadingCell",children:s}),(0,g.jsx)("td",{className:"specHeadingCell",children:n}),(0,g.jsx)("td",{children:l}),(0,g.jsx)("td",{children:(0,g.jsx)("input",{type:"text",value:l,onChange:e=>j({[t]:e.target.value})})})]},t)},U=e=>{let{heading:s="",name:n,key:t,value:l}=e;return(0,g.jsxs)("tr",{className:null===l||void 0===l?"empty":"",children:[(0,g.jsx)("td",{className:"sectionHeadingCell",children:s}),(0,g.jsx)("td",{className:"specHeadingCell",children:n}),(0,g.jsx)("td",{children:!0===l?(0,g.jsx)(m.gr,{}):!1===l?(0,g.jsx)(m.FB,{}):null}),(0,g.jsx)("td",{children:(0,g.jsxs)("select",{onChange:e=>j({[t]:""===e.target.value?null:"true"===e.target.value}),defaultValue:l,children:[(0,g.jsx)("option",{value:"",children:"Unknown"}),(0,g.jsx)("option",{value:!0,children:"Yes"}),(0,g.jsx)("option",{value:!1,children:"No"})]})})]},t)},R=e=>{let{heading:n="",name:t,key:l,value:a}=e;return(0,g.jsxs)("tr",{className:a?"":"empty",children:[(0,g.jsx)("td",{className:"sectionHeadingCell",children:n}),(0,g.jsx)("td",{className:"specHeadingCell",children:t}),(0,g.jsx)("td",{children:k.t[l].displayFunction(s)}),(0,g.jsx)("td",{children:(0,g.jsx)("input",{type:"date",value:a?a.toISOString().split("T")[0]:null,onChange:e=>j({[l]:e.target.value})})})]},l)},E=()=>{var e;return(0,g.jsxs)("tr",{children:[(0,g.jsx)("td",{className:"sectionHeadingCell"}),(0,g.jsx)("td",{className:"specHeadingCell",children:"Manufacturer"}),(0,g.jsx)("td",{children:(0,g.jsx)(N.N_,{to:b.A.url(s.manufacturer),children:s.manufacturer.name})}),(0,g.jsx)("td",{children:(0,g.jsx)("select",{onChange:e=>j({manufacturer:l.find((s=>s.id===e.target.value))}),value:s.manufacturer.id,children:null===l||void 0===l||null===(e=l.sort(((e,s)=>e.name>s.name?1:-1)))||void 0===e?void 0:e.map(((e,s)=>(0,g.jsx)("option",{value:e.id,children:e.name},s)))})})]})},H=()=>{const e={width:"45%",margin:"0.2rem"},n=s.virtualReality?s.compatibleWithMostVR?"Most VR headsets":"Specific VR headsets":"",t=s.augmentedReality?s.compatibleWithMostAR?"Most AR headsets":"Specific AR headsets":"";return(0,g.jsxs)("tr",{children:[(0,g.jsx)("td",{className:"sectionHeadingCell"}),(0,g.jsx)("td",{className:"specHeadingCell",children:"Compatibility"}),(0,g.jsxs)("td",{children:[n&&(0,g.jsx)("p",{children:n}),t&&(0,g.jsx)("p",{children:t})]}

1),(0,g.jsxs)("td",{children:[(0,g.jsxs)("select",{style:e,onChange:e=>j({virtualReality:""===e.target.value?null:"true"===e.target.value}),defaultValue:s.virtualReality,children:[(0,g.jsx)("option",{value:"",children:"Unknown"}),(0,g.jsx)("option",{value:!0,children:"VR Accessory"}),(0,g.jsx)("option",{value:!1,children:"Non-VR Accessory"})]}),(0,g.jsxs)("select",{style:e,onChange:e=>j({compatibleWithMostVR:""===e.target.value?null:"true"===e.target.value}),defaultValue:s.compatibleWithMostVR,children:[(0,g.jsx)("option",{value:"",children:"Unknown"}),(0,g.jsx)("option",{value:!0,children:"Most headsets"}),(0,g.jsx)("option",{value:!1,children:"Specific headsets"})]}),(0,g.jsxs)("select",{style:e,onChange:e=>j({augmentedReality:""===e.target.value?null:"true"===e.target.value}),defaultValue:s.augmentedReality,children:[(0,g.jsx)("option",{value:"",children:"Unknown"}),(0,g.jsx)("option",{value:!0,children:"AR Accessory"}),(0,g.jsx)("option",{value:!1,children:"Non-AR Accessory"})]}),(0,g.jsxs)("select",{style:e,onChange:e=>j({compatibleWithMostAR:""===e.target.value?null:"true"===e.target.value}),defaultValue:s.compatibleWithMostAR,children:[(0,g.jsx)("option",{value:"",children:"Unknown"}),(0,g.jsx)("option",{value:!0,children:"Most headsets"}),(0,g.jsx)("option",{value:!1,children:"Specific headsets"})]})]})]})};return(0,g.jsx)("div",{className:"comparisonTableContainer",children:(0,g.jsx)("div",{style:{width:"100%",overflowX:"scroll",margin:0},children:(0,g.jsxs)("table",{className:"comparisonTable editAccessoryTable",children:[(0,g.jsx)("thead",{children:(0,g.jsxs)("tr",{children:[(0,g.jsx)("th",{}),(0,g.jsx)("th",{}),(0,g.jsx)("th",{style:{width:"33%"},children:"Preview Data"}),(0,g.jsx)("th",{style:{width:"33%"},children:"Edit Data"}),(0,g.jsx)("th",{style:{width:"20%"},children:"Meta Info"})]})}),(0,g.jsxs)("tbody",{children:[(0,g.jsxs)(t.Fragment,{children:[I({heading:"Info",name:"Name",key:"name",value:s.name}),E(),(0,g.jsxs)("tr",{className:s.externalUrl?"":"empty",children:[(0,g.jsx)("td",{className:"sectionHeadingCell"}),(0,g.jsx)("td",{className:"specHeadingCell",children:"Website"}),(0,g.jsx)("td",{children:s.externalUrl?(0,g.jsx)(m.Gr,{href:s.externalUrl,icon:!0,children:(0,A.qU)(s.externalUrl)}):null}),(0,g.jsx)("td",{children:(0,g.jsx)("input",{type:"text",value:s.externalUrl,onChange:e=>j({externalUrl:(0,A.o)(e.target.value)}),placeholder:"Enter a url..."})})]},"website"),I({name:"Device Type",key:"deviceType",value:s.deviceType}),H(),R({name:"Announced",key:"announcedDate",value:s.announcedDate}),R({name:"Release Date",key:"releaseDate",value:s.releaseDate}),U({name:"Discontinued",key:"discontinued",value:s.discontinued}),(0,g.jsxs)("tr",{className:s.price?"":"empty",children:[(0,g.jsx)("td",{className:"sectionHeadingCell"}),(0,g.jsx)("td",{className:"specHeadingCell",children:"Retail Price"}),(0,g.jsx)("td",{children:s.price?(0,g.jsxs)(g.Fragment,{children:["$",s.price,s.priceNote?(0,g.jsx)("p",{children:(0,g.jsx)(m.uv,{children:s.priceNote})}):null]}):null}),(0,g.jsxs)("td",{children:["$",(0,g.jsx)("input",{type:"number",value:s.price,onChange:e=>j({price:parseInt(e.target.value)})})]}),(0,g.jsx)("td",{children:(0,g.jsx)("input",{type:"text",onChange:e=>j({priceNote:e.target.value}),style:{width:"90%"},placeholder:"Enter a note...",defaultValue:s.priceNote})})]},"price")]},"generalEditSection"),s.specs.map(((e,s)=>w(e,s))),(0,g.jsxs)("tr",{className:"addSpecRow",onKeyDown:e=>"Enter"===e.key&&c&&f(),children:[(0,g.jsx)("td",{className:"sectionHeadingCell"}),(0,g.jsx)("td",{className:"specHeadingCell",children:(0,g.jsx)("input",{type:"text",value:c,onChange:e=>d(e.target.value)})}),(0,g.jsx)("td",{children:o}),(0,g.jsx)("td",{children:(0,g.jsx)("input",{type:"text",value:o,onChange:e=>u(e.target.value)})}),(0,g.jsx)("td",{children:(0,g.jsxs)("button",{className:c?"":"disabled",onClick:f,children:[(0,g.jsx)(C.OiG,{style:{marginRight:"0.5rem"}}),"Add Spec"]})})]},"addSpecRow")]})]})})})}var U=n(7495),R=n(8665);function E(e){const{accessory:s,updateAccessory:n}=e,{headsetStubs:l}=(0,r.Z5)(),i=(0,a.MW)(),[c,d]=(0,t.useState)("");if(!l||0===l.length||!s)return null;const o=l.filter((e=>e.visible)).sort(((e,s)=>e.name>s.name?1:-1)),u=s.compatibleHeadsets.map((e=>l.find((s=>s.id===e)))).sort(((e,n)=>{const t=e.manufacturer===s.manufacturer.name,l=n.manufacturer===s.manufacturer.name;return t&&l||!t&&!l?e.name>n.name?1:-1:t?-1:1})),h=u.map((e=>e.name)),x=c&&!s.compatibleHeadsets.includes(c),j=function(){x?(s.compatibleHeadsets.push(c),n(s)):i.error("Accessory already has compatible headset listed.")},m=e=>{s.compatibleHeadsets=e,n(s)};return(0,g.jsxs)(p.A,{heading:"Compatible Headsets",children:[(0,g.jsxs)("div",{className:"addCompatibleHeadsetHeader",children:[(0,g.jsxs)("select",{value:c,onChange:e=>d(e.target.value),children:[(0,g.jsx)("option",{value:"",children:"Select"}),o.map(((e,s)=>(0,g.jsx)("option",{value:e.id,children:e.name},s)))]}),(0,g.jsx)("button",{className:x?"":"disabled",onClick:j,children:"Add headset"})]}),(0,g.jsx)(U.A,{value:s.compatibleHeadsets,labels:h,onChange:m,horizontal:!0,style:{flexWrap:"wrap"}}),(0,g.jsx)(R.default,{heading:"Preview compatible headsets",headsets:u.filter((e=>e)),noAddButtons:!0})]})}var H=n(1848);function D(e){const s=e.match.params.id,n=(0,a.MW)(),{accessory:m,error:p}=(0,r.uH)({id:s}),{updateAccessory:N}=(0,t.useContext)(r.uE),[C,b]=(0,t.useState)(null),[A,k]=(0,t.useState)(!1);(0,t.useEffect)((()=>{!C&&m&&b(m.copy())}),[C,m]);const w=(0,t.useCallback)((e=>{b(e.copy()),k(!0)}),[b,k]),S=(0,t.useCallback)((()=>{A?(N(C),k(!1)):n.info("No changes to save. Make some changes first.")}),[C,N,n]);(0,t.useEffect)((()=>{const e=function(e){"s"===e.key&&e.ctrlKey&&(S(),e.preventDefault())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[C,A,S]);return function(){if(p)return(0,g.jsx)(l.Redirect,{to:"/404"});if(!C||!m)return(0,g.jsx)(c.default,{});const e=`Edit Accessory: ${m.name}`;return(0,g.jsxs)(d.default,{noMetadata:!0,noAds:!0,title:e,children:[(0,g.jsx)(l.Prompt,{message:"You have unsaved changes. Are you sure you want to leave this page?",when:A}),(0,g.jsxs)(u.default,{to:m?o.A.url(m):"",children:[(0,g.jsx)(i.zgv,{}),null!==m&&void 0!==m&&m.visible?"View public page":"Preview public page"]}),(0,g.jsxs)(h.default,{children:["Edit Accessory: ",C.name]}),(0,g.jsx)(H.A,{children:(0,g.jsxs)("div",{className:"mainContent",children:[(0,g.jsx)("div",{className:"mainPanel",children:(0,g.jsx)(I,{accessory:C,updateAccessory:w})}),(0,g.jsx)("div",{className:"sidePanel",children:(0,g.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,g.jsx)(v,{accessory:C,updateAccessory:w}),(0,g.jsx)(j.A,{page:C.page}),(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center"},children:[(0,g.jsx)(x.A,{heading:"Main Accessory Image",src:o.A.imageUrl(C)}

1),(0,g.jsx)(x.A,{heading:"Alt Accessory Image",src:o.A.altImageUrl(C)})]}),(0,g.jsx)("h2",{children:"SERP preview image"}),(0,g.jsx)("div",{style:{width:"100%",padding:"0 30%"},children:(0,g.jsx)("img",{src:o.A.previewImageUrl(C),style:{width:"100%"}})}),(0,g.jsx)(f,{accessory:C,updateAccessory:w}),(0,g.jsx)(E,{accessory:C,updateAccessory:w}),(0,g.jsx)(y.A,{headset:C,updateHeadset:w})]})})]})})]})}()}},9678:(e,s,n)=>{n.d(s,{A:()=>d});var t=n(5954),l=n(7986),a=n(9950),i=n(1965),r=n(1492),c=n(4414);function d(e){const{affiliates:s,getAffiliateById:n}=(0,a.useContext)(l.P),d=e.headset,o=e.updateHeadset,u=function(e,s){Object.assign(d.sellers[s],e),o(d)},h=function(e,l){const a=n(e.seller);return(0,c.jsxs)("div",{className:"editHeadsetSeller",children:[(0,c.jsx)("div",{className:"editHeadsetSellerTop",children:(0,c.jsxs)("div",{className:"editSellerInputGroup",children:[(0,c.jsx)("label",{children:"Seller:"}),(0,c.jsxs)("select",{onChange:e=>u({seller:e.target.value},l),children:[(0,c.jsx)("option",{children:"Select"}),s.map((s=>(0,c.jsxs)("option",{value:s._id,selected:e.seller===s._id,children:[s.displayUrl,s.business&&" (Business)",s.region&&`(${s.region})`]})))]})]})}),(0,c.jsxs)("div",{className:"editHeadsetSellerBottom",children:[(0,c.jsxs)("div",{className:"editSellerInputGroup",children:[(0,c.jsx)("label",{children:"URL:"}),(0,c.jsx)("input",{type:"text",onChange:e=>u({link:e.target.value},l),placeholder:"Enter affiliate link url...",defaultValue:e.link})]}),(0,c.jsxs)("div",{className:"editSellerInputGroup",children:[(0,c.jsx)("label",{children:"Note:"}),(0,c.jsx)("input",{type:"text",onChange:e=>u({note:e.target.value},l),placeholder:"Enter link note...",defaultValue:e.note})]}),(0,c.jsx)(t.et,{onClick:e=>function(e){d.sellers=d.sellers.filter(((s,n)=>n!==e)),o(d)}(l)})]}),a&&!a.enabled?(0,c.jsx)(t.uv,{children:"(affiliate disabled)"}):null]},e.link)};return(0,c.jsxs)(r.A,{heading:"Edit Sellers",children:[(0,c.jsx)(i.default,{sellers:d.sellers}),(0,c.jsxs)("div",{className:"headsetSellersEditor",children:[d?d.sellers.map(h):null,(0,c.jsx)("button",{className:"addButton",onClick:e=>(d.sellers.push({seller:"",link:"",note:""}),void o(d)),children:"Add Seller"})]})]})}},9977:(e,s,n)=>{n.d(s,{V:()=>i,A:()=>r});var t=n(7336),l=n(3047),a=n(4414);const i=e=>{const{headset:s,url:n,caption:i,wide:r,...c}=e;return(0,a.jsxs)("div",{...c,className:"quickImageLink"+(r?" wide":""),children:[s&&(0,a.jsx)(t.default,{headset:s}),(0,a.jsx)(l.N_,{to:n,className:"quickImageLinkInner",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"imageContainer",children:e.children}),(0,a.jsx)("span",{className:"caption",children:i})]})})]})};function r(e){const{headset:s,url:n,imageUrl:t,caption:l,...r}=e;return(0,a.jsx)(i,{headset:s,url:n,caption:l,...r,children:(0,a.jsx)("img",{src:t,alt:l})})}}}]);