https://cloudscene.com/_next/static/chunks/4394.ee80dc2b789ad946.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4394],{84394:function(t,e,n){n.r(e),n.d(e,{ServiceLocation:function(){return I}});n(47941),n(82526),n(38880),n(54747),n(49337);var r=n(59499),o=n(19521),i=(n(92222),n(68309),n(69826),n(41539),n(26699),n(32023),n(2707),n(57327),n(21249),n(67294)),a=n(58463),s=n(88301),c=n(55863),u=n(80705),l=n(53854),f=n(29667),d=n(78720),p=n(84192),g=n(79572),m=function(t){var e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300;return function(){for(var r=this,o=arguments.length,i=new Array(o),a=0;a<o;a++)i[a]=arguments[a];clearTimeout(e),e=setTimeout((function(){return t.apply(r,i)}),n)}},v=n(45358),h=n(4708),w=n(53500),b=n(85893);function x(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function y(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?x(Object(n),!0).forEach((function(e){(0,r.Z)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var O={right:{transformOrigin:"left center"},"right-start":{transformOrigin:"left top"},"right-end":{transformOrigin:"left bottom"},left:{transformOrigin:"right center"},"left-start":{transformOrigin:"right top"},"left-end":{transformOrigin:"right bottom"},top:{transformOrigin:"bottom"},"top-start":{transformOrigin:"bottom left"},"top-end":{transformOrigin:"bottom right"},bottom:{transformOrigin:"top"},"bottom-start":{transformOrigin:"top left"},"bottom-end":{transformOrigin:"top right"}},C={unmounted:{display:"none"},exited:{opacity:"0",visibility:"hidden","--tw-scale-x":".75","--tw-scale-y":".75",transform:"var(--tw-transform)"},exiting:{opacity:"0",pointerEvents:"none","--tw-scale-x":".75","--tw-scale-y":".75",transform:"var(--tw-transform)"},entering:{opacity:"1",pointerEvents:"none","--tw-scale-x":"1","--tw-scale-y":"1",transform:"var(--tw-transform)"},entered:{opacity:"1","--tw-scale-x":"1","--tw-scale-y":"1",transform:"var(--tw-transform)"}},j=[u.Kb.stateChangeTypes.InputKeyDownArrowDown,u.Kb.stateChangeTypes.InputKeyDownArrowUp,u.Kb.stateChangeTypes.FunctionToggleMenu,u.Kb.stateChangeTypes.FunctionOpenMenu,u.Kb.stateChangeTypes.FunctionCloseMenu],z=[u.Kb.

