https://portal.liquidweb.com/static/js/4343.29aed0dc.chunk.js

1"use strict";(self.webpackChunkwallaby=self.webpackChunkwallaby||[]).push([[4343],{32562:(e,t,r)=>{r.d(t,{A:()=>d});var n=r(64528),s=r.n(n),l=r(48630),o=r.n(l),a=r(48591),i=r(70579);const d=e=>{let{sx:t,children:r,...n}=e;return(0,i.jsx)(s(),{sx:(0,a.default)({display:"flex",alignItems:"center",justifyContent:"center",borderRadius:e=>{let{borderRadius:t}=e;return t.roundedXS},height:e=>{let{size:t}=e;return t.xS},padding:50,backgroundColor:e=>{let{vars:t}=e;return t.palette.uc.bg.strong},color:e=>{let{vars:t}=e;return t.palette.uc.text.strong},flexShrink:0},t),...n,children:(0,i.jsx)(o(),{variant:"label-sm",children:r})})}},56700:(e,t,r)=>{r.d(t,{A:()=>i});var n=r(29923),s=r.n(n),l=r(59760),o=r.n(l),a=r(70579);const i=e=>{let{children:t="Filter",...r}=e;return(0,a.jsx)(s(),{variant:"secondary",startIcon:(0,a.jsx)(o(),{}),...r,children:t})}},25473:(e,t,r)=>{r.d(t,{A:()=>g});var n=r(64528),s=r.n(n),l=r(52877),o=r.n(l),a=r(27145),i=r.n(a),d=r(63587),c=r.n(d),u=r(58435),h=r.n(u),p=r(32562),f=r(70579);const g=e=>{let{badgeCount:t,icon:r,children:n,...l}=e;return(0,f.jsxs)(h(),{...l,children:[(0,f.jsx)(i(),{children:r}),(0,f.jsxs)(s(),{sx:{display:"flex",alignItems:"center",gap:100,justifyContent:"space-between",width:"100%"},children:[(0,f.jsx)(c(),{children:n}),(0,f.jsxs)(s(),{sx:{display:"flex",alignItems:"center"},children:[t>0&&(0,f.jsx)(p.A,{children:t}),(0,f.jsx)(o(),{sx:e=>{let{size:t}=e;return{height:t.xS,width:t.xS,flexShrink:0}}})]})]})]})}},80970:(e,t,r)=>{r.d(t,{A:()=>o});var n=r(66720),s=r.n(n),l=r(70579);const o=e=>(0,l.jsx)(s(),{variant:"selectedMenu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"left"},...e})},74331:(e,t,r)=>{r.d(t,{A:()=>D});var n=r(65043),s=r(64528),l=r.n(s),o=r(29923),a=r.n(o),i=r(45597),d=r(22514),c=r.n(d),u=r(80048),h=r.n(u),p=r(74064),f=r.n(p),g=r(96930),m=r.n(g),x=r(79425),v=r.n(x),j=r(66720),y=r.n(j),b=r(82600),_=r(67322),C=r.n(_),w=r(3297),S=r.n(w),P=r(1447),O=r.n(P),k=r(48630),I=r.n(k),A=r(68773),M=r(32527),N=r(70579);const D=e=>{let{onOrderBySortToggle:t,orderBySort:r,...s}=e;const{screenSize:o}

1=(0,A.m5)(),[d,u]=(0,n.useState)(null),[p,g,{isLoading:x}]=(0,M.A)("serversViewPreference","list");return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(a(),{startIcon:(0,N.jsx)(v(),{}),variant:"secondary",onClick:e=>{let{currentTarget:t}=e;return u(t)},disabled:x,...s,children:"Display"}),(0,N.jsx)(y(),{open:Boolean(d),anchorEl:d,onClose:()=>u(null),sx:{[`& .${b.popoverClasses.paper}`]:{padding:150,minWidth:"104px",width:"240px"}},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:(0,N.jsxs)(S(),{sx:{gap:200,padding:{xs:100,sm:0}},children:["small"!==o&&(0,N.jsxs)(l(),{sx:{display:"flex",gap:100,alignItems:"center"},children:[(0,N.jsx)(O(),{icon:(0,N.jsx)(m(),{}),size:"medium",checked:"list"===p,onChange:()=>g("list"),sx:{flex:"1 0 0",height:e=>{let{size:t}=e;return t.xL},[`input:checked + &.${i.chipClasses.root} .${i.chipClasses.icon}`]:{color:e=>{let{vars:t}=e;return t.palette.uc.icon.strong}}},children:"List"}),(0,N.jsx)(O(),{icon:(0,N.jsx)(f(),{}),size:"medium",checked:"card"===p,onChange:()=>g("card"),sx:{flex:"1 0 0",height:e=>{let{size:t}=e;return t.xL},[`input:checked + &.${i.chipClasses.root} .${i.chipClasses.icon}`]:{color:e=>{let{vars:t}=e;return t.palette.uc.icon.strong}}},children:"Card"})]}),(0,N.jsxs)(l(),{sx:{width:"100%",display:"flex",gap:100,alignItems:"end",justifyContent:"space-between"},children:[(0,N.jsxs)(S(),{sx:{gap:150},children:[(0,N.jsx)(I(),{variant:"label-lg",children:"Sorting"}),(0,N.jsx)(I(),{variant:"body-md",children:"Hostname"})]}),(0,N.jsx)(C(),{title:"desc"===r?"Descending":"Ascending",children:(0,N.jsx)(c(),{variant:"secondary",onClick:t,children:(0,N.jsx)(h(),{sx:{transform:"desc"===r?"rotate(180deg)":"none",transition:"transform 0.2s ease-in-out"}})})})]})]})})]})}},85943:(e,t,r)=>{r.d(t,{A:()=>_});var n=r(65043),s=r(20270),l=r.n(s),o=r(81893),a=r.n(o),i=r(63587),d=r.

1n(i),c=r(66720),u=r.n(c),h=r(58435),p=r.n(h),f=r(32562),g=r(81595),m=r(69855),x=r(69326),v=r(56700),j=r(25473),y=r(80970),b=r(70579);const _=e=>{let{onProductDisplayGroupChange:t,onProjectChange:r,selectedProductDisplayGroup:s,selectedProject:o}=e;const[i,c]=(0,n.useState)(null),[h,_]=(0,n.useState)(null),{data:C,isLoading:w}=(0,m.Ay)({category:g.Dg,page_size:999,alsowith:["productDisplayGroup"]},{enabled:Boolean(t)}),S=null===C||void 0===C?void 0:C.items,P=(0,n.useMemo)((()=>{const e=new Set;return null===S||void 0===S||S.forEach((t=>{let{productDisplayGroup:r}=t;r&&e.add(r)})),Array.from(e)}),[S]),{data:O,isLoading:k}=(0,x.A)({page_size:999}),I=P&&P.length>0,A=(null===O||void 0===O?void 0:O.items)&&O.items.length>0,M=((e,t)=>{let r=0;return e&&(r+=1),t&&(r+=1),r})(s,o);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(v.A,{endIcon:M>0&&(0,b.jsx)(f.A,{children:M}),onClick:e=>{c(e.currentTarget)},children:"Filter"}),(0,b.jsxs)(u(),{open:Boolean(i),anchorEl:i,onClose:()=>{c(null)},children:[t&&(w||I)&&(0,b.jsx)(j.A,{badgeCount:s?1:0,icon:(0,b.jsx)(a(),{}),id:"menuItemServerType",disabled:w,onClick:e=>{let{currentTarget:t}=e;return _(t)},children:"Server type"}),(k||A)&&(0,b.jsx)(j.A,{badgeCount:o?1:0,icon:(0,b.jsx)(l(),{}),id:"menuItemProject",disabled:k,onClick:e=>{let{currentTarget:t}=e;return _(t)},children:"Project"})]}),(0,b.jsx)(y.A,{open:Boolean(h)&&"menuItemServerType"===(null===h||void 0===h?void 0:h.id),anchorEl:h,onClose:()=>_(null),children:null===P||void 0===P?void 0:P.map((e=>e?(0,b.jsx)(p(),{selected:s===e,onClick:()=>null===t||void 0===t?void 0:t(e),children:(0,b.jsx)(d(),{children:e})},e):null))}),(0,b.jsx)(y.A,{open:Boolean(h)&&"menuItemProject"===(null===h||void 0===h?void 0:h.id),anchorEl:h,onClose:()=>_(null),children:null===O||void 0===O?void 0:O.items.map((e=>{let{project_id:t,project_name:n}=e;return n?(0,b.jsx)(p(),{onClick:()=>r(n),selected:o===n,children:(0,b.jsx)(d(),{children:n})},t):null}))})]})}},44531:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var s=Object.getOwnPropertyDescriptor(t,r);s&&!("get"in s?!t.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,s)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),s=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(){var e=function(t){return e=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t},e(t)};return function(t){if(t&&t.__esModule)return t;var r={};if(null!=t)for(var l=e(t),o=0;o<l.length;o++)"default"!==l[o]&&n(r,t,l[o]);return s(r,t),r}}(),o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.collapsingSearchClasses=void 0;const a=r(70579),i=l(r(65043)),d=o(r(43024)),c=o(r(64528)),u=l(r(66831)),h=o(r(22514)),p=o(r(32161)),f=o(r(89180)),g=o(r(40834)),m=r(61987),x=r(72777),v=o(r(81908)),j="UcCollapsingSearch";t.collapsingSearchClasses=(0,v.default)(j,["root","collapsed","expanded"]);const y=(0,x.styled)(c.default,{name:j,slot:"root"})((e=>{let{ownerState:t}=e;return{...t.isFullWidth&&t.showInput&&{width:"100%"}}})),b=(0,x.styled)(u.default,{name:j,slot:"collapsed"})({}),_=(0,x.styled)(u.default,{name:j,slot:"expanded"})((e=>{let{ownerState:t}=e;return{...t.isFullWidth&&t.showInput&&{width:"100%",flex:1,[`& .${u.collapseClasses.wrapperInner}`]:{width:"100%"}}}})),C=i.default.forwardRef(((e,r)=>{const n=(0,x.useThemeProps)({props:e,name:j}),{className:s,iconButtonProps:l,placeholder:o,onBlur:c,onChange:u,textFieldProps:v,value:C,fullWidth:w=!1,persistent:S=!1,...P}=n,[O,k]=(0,i.useState)(!1),I=(0,i.useRef)(null),A=(0,m.useMediaQuery)((e=>e.breakpoints.up("xs"))),M=(0,m.useMediaQuery)((e=>e.breakpoints.up("sm"))),N=(0,m.useMediaQuery)((e=>e.breakpoints.up("md"))),D=(0,m.useMediaQuery)((e=>e.breakpoints.up("lg"))),W=(0,m.useMediaQuery)((e=>e.breakpoints.up("xl"))),F="boolean"===typeof S?S:W&&void 0!==S?.xl?S.xl:D&&void 0!==S?.lg?S.lg:N&&void 0!==S?.md?S.md:M&&void 0!==S?.sm?S.sm:!(!A||void 0===S?.xs)&&S.xs,T="boolean"===typeof w?w:W&&void 0!==w?.xl?w.xl:D&&void 0!==w?.lg?w.lg:N&&void 0!==w?.md?w.md:M&&void 0!==w?.sm?w.sm:!(!A||void 0===w?.xs)&&w.xs;(0,i.useEffect)((()=>{k(F)}),[F]);const{onClick:E,...z}=l??{},L={...n,showInput:O,isPersistent:F,isFullWidth:T};return(0,a.jsxs)(y,{ref:r,ownerState:L,className:(0,d.default)(t.collapsingSearchClasses.root,s),...P,children:[(0,a.jsx)(b,{in:!O,orientation:"horizontal",className:t.collapsingSearchClasses.collapsed,children:(0,a.jsx)(h.default,{variant:"ghost",onClick:e=>{E&&E(e),k(!0)},...z,children:(0,a.jsx)(g.default,{})})}),(0,a.jsx)(_,{onEntered:()=>{I.current?.focus()},in:O,orientation:"horizontal",ownerState:L,className:t.collapsingSearchClasses.expanded,children:(0,a.jsx)(f.default,{size:"small",placeholder:o,onBlur:e=>{F||(c&&c(e),e.target.value||k(!1))},inputRef:I,fullWidth:T&&O,slotProps:{input:{startAdornment:(0,a.jsx)(p.default,{position:"start",children:(0,a.jsx)(g.default,{})})}},value:C,onChange:u,...v})})]})}));C.displayName="CollapsingSearch",t.default=C},37795:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var s=Object.getOwnPropertyDescriptor(t,r);

