https://teliportme.com/_next/static/chunks/1245.e941844b399c5569.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1245],{81245:function(e,t,s){s.d(t,{Z:function(){return N}});var o=s(85893),n=s(67294),l=s(83253),a=s.n(l),r=s(5434),i=s(50828),c=s(82529),d=s(34749),u=s(12211),x=s(713),h=s(55281),m=s(855),p=s(90516),g=s(66010),b=s(5e4),f=s(30073),j=(s(87042),(0,f.u7)(f.ZP)),v=(0,i.Pi)((function(e){var t=e.type,s=void 0===t?"global":t,l=e.collectionId,a=e.closeModal,i=e.onSave,f=e.settings,v=e.enableTourOptions,N=void 0!==v&&v,y=function(e){e.hotspotLabelBgColor&&ve((0,b.JW)(e.hotspotLabelBgColor)),e.hotspotLabelColor&&Ce((0,b.JW)(e.hotspotLabelColor)),e.hotspotTextBgColor&&ke((0,b.JW)(e.hotspotTextBgColor)),e.hotspotTextColor&&Te((0,b.JW)(e.hotspotTextColor))},C=(0,c.Z)().collectionStore,w=(0,n.useState)(!1),S=w[0],k=w[1],I=(0,n.useState)(!1),L=I[0],T=I[1],z=(0,n.useState)(!1),P=z[0],B=z[1],F=(0,n.useState)(!1),H=F[0],Z=F[1],W=(0,n.useState)({}),O=W[0],M=W[1],_=(0,n.useState)(!1),D=_[0],E=_[1],J=(0,n.useState)(!1),A=J[0],R=J[1],U=(0,n.useState)(""),Y=U[0],q=U[1],K=(0,n.useState)(null),V=K[0],G=K[1],Q=(0,n.useState)(""),X=Q[0],$=Q[1],ee=(0,n.useState)(0),te=ee[0],se=ee[1],oe=(0,n.useState)(""),ne=oe[0],le=oe[1],ae=(0,n.useState)(16),re=ae[0],ie=ae[1],ce=(0,n.useState)(""),de=ce[0],ue=ce[1],xe=(0,n.useState)(14),he=xe[0],me=xe[1],pe=(0,n.useState)(""),ge=pe[0],be=pe[1],fe=(0,n.useState)((0,b.JW)("rgba(0, 0, 0, 1)")),je=fe[0],ve=fe[1],Ne=(0,n.useState)((0,b.JW)("rgba(255, 255, 255, 1)")),ye=Ne[0],Ce=Ne[1],we=(0,n.useState)((0,b.JW)("rgba(0, 0, 0, 1)")),Se=we[0],ke=we[1],Ie=(0,n.useState)((0,b.JW)("rgba(255, 255, 255, 1)")),Le=Ie[0],Te=Ie[1],ze=(0,n.useState)("d"),Pe=ze[0],Be=ze[1],Fe=(0,n.useState)("lt"),He=Fe[0],Ze=Fe[1],We=(0,n.useState)(40),Oe=We[0],Me=We[1],_e=(0,n.useState)(0),De=_e[0],Ee=_e[1],Je=(0,n.useState)("walkthrough"),Ae=Je[0],Re=Je[1],Ue=(0,n.useState)(!1),Ye=Ue[0],qe=Ue[1],Ke=(0,n.useState)(null),Ve=Ke[0],Ge=Ke[1],Qe=(0,n.useState)(null),Xe=Qe[0],$e=Qe[1],et=(0,n.useState)(0),tt=et[0],st=et[1],ot=(0,n.useState)(!1),nt=ot[0],lt=ot[1],at=(0,n.useState)(!0),rt=at[0],it=at[1],ct=(0,n.useState)(!0),dt=ct[0],ut=ct[1],xt=(0,n.useState)(!0),ht=xt[0],mt=xt[1],pt=(0,n.useState)(!1),gt=pt[0],bt=pt[1],ft=(0,n.useState)(!1),jt=ft[0],vt=ft[1];(0,n.useEffect)((function(){return"brand"===s?void 0!==f?(se(f.id),$(f.name),G(f.icon.id),q(f.icon.url),ie(f.settings.textHotspotSize),ue(f.settings.textHotspotFont),me(f.settings.hotspotLabelSize||14),be(f.settings.hotspotLabelFont||""),y(f.settings),M(f.settings)):C.getUserSettings().then((function(e){ie(e.textHotspotSize),ue(e.textHotspotFont),me(e.hotspotLabelSize||14),be(e.hotspotLabelFont||""),y(e),M(e)})):"tour"===s?(G(C.currentCollection.embed&&C.currentCollection.embed.id),q(C.currentCollection.embed&&C.currentCollection.embed.custom_branding&&C.currentCollection.embed.logo_url),Ge(C.currentCollection.thumb_url),C.getTourSettings(l).then((function(e){ie(e.textHotspotSize),ue(e.textHotspotFont),me(e.hotspotLabelSize||14),be(e.hotspotLabelFont||""),Be(e.logoSetting||"d"),Ze(e.logoPosition||"lt"),Me(e.logoSize||40),Ee(e.logoOpacity||0),st(e.autoRotate||0),lt(e.autoLoadDisabled),it(e.showFullScreen),ut(e.showInfoButton),mt(e.showPanoDetails),bt(e.navigationMode),vt(e.passwordEnabled),y(e),M(e)}))):C.getUserSettings().then((function(e){ie(e.textHotspotSize),ue(e.textHotspotFont),me(e.hotspotLabelSize||14),be(e.hotspotLabelFont||""),y(e),M(e)})),function(){M({})}}),[]);var Nt=function(e){var t=Object.assign(O,e);M(t)};return(0,o.jsxs)("div",{className:"p-8",children:[C.isLoadingSetting?(0,o.jsx)(d.Z,{}):(0,o.jsxs)(n.Fragment,{children:[(0,o.jsxs)("h2",{className:"text-center text-gray-800",children:["tour"===s?"":"brand"===s?"Brand":"Global"," ","Settings"]}),"brand"===s&&(0,o.jsxs)("div",{children:[(0,o.jsx)("label",{htmlFor:"listname",className:"mb-1 font-bold text-gray-700",children:"Brand Name"}),(0,o.jsx)("input",{required:!0,type:"text",id:"listname",className:"mt-1 block w-full rounded border bg-white/[.9] pb-2 pl-4 pr-4 pt-2 leading-tight text-gray-700",placeholder:"Enter brand name",value:X,onChange:function(e){$(e.target.value)}})]}),"tour"===s&&N&&(0,o.jsxs)("div",{children:[(0,o.jsx)("h3",{className:"mb-1 border-b border-gray-200 pb-1 leading-tight",children:"Tour Settings"}),(0,o.jsxs)("div",{className:"flex flex-wrap pb-2",children:[(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("img",{alt:"Preview",onClick:function(){return qe(!0)},className:"h-16 w-32 cursor-pointer bg-black/[.8]",src:Ve||"/image/teliportme-logo-white.svg"}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Preview"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 items-center justify-center",children:(0,o.jsxs)("select",{className:"rounded border-gray-600",value:Ae,onChange:function(e){Re(e.target.value),Nt({viewMode:e.target.value})},children:[(0,o.jsx)("option",{value:"walkthrough",children:"Walkthrough"}),(0,o.jsx)("option",{value:"listing",children:"Listing"}),(0,o.jsx)("option",{value:"none",children:"None"})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Skin"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 items-center justify-center",children:(0,o.jsxs)("select",{className:"rounded border-gray-600",value:gt?"1":"0",onChange:function(e){Re(e.target.value),Nt({viewMode:e.target.value})},children:[(0,o.jsx)("option",{value:"0",children:"Manual"}),(0,o.jsx)("option",{value:"1",children:"Automatic"})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Navigation"})]})]}),(0,o.jsxs)("div",{className:"flex flex-wrap pb-2",children:[(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsx)("input",{type:"checkbox",id:"showInfo",checked:dt,onChange:function(e){Nt({showInfoButton:e.target.checked}),ut(e.target.checked)}})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Info Icon"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsx)("input",{type:"checkbox",id:"showPanoDetails",checked:ht,onChange:function(e){Nt({showPanoDetails:e.target.checked}),mt(e.target.checked)}})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Pano Details"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsx)("input",{type:"checkbox",id:"showFullscreen",checked:rt,onCh