1stateChangeTypes.ItemClick,u.Kb.stateChangeTypes.InputKeyDownEnter],I=function(){var t,e,n=(0,v.T)(),r=(0,i.useMemo)((function(){var t,e,n=w.E.getQueryData(["zones"],{stale:!1});return null!==(t=null===n||void 0===n||null===(e=n.data)||void 0===e?void 0:e.zones)&&void 0!==t?t:[]}),[]),g=(0,i.useState)(r),x=g[0],I=g[1],A=(0,v.C)(h.Q5).country,B=(0,i.useRef)(null),W=(0,i.useRef)(null),H=(0,i.useRef)(null),Y=(0,i.useRef)(null),Q=(0,d.o)({size:x.length,parentRef:H,estimateSize:(0,i.useCallback)((function(){return 34}),[]),overscan:5,keyExtractor:function(t){return"".concat(x[t].name,"-").concat(x[t].iso)}}),q=(0,u.Kb)({id:"service-location",items:x,selectedItem:null!==(t=r.find((function(t){return t.iso===(null===A||void 0===A?void 0:A.iso)})))&&void 0!==t?t:null,onSelectedItemChange:function(t){var e=t.type,r=t.selectedItem,o=void 0===r?null:r;z.includes(e)&&n((0,h.DJ)(o))},onHighlightedIndexChange:function(t){var e=t.type,n=t.highlightedIndex;void 0!==n&&j.includes(e)&&Q.scrollToIndex(n)},onIsOpenChange:function(t){var e,n=t.isOpen,r=t.highlightedIndex;(void 0!==r&&n&&Q.scrollToIndex(r,{align:"center"}),n)||(null===(e=B.current)||void 0===e||e.focus())},itemToString:function(t){var e;return null!==(e=null===t||void 0===t?void 0:t.name)&&void 0!==e?e:""}}),N=q.getComboboxProps,J=q.getInputProps,U=q.getItemProps,V=q.getMenuProps,G=q.getToggleButtonProps,X=q.setHighlightedIndex,tt=q.highlightedIndex,et=q.isOpen,nt=q.selectedItem,rt=q.toggleMenu,ot=(0,a.YF)({strategy:"absolute",placement:"bottom",middleware:[(0,s.cv)(8),(0,s.RR)(),(0,s.uY)({padding:8})],whileElementsMounted:function(t,e,n){return(0,c.Me)(t,e,n,{animationFrame:!0})}}),it=ot.x,at=ot.y,st=ot.reference,ct=ot.floating,ut=ot.strategy,lt=ot.placement,ft=(0,i.useCallback)((function(t){var e=t.target.value.toLowerCase(),n=r.filter((function(t){return t.name.toLowerCase().includes(e)})).sort((function(t,n){return t.name.toLowerCase().indexOf(e)-n.name.toLowerCase().indexOf(e)}));I(n),X(0)}),[X,r]),dt=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300;return(0,i.useMemo)((function(){return m(t,e)}),[t,e])}(ft,100);return(0,i.useEffect)((function(){var t=setTimeout((function(){var t;et&&(null===(t=W.current)||void 0===t||t.select())}),100);return function(){return clearTimeout(t)}}),[et]),(0,b.jsxs)(k,y(y({},N({ref:st})),{},{children:[(0,b.jsx)(P,y(y({onClick:rt},G({ref:B,tabIndex:0})),{},{children:(0,b.jsx)(p.uz,{end:(0,b.jsx)(l.kWQ,{color:"#009eff",size:20}),children:null!==(e=null===nt||void 0===nt?void 0:nt.name)&&void 0!==e?e:(0,b.jsx)(b.Fragment,{children:"\xa0"})})})),(0,b.jsx)(S,{ref:ct,$_css2:ut,$_css3:"number"===typeof it&&"number"===typeof at?"translate(".concat(Math.round(it),"px,").concat(Math.round(at),"px)"):void 0,$_css4:et?"auto":"none",$_css5:et?"visible":"hidden",children:(0,b.jsx)(f.ZP,{in:et,timeout:100,appear:!0,nodeRef:Y,children:function(t){return(0,b.jsx)(R,{$_css6:[{position:"relative",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"100ms"},O[lt],C[t]],children:(0,b.jsx)(T,{children:(0,b.jsxs)(E,{children:[(0,b.jsx)(_,y(y({},J({ref:W,value:void 0,defaultValue:""})),{},{onChange:dt})),(0,b.jsx)(M,{}),(0,b.jsxs)($,y(y({},V({ref:H})),{},{$_css7:[{position:"relative",maxHeight:"15rem",overflowY:"auto",":focus":{outline:"2px solid transparent",outlineOffset:"2px"}}],children:[Q.totalSize>0&&(0,b.jsx)(Z,{"aria-hidden":!0,$_css8:[(0,o.iv)(["height:","px;"],Q.totalSize)]},"total-size"),Q.virtualItems.map((function(t){var e=t.index,n=t.size,r=t.start,i=t.key;return(0,b.jsx)(D,y(y({},U({id:"".concat(x[e].name,"-").concat(x[e].iso),item:x[e],index:e,onMouseLeave:function(t){return t.stopPropagation()}})),{},{$_css9:[{position:"absolute",top:"0px",right:"0px",bottom:"0px",left:"0px"},(0,o.iv)(["height:","px;transform:translateY(","px);"],n,r)],children:(0,b.jsxs)(L,{$_css10:[{paddingTop:"0.5rem",paddingBottom:"0.5rem",paddingLeft:"0.75rem",paddingRight:"2.5rem",cursor:"pointer"},tt===e&&{"--tw-bg-opacity":"0.05",backgroundColor:"rgba(75, 85, 99, var(--tw-bg-opacity))"}],children:[(0,b.jsx)(F,{$_css11:[{fontWeight:"500",display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},(null===nt||void 0===nt?void 0:nt.iso)===x[e].iso&&{fontWeight:"700","--tw-text-opacity":"1",color:"rgba(0, 158, 255, var(--tw-text-opacity))"}],children:x[e].name}),(null===nt||void 0===nt?void 0:nt.iso)===x[e].iso&&(0,b.jsx)(K,{children:(0,b.jsx)(l.dZ6,{"aria-label":"selected",color:"#009eff",size:16})})]})}),i)}))]}))]})})})}})})]}))},k=(0,o.ZP)("div").withConfig({componentId:"sc-1ejm4z-0"})({display:"inline-flex",position:"relative"}),P=(0,o.ZP)("button").withConfig({componentId:"sc-1ejm4z-1"})({"--tw-text-opacity":"1",color:"rgba(0, 158, 255, var(--tw-text-opacity))",fontWeight:"700",backgroundColor:"rgba(0, 158, 255, 0.05)",borderRadius:"0.375rem",paddingLeft:"0.625rem",paddingRight:"0.625rem",paddingTop:"0.125rem",paddingBottom:"0.125rem",marginTop:"-0.125rem",marginBottom:"-0.125rem",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",whiteSpace:"nowrap",":focus":{outline:"2px s

1olid transparent",outlineOffset:"2px","--tw-ring-offset-shadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","--tw-ring-shadow":"var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)",boxShadow:"var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)","--tw-ring-offset-width":"2px","--tw-ring-opacity":"1","--tw-ring-color":"rgba(0, 158, 255, var(--tw-ring-opacity))"}}),S=(0,o.ZP)("div").withConfig({componentId:"sc-1ejm4z-2"})((function(t){return{position:t.$_css2,top:0,left:0,transform:t.$_css3,transitionProperty:"transform",transitionDuration:"80ms",pointerEvents:t.$_css4,visibility:t.$_css5,zIndex:10}})),R=(0,o.ZP)("div").withConfig({componentId:"sc-1ejm4z-3"})(["",""],(function(t){return t.$_css6})),T=(0,o.ZP)("div").withConfig({componentId:"sc-1ejm4z-4"})({minWidth:"max-content",width:"300px","--tw-bg-opacity":"1",backgroundColor:"rgba(255, 255, 255, var(--tw-bg-opacity))",borderRadius:"0.5rem",borderWidth:"1px","--tw-border-opacity":"1",borderColor:"rgba(243, 244, 246, var(--tw-border-opacity))","--tw-shadow":"0 0 30px -6px rgba(88, 88, 88, 0.125), 0 0 15px -3px rgba(88, 88, 88, 0.1)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha

1dow)"}),E=(0,o.ZP)("div").withConfig({componentId:"sc-1ejm4z-5"})({display:"flex",flexDirection:"column"}),_=(0,o.ZP)("input").withConfig({componentId:"sc-1ejm4z-6"})({marginTop:"0.75rem",marginBottom:"0.75rem",marginLeft:"1rem",marginRight:"1rem",fontSize:"0.875rem",lineHeight:"1.25rem","--tw-text-opacity":"1",color:"rgba(75, 85, 99, var(--tw-text-opacity))",":focus":{outline:"2px solid transparent",outlineOffset:"2px"}}),M=(0,o.ZP)("div").withConfig({componentId:"sc-1ejm4z-7"})({height:"1px","--tw-bg-opacity":"1",backgroundColor:"rgba(229, 231, 235, var(--tw-bg-opacity))"}),$=(0,o.ZP)("ul").withConfig({componentId:"sc-1ejm4z-8"})(["",""],(function(t){return t.$_css7})),Z=(0,o.ZP)("li").withConfig({componentId:"sc-1ejm4z-9"})(["",""],(function(t){return t.$_css8})),D=(0,o.ZP)("li").withConfig({componentId:"sc-1ejm4z-10"})(["",""],(function(t){return t.$_css9})),L=(0,o.ZP)(g.YS).withConfig({componentId:"sc-1ejm4z-11"})(["",""],(function(t){return t.$_css10})),F=(0,o.ZP)("span").withConfig({componentId:"sc-1ejm4z-12"})(["",""],(function(t){return t.$_css11})),K=(0,o.ZP)("span").withConfig({componentId:"sc-1ejm4z-13"})({position:"absolute",top:"0px",bottom:"0px",right:"0px",display:"flex",alignItems:"center",paddingRight:"1rem"})},78720:function(t,e,n){n.d(e,{o:function(){return v}});var r=n(67294);function o(){return o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o.apply(this,arguments)}var i,a=["bottom","height","left","right","top","width"],s=new Map,c=function t(){var e=[];s.forEach((function(t,n){var r,o,i=n.getBoundingClientRect();r=i,o=t.rect,void 0===r&&(r={}),void 0===o&&(o={}),a.some((function(t){return r[t]!==o[t]}))&&(t.rect=i,e.push(t))})),e.forEach((function(t){t.callbacks.forEach((function(e){return e(t.rect)}))})),i=window.requestAnimationFrame(t)};var u="undefined"!==typeof window?r.useLayoutEffect:r.useEffect;function l(t,e){void 0===e&&(e={width:0,height:0});var n=r.useState(t.current),o=n[0],a=n[1],l=r.useReducer(f,e),d=l[0],p=l[1],g=r.useRef(!1);return u((function(){t.current!==o&&a(t.current)})),u((function(){if(o&&!g.current){g.current=!0;var t=o.getBoundingClientRect();p({rect:t})}}),[o]),r.useEffect((function(){if(o){var t,e,n=(t=o,e=function(t){p({rect:t})},{observe:function(){var n=0===s.size;s.has(t)?s.get(t).callbacks.push(e):s.set(t,{rect:void 0,hasRectChanged:!1,callbacks:[e]}),n&&c()},unobserve:function(){var n=s.get(t);if(n){var r=n.callbacks.indexOf(e);r>=0&&n.callbacks.splice(r,1),n.callbacks.length||s.delete(t),s.size||cancelAnimationFrame(i)}}});return n.observe(),function(){n.unobserve()}}}),[o]),d}function f(t,e){var n=e.rect;return t.height!==n.height||t.width!==n.width?n:t}var d=function(){return 50},p=function(t){return t},g=function(t,e){return t[e?"offsetWidth":"offsetHeight"]},m=function(t){for(var e=Math.max(t.start-t.overscan,0),n=Math.min(t.end+t.overscan,t.size-1),r=[],o=e;o<=n;o++)r.push(o);return r};function v(t){var e,n=t.size,i=void 0===n?0:n,a=t.estimateSize,s=void 0===a?d:a,c=t.overscan,f=void 0===c?1:c,v=t.paddingStart,h=void 0===v?0:v,w=t.paddingEnd,b=void 0===w?0:w,x=t.parentRef,y=t.horizontal,O=t.scrollToFn,C=t.useObserver,j=t.initialRect,z=t.onScrollElement,I=t.scrollOffsetFn,k=t.keyExtractor,P=void 0===k?p:k,S=t.measureSize,R=void 0===S?g:S,T=t.rangeExtractor,E=void 0===T?m:T,_=y?"width":"height",M=y?"scrollLeft":"scrollTop",$=r.useRef({scrollOffset:0,measurements:[]}),Z=r.useState(0),D=Z[0],L=Z[1];$.current.scrollOffset=D;var F=(C||l)(x,j)[_];$.current.outerSize=F;var K=r.useCallback((function(t){x.current&&(x.current[M]=t)}),[x,M]),A=O||K;O=r.useCallback((function(t){A(t,K)}),[K,A]);var B=r.useState({}),W=B[0],H=B[1],Y=r.useCallback((function(){return H({})}),[]),Q=r.useRef([]),q=r.useMemo((function(){var t=Q.current.length>0?Math.min.apply(Math,Q.current):0;Q.current=[];for(var e=$.current.measurements.slice(0,t),n=t;n<i;n++){var r=P(n),o=W[r],a=e[n-1]?e[n-1].end:h,c="number"===typeof o?o:s(n),u=a+c;e[n]={index:n,start:a,size:c,end:u,key:r}}return e}),[s,W,h,i,P]),N=((null==(e=q[i-1])?void 0:e.end)||h)+b;$.current.measurements=q,$.current.totalSize=N;var J=z?z.current:x.current,U=r.useRef(I);U.current=I,u((function(){if(J){var t=function(t){var e=U.current?U.current(t):J[M];L(e)};return t(),J.addEventListener("scroll",t,{capture:!1,passive:!0}),function(){J.removeEventListener("scroll",t)}}L(0)}),[J,M]);var V=function(t){var e=t.measurements,n=t.outerSize,r=t.scrollOffset,o=e.length-1,i=function(t,e,n,r){for(;t<=e;){var o=(t+e)/2|0,i=n(o);if(i<r)t=o+1;else{if(!(i>r))return o;e=o-1}}return t>0?t-1:0}(0,o,(function(t){return e[t].start}),r),a=i;for(;

