1"use strict";(self.webpackChunkradboox=self.webpackChunkradboox||[]).push([[3822],{35648:(e,n,i)=>{i.d(n,{Z:()=>c});var a=i(73428),s=i(48310),l=i(67216),t=i(32600),d=i(84488),r=i(83213),o=i(46417);const c=()=>(0,o.jsx)(a.Z,{sx:{p:2},children:(0,o.jsx)(s.Z,{sx:{py:0},children:(0,o.jsxs)(l.ZP,{alignItems:"center",disableGutters:!0,sx:{py:0},children:[(0,o.jsx)(t.Z,{children:(0,o.jsx)(d.Z,{variant:"rectangular",width:44,height:44})}),(0,o.jsx)(r.Z,{sx:{py:0},primary:(0,o.jsx)(d.Z,{variant:"rectangular",height:20}),secondary:(0,o.jsx)(d.Z,{variant:"text"})})]})})})},75721:(e,n,i)=>{i.d(n,{Z:()=>c});var a=i(30467),s=i(41727),l=i(47131),t=i(51405),d=i(23195),r=i(47313),o=i(46417);const c=e=>{let{sx:n,options:i,label:c,onChange:x}=e;const[u,h]=(0,r.useState)(null),g=(0,r.useRef)(null);return(0,o.jsx)(a.Z,{sx:{minWidth:120,width:"100%",...n},fullWidth:!0,select:!0,size:"small",value:null!==u&&void 0!==u?u:"",label:c,onChange:e=>{h(e.target.value),x(e.target.value)},SelectProps:{ref:g,native:!1,MenuProps:{PaperProps:{sx:{width:"auto",minWidth:"calc(100% + 2px)",maxWidth:"none"}}}},InputProps:{endAdornment:u&&(0,o.jsx)(s.Z,{position:"end",children:(0,o.jsx)(l.Z,{size:"small",onClick:e=>{e.stopPropagation(),h(null),x(null),g.current&&g.current.focus()},sx:{padding:.5,marginRight:1},children:(0,o.jsx)(d.Z,{fontSize:"small"})})})},children:i.map((e=>(0,o.jsx)(t.Z,{value:e,children:e.label},e.id)))})}},53822:(e,n,i)=>{i.r(n),i.d(n,{default:()=>Qe});var a=i(9019),s=i(54285),l=i(47313),t=i(12401),d=i(9506),r=i(69099),o=i(91554),c=i(85281),x=i(36373),u=i(99881),h=i(36996),g=i(35648),p=i(89577),m=i(71325),j=i(1759),Z=i(29428),v=i(3665),b=i(19860),f=i(23477),S=i(24076),P=i(70941),y=i(44758),k=i(82558),w=i(47131),C=i(66212),A=i(65033),R=i(70501),z=i(51629),B=i(66835),W=i(57861),T=i(91034),I=i(94638),E=i(50373),F=i(71673),G=i(65280),D=i(59485),$=i(99506),L=i(46417);function O(e,n,i){return n[i]<e[i]?-1:n[i]>e[i]?1:0}const q=(e,n)=>"desc"===e?(e,i)=>O(e,i,n):(e,i)=>-O(e,i,n);function M(e,n){const i=e.map(((e,n)=>[e,n]));return i.sort(((e,i)=>{const a=n(e[0],i[0]);return 0!==a?a:e[1]-i[1]})),i.map((e=>e[0]))}const N=[{id:"no",numeric:!1,disablePadding:!0,align:"center",sort:!1,label:"No"},{id:"name",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"name"})},{id:"username",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"username"})},{id:"password",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"password"})},{id:"enable",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"enable"})},{id:"type",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"type"})},{id:"mode",numeric:!1,disablePadding:!0,align:"left",sort:!0,label:(0,L.jsx)(m.Z,{id:"mode"})},{id:"service",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"service"})},{id:"nat",numeric:!1,disablePadding:!0,align:"left",sort:!0,label:"Nat"},{id:"mac",numeric:!1,disablePadding:!0,align:"center",sort:!0,label:"Mac Address"},{id:"dns",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:"DNS"},{id:"uptime",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"uptime"})},{id:"status",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"status"})},{id:"vlan",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:"VLan"},{id:"ip",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"ip-address"})}];function _(e){const{order:n,orderBy:i,onRequestSort:a}=e;return(0,L.jsx)(f.Z,{children:(0,L.jsx)(S.Z,{children:N.map((e=>{return e.sort?(0,L.jsx)(P.Z,{align:e.align,padding:e.disablePadding?"none":"normal",sortDirection:i===e.id&&n,children:(0,L.jsx)(k.Z,{active:i===e.id,direction:i===e.id?n:"asc",onClick:(s=e.id,e=>{a(e,s)}),children:e.label})},e.id):(0,L.jsx)(P.Z,{align:e.align,padding:e.disablePadding?"none":"normal",children:e.label},e.id);var s}))})})}const X=e=>{var n,i,a,s,l,t,d,r,o,c,x,u,h,g,p,m,j,Z,v,f,y,k,w,C,A,R,z,B,W;const{row:T,index:I,onIsSelected:E}=e,F=(0,b.Z)(),G=E(T.index);return(0,L.jsxs)(S.Z,{hover:!0,selected:G,children:[(0,L.jsx)(P.Z,{padding:"none",sx:{px:2},children:I+1}),(0,L.jsx)(P.Z,{padding:"none",align:"left",children:null!==(n=null===(i=T.name)||void 0===i?void 0:i.value)&&void 0!==n?n:"-"}),(0,L.jsx)(P.Z,{padding:"none",sx:{py:.5},children:null!==(a=null===(s=T.username)||void 0===s?void 0:s.value)&&void 0!==a?a:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(l=null===(t=T.password)||void 0===t?void 0:t.value)&&void 0!==l?l:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:String(null!==(d=null===(r=T.enable)||void 0===r?void 0:r.value)&&void 0!==d?d:"-")}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(o=null===(c=T.type)||void 0===c?void 0:c.value)&&void 0!==o?o:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(x=null===(u=T.mode)||void 0===u?void 0:u.value)&&void 0!==x?x:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(h=null===(g=T.service)||void 0===g?void 0:g.value)&&void 0!==h?h:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:String(null!==(p=null===(m=T.nat)||void 0===m?void 0:m.value)&&void 0!==p?p:"-")}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(j=null===(Z=T.mac)||void 0===Z?void 0:Z.value)&&void 0!==j?j:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(v=null===(f=T.dns)||void 0===f?void 0:f.value)&&void 0!==v?v:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(y=null===(k=T.uptime)||void 0===k?void 0:k.value)&&void 0!==y?y:"-"}),(0,L.jsx)(P.Z,{padding:"none",sx:{color:(D=null===(w=T.status)||void 0===w?void 0:w.value,"Connected"===D?F.palette.success.dark:F.palette.primary.dark)},children:null!==(C=null===(A=T.status)||void 0===A?void 0:A.value)&&void 0!==C?C:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(R=null===(z=T.vlan)||void 0===z?void 0:z.value)&&void 0!==R?R:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(B=null===(W=T.ip)||void 0===W?void 0:W.value)&&void 0!==B?B:"-"})]});var D},H=e=>{let{idGenieAcs:n,idDevice:i,onSetTabPanel:a,dataWan:s,tabRefresh:t,handleBackdrop:d}=e;const[r,o]=(0,l.useState)(!0),[c,x]=(0,l.useState)(!0),[u,Z]=(0,l.useState)("asc"),[v,b]=(0,l.useState)(""),[f,y]=(0,l.useState)(0),[k,w]=(0,l.useState)(25),[C,A]=(0,l.useState)([]),[I,E]=(0,l.useState)([]),[F,G]=(0,l.useState)(I),D=(0,h.Z)();(0,l.useEffect)((()=>{s&&Array.isArray(s)&&(x(!0),G(s),E(s),setTimeout((()=>x(!1)),200),a(!0))}),[s]),(0,l.useEffect)((()=>{t>0&&(d(!0),x(!0),D.get(`/api-v1/genieacs/xapi/wan/${n}?id=${i}`).then((e=>{const n=e.data.message;G(n),E(n),x(!1),d(!1)})).catch((()=>{d(!1),x(!1)})))}),[t,n,i]),(0,l.useEffect)((()=>{a(!1)}),[a]);const $=e=>-1!==C.indexOf(e),O=f>0?Math.max(0,(1+f)*k-F.length):0;return(0,L.jsx)(j.Z,{content:!1,title:(0,L.jsx)(m.Z,{id:"list-data-wan"}),children:c?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(p.Z,{}),(0,L.jsx)(g.Z,{})]}):(0,L.jsxs)(R.Z,{sx:{width:"100%",marginY:2,marginLeft:2,paddingRight:2},children:[(0,L.jsx)(z.Z,{sx:{overflowX:"auto"},children:(0,L.jsxs)(B.Z,{sx:{minWidth:1200},"aria-labelledby":"tableTitle",size:"small",children:[(0,L.jsx)(_,{numSelected:C.length,order:u,orderBy:v,onRequestSort:(e,n)=>{Z(v===n&&"asc"===u?"desc":"asc"),b(n)},rowCount:F.length}),(0,L.jsxs)(W.Z,{children:[M(F,q(u,v)).slice(f*k,f*k+k).map(((e,n)=>(0,L.jsx)(X,{row:e,index:n,onIsSelected:$},e.name.value))),O>0&&(0,L.jsx)(S.Z,{style:{height:34*O},children:(0,L.jsx)(P.Z,{colSpan:6})})]})]})}),(0,L.jsx)(T.Z,{rowsPerPageOptions:[10,25,50,100,250,500],component:"div",count:F.length,rowsPerPage:k,page:f,onPageChange:(e,n)=>{y(n)},onRowsPerPageChange:e=>{w(parseInt(null===e||void 0===e?void 0:e.target.value,10)),y(0)}})]})})};function Y(e,n,i){return n[i]<e[i]?-1:n[i]>e[i]?1:0}const V=(e,n)=>"desc"===e?(e,i)=>Y(e,i,n):(e,i)=>-Y(e,i,n);function U(e,n){const i=e.map(((e,n)=>[e,n]));return i.sort(((e,i)=>{const a=n(e[0],i[0]);return 0!==a?a:e[1]-i[1]})),i.map((e=>e[0]))}const J=[{id:"no",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:"No"},{id:"ssid",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:"SSID"},{id:"name",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"name"})},{id:"password",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"password"})},{id:"status",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"status"})},{id:"userconnected",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"user-connected"})}];function K(e){const{order:n,orderBy:i,onRequestSort:a}=e;return(0,L.jsx)(f.Z,{children:(0,L.jsx)(S.Z,{children:J.map((e=>{return e.sort?(0,L.jsx)(P.Z,{align:e.align,padding:e.disablePadding?"none":"normal",sortDirection:i===e.id&&n,children:(0,L.jsx)(k.Z,{active:i===e.id,direction:i===e.id?n:"asc",onClick:(s=e.id,e=>{a(e,s)}),children:e.label})},e.id):(0,L.jsx)(P.Z,{align:e.align,padding:e.disablePadding?"none":"normal",children:e.label},e.id);var s}))})})}const Q=e=>{const{row:n,onIsSelected:i}=e,a=(0,b.Z)(),s=i(n.index);return(0,L.jsx)(L.Fragment,{children:n.wlan.map(((e,n)=>{var i,l,t,d,r,o,c,x,u,h;return(0,L.jsxs)(S.Z,{hover:!0,selected:s,children:[(0,L.jsx)(P.Z,{padding:"none",sx:{px:1},children:n+1}),(0,L.jsx)(P.Z,{padding:"none",sx:{py:1},children:null!==(i=null===(l=e.ssid)||void 0===l?void 0:l.value)&&void 0!==i?i:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:null!==(t=null===(d=e.name)||void 0===d?void 0:d.value)&&void 0!==t?t:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:(null===(r=e.password)||void 0===r?void 0:r.value)||"-"}),(0,L.jsx)(P.Z,{padding:"none",sx:{color:(h=null===(o=e.status)||void 0===o?void 0:o.value,"Up"===h?a.palette.success.dark:"Disabled"===h?a.palette.error.dark:"NoLink"===h?a.palette.warning.dark:a.palette.primary.dark)},children:null!==(c=null===(x=e.status)||void 0===x?void 0:x.value)&&void 0!==c?c:"-"}),(0,L.jsx)(P.Z,{padding:"none",children:void 0!==(null===(u=e.users_connected)||void 0===u?void 0:u.value)?e.users_connected.value:"-"})]},e.ssid.value)}))})},ee=e=>{let{idGenieAcs:n,idDevice:i,onSetTabPanel:a,refresh:s}=e;const[t,d]=(0,l.useState)(!0),[r,o]=(0,l.useState)(!0),[c,x]=(0,l.useState)("asc"),[u,Z]=(0,l.useState)(""),[v,b]=(0,l.useState)(0),[f,y]=(0,l.useState)(25),[k,w]=(0,l.useState)([]),[C,A]=(0,l.useState)([]),[I,E]=(0,l.useState)(C),F=(0,h.Z)(),[G,D]=(0,l.useState)(!1);(0,l.useEffect)((()=>{E([]),o(!0),F.get(`/api-v1/genieacs/xapi/wlan/${n}?id=${i}`).then((e=>{const n=e.data.message;A(n),E(n),o(!1),d(!1)})).catch((()=>{A([]),o(!1),d(!1)})),a(!0)}),[F,n,s,G]),(0,l.useEffect)((()=>{a(t)}),[t,a]);const $=e=>-1!==k.indexOf(e),O=v>0?Math.max(0,(1+v)*f-I.length):0;return(0,L.jsx)(j.Z,{content:!1,title:(0,L.jsx)(m.Z,{id:"list-data-wlan"}),children:r?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(p.Z,{}),(0,L.jsx)(g.Z,{})]}):(0,L.jsxs)(R.Z,{sx:{width:"100%",marginY:2,marginLeft:2,paddingRight:2},children:[(0,L.jsx)(z.Z,{sx:{overflowX:"auto"},children:(0,L.jsxs)(B.Z,{sx:{minWidth:1200},"aria-labelledby":"tableTitle",size:"small",children:[(0,L.jsx)(K,{numSelected:k.length,order:c,orderBy:u,onRequestSort:(e,n)=>{x(u===n&&"asc"===c?"desc":"asc"),Z(n)},rowCount:I.length}),(0,L.jsxs)(W.Z,{children:[U(I,V(c,u)).slice(v*f,v*f+f).map(((e,n)=>(0,L.jsx)(Q,{row:e,onIsSelected:$},n))),O>0&&(0,L.jsx)(S.Z,{style:{height:34*O},children:(0,L.jsx)(P.Z,{colSpan:6})})]})]})}),(0,L.jsx)(T.Z,{rowsPerPageOptions:[10,25,50,100,250,500],component:"div",count:I.length,rowsPerPage:f,page:v,onPageChange:(e,n)=>{b(n)},onRowsPerPageChange:e=>{y(parseInt(null===e||void 0===e?void 0:e.target.value,10)),b(0)}})]})})};var ne=i(35898),ie=i(61113),ae=i(87807),se=i(56691);function le(e,n,i){return n[i]<e[i]?-1:n[i]>e[i]?1:0}const te=(e,n)=>"desc"===e?(e,i)=>le(e,i,n):(e,i)=>-le(e,i,n);function de(e,n){const i=e.map(((e,n)=>[e,n]));return i.sort(((e,i)=>{const a=n(e[0],i[0]);return 0!==a?a:e[1]-i[1]})),i.map((e=>e[0]))}const re=[{id:"no",numeric:!1,disablePadding:!0,align:"center",sort:!1,label:"No"},{id:"dhcpserver",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"dhcp-server"})},{id:"dnsserver",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"dns-server"})},{id:"host",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"host"})},{id:"ipaddress",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"ip-address"})},{id:"lan",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:"LAN"},{id:"minaddress",numeric:!1,disablePadding:!0,align:"left",sort:!0,label:(0,L.jsx)(m.Z,{id:"min-address"})},{id:"maxaddress",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"max-address"})}];function oe(e){const{order:n,orderBy:i,onRequestSort:a}=e;return(0,L.jsx)(f.Z,{children:(0,L.jsx)(S.Z,{children:re.map((e=>{return e.sort?(0,L.jsx)(P.Z,{align:e.align,padding:e.disablePadding?"none":"normal",sortDirection:i===e.id&&n,children:(0,L.jsx)(k.Z,{active:i===e.id,direction:i===e.id?n:"asc",onClick:(s=e.id,e=>{a(e,s)}),children:e.label})},e.id):(0,L.jsx)(P.Z,{align:e.align,padding:e.disablePadding?"none":"normal",children:e.label},e.id);var s}))})})}const ce=e=>{var n,i,a,s,l;const{row:t,index:r,onIsSelected:o}=e,c=o(t.index),x=e=>{switch(e){case"Up":return"success";case"Disabled":return"error";
1case"NoLink":return"warning";default:return"action"}},u=e=>null===e||void 0===e||""===e?"-":String(e);return(0,L.jsxs)(S.Z,{hover:!0,selected:c,children:[(0,L.jsx)(P.Z,{padding:"none",sx:{px:2},children:r+1}),(0,L.jsx)(P.Z,{padding:"none",align:"left",children:!0===(null===(n=t.dhcpServer)||void 0===n?void 0:n.value)?"Enable":"Disable"}),(0,L.jsx)(P.Z,{padding:"none",sx:{py:.5},children:u(null===(i=t.dnsServer)||void 0===i?void 0:i.value)}),(0,L.jsx)(P.Z,{padding:"none",children:(0,L.jsx)(ne.Z,{spacing:1,children:Array.isArray(t.host)&&t.host.map(((e,n)=>{var i,a,s,l;return(0,L.jsxs)(d.Z,{children:[(0,L.jsxs)(d.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,L.jsx)(se.Z,{sx:{mr:1,fontSize:"small",color:"primary.main"}}),(0,L.jsx)(ie.Z,{variant:"body2",fontWeight:"bold",children:u(null===(i=e.name)||void 0===i?void 0:i.value)})]}),(0,L.jsxs)(d.Z,{sx:{pl:3},children:[(0,L.jsxs)(ie.Z,{variant:"caption",color:"text.secondary",children:["IP: ",u(null===(a=e.ip)||void 0===a?void 0:a.value)]}),(0,L.jsxs)(ie.Z,{variant:"caption",color:"text.secondary",sx:{ml:1},children:["MAC: ",u(null===(s=e.mac)||void 0===s?void 0:s.value)]}),(0,L.jsxs)(ie.Z,{variant:"caption",color:"text.secondary",sx:{ml:1},children:["Active: ",u(null===(l=e.active)||void 0===l?void 0:l.value)]})]})]},n)}))})}),(0,L.jsx)(P.Z,{padding:"none",children:u(null===(a=t.ipAddress)||void 0===a?void 0:a.value)}),(0,L.jsx)(P.Z,{padding:"none",children:(0,L.jsx)(ne.Z,{spacing:1,children:Array.isArray(t.lan)&&t.lan.map(((e,n)=>{var i,a,s,l;return(0,L.jsxs)(d.Z,{children:[(0,L.jsxs)(d.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,L.jsx)(ae.Z,{sx:{mr:1},fontSize:"small",color:x(null===(i=e.status)||void 0===i?void 0:i.value)}),(0,L.jsx)(ie.Z,{variant:"body2",fontWeight:"bold",children:u(null===(a=e.name)||void 0===a?void 0:a.value)})]}),(0,L.jsxs)(d.Z,{sx:{pl:3},children:[(0,L.jsxs)(ie.Z,{variant:"caption",color:"text.secondary",sx:{ml:1},children:["Status: ",u(null===(s=e.status)||void 0===s?void 0:s.value)]}),(0,L.jsxs)(ie.Z,{variant:"caption",color:"text.secondary",sx:{ml:1},children:["Mac: ",u(null===(l=e.mac)||void 0===l?void 0:l.value)]})]})]},n)}))})}),(0,L.jsx)(P.Z,{padding:"none",children:u(null===(s=t.minAddress)||void 0===s?void 0:s.value)}),(0,L.jsx)(P.Z,{padding:"none",children:u(null===(l=t.maxAddress)||void 0===l?void 0:l.value)})]})},xe=e=>{let{idGenieAcs:n,idDevice:i,onSetTabPanel:a}=e;const[s,t]=(0,l.useState)(!0),[d,r]=(0,l.useState)(!0),[o,c]=(0,l.useState)("asc"),[x,u]=(0,l.useState)(""),[Z,v]=(0,l.useState)(0),[b,f]=(0,l.useState)(25),[y,k]=(0,l.useState)([]),[w,C]=(0,l.useState)([]),[A,I]=(0,l.useState)(w),E=(0,h.Z)(),[F,G]=(0,l.useState)(!1);(0,l.useEffect)((()=>{I([]),r(!0),E.get(`/api-v1/genieacs/xapi/lan/${n}?id=${i}`).then((e=>{const n=e.data.message;C(n),I(n),r(!1),t(!1)})).catch((()=>{C([]),r(!1),t(!1)})),a(!0)}),[E,n,F]),(0,l.useEffect)((()=>{a(s)}),[s,a]);const D=e=>-1!==y.indexOf(e),$=Z>0?Math.max(0,(1+Z)*b-A.length):0;return(0,L.jsx)(j.Z,{content:!1,title:(0,L.jsx)(m.Z,{id:"list-data-lan"}),children:d?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(p.Z,{}),(0,L.jsx)(g.Z,{})]}):(0,L.jsxs)(R.Z,{sx:{width:"100%",marginY:2,marginLeft:2,paddingRight:2},children:[(0,L.jsx)(z.Z,{sx:{overflowX:"auto"},children:(0,L.jsxs)(B.Z,{sx:{minWidth:1200},"aria-labelledby":"tableTitle",size:"small",children:[(0,L.jsx)(oe,{numSelected:y.length,order:o,orderBy:x,onRequestSort:(e,n)=>{c(x===n&&"asc"===o?"desc":"asc"),u(n)},rowCount:A.length}),(0,L.jsxs)(W.Z,{children:[de(A,te(o,x)).slice(Z*b,Z*b+b).map(((e,n)=>(0,L.jsx)(ce,{row:e,index:n,onIsSelected:D},e.dnsServer))),$>0&&(0,L.jsx)(S.Z,{style:{height:34*$},children:(0,L.jsx)(P.Z,{colSpan:6})})]})]})}),(0,L.jsx)(T.Z,{rowsPerPageOptions:[10,25,50,100,250,500],component:"div",count:A.length,rowsPerPage:b,page:Z,onPageChange:(e,n)=>{v(n)},onRowsPerPageChange:e=>{f(parseInt(null===e||void 0===e?void 0:e.target.value,10)),v(0)}})]})})},ue=e=>{let{idGenieAcs:n,idDevice:i,row:a,refresh:s,handleReloadTop:t,handleBackdrop:r,handleSetSnackbar:o}=e;const[c,x]=(0,l.useState)("1"),[u,h]=(0,l.useState)(!1),[g,p]=(0,l.useState)(0),m=e=>{h(e)};return(0,L.jsx)(d.Z,{sx:{width:"100%",overflowX:"auto",typography:"body1"},children:(0,L.jsxs)(I.ZP,{value:c,children:[(0,L.jsx)(d.Z,{sx:{borderBottom:1,borderColor:"divider",overflowX:"auto",WebkitOverflowScrolling:"touch"},children:(0,L.jsxs)(E.Z,{onChange:(e,n)=>{"1"===n&&"1"!==c&&p((e=>e+1)),x(n)},"aria-label":"lab API tabs example",variant:"scrollable",scrollButtons:"auto",allowScrollButtonsMobile:!0,sx:{minWidth:"max-content","& .MuiTab-root":{minWidth:"unset",padding:{xs:"12px 8px",sm:"12px 16px"},fontSize:{xs:"0.75rem",sm:"0.875rem"},"& .MuiSvgIcon-root":{fontSize:{xs:"1rem",sm:"1.25rem"}}}},children:[(0,L.jsx)(G.Z,{icon:(0,L.jsx)(D.Z,{}),iconPosition:"start",label:"Wan",disabled:u,value:"1"}),(0,L.jsx)(G.Z,{icon:(0,L.jsx)($.Z,{}),iconPosition:"start",label:"Lan",disabled:u,value:"2"}),(0,L.jsx)(G.Z,{icon:(0,L.jsx)($.Z,{}
1),iconPosition:"start",label:"WLan",disabled:u,value:"3"})]})}),(0,L.jsxs)(d.Z,{sx:{height:"100%",overflowX:"auto",mt:2},children:[(0,L.jsx)(F.Z,{value:"1",sx:{p:0,height:"100%",minHeight:{xs:"300px",sm:"auto"},overflowX:"auto"},children:(0,L.jsx)(H,{dataWan:a,onSetTabPanel:m,refresh:s,handleReloadTop:t,idGenieAcs:n,idDevice:i,tabRefresh:g,handleBackdrop:r,handleSetSnackbar:o})}),(0,L.jsx)(F.Z,{value:"2",sx:{p:0,height:"100%",minHeight:{xs:"300px",sm:"auto"}},children:(0,L.jsx)(xe,{idGenieAcs:n,idDevice:i,onSetTabPanel:m})}),(0,L.jsx)(F.Z,{value:"3",sx:{p:0,height:"100%",minHeight:{xs:"300px",sm:"auto"}},children:(0,L.jsx)(ee,{idGenieAcs:n,idDevice:i,onSetTabPanel:m})})]})]})})};var he=i(98528),ge=i(94469),pe=i(33604),me=i(96467),je=i(19536),Ze=i(4117),ve=i(11198);const be=e=>{let{idGenieAcs:n,idDevice:i,handleReload:s,brand:t,handleBackdrop:d,handleSetSnackbar:o}=e;const[c,x]=(0,l.useState)(!1),u=(0,h.Z)();return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(r.Z,{sx:{minWidth:0,padding:"2px 6px",fontSize:"0.6rem",lineHeight:1.2,"& .MuiButton-label":{fontSize:"0.7rem"}},size:"small",variant:"contained",onClick:()=>{x(!0)},color:"primary",children:"Summon"}),(0,L.jsxs)(ge.Z,{fullWidth:!0,maxWidth:"xs",open:c,"aria-labelledby":"responsive-dialog-title",children:[(0,L.jsxs)(pe.Z,{children:["Summon this GenieAcs \xa0",t,(0,L.jsx)(w.Z,{"aria-label":"close",onClick:()=>{x(!1)},sx:{position:"absolute",right:10,top:10,color:e=>e.palette.grey[500]},children:(0,L.jsx)(ve.Z,{})})]}),(0,L.jsx)(me.Z,{children:(0,L.jsxs)(ie.Z,{variant:"h5",children:[(0,L.jsx)(m.Z,{id:"are-you-sure-to"}),"\xa0summon this ",t," \xa0?"]})}),(0,L.jsx)(je.Z,{}),(0,L.jsx)(Ze.Z,{children:(0,L.jsx)(a.ZP,{container:!0,spacing:2,children:(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(ne.Z,{direction:"row",justifyContent:"end",children:(0,L.jsx)(r.Z,{sx:{my:1,mr:2},variant:"outlined",color:"primary",onClick:()=>(x(!1),d(!0),void u.get(`/api-v1/genieacs/xapi/summon/${n}?id=${i}`).then((e=>{o({open:!0,message:e.data.message,severity:"success"}),d(!1),setTimeout((()=>{d(!0),u.get(`/api-v1/genieacs/xapi/details/${n}?id=${i}`).then((e=>{if(s){const n=e.data.message,a=Array.isArray(n)?n[0]:n,l={id:a.id||i,lastInform:a.lastInform,status:a.status,brand:a.brand,serial:a.serial,type:a.type,version:a.version,uptime:a.uptime,tags:a.tags};s(i,l)}d(!1)})).catch((e=>{console.error("Error reloading device details:",e),s&&s(),d(!1)}))}),4e3)})).catch((e=>{x(!1),o({open:!0,message:e.response.data.message||"Something Error",severity:"error"}),d(!1)}))),children:(0,L.jsx)(m.Z,{id:"apply"})})})})})})]})]})};function fe(e,n,i){return n[i]<e[i]?-1:n[i]>e[i]?1:0}const Se=(e,n)=>"desc"===e?(e,i)=>fe(e,i,n):(e,i)=>-fe(e,i,n);function Pe(e,n){const i=e.map(((e,n)=>[e,n]));return i.sort(((e,i)=>{const a=n(e[0],i[0]);return 0!==a?a:e[1]-i[1]})),i.map((e=>e[0]))}const ye=[{id:"colapse",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:""},{id:"summon",numeric:!1,disablePadding:!0,align:"center",sort:!1,label:""},{id:"status",numeric:!1,disablePadding:!0,align:"left",sort:!0,label:(0,L.jsx)(m.Z,{id:"status"})},{id:"lastInform",numeric:!1,disablePadding:!0,align:"center",sort:!0,label:(0,L.jsx)(m.Z,{id:"last-inform"})},{id:"uptime",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"uptime"})},{id:"brand",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"brand"})},{id:"type",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"type"})},{id:"serial",numeric:!1,disablePadding:!0,align:"left",sort:!0,label:"Serial"},{id:"version",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:(0,L.jsx)(m.Z,{id:"version"})},{id:"tags",numeric:!1,disablePadding:!0,align:"left",sort:!1,label:"Tags"}];function ke(e){const{onSelectAllClick:n,order:i,orderBy:a,numSelected:s,rowCount:l,onRequestSort:t}=e;return(0,L.jsx)(f.Z,{children:(0,L.jsxs)(S.Z,{children:[(0,L.jsx)(P.Z,{padding:"checkbox",sx:{pl:0},children:(0,L.jsx)(y.Z,{color:"primary",indeterminate:s>0&&s<l,checked:l>0&&s===l,onChange:n,inputProps:{"aria-label":"select all desserts"}})}),ye.map((e=>{return e.sort?(0,L.jsx)(P.Z,{align:e.align,padding:e.disablePadding?"none":"normal",sortDirection:a===e.id&&i,children:(0,L.jsx)(k.Z,{active:a===e.id,direction:a===e.id?i:"asc",onClick:(n=e.id,e=>{t(e,n)}),children:e.label})},e.id):(0,L.jsx)(P.Z,{align:e.align,padding:e.disablePadding?"none":"normal",children:e.label},e.id);var n}))]})})}const we=e=>{const{idGenieAcs:n,row:i,index:s,onIsSelected:r,onSelectClick:o,handleReload:c,handleBackdrop:x,handleSetSnackbar:u}=e,m=(0,h.Z)(),j=(0,b.Z)(),f=i.id,[k,R]=(0,l.useState)(!1),z=r(f),B=`enhanced-table-checkbox-${s}`,[W,T]=(0,l.useState)(!0),[I,E]=(0,l.useState)([]),F="Offline"===i.status;return(0,l.useEffect)((()=>{k&&W&&!F&&(m.get(`/api-v1/genieacs/xapi/wan/${n}?id=${i.id}`).then((e=>{const n=e.data.message;E(n)})).catch((()=>{R(!k)})),T(!1)),k||W||T(!0)}),[W,m,k,i,n,F]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(S.Z,{hover:!0,role:"checkbox",selected:z,children:[(0,L.jsx)(P.Z,{padding:"checkbox",children:(0,L.jsx)(y.Z,{color:"primary",checked:z,onClick:()=>{return e=i.id,void o(e);var e},inputProps:{"aria-labelledby":B}})}),(0,L.jsx)(P.Z,{padding:"none",align:"left",children:(0,L.jsx)(w.Z,{align:"left",padding:"none","aria-label":"exp
1and row",size:"small",onClick:()=>{F||R(!k)},sx:{opacity:F?.5:1,cursor:F?"not-allowed":"pointer"},children:k?(0,L.jsx)(v.Z,{}):(0,L.jsx)(Z.Z,{})})}),(0,L.jsx)(P.Z,{padding:"none",sx:{paddingX:2},children:(0,L.jsx)(be,{idGenieAcs:n,idDevice:i.id,handleReload:c,brand:i.brand||"-",handleBackdrop:x,handleSetSnackbar:u})}),(0,L.jsx)(P.Z,{padding:"none",sx:{color:(G=i.status,"Offline"===G?j.palette.error.dark:j.palette.success.dark)},children:i.status||"-"}),(0,L.jsx)(P.Z,{padding:"none",children:i.lastInform||"-"}),(0,L.jsx)(P.Z,{padding:"none",children:i.uptime}),(0,L.jsx)(P.Z,{id:B,scope:"row",padding:"none",children:i.brand||"-"}),(0,L.jsx)(P.Z,{padding:"none",children:i.type||"-"}),(0,L.jsx)(P.Z,{padding:"none",children:i.serial||"-"}),(0,L.jsx)(P.Z,{padding:"none",children:i.version||"-"}),(0,L.jsx)(P.Z,{padding:"none",sx:{width:"250px",maxWidth:"250px",minWidth:"250px"},children:Array.isArray(i.tags)&&i.tags.length>0?(0,L.jsx)(d.Z,{sx:{display:"flex",flexWrap:"wrap",gap:1,width:"100%"},children:i.tags.map(((e,n)=>{const i=[{bg:"secondary.main",text:"secondary.contrastText"},{bg:"info.main",text:"secondary.contrastText"},{bg:"success.main",text:"success.contrastText"},{bg:"warning.main",text:"warning.contrastText"},{bg:"primary.main",text:"primary.contrastText"},{bg:"error.main",text:"error.contrastText"}],a=i[n%i.length];return(0,L.jsx)(C.Z,{label:e,size:"small",sx:{fontSize:"0.75rem",height:"20px",backgroundColor:a.bg,color:a.text,"& .MuiChip-label":{px:1},"&:hover":{backgroundColor:a.bg,opacity:.8}}},n)}))}):"-"})]}),(0,L.jsx)(S.Z,{sx:{bgcolor:"dark"===j.palette.mode?"dark.800":"grey.100"},children:(0,L.jsx)(P.Z,{style:{padding:0},colSpan:12,children:(0,L.jsx)(A.Z,{in:k,timeout:"auto",unmountOnExit:!0,children:(0,L.jsx)(d.Z,{sx:{margin:2},children:W?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(p.Z,{}),(0,L.jsx)(g.Z,{})]}):(0,L.jsx)(a.ZP,{container:!0,spacing:t.dv,children:(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(ue,{idGenieAcs:n,idDevice:i.id,row:I,handleBackdrop:x,handleSetSnackbar:u})})})})})})})]});var G},Ce=e=>{let{id:n,refreshAll:i,handleBackdrop:s,handleSetSnackbar:t}=e;const r=(0,h.Z)(),[o,c]=(0,l.useState)(!0),[x,Z]=(0,l.useState)("asc"),[v,b]=(0,l.useState)(""),[f,y]=(0,l.useState)(0),[k,w]=(0,l.useState)(25),[C,A]=(0,l.useState)([]),[I,E]=(0,l.useState)([]),[F,G]=(0,l.useState)(""),[D,$]=(0,l.useState)([]),[O,q]=(0,l.useState)(D),[M,N]=(0,l.useState)(!1),_=(0,l.useRef)(!1),[X,H]=(0,l.useState)(!1),[Y,V]=(0,l.useState)(!1),[U,J]=(0,l.useState)("");(0,l.useEffect)((()=>{n&&(_.current&&null===i||(_.current=!0,q([]),c(!0),V(!1),s(!0),H(!1),r.get(`/api-v1/genieacs/xapi/devices/${n}`).then((e=>{const n=e.data.message;n.error?(H(!0),J(n.error||"Terjadi kesalahan pada server"),$([]),q([])):($(n),q(n)),c(!1),V(!0),s(!1)})).catch((e=>{var n,i,a,l,t;H(!0);const d=(null===(n=e.response)||void 0===n||null===(i=n.data)||void 0===i||null===(a=i.message)||void 0===a?void 0:a.error)||(null===(l=e.response)||void 0===l||null===(t=l.data)||void 0===t?void 0:t.message)||e.message||"Terjadi kesalahan pada server";J(d),$([]),q([]),c(!1),V(!0),s(!1)}))))}),[r,n,M,i]),(0,l.useEffect)((()=>{const e=F.toLowerCase().trim();if(""===e)q(D);else{const n=D.filter((n=>Object.keys(n).some((i=>n[i].toString().toLowerCase().includes(e)))));q(n)}c(!1)}),[F,D]);const K=(e,n)=>{Z(v===n&&"asc"===x?"desc":"asc"),b(n)},Q=(e,n)=>{y(n)},ee=e=>{w(parseInt(null===e||void 0===e?void 0:e.target.value,10)),y(0)},ne=e=>{if(e.target.checked){const e=O.map((e=>e.id));A(e);const n=O.map((e=>({id:e.id,serial:e.serial,type:e.type})));E(n)}else A([]),E([])},ie=e=>{const n=C.indexOf(e),i=[...C],a=[...I],s=O.find((n=>n.id===e));-1===n?(i.push(e),a.push({id:s.id,serial:s.serial,type:s.type})):(i.splice(n,1),a.splice(n,1)),A(i),E(a)},ae=e=>-1!==C.indexOf(e),se=f>0?Math.max(0,(1+f)*k-O.length):0,le=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;e&&n?(q((i=>i.map((i=>i.id===e?{...i,...n}:i)))),$((i=>i.map((i=>i.id===e?{...i,...n}:i))))):N(!M)};return(0,L.jsx)(j.Z,{content:!1,title:(0,L.jsx)(a.ZP,{container:!0,spacing:1,children:(0,L.jsx)(a.ZP,{item:!0,xs:6,sm:"auto",children:(0,L.jsx)(he.Z,{handleClickSearch:e=>{G(e),c(!0),y(0)},sx:{width:{xs:"100%",sm:200}}})})}),children:X?(0,L.jsxs)(d.Z,{sx:{p:2,textAlign:"center"},children:[(0,L.jsx)(u.Z,{severity:"error",sx:{mb:2},children:(0,L.jsx)(m.Z,{id:"info-error-genieacs"})}),U&&(0,L.jsxs)(u.Z,{severity:"warning",sx:{mt:1},children:[(0,L.jsx)("strong",{children:"Detail Error:"})," ",U]})]}):!Y||o?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(p.Z,{}),(0,L.jsx)(g.Z,{})]}):(0,L.jsxs)(R.Z,{sx:{width:"100%",marginY:2},children:[(0,L.jsx)(z.Z,{children:(0,L.jsxs)(B.Z,{sx:{minWidth:1350},"aria-labelledby":"tableTitle",size:"small",children:[(0,L.jsx)(ke,{numSelected:C.length,order:x,orderBy:v,onSelectAllClick:ne,onRequestSort:K,rowCount:O.length}),(0,L.jsxs)(W.Z,{children:[Pe(O,Se(x,v)).slice(f*k,f*k+k).map(((e,i)=>(0,L.jsx)(we,{idGenieAcs:n,row:e,index:i,onIsSelected:ae,onSelectClick:ie,handleReload:le,handleBackdrop:s,handleSetSnackbar:t},e.id))),se>0&&(0,L.jsx)(S.Z,{style:{height:34*se},children:(0,L.jsx)(P.Z,{colSpan:6})})]})]})}),(0,L.jsx)(T.Z,{rowsPerPageOptions:[10,25,50,100,250,500],component:"div",count:O.length,rowsPerPage:k,page:f,onPageChange:Q,onRowsPerPageChange:ee})]})})};var Ae=i(63060),Re=i(75721),ze=i(33497),Be=i(50282),We=i(17592),Te=i(30467),Ie=i(79429),Ee=i(3463),Fe=i(5211);const Ge=Ee.Ry({name:Ee.Z_().min(3,"Name should be of minimum 3 characters length").required("Name is required"),ip:Ee.Z_().test("is-ip-or-domain","Must be a valid IP address or domain name",(e=>{if(!e)return!0;return/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(e)||/^(?!:\/\/)([a-zA-Z0-9-_]+\.)*[a-zA-Z0-9][a-zA-Z0-9-_]+\.[a-zA-Z]{2,11}?$/.test(e)})).required(),port:Ee.Z_()});function De(e){let{handleRefresh:n,handleSetSnackbar:i,handleBackdrop:s,handleRefreshGenieAcs:d}=e;const[o,c]=(0,l.useState)(!1),x=(0,l.useRef)(null),u=(0,h.Z)();(0,l.useEffect)((()=>{const e=setTimeout((()=>{o&&x.current&&x.current.focus()}),0);return()=>clearTimeout(e)}),[o]);const g=(0,Ie.TA)({initialValues:{name:"",ip:"",port:""},validationSchema:Ge,enableReinitialize:!0,onSubmit:e=>{c(!1),s(!0),u.post("/api-v1/genieacs/datas/acs",e).then((e=>{var a;const l=null===e||void 0===e||null===(a=e.data)||void 0===a?void 0:a.message;s(!1),i({open:!0,message:l,severity:"success"}),d(),n(),g.resetForm()})).catch((e=>{var n,a;console.error("Error detail:",e),i({open:!0,message:(null===(n=e.response)||void 0===n||null===(a=n.data)||void 0===a?void 0:a.message)||"An unexpected error occurred",severity:"error"}),s(!1),c(!0)}))}}),p=(0,We.ZP)(r.Z)((e=>{let{theme:n}=e;return{border:"1px solid",borderColor:n.palette.text.grey,borderRadius:"4px",padding:"5px 16px",transition:"background-color 0.3s ease","&:hover":{backgroundColor:"#2196F3",color:n.palette.common.white}}}));return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(p,{variant:"outlined",startIcon:(0,L.jsx)(Fe.Z,{}),onClick:()=>c(!0),sx:{width:{xs:"100%",sm:200}},children:[(0,L.jsx)(m.Z,{id:"add"})," GenieAcs"]}),o&&(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(ge.Z,{fullWidth:!0,maxWidth:"xs",open:o,onClose:()=>c(!1),"aria-labelledby":"responsive-dialog-title",children:(0,L.jsxs)("form",{onSubmit:g.handleSubmit,children:[(0,L.jsxs)(pe.Z,{id:"responsive-dialog-title",children:[(0,L.jsx)(m.Z,{id:"add"}),"\xa0 Genie Acs"]}),(0,L.jsx)(je.Z,{}),(0,L.jsx)(me.Z,{children:(0,L.jsxs)(a.ZP,{container:!0,spacing:t.dv,alignItems:"center",justifyContent:"space-between",children:[(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(Te.Z,{autoComplete:"off",variant:"outlined",size:"small",fullWidth:!0,name:"name",label:(0,L.jsx)(m.Z,{id:"name"}),value:g.values.name,onChange:g.handleChange,error:g.touched.name&&Boolean(g.errors.name),helperText:g.touched.name&&g.errors.name})}),(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(Te.Z,{autoComplete:"off",variant:"outlined",size:"small",fullWidth:!0,name:"ip",label:(0,L.jsx)(m.Z,{id:"ip"}),value:g.values.ip,onChange:g.handleChange,error:g.touched.ip&&Boolean(g.errors.ip),helperText:g.touched.ip&&g.errors.ip})}),(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(Te.Z,{size:"small",autoComplete:"off",name:"port",variant:"outlined",fullWidth:!0,label:(0,L.jsx)(m.Z,{id:"port"}),value:g.values.port,onChange:g.handleChange,error:g.touched.port&&Boolean(g.errors.port),helperText:g.touched.port&&g.errors.port})})]})}),(0,L.jsx)(je.Z,{}),(0,L.jsxs)(Ze.Z,{sx:{pr:2.5},children:[(0,L.jsx)(r.Z,{variant:"contained",size:"small",autoFocus:!0,onClick:()=>{c(!1),g.resetForm()},color:"error",children:(0,L.jsx)(m.Z,{id:"cancel"})}),(0,L.jsx)(r.Z,{variant:"contained",size:"small",type:"submit",autoFocus:!0,children:(0,L.jsx)(m.Z,{id:"add"})})]})]})})})]})}var $e=i(61689),Le=i(65954);const Oe=Ee.Ry({name:Ee.Z_().min(3,"Name should be of minimum 3 characters length").required("Name is required"),ip:Ee.Z_().test("is-ip-or-domain","Must be a valid IP address or domain name",(e=>{if(!e)return!0;return/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(e)||/^(?!:\/\/)([a-zA-Z0-9-_]+\.)*[a-zA-Z0-9][a-zA-Z0-9-_]+\.[a-zA-Z]{2,11}?$/.test(e)})).required(),port:Ee.Z_()});function qe(e){let{handleRefresh:n,handleSetSnackbar:i,handleBackdrop:s,handleRefreshGenieAcs:d,data:o}=e;const[c,x]=(0,l.useState)(!1),u=(0,l.useRef)(null),g=(0,h.Z)();(0,l.useEffect)((()=>{const e=setTimeout((()=>{c&&u.current&&u.current.focus()}),0);return()=>clearTimeout(e)}),[c]);const p=(0,Ie.TA)({initialValues:{name:(null===o||void 0===o?void 0:o.name)||"",ip:(null===o||void 0===o?void 0:o.ip)||"",port:(null===o||void 0===o?void 0:o.port)||""},validationSchema:Oe,enableReinitialize:!0,onSubmit:e=>{const n={name:e.name,ip:e.ip,port:e.port};x(!1),s(!0),g.put(`/api-v1/genieacs/datas/acs/${o.id}`,n).then((e=>{var n;const a=null===e||void 0===e||null===(n=e.data)||void 0===n?void 0:n.message;s(!1),p.resetForm(),i({open:!0,message:a,severity:"success"}),d()})).catch((e=>{var n,a;console.error("Error detail:",e),i({open:!0,message:(null===(n=e.response)||void 0===n||null===(a=n.data)||void 0===a?void 0:a.message)||"An unexpected error occurred",severity:"error"}),s(!1),x(!0)}))}});return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.Z,{style:{float:"left"}
1,align:"left",padding:"none","aria-label":"expand row",size:"small",sx:{color:"green"},onClick:()=>x(!0),children:(0,L.jsx)($e.Z,{title:(0,L.jsx)(m.Z,{id:"edit"}),children:(0,L.jsx)(Le.Z,{})})}),c&&(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(ge.Z,{fullWidth:!0,maxWidth:"xs",open:c,onClose:()=>x(!1),"aria-labelledby":"responsive-dialog-title",children:(0,L.jsxs)("form",{onSubmit:p.handleSubmit,children:[(0,L.jsxs)(pe.Z,{id:"responsive-dialog-title",children:[(0,L.jsx)(m.Z,{id:"edit"}),"\xa0Genie Acs"]}),(0,L.jsx)(je.Z,{}),(0,L.jsx)(me.Z,{children:(0,L.jsxs)(a.ZP,{container:!0,spacing:t.dv,alignItems:"center",justifyContent:"space-between",children:[(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(Te.Z,{autoComplete:"off",variant:"outlined",size:"small",fullWidth:!0,name:"name",label:(0,L.jsx)(m.Z,{id:"name"}),value:p.values.name,onChange:p.handleChange,error:p.touched.name&&Boolean(p.errors.name),helperText:p.touched.name&&p.errors.name})}),(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(Te.Z,{autoComplete:"off",variant:"outlined",size:"small",fullWidth:!0,name:"ip",label:(0,L.jsx)(m.Z,{id:"ip"}),value:p.values.ip,onChange:p.handleChange,error:p.touched.ip&&Boolean(p.errors.ip),helperText:p.touched.ip&&p.errors.ip})}),(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(Te.Z,{size:"small",autoComplete:"off",name:"port",variant:"outlined",fullWidth:!0,label:(0,L.jsx)(m.Z,{id:"port"}),value:p.values.port,onChange:p.handleChange,error:p.touched.port&&Boolean(p.errors.port),helperText:p.touched.port&&p.errors.port})})]})}),(0,L.jsx)(je.Z,{}),(0,L.jsxs)(Ze.Z,{sx:{pr:2.5},children:[(0,L.jsx)(r.Z,{variant:"contained",size:"small",autoFocus:!0,onClick:()=>{x(!1)},color:"error",children:(0,L.jsx)(m.Z,{id:"cancel"})}),(0,L.jsx)(r.Z,{variant:"contained",size:"small",type:"submit",autoFocus:!0,children:(0,L.jsx)(m.Z,{id:"update"})})]})]})})})]})}var Me=i(51997);const Ne=e=>{let{id:n,name:i,handleBackdrop:s,handleRefresh:t,handleSetSnackbar:d,handleRefreshGenieAcs:o}=e;const[c,x]=(0,l.useState)(!1),u=(0,h.Z)();return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.Z,{style:{float:"left"},align:"left",padding:"none",size:"small",variant:"outlined",onClick:()=>{x(!0)},sx:{color:"red"},children:(0,L.jsx)($e.Z,{title:(0,L.jsx)(m.Z,{id:"delete"}),children:(0,L.jsx)(Me.Z,{})})}),(0,L.jsxs)(ge.Z,{fullWidth:!0,maxWidth:"xs",open:c,"aria-labelledby":"responsive-dialog-title",children:[(0,L.jsxs)(pe.Z,{children:[(0,L.jsx)(m.Z,{id:"delete"})," GenieAcs \xa0",i,(0,L.jsx)(w.Z,{"aria-label":"close",onClick:()=>{x(!1)},sx:{position:"absolute",right:10,top:10,color:e=>e.palette.grey[500]},children:(0,L.jsx)(ve.Z,{})})]}),(0,L.jsx)(me.Z,{children:(0,L.jsxs)(ie.Z,{variant:"h5",children:[(0,L.jsx)(m.Z,{id:"are-you-sure-to"})," ",(0,L.jsx)(m.Z,{id:"delete"})," ?"]})}),(0,L.jsx)(je.Z,{}),(0,L.jsx)(Ze.Z,{children:(0,L.jsx)(a.ZP,{container:!0,spacing:2,children:(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(ne.Z,{direction:"row",justifyContent:"end",children:(0,L.jsx)(r.Z,{sx:{my:1,mr:2},variant:"outlined",color:"primary",onClick:()=>(s(!0),void u.delete(`/api-v1/genieacs/datas/acs/${n}`).then((e=>{d({open:!0,message:e.data.message,severity:"success"}),o(),t(),s(!1),x(!1)})).catch((()=>{x(!0),d({open:!0,message:"Something Error",severity:"error"}),s(!1)}))),children:(0,L.jsx)(m.Z,{id:"apply"})})})})})})]})]})};var _e=i(72453);const Xe=e=>{let{id:n,name:i,handleBackdrop:s,handleRefresh:t,handleSetSnackbar:d,handleRefreshGenieAcs:o}=e;const[c,x]=(0,l.useState)(!1),u=(0,h.Z)();return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.Z,{style:{float:"left"}
1,align:"left",padding:"none","aria-label":"expand row",size:"small",sx:{color:"#2196F3"},onClick:()=>{x(!0)},children:(0,L.jsx)($e.Z,{title:(0,L.jsx)(m.Z,{id:"sync-cfg"}),children:(0,L.jsx)(_e.Z,{})})}),(0,L.jsxs)(ge.Z,{fullWidth:!0,maxWidth:"xs",open:c,"aria-labelledby":"responsive-dialog-title",children:[(0,L.jsxs)(pe.Z,{children:[(0,L.jsx)(m.Z,{id:"sync"})," CFG",(0,L.jsx)(w.Z,{"aria-label":"close",onClick:()=>{x(!1)},sx:{position:"absolute",right:10,top:10,color:e=>e.palette.grey[500]},children:(0,L.jsx)(ve.Z,{})})]}),(0,L.jsx)(me.Z,{children:(0,L.jsxs)(ie.Z,{variant:"h5",children:[(0,L.jsx)(m.Z,{id:"are-you-sure-to"})," ",(0,L.jsx)(m.Z,{id:"sync"}),"\xa0",i,"?"]})}),(0,L.jsx)(je.Z,{}),(0,L.jsx)(Ze.Z,{children:(0,L.jsx)(a.ZP,{container:!0,spacing:2,children:(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(ne.Z,{direction:"row",justifyContent:"end",children:(0,L.jsx)(r.Z,{sx:{my:1,mr:2},variant:"outlined",color:"primary",onClick:()=>(s(!0),x(!1),void u.get(`/api-v1/genieacs/xapi/sync/${n}`).then((e=>{d({open:!0,message:e.data.status,severity:"success"}),o(),s(!1)})).catch((()=>{x(!1),d({open:!0,message:"Something Error",severity:"error"}),s(!1)}))),children:(0,L.jsx)(m.Z,{id:"apply"})})})})})})]})]})};function He(e,n,i){return n[i]<e[i]?-1:n[i]>e[i]?1:0}const Ye=[{id:"name",numeric:!1,disablePadding:!0,label:(0,L.jsx)(m.Z,{id:"name"})},{id:"ip",numeric:!1,disablePadding:!0,label:"IP"},{id:"port",numeric:!1,disablePadding:!0,label:(0,L.jsx)(m.Z,{id:"port"})},{id:"action",numeric:!1,disablePadding:!0,label:(0,L.jsx)(m.Z,{id:"action"})}];function Ve(e){let{order:n,orderBy:i,onRequestSort:a}=e;return(0,L.jsx)(f.Z,{children:(0,L.jsxs)(S.Z,{children:[(0,L.jsx)(P.Z,{padding:"checkbox",sx:{pl:0},children:(0,L.jsx)(m.Z,{id:"no"})}),Ye.map((e=>{return(0,L.jsx)(P.Z,{align:e.numeric?"right":"left",sx:{paddingY:.6,paddingX:0},sortDirection:i===e.id&&n,children:(0,L.jsxs)(k.Z,{active:i===e.id,direction:i===e.id?n:"asc",onClick:(s=e.id,e=>{a(e,s)}),children:[e.label,i===e.id?(0,L.jsx)(d.Z,{component:"span",sx:Be.Z,children:"desc"===n?"sorted descending":"sorted ascending"}):null]})},e.id);var s}))]})})}const Ue=e=>{let{isLoading:n,handleRefresh:i,handleSetSnackbar:s,handleBackdrop:t}=e;const d=(0,h.Z)(),[r,o]=(0,l.useState)(!0),[c,x]=(0,l.useState)("asc"),[u,m]=(0,l.useState)(""),[j,Z]=(0,l.useState)(0),[v,b]=(0,l.useState)(5),[f,y]=(0,l.useState)(""),[k,w]=(0,l.useState)([]),[C,A]=(0,l.useState)(k),[I,E]=(0,l.useState)(!1),[F,G]=(0,l.useState)("");(0,l.useEffect)((()=>{t(!0),n||d.get("/api-v1/genieacs/datas/info/").then((e=>{const n=e.data.message;o(!0),n.length>0?w(n):(G("Data Tidak Ditemukan"),w([]))})).catch((()=>{o(!1)})).finally((()=>{t(!1),o(!1)}))}),[n,I]),(0,l.useEffect)((()=>{A(k)}),[k]);const D=()=>{E(!I)};(0,l.useEffect)((()=>{o(!0);const e=f.toLowerCase().trim();if(""===e)A(k),o(!1);else{const n=k.filter((n=>Object.keys(n).some((i=>n[i].toString().toLowerCase().includes(e)))));A(n),o(!1)}}),[f]);return(0,L.jsx)(ze.Z,{content:!1,title:(0,L.jsxs)(a.ZP,{container:!0,spacing:2,alignItems:"center",justifyContent:"space-between",wrap:"wrap",children:[(0,L.jsx)(a.ZP,{item:!0,xs:12,sm:"auto",children:(0,L.jsx)(De,{handleRefresh:i,handleSetSnackbar:s,handleBackdrop:t,handleRefreshGenieAcs:D})}),(0,L.jsx)(a.ZP,{item:!0,xs:12,sm:"auto",sx:{display:"flex",justifyContent:{xs:"flex-start",sm:"flex-end"}},children:(0,L.jsx)(he.Z,{handleClickSearch:e=>{y(e),Z(0)},sx:{width:{xs:"100%",sm:200}}})})]}),children:r?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(p.Z,{}),(0,L.jsx)(g.Z,{})]}):(0,L.jsx)(L.Fragment,{children:(0,L.jsxs)(R.Z,{sx:{width:"100%",mb:2,mt:2},children:[(0,L.jsx)(z.Z,{children:(0,L.jsxs)(B.Z,{sx:{minWidth:800},"aria-labelledby":"tableTitle",size:"small",children:[(0,L.jsx)(Ve,{order:c,orderBy:u,onRequestSort:(e,n)=>{x(u===n&&"asc"===c?"desc":"asc"),m(n)}}),(0,L.jsx)(W.Z,{children:r?(0,L.jsx)(S.Z,{children:(0,L.jsx)(P.Z,{colSpan:Ye.length+1,align:"center",children:(0,L.jsx)(p.Z,{})})}):0===C.length?(0,L.jsx)(S.Z,{children:(0,L.jsx)(P.Z,{colSpan:Ye.length+1,align:"center",children:F||"Data tidak ditemukan"})}):function(e,n){const i=e.map(((e,n)=>[e,n]));return i.sort(((e,i)=>{const a=n(e[0],i[0]);return 0!==a?a:e[1]-i[1]})),i.map((e=>e[0]))}(C,((e,n)=>"desc"===e?(e,i)=>He(e,i,n):(e,i)=>-He(e,i,n))(c,u)).slice(j*v,j*v+v).map(((e,n)=>{if("number"===typeof e)return null;const a=`enhanced-table-checkbox-${n}`;
1return(0,L.jsxs)(S.Z,{hover:!0,role:"checkbox",tabIndex:-1,children:[(0,L.jsx)(P.Z,{align:"center",padding:"none",children:j*v+n+1}),(0,L.jsx)(P.Z,{id:a,scope:"row",padding:"none",children:null===e||void 0===e?void 0:e.name}),(0,L.jsx)(P.Z,{padding:"none",children:null===e||void 0===e?void 0:e.ip}),(0,L.jsx)(P.Z,{padding:"none",children:null===e||void 0===e?void 0:e.port}),(0,L.jsxs)(P.Z,{align:"center",padding:"none",children:[(0,L.jsx)(Xe,{id:e.id,name:e.name,handleBackdrop:t,handleSetSnackbar:s,handleRefresh:i,handleRefreshGenieAcs:D}),(0,L.jsx)(qe,{handleRefresh:i,handleSetSnackbar:s,handleBackdrop:t,data:e,handleRefreshGenieAcs:D}),(0,L.jsx)(Ne,{id:e.id,name:e.name,handleBackdrop:t,handleSetSnackbar:s,handleRefresh:i,handleRefreshGenieAcs:D})]})]},e.uuid)}))})]})}),(0,L.jsx)(T.Z,{rowsPerPageOptions:[5,10,25,50,100,250,500],component:"div",count:C.length,rowsPerPage:v,page:j,onPageChange:(e,n)=>{Z(n)},onRowsPerPageChange:e=>{b(parseInt(null===e||void 0===e?void 0:e.target.value,10)),Z(0)}})]})})})};var Je=i(32094);const Ke=e=>{let{isLoading:n}=e;const i=(0,h.Z)(),[s,t]=(0,l.useState)(!1),[g,p]=(0,l.useState)(!0),[m,j]=(0,l.useState)(""),[Z,v]=(0,l.useState)([]),[b,f]=(0,l.useState)(""),[S,P]=(0,l.useState)(!1),[y,k]=(0,l.useState)({open:!1,message:"",severity:"success"}),[w,C]=(0,l.useState)(""),[A,R]=(0,l.useState)(!1),[z,B]=(0,l.useState)(!1),W=()=>{P(!S)},T=e=>{t(e)},I=e=>{k(e)},E=()=>{k((e=>({...e,open:!1})))};(0,l.useEffect)((()=>{i.get("/api-v1/account/licence/detail").then((e=>{const n=e.data.message;j(n)})).catch((e=>{console.error(e)}))}),[]),(0,l.useEffect)((()=>{n||i.get("/api-v1/genieacs/datas/acs-opt").then((e=>{const n=e.data.message;if(n.length>0){const e=n.map((e=>({value:e.label,label:e.label,id:e.id})));v(e)}else v([]);p(!1)})).catch((()=>{p(!1)}))}),[n,i,S]),(0,l.useEffect)((()=>{w&&f((0,L.jsx)(Ce,{id:w,isLoading:n,refreshAll:A,handleBackdrop:T,handleSetSnackbar:I}))}),[A,w,n]),(0,l.useEffect)((()=>{n||f((0,L.jsx)(a.ZP,{container:!0,spacing:1,children:(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(Ue,{isLoading:!1,handleRefresh:W,handleSetSnackbar:I,handleBackdrop:T})})}))}),[n,S]);return(0,L.jsxs)(L.Fragment,{children:[m&&"Radius Starter"===(null===m||void 0===m?void 0:m.service)?(0,L.jsx)(a.ZP,{container:!0,spacing:1,children:(0,L.jsx)(Ae.Z,{data:null===m||void 0===m?void 0:m.service})}):(0,L.jsx)(L.Fragment,{children:(0,L.jsxs)(a.ZP,{container:!0,spacing:1,children:[(0,L.jsx)(a.ZP,{item:!0,xs:12,sx:{marginBottom:1},children:(0,L.jsxs)(d.Z,{sx:{display:"flex",gap:2,flexWrap:"wrap"},children:[(0,L.jsx)(Re.Z,{sx:{width:{xs:"100%",sm:275}},label:"GeniaAcs Api",options:Z,onChange:e=>{var i;null===(i=e)?(f((0,L.jsx)(a.ZP,{container:!0,spacing:1,children:(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(Ue,{isLoading:g,handleRefresh:W,handleSetSnackbar:I,handleBackdrop:T})})})),C("")):(C(i.id),B(!0),f((0,L.jsx)(Ce,{id:i.id,isLoading:n,refreshAll:A,handleBackdrop:T,handleSetSnackbar:I})))}}),w&&!0===z&&(0,L.jsx)(r.Z,{variant:"contained",color:"primary",startIcon:(0,L.jsx)(Je.Z,{}),onClick:()=>{R((e=>!e))},children:"Refresh"})]})}),(0,L.jsx)(a.ZP,{item:!0,xs:12,children:b})]})}),(0,L.jsx)(o.Z,{sx:{color:"#fff",zIndex:e=>e.zIndex.drawer+1},open:s,children:(0,L.jsx)(c.Z,{color:"inherit"})}),(0,L.jsx)(x.Z,{anchorOrigin:{vertical:"top",horizontal:"center"},open:y.open,autoHideDuration:4e3,onClose:E,children:(0,L.jsx)(u.Z,{onClose:E,severity:y.severity||"info",variant:"filled",sx:{width:"100%"},children:y.message})},"center")]})},Qe=()=>{const[e,n]=(0,l.useState)(!0),{user:i}=(0,s.Z)();return(0,l.useEffect)((()=>{i&&n(!1)}),[i]),(0,L.jsx)(a.ZP,{container:!0,spacing:t.dv,children:(0,L.jsx)(a.ZP,{item:!0,xs:12,children:(0,L.jsx)(Ke,{isLoading:e})})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.