1ange:function(e){Nt({showFullScreen:e.target.checked}),it(e.target.checked)}})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Fullscreen Icon"})]})]}),(0,o.jsxs)("div",{className:"flex flex-wrap pb-2",children:[(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsx)("input",{type:"checkbox",id:"showInfo",checked:jt,onChange:function(e){Nt({passwordEnabled:e.target.checked}),vt(e.target.checked)}})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Password"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsx)("input",{type:"checkbox",id:"showWelcome",checked:nt,onChange:function(e){Nt({autoLoadDisabled:e.target.checked}),lt(e.target.checked)}})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Welcome Screen"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsx)(j,{trackStyle:{backgroundColor:"#ff6e3f"},handleStyle:{border:"solid 2px #000"},value:-tt,min:0,max:10,step:1,onChange:function(e){Nt({autoRotate:parseInt(-e)}),st(parseInt(-e))}})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Autorotate"})]})]}),jt&&(0,o.jsxs)("div",{className:"flex flex-wrap pb-2",children:[(0,o.jsx)("input",{className:"input-reset my-2 block w-full border border-black/[.2] p-2",type:"text",placeholder:"Password",id:"password",value:C.tourSettings.password,onChange:function(e){C.syncUnsavedTourSettings({password:e.target.value})}}),(0,o.jsx)("input",{className:"input-reset my-2 block w-full border border-black/[.2] p-2",type:"text",placeholder:"Password Message",id:"password",value:C.tourSettings.passwordMsg,onChange:function(e){C.syncUnsavedTourSettings({passwordMsg:e.target.value})}})]})]}),"global"!==s&&(0,o.jsxs)("div",{children:[(0,o.jsx)("h3",{className:"mb-1 border-b border-gray-200 pb-1 leading-tight",children:"Logo Settings"}),"tour"===s&&N&&(0,o.jsxs)("div",{className:"flex flex-wrap pb-2",children:[(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 items-center justify-center",children:(0,o.jsxs)("select",{className:"rounded border-gray-600",value:Pe,onChange:function(e){Be(e.target.value),Nt({logoSetting:e.target.value})},children:[(0,o.jsx)("option",{value:"d",children:"Default"}),(0,o.jsx)("option",{value:"c",children:"Custom"}),(0,o.jsx)("option",{value:"n",children:"None"})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Type"})]}),"n"!==Pe&&(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 items-center justify-center",children:(0,o.jsxs)("select",{className:"rounded border-gray-600",value:He,onChange:function(e){Ze(e.target.value),Nt({logoPosition:e.target.value})},children:[(0,o.jsx)("option",{value:"lt",children:"Top Left"}),(0,o.jsx)("option",{value:"lb",children:"Bottom Left"}),(0,o.jsx)("option",{value:"rb",children:"Bottom Right"})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Position"})]}),"n"!==Pe&&(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsx)(j,{trackStyle:{backgroundColor:"#ff6e3f"},handleStyle:{border:"solid 2px #000"},value:Oe/40,min:.25,max:10,step:.25,onChange:function(e){Me(40*e),Nt({logoSize:40*e})}})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Size"})]}),"n"!==Pe&&(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsx)(j,{trackStyle:{backgroundColor:"#ff6e3f"},handleStyle:{border:"solid 2px #000"},value:100*(De+1),min:0,max:90,step:1,onChange:function(e){Ee(e/100-1),Nt({logoOpacity:e/100-1})}})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Transparency"})]})]}),(0,o.jsx)("div",{className:"flex flex-wrap",children:!("tour"===s&&"c"!==Pe&&N)&&(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("img",{alt:"Logo",onClick:function(){return R(!0)},className:"h-16 w-16 cursor-pointer bg-black/[.8]",src:Y||"/image/teliportme-logo-white.svg"}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Logo"})]})})]}),(0,o.jsx)("h3",{className:"mb-0 border-b border-gray-200 pb-1 leading-tight",children:"Hotspot Settings"}),(0,o.jsx)("p",{className:"mt-1 text-sm leading-normal text-gray-800",children:"These settings will be used when creating a new hotspot in a tour."}),(0,o.jsxs)("div",{className:"flex flex-wrap",children:[O.hotspotLabelBgColor&&(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsx)("div",{style:{background:O.hotspotLabelBgColor},className:"relative h-8 w-8 cursor-pointer rounded border border-gray-600",onClick:function(e){e.stopPropagation(),k(!S),T(!1),B(!1),Z(!1)}}),S&&(0,o.jsx)("div",{className:"tme-translate-x--50 tme-left-50 absolute top-8 z-[999] rounded border border-gray-200",children:(0,o.jsxs)("div",{className:"relative text-center",children:[(0,o.jsx)(x.xS,{color:je,triangle:"hide",onChangeComplete:function(e){ve(e.rgb),Nt({hotspotLabelBgColor:"rgba(".concat(e.rgb.r,", ").concat(e.rgb.g,", ").concat(e.rgb.b,", ").concat(e.rgb.a,")")})}}),(0,o.jsx)(r.vB0,{size:"20",className:"absolute bottom-0 right-0 m-1 p-1 hover:bg-gray-600",onClick:function(){k(!1)}})]})})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Label Backgroun