1s&&!("get"in s?!t.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,s)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),s=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||n(t,e,r)},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const o=l(r(44531));s(r(44531),t),t.default=o.default},81975:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.toggleClasses=void 0;const s=r(70579),l=r(65043),o=n(r(43024)),a=n(r(64528)),i=n(r(45597)),d=r(94180),c=n(r(81908)),u=r(90833),h=`${d.CLASSNAME_PREFIX}Toggle`;t.toggleClasses=(0,c.default)(h,["root","input","chip"]);const p=(0,u.styled)(a.default,{name:h,slot:"root"})({}),f=(0,u.styled)("input",{name:h,slot:"input"})({}),g=(0,u.styled)(i.default,{name:h,slot:"chip"})({}),m=(0,l.forwardRef)(((e,r)=>{const n=(0,u.useThemeProps)({props:e,name:h}),{checked:l,defaultChecked:a,id:i,name:d,type:c="checkbox",value:m,onBlur:x,onChange:v,onFocus:j,required:y,tabIndex:b,"aria-label":_,"aria-labelledby":C,"aria-describedby":w,className:S,disabled:P,children:O,...k}=n;return(0,s.jsxs)(p,{className:(0,o.default)(t.toggleClasses.root,S),component:"label",children:[(0,s.jsx)(f,{ref:r,className:t.toggleClasses.input,id:i,checked:l,defaultChecked:a,disabled:P,name:d,type:c,value:m,onBlur:x,onChange:v,onFocus:j,tabIndex:b,required:y,"aria-label":_,"aria-labelledby":C,"aria-describedby":w}),(0,s.jsx)(g,{className:t.toggleClasses.chip,label:O,disabled:P,...k})]})}));m.displayName="Toggle",t.default=m},1447:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var s=Object.getOwnPropertyDescriptor(t,r);s&&!("get"in s?!t.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,s)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),s=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||n(t,e,r)},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const o=l(r(81975));s(r(81975),t),t.default=o.default},80048:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.arrowUpWideNarrowClasses=void 0;const s=r(70579),l=r(65043),o=n(r(43024)),a=r(40126),i=r(94180),d=r(90833),c=n(r(81908)),u=r(1836),h=r(10142),p=`${i.CLASSNAME_PREFIX}ArrowUpWideNarrowIcon`;t.arrowUpWideNarrowClasses=(0,c.default)(p,["root"]);const f=(0,d.styled)(a.ArrowUpWideNarrow,{name:p,slot:"root"})({width:"1em",height:"1em"}),g=(0,l.forwardRef)(((e,r)=>{const{className:n,strokeWidth:l=u.STROKE_WIDTH,...a}=(0,d.useThemeProps)({props:e,name:p});return(0,s.jsx)(f,{ref:r,className:(0,o.default)(h.svgIconClasses.root,t.arrowUpWideNarrowClasses.root,n),strokeWidth:l,...a})}));g.displayName="ArrowUpWideNarrowIcon",t.default=g},74064:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.layoutGridClasses=void 0;const s=r(70579),l=r(65043),o=n(r(43024)),a=r(40126),i=r(94180),d=r(90833),c=n(r(81908)),u=r(1836),h=r(10142),p=`${i.CLASSNAME_PREFIX}LayoutGridIcon`;t.layoutGridClasses=(0,c.default)(p,["root"]);const f=(0,d.styled)(a.LayoutGrid,{name:p,slot:"root"})({width:"1em",height:"1em"}),g=(0,l.forwardRef)(((e,r)=>{const{className:n,strokeWidth:l=u.STROKE_WIDTH,...a}=(0,d.useThemeProps)({props:e,name:p});return(0,s.jsx)(f,{ref:r,className:(0,o.default)(h.svgIconClasses.root,t.layoutGridClasses.root,n),strokeWidth:l,...a})}));g.displayName="LayoutGridIcon",t.default=g},59760:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.listFilterClasses=void 0;const s=r(70579),l=r(65043),o=n(r(43024)),a=r(40126),i=r(94180),d=r(90833),c=n(r(81908)),u=r(1836),h=r(10142),p=`${i.CLASSNAME_PREFIX}ListFilterIcon`;t.listFilterClasses=(0,c.default)(p,["root"]);const f=(0,d.styled)(a.ListFilter,{name:p,slot:"root"})({width:"1em",height:"1em"}),g=(0,l.forwardRef)(((e,r)=>{const{className:n,strokeWidth:l=u.STROKE_WIDTH,...a}=(0,d.useThemeProps)({props:e,name:p});return(0,s.jsx)(f,{ref:r,className:(0,o.default)(h.svgIconClasses.root,t.listFilterClasses.root,n),strokeWidth:l,...a})}));g.displayName="ListFilterIcon",t.default=g}}]);
2//# sourceMappingURL=4343.29aed0dc.chunk.js.map