1a<o&&e[a].end<r+n;)a++;return{start:i,end:a}}($.current),G=V.start,X=V.end,tt=r.useMemo((function(){return E({start:G,end:X,overscan:f,size:q.length})}),[G,X,f,q.length,E]),et=r.useRef(R);et.current=R;var nt=r.useMemo((function(){for(var t=[],e=function(e,n){var r=tt[e],i=o(o({},q[r]),{},{measureRef:function(t){if(t){var e=et.current(t,y);if(e!==i.size){var n=$.current.scrollOffset;i.start<n&&K(n+(e-i.size)),Q.current.push(r),H((function(t){var n;return o(o({},t),{},((n={})[i.key]=e,n))}))}}}});t.push(i)},n=0,r=tt.length;n<r;n++)e(n);return t}),[tt,K,y,q]),rt=r.useRef(!1);u((function(){rt.current&&H({}),rt.current=!0}),[s]);var ot=r.useCallback((function(t,e){var n=(void 0===e?{}:e).align,r=void 0===n?"start":n,o=$.current,i=o.scrollOffset,a=o.outerSize;"auto"===r&&(r=t<=i?"start":t>=i+a?"end":"start"),"start"===r?O(t):"end"===r?O(t-a):"center"===r&&O(t-a/2)}),[O]),it=r.useCallback((function(t,e){var n=void 0===e?{}:e,r=n.align,a=void 0===r?"auto":r,s=function(t,e){if(null==t)return{};var n,r,o={},i=Object.keys(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(n,["align"]),c=$.current,u=c.measurements,l=c.scrollOffset,f=c.outerSize,d=u[Math.max(0,Math.min(t,i-1))];if(d){if("auto"===a)if(d.end>=l+f)a="end";else{if(!(d.start<=l))return;a="start"}var p="center"===a?d.start+d.size/2:"end"===a?d.end:d.start;ot(p,o({align:a},s))}}),[ot,i]),at=r.useCallback((function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];it.apply(void 0,e),requestAnimationFrame((function(){it.apply(void 0,e)}))}),[it]);return{virtualItems:nt,totalSize:N,scrollToOffset:ot,scrollToIndex:at,measure:Y}}}}]);