1d"})]}),O.hotspotLabelColor&&(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsx)("div",{style:{background:O.hotspotLabelColor},className:"relative h-8 w-8 cursor-pointer rounded border border-gray-600",onClick:function(e){e.stopPropagation(),T(!L),k(!1),B(!1),Z(!1)}}),L&&(0,o.jsx)("div",{className:"tme-translate-x--50 tme-left-50 absolute top-8 z-[999] rounded border border-gray-200",children:(0,o.jsxs)("div",{className:"relative text-center",children:[(0,o.jsx)(x.xS,{color:ye,triangle:"hide",onChangeComplete:function(e){Ce(e.rgb),Nt({hotspotLabelColor:"rgba(".concat(e.rgb.r,", ").concat(e.rgb.g,", ").concat(e.rgb.b,", ").concat(e.rgb.a,")")})}}),(0,o.jsx)(r.vB0,{size:"20",className:"absolute bottom-0 right-0 m-1 p-1 hover:bg-gray-600",onClick:function(){T(!1)}})]})})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Label Text Color"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 items-center justify-center",children:(0,o.jsxs)("select",{className:"rounded border-gray-600",value:he,onChange:function(e){me(e.target.value),Nt({hotspotLabelSize:e.target.value})},children:[(0,o.jsx)("option",{value:"10",children:"10"}),(0,o.jsx)("option",{value:"12",children:"12"}),(0,o.jsx)("option",{value:"14",children:"14"}),(0,o.jsx)("option",{value:"16",children:"16"}),(0,o.jsx)("option",{value:"18",children:"18"}),(0,o.jsx)("option",{value:"20",children:"20"}),(0,o.jsx)("option",{value:"24",children:"24"}),(0,o.jsx)("option",{value:"32",children:"32"}),(0,o.jsx)("option",{value:"48",children:"48"}),(0,o.jsx)("option",{value:"64",children:"64"})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Label Size"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 items-center justify-center",children:(0,o.jsx)("div",{className:"flex",style:{minWidth:"8rem"},children:(0,o.jsx)(h.Z,{apiKey:"AIzaSyAITjD1ZjvVymup2656zwmj-T5NWIrjk0Y",value:ge,placeholder:"Choose Font",arrowClassName:"",controlClassName:"Dropdown-control bg-gray-800 text-white rounded outline-0 overflow-hidden px-4 py-2 h-8 cursor-pointer relative border border-black",menuClassName:"absolute bg-gray-800 text-white border-l border-none border-r rounded-t-none rounded overflow-y-auto cursor-pointer shadow-md top-8 z-[999]",onChange:function(e){be(e.value),Nt({hotspotLabelFont:e.value}),(0,b.hR)([e.value],"settings hotspotlabel")}})})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Label Font"})]})]}),(0,o.jsxs)("div",{className:"flex flex-col p-2",children:[(0,o.jsx)("img",{alt:"Icon",onClick:function(){return E(!0)},className:"h-16 w-16 cursor-pointer bg-black/[.8]",src:(0,b.m_)(O.hotspotIcon)}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Icon"})]}),(0,o.jsx)("h3",{className:"mb-0 border-b border-gray-200 pb-1 leading-tight",children:"Text Hotspot settings"}),(0,o.jsx)("p",{className:"mt-1 text-sm leading-normal text-gray-800",children:"These settings will be used when creating a new text hotspot in a tour."}),(0,o.jsxs)("div",{className:"flex flex-wrap",children:[O.textHotspotBgColor&&(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsx)("div",{style:{background:O.textHotspotBgColor},className:"relative h-8 w-8 cursor-pointer rounded border border-gray-600",onClick:function(e){e.stopPropagation(),B(!P),k(!1),T(!1),Z(!1)}}),P&&(0,o.jsx)("div",{className:"absolute top-8 z-[999] rounded border border-gray-200",style:{transform:"translateY(-100%)",top:0},children:(0,o.jsxs)("div",{className:"relative text-center",children:[(0,o.jsx)(x.xS,{color:Se,triangle:"hide",onChangeComplete:function(e){ke(e.rgb),Nt({textHotspotBgColor:"rgba(".concat(e.rgb.r,", ").concat(e.rgb.g,", ").concat(e.rgb.b,", ").concat(e.rgb.a,")")})}}),(0,o.jsx)(r.vB0,{size:"20",className:"absolute bottom-0 right-0 m-1 p-1 hover:bg-gray-600",onClick:function(){B(!1)}})]})})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Backgroun

1d Color"})]}),O.textHotspotColor&&(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 w-16 items-center justify-center",children:(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsx)("div",{style:{background:O.textHotspotColor},className:"relative h-8 w-8 cursor-pointer rounded border border-gray-600",onClick:function(e){e.stopPropagation(),Z(!H),k(!1),T(!1),B(!1)}}),H&&(0,o.jsx)("div",{className:"absolute top-8 z-[999] rounded border border-gray-200",style:{transform:"translateY(-100%)",top:0},children:(0,o.jsxs)("div",{className:"relative text-center",children:[(0,o.jsx)(x.xS,{color:Le,triangle:"hide",onChangeComplete:function(e){Te(e.rgb),Nt({textHotspotColor:"rgba(".concat(e.rgb.r,", ").concat(e.rgb.g,", ").concat(e.rgb.b,", ").concat(e.rgb.a,")")})}}),(0,o.jsx)(r.vB0,{size:"20",className:"absolute bottom-0 right-0 m-1 p-1 hover:bg-gray-600",onClick:function(){Z(!1)}})]})})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Text Color"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 items-center justify-center",children:(0,o.jsxs)("select",{className:"rounded border-gray-600",value:re,onChange:function(e){ie(e.target.value),Nt({textHotspotSize:e.target.value})},children:[(0,o.jsx)("option",{value:"10",children:"10"}),(0,o.jsx)("option",{value:"12",children:"12"}),(0,o.jsx)("option",{value:"14",children:"14"}),(0,o.jsx)("option",{value:"16",children:"16"}),(0,o.jsx)("option",{value:"18",children:"18"}),(0,o.jsx)("option",{value:"20",children:"20"}),(0,o.jsx)("option",{value:"24",children:"24"}),(0,o.jsx)("option",{value:"32",children:"32"}),(0,o.jsx)("option",{value:"48",children:"48"}),(0,o.jsx)("option",{value:"64",children:"64"})]})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Text Size"})]}),(0,o.jsxs)("div",{className:"flex flex-col items-center p-2",children:[(0,o.jsx)("div",{className:"flex h-16 items-center justify-center",children:(0,o.jsx)("div",{className:"flex",style:{minWidth:"8rem"},children:(0,o.jsx)(h.Z,{apiKey:"AIzaSyAITjD1ZjvVymup2656zwmj-T5NWIrjk0Y",value:de,placeholder:"Choose Font",arrowClassName:"",controlClassName:"Dropdown-control bg-gray-800 text-white rounded outline-0 overflow-hidden px-4 py-2 h-8 cursor-pointer relative border border-black",menuClassName:"absolute bg-gray-800 text-white border-l border-none border-r rounded-t-none rounded overflow-y-auto cursor-pointer shadow-md top-8 z-[999]",onChange:function(e){ue(e.value),Nt({textHotspotFont:e.value}),(0,b.hR)([e.value],"settings texthotspottext")}})})}),(0,o.jsx)("span",{className:"mt-1 text-sm",children:"Text Font"})]})]}),(0,o.jsx)(p.Z,{errors:ne}),(0,o.jsxs)("div",{className:"my-4 border-t border-gray-200",children:[(0,o.jsx)(u.Z,{isLoading:C.isSavingSettings,type:"submit",className:"mb-0 mt-2 cursor-pointer whitespace-nowrap rounded border-none bg-blue-900 pb-2 pl-4 pr-4 pt-2 text-center font-normal leading-tight text-white outline-0",onClick:function(){if("brand"===s){if(!V)return void le("Please select logo");if(!X)return void le("Please enter brand name")}!function(){if("brand"===s){var e={};e.id=te,e.name=X,e.logo_id=V,Nt({logoSetting:"c"}),e.settings=O,i(e),a()}else"tour"===s?(null!=Xe&&C.uploadThumbnail(null==Ve?"environment":"image",Xe),C.currentCollection.embed&&C.currentCollection.embed.id!==V&&(null==V?C.removeTourBranding(C.currentCollection.id).then((function(){g.ZP.success("Tour logo removed",{position:"bottom-center"})})).catch((function(){g.ZP.error("Failed to remove logo for tour. Please refresh the page.",{position:"bottom-center"})})):C.setTourBranding(C.currentCollection.id,V,Y).then((function(){g.ZP.success("Tour logo updated",{position:"bottom-center"})})).catch((function(){g.ZP.error("Failed to set logo for tour. Please refresh the page.",{position:"bottom-center"})}))),C.setTourSetting(l,O).then((function(){g.ZP.success("Setting updated",{position:"bottom-center"}),a()}))):C.setUserSetting(O).then((function(){a()}))}()},children:"Save"}),(0,o.jsx)("button",{className:"mb-0 ml-4 mt-2 cursor-pointer whitespace-nowrap rounded border-none pb-2 pl-4 pr-4 pt-2 text-center font-normal leading-tight text-blue-900 outline-0",onClick:function(){a()},children:"Cancel"})]})]}),(0,o.jsx)(m.Z,{type:"icon",itemId:O.hotspotIcon,isOpen:D,closeModal:function(){return E(!1)},onImageSelected:function(e,t){null===t&&(t=null==e?"default-ring-white-anim":e,e=null),Nt({hotspotIcon:t,hotspotIconId:e,hotspotIconType:null===e?"system":"external"}),E(!1)}}),(0,o.jsx)(m.Z,{type:"logo",itemId:Y,isOpen:A,closeModal:function(){return R(!1)},onImageSelected:function(e,t){G(e),q(t)}}),(0,o.jsx)(m.Z,{type:"thumb",itemId:C.currentCollection&&C.currentCollection.thumb_url,isOpen:Ye,closeModal:function(){return qe(!1)},onImageSelected:function(e,t){if($e(e),null!=e)if(null==t){var s=C.getTourEnvItemById(e);Ge(s.thumb_url+"800_300.jpg")}else Ge(t);else Ge(null)}})]})})),N=function(e){var t=e.type,s=void 0===t?"global":t,n=e.isOpen,l=e.closeModal,i=e.collectionId,c=e.onSave,d=e.settings,u=e.enableTourOptions;return(0,o.jsxs)(a(),{isOpen:n,appElement:document.body,overlayClassName:"z-10 fixed top-0 left-0 right-0 bottom-0 bg-white/[.7] mx-auto flex justify-center overflow-y-auto",className:" ba1 absolute top-8 h-auto border border-black/[.4] bg-white p-2 outline-0",shouldCloseOnOverlayClick:!0,shouldCloseOnEsc:!0,onRequestClose:l,children:[(0,o.jsx)(r.FU5,{size:"32",color:"#666",className:"absolute right-4 cursor-pointer",onClick:l}

1),(0,o.jsx)(v,{collectionId:i,type:s,closeModal:l,onSave:c,settings:d,enableTourOptions:u})]})}}}]);