harperdb 4.3.24 → 4.3.25

package/studio/build-local/static/js/860.727e7fc8.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[860],{4010:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(9950),a=(r=o)&&r.__esModule?r:{default:r};t.default=function(){return a.default.createElement("svg",{width:"14",height:"11",viewBox:"0 0 14 11"},a.default.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}))}},1110:(e,t,n)=>{var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(9950),c=d(a),i=d(n(8738)),l=d(n(1942)),s=d(n(4010)),u=d(n(4990)),f=n(6104);function d(e){return e&&e.__esModule?e:{default:e}}var h=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleClick=n.handleClick.bind(n),n.handleTouchStart=n.handleTouchStart.bind(n),n.handleTouchMove=n.handleTouchMove.bind(n),n.handleTouchEnd=n.handleTouchEnd.bind(n),n.handleFocus=n.handleFocus.bind(n),n.handleBlur=n.handleBlur.bind(n),n.previouslyChecked=!(!e.checked&&!e.defaultChecked),n.state={checked:!(!e.checked&&!e.defaultChecked),hasFocus:!1},n}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"componentDidUpdate",value:function(e){e.checked!==this.props.checked&&this.setState({checked:!!this.props.checked})}},{key:"handleClick",value:function(e){if(!this.props.disabled){var t=this.input;if(e.target!==t&&!this.moved)return this.previouslyChecked=t.checked,e.preventDefault(),t.focus(),void t.click();var n=this.props.hasOwnProperty("checked")?this.props.checked:t.checked;this.setState({checked:n})}}},{key:"handleTouchStart",value:function(e){this.props.disabled||(this.startX=(0,f.pointerCoord)(e).x,this.activated=!0)}},{key:"handleTouchMove",value:function(e){if(this.activated&&(this.moved=!0,this.startX)){var t=(0,f.pointerCoord)(e).x;this.state.checked&&t+15<this.startX?(this.setState({checked:!1}),this.startX=t,this.activated=!0):t-15>this.startX&&(this.setState({checked:!0}),this.startX=t,this.activated=t<this.startX+5)}}},{key:"handleTouchEnd",value:function(e){if(this.moved){var t=this.input;if(e.preventDefault(),this.startX){var n=(0,f.pointerCoord)(e).x;!0===this.previouslyChecked&&this.startX+4>n?this.previouslyChecked!==this.state.checked&&(this.setState({checked:!1}),this.previouslyChecked=this.state.checked,t.click()):this.startX-4<n&&this.previouslyChecked!==this.state.checked&&(this.setState({checked:!0}),this.previouslyChecked=this.state.checked,t.click()),this.activated=!1,this.startX=null,this.moved=!1}}}},{key:"handleFocus",value:function(e){var t=this.props.onFocus;t&&t(e),this.setState({hasFocus:!0})}},{key:"handleBlur",value:function(e){var t=this.props.onBlur;t&&t(e),this.setState({hasFocus:!1})}},{key:"getIcon",value:function(e){var n=this.props.icons;return n?void 0===n[e]?t.defaultProps.icons[e]:n[e]:null}},{key:"render",value:function(){var e=this,t=this.props,n=t.className,o=(t.icons,function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(t,["className","icons"])),a=(0,i.default)("react-toggle",{"react-toggle--checked":this.state.checked,"react-toggle--focus":this.state.hasFocus,"react-toggle--disabled":this.props.disabled},n);return c.default.createElement("div",{className:a,onClick:this.handleClick,onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd},c.default.createElement("div",{className:"react-toggle-track"},c.default.createElement("div",{className:"react-toggle-track-check"},this.getIcon("checked")),c.default.createElement("div",{className:"react-toggle-track-x"},this.getIcon("unchecked"))),c.default.createElement("div",{className:"react-toggle-thumb"}),c.default.createElement("input",r({},o,{ref:function(t){e.input=t},onFocus:this.handleFocus,onBlur:this.handleBlur,className:"react-toggle-screenreader-only",type:"checkbox"})))}}]),t}(a.PureComponent);t.A=h,h.displayName="Toggle",h.defaultProps={icons:{checked:c.default.createElement(s.default,null),unchecked:c.default.createElement(u.default,null)}},h.propTypes={checked:l.default.bool,disabled:l.default.bool,defaultChecked:l.default.bool,onChange:l.default.func,onFocus:l.default.func,onBlur:l.default.func,className:l.default.string,name:l.default.string,value:l.default.string,id:l.default.string,"aria-labelledby":l.default.string,"aria-label":l.default.string,icons:l.default.oneOfType([l.default.bool,l.default.shape({checked:l.default.node,unchecked:l.default.node})])}},6104:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.pointerCoord=function(e){if(e){var t=e.changedTouches;if(t&&t.length>0){var n=t[0];return{x:n.clientX,y:n.clientY}}var r=e.pageX;if(void 0!==r)return{x:r,y:e.pageY}}return{x:0,y:0}}},4990:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(9950),a=(r=o)&&r.__esModule?r:{default:r};t.default=function(){return a.default.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10"},a.default.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"}))}},9708:(e,t,n)=>{n.d(t,{A:()=>g});var r=n(9950),o=n(1942),a=n.n(o),c=n(1497);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}var l=["className","cssModule","tag","innerRef"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function u(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function h(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=b(e);if(t){var o=b(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===i(t)||"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}(this,n)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}var v={children:a().node,tag:c.Wx,innerRef:a().oneOfType([a().object,a().func,a().string]),className:a().string,cssModule:a().object},y=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(i,e);var t,n,o,a=h(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,e)).getRef=t.getRef.bind(p(t)),t.submit=t.submit.bind(p(t)),t}return t=i,(n=[{key:"getRef",value:function(e){this.props.innerRef&&this.props.innerRef(e),this.ref=e}},{key:"submit",value:function(){this.ref&&this.ref.submit()}},{key:"render",value:function(){var e=this.props,t=e.className,n=e.cssModule,o=e.tag,a=void 0===o?"form":o,i=e.innerRef,f=u(e,l),d=(0,c.qO)(t,n);return r.createElement(a,s({},f,{ref:i,className:d}))}}])&&f(t.prototype,n),o&&f(t,o),Object.defineProperty(t,"prototype",{writable:!1}),i}(r.Component);y.propTypes=v;const g=y},8125:(e,t,n)=>{n.d(t,{A:()=>p});var r=n(9950),o=n(1942),a=n.n(o),c=n(8738),i=n.n(c),l=n(1497),s=["className","cssModule","tabs","pills","vertical","horizontal","justified","fill","navbar","card","tag"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function f(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d={card:a().bool,className:a().string,cssModule:a().object,fill:a().bool,horizontal:a().oneOf(["center","end"]),justified:a().bool,navbar:a().bool,pills:a().bool,tabs:a().bool,tag:l.Wx,vertical:a().oneOfType([a().bool,a().string])};function h(e){var t=e.className,n=e.cssModule,o=e.tabs,a=e.pills,c=e.vertical,d=void 0!==c&&c,h=e.horizontal,p=e.justified,b=e.fill,v=e.navbar,y=e.card,g=e.tag,k=void 0===g?"ul":g,m=f(e,s),O=(0,l.qO)(i()(t,v?"navbar-nav":"nav",!!h&&"justify-content-".concat(h),function(e){return!1!==e&&(!0===e||"xs"===e?"flex-column":"flex-".concat(e,"-column"))}(d),{"nav-tabs":o,"card-header-tabs":y&&o,"nav-pills":a,"card-header-pills":y&&a,"nav-justified":p,"nav-fill":b}),n);return r.createElement(k,u({},m,{className:O}))}h.propTypes=d;const p=h},2072:(e,t,n)=>{n.d(t,{A:()=>b});var r=n(9950),o=n(1942),a=n.n(o),c=n(8738),i=n.n(c),l=n(1497),s=["expand","className","cssModule","light","dark","fixed","sticky","color","container","tag","children"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var h={children:a().node,className:a().string,color:a().string,container:a().oneOfType([a().bool,a().string]),cssModule:a().object,dark:a().bool,expand:a().oneOfType([a().bool,a().string]),fixed:a().string,light:a().bool,role:a().string,sticky:a().string,tag:l.Wx};function p(e){var t,n=e.expand,o=void 0!==n&&n,a=e.className,c=e.cssModule,h=e.light,p=e.dark,b=e.fixed,v=e.sticky,y=e.color,g=e.container,k=void 0===g?"fluid":g,m=e.tag,O=void 0===m?"nav":m,j=e.children,w=d(e,s),x=(0,l.qO)(i()(a,"navbar",function(e){return!1!==e&&(!0===e||"xs"===e?"navbar-expand":"navbar-expand-".concat(e))}(o),(f(t={"navbar-light":h,"navbar-dark":p},"bg-".concat(y),y),f(t,"fixed-".concat(b),b),f(t,"sticky-".concat(v),v),t)),c),P=k&&!0===k?"container":"container-".concat(k);return r.createElement(O,u({},w,{className:x}),k?r.createElement("div",{className:P},j):j)}p.propTypes=h;const b=p}}]);

package/studio/build-local/static/js/browse-csvupload.02fdfbea.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[417],{8086:(e,s,r)=>{r.r(s),r.d(s,{default:()=>N});var a=r(9950),t=r(4084),l=r(8156),c=r(7176),i=r(6114),o=r(3452),n=r(8429),d=r(5488),u=r(6713),m=r(9163),h=r.n(m),p=r(9435),x=r(5269),b=r(127);const f=async e=>{let{auth:s,url:r,id:a}=e;return(0,b.A)({operation:{operation:"get_job",id:a},auth:s,url:r})};var v=r(2773);var g=r(3628),j=r(3150),A=r(4414);const _=function(){const e=(0,n.Zp)(),{schema:s,table:r,customer_id:t,compute_stack_id:l}=(0,n.g)(),m=(0,u.O$)(x.A,(e=>e.auth)),_=(0,u.O$)(x.A,(e=>e.url)),[k,C]=(0,a.useState)({}),[$,w]=(0,a.useState)({}),[N,R]=(0,a.useState)(!1),y=(0,a.useCallback)((async a=>{try{const[{status:c,message:i}]=await f({auth:m,url:_,id:a});return"ERROR"===c?["Error: CSV Load failed from URL","Error downloading CSV file"].some((e=>-1!==i.indexOf(e)))?w({error:"The URL did not return a valid csv file"}):["unsupported content type"].some((e=>-1!==i.indexOf(e)))?w({error:`File error: ${i.split(",")[1]}`}):w({error:i.split(":")[1]}):"COMPLETE"!==c&&N?setTimeout((()=>y(a)),2e3):(x.A.update((e=>{e.lastUpdate=Date.now()})),setTimeout((()=>e(`/o/${t}/i/${l}/browse/${s}/${r}`)),1e3))}catch(c){return setTimeout((()=>{x.A.update((e=>{e.lastUpdate=Date.now()})),e(`/o/${t}/i/${l}/browse/${s}/${r}`)}),2e3)}}),[N]);return h()((async()=>{if($.submitted)if((0,v.A)(k.csv_url)){w({uploading:!0});const e=await(async e=>{let{schema:s,table:r,csv_url:a,auth:t,url:l}=e;return(0,b.A)({operation:{operation:"csv_url_load",action:"insert",transact_to_cluster:!0,schema:s,table:r,csv_url:a},auth:t,url:l})})({schema:s,table:r,csv_url:k.csv_url,auth:m,url:_}),a=e.message.replace("Starting job with id ","");setTimeout((()=>y(a)),1e3)}else w({error:"Please provide a valid URL"}),setTimeout((()=>w({})),2e3)}),[$]),h()((()=>R(!0)),(()=>R(!1)),[]),(0,A.jsx)(p.tH,{onError:(e,s)=>(0,g.A)({error:{message:e.message,componentStack:s}}),FallbackComponent:j.A,children:(0,A.jsxs)(c.A,{children:[(0,A.jsxs)(i.A,{xs:"12",lg:"4",className:"pt-1 pb-2",children:["Import A CSV File From URL",(0,A.jsx)("br",{}),(0,A.jsx)("span",{className:"text-small",children:"csv must be publicly accessible"})]}),(0,A.jsx)(i.A,{xs:"12",lg:"4",children:$.error?(0,A.jsxs)("div",{className:"text-danger csv-status",children:[(0,A.jsx)("i",{className:"fa fa-exclamation-triangle me-3"}),$.error]}):$.uploading?(0,A.jsxs)("div",{className:"csv-status",children:[(0,A.jsx)("i",{className:"fa fa-spin fa-spinner me-3"}),"uploading .csv into ",s,".",r]}):(0,A.jsx)(d.A,{onChange:e=>C({csv_url:e.target.value}),type:"text",invalid:k.csv_url&&!(0,v.A)(k.csv_url),id:"csv_url",title:"csv url",placeholder:"CSV file URL",value:k.csv_url||"",disabled:$.submitted})}),(0,A.jsx)(i.A,{xs:"12",lg:"4",children:$.error?(0,A.jsx)(o.A,{id:"clearURL",block:!0,color:"danger",onClick:()=>{w({}),C({})},children:"Clear URL"}):(0,A.jsx)(o.A,{id:"importFromURL",disabled:!!Object.keys($).length||!(0,v.A)(k.csv_url),block:!0,color:"success",onClick:()=>w({submitted:!0}),children:"Import From URL"})})]})})};var k=r(4472),C=r(5996);var $=r(4549);const w=function(){const e=(0,n.Zp)(),{schema:s,table:r,customer_id:t,compute_stack_id:l}=(0,n.g)(),d=(0,u.O$)(x.A,(e=>e.auth)),m=(0,u.O$)(x.A,(e=>e.url)),[v,_]=(0,a.useState)({}),[w,N]=(0,a.useState)({}),[R,y]=(0,a.useState)(!1),T=(0,a.useCallback)((async a=>{try{const[{status:c,message:i}]=await f({auth:d,url:m,id:a});return"ERROR"===c?-1!==i.indexOf("transaction aborted due to record(s) with a hash value that contains a forward slash")?N({error:"The CSV file contains a row with a forward slash in the hash field."}):-1!==i.indexOf("Invalid column name")?N({error:"The CSV file contains an invalid column name."}):N({error:i}):"COMPLETE"!==c&&R?setTimeout((()=>T(a)),1e3):setTimeout((()=>e(`/o/${t}/i/${l}/browse/${s}/${r}`)),1e3)}catch(c){return setTimeout((()=>{e(`/o/${t}/i/${l}/browse/${s}/${r}`)}),2e3)}}),[R]),S=(0,a.useCallback)((e=>{e.forEach((e=>{const s=new FileReader;s.onabort=()=>N({error:"File reading was aborted"}),s.onerror=()=>N({error:"file reading has failed"}),s.onload=()=>{N({processing:!0});const e=s.result.split(/\r\n|\n/).filter((e=>e.trim().length)).length-1;_({records:e,csv_file:s.result}),N({processed:!0})},e.size>C.A.max_file_upload_size?N({error:"File exceeds 10MB Limit. Use URL Loader Above."}):s.readAsText(e)}))}),[]);return h()((async()=>{if(w.submitted)if(v.csv_file){N({uploading:!0});const e=await(async e=>{let{schema:s,table:r,csv_file:a,auth:t,url:l}=e;return(0,b.A)({operation:{operation:"csv_data_load",action:"insert",transact_to_cluster:!0,schema:s,table:r,data:a},auth:t,url:l})})({schema:s,table:r,csv_file:v.csv_file,auth:d,url:m}),a=e.message.replace("Starting job with id ","");setTimeout((()=>T(a)),1e3)}else N({error:"Please select a valid CSV file"})}),[w]),h()((()=>y(!0)),(()=>y(!1)),[]),(0,A.jsx)(p.tH,{onError:(e,s)=>(0,g.A)({error:{message:e.message,componentStack:s}}),FallbackComponent:j.A,children:(0,A.jsxs)(c.A,{children:[(0,A.jsxs)(i.A,{xs:"12",lg:"4",className:"pt-1 pb-2",children:["Upload A CSV File",(0,A.jsx)("br",{}),(0,A.jsx)("span",{className:"text-small",children:"from your computer (10MB limit)"})]}),(0,A.jsx)(i.A,{xs:"12",lg:"4",children:w.error?(0,A.jsx)("div",{className:"text-danger csv-status",children:w.error}):w.uploading?(0,A.jsxs)("div",{className:"csv-status",children:[(0,A.jsx)("i",{className:"fa fa-spin fa-spinner me-3"}),"inserting ",(0,$.A)(v.records)," records into ",s,".",r]}):w.processed?(0,A.jsx)(o.A,{id:"replaceFile",block:!0,color:"default",onClick:()=>{N({}),_({})},children:(0,A.jsxs)("span",{className:"text-nowrap text-small",children:[(0,A.jsx)("i",{className:"fa fa-thumbs-up text-success me-3"}),(0,$.A)(v.records)," records. Click here to replace file."]})}):w.processing?(0,A.jsxs)("div",{className:"csv-status",children:[(0,A.jsx)("i",{className:"fa fa-spin fa-spinner"})," processing ",(0,$.A)(v.records)," records"]}):(0,A.jsx)(k.Ay,{onDrop:S,children:e=>{let{getRootProps:s,getInputProps:r}=e;return(0,A.jsxs)("div",{...s(),className:"drop-zone",children:[(0,A.jsx)("input",{...r()}),"Click or Drag to select a .csv file"]})}})}),(0,A.jsx)(i.A,{xs:"12",lg:"4",children:w.error?(0,A.jsx)(o.A,{id:"clearFile",color:"danger",block:!0,className:"px-5 clear-files",onClick:()=>{N({}),_({})},children:"Clear File"}):(0,A.jsxs)(o.A,{id:"insertRecords",block:!0,disabled:w.uploading||!v.csv_file,color:"success",onClick:()=>N({submitted:!0}),children:["Insert ",(0,$.A)(v.records)," Records"]})})]})})};const N=function(){const e=(0,n.Zp)(),{schema:s,table:r,customer_id:a,compute_stack_id:d}=(0,n.g)();return(0,A.jsxs)("div",{id:"csv-upload",children:[(0,A.jsxs)("span",{className:"floating-card-header",children:[s," > ",r," > csv upload"]}),(0,A.jsx)(t.A,{className:"my-3",children:(0,A.jsxs)(l.A,{children:[(0,A.jsx)(_,{}),(0,A.jsx)("hr",{className:"my-3"}),(0,A.jsx)(w,{}),(0,A.jsx)("hr",{className:"my-3"}),(0,A.jsxs)(c.A,{children:[(0,A.jsxs)(i.A,{lg:"8",className:"py-1 d-none d-lg-inline-block",children:["Return to Table",(0,A.jsx)("br",{}),(0,A.jsx)("span",{className:"text-small",children:"do not upload csv data"})]}),(0,A.jsx)(i.A,{xs:"12",lg:"4",children:(0,A.jsx)(o.A,{id:"returnToTable",block:!0,color:"grey",onClick:()=>e(`/o/${a}/i/${d}/browse/${s}/${r}`),children:"Return to Table"})})]})]})})]})}},2773:(e,s,r)=>{r.d(s,{A:()=>a});const a=e=>!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(e)}}]);

package/studio/build-local/static/js/browse-datatable.c2eb203f.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[702],{1435:(e,t,a)=>{a.r(t),a.d(t,{default:()=>C});var n=a(9950),r=a(8429),s=a(135),o=a(4084),l=a(8156),i=a(6713),c=a(5269),u=a(5996),d=a(7176),g=a(6114),h=a(3452),f=a(4549),p=a(4414);const m=function(e){let{totalRecords:t,loading:a,loadingFilter:n,refresh:s,autoRefresh:o,toggleAutoRefresh:l,toggleFilter:i}=e;const c=(0,r.Zp)(),{compute_stack_id:u,schema:m,table:b,customer_id:x}=(0,r.g)();return(0,p.jsxs)(d.A,{className:"floating-card-header",children:[(0,p.jsxs)(g.A,{children:[m,"\xa0",b&&`> ${b} > `,o||!a&&!n?(0,p.jsxs)("span",{children:[(0,f.A)(t)," record",1!==t?"s":""]}):(0,p.jsx)("i",{className:"fa fa-spinner fa-spin"})]}),(0,p.jsxs)(g.A,{className:"text-end",children:[(0,p.jsx)(h.A,{id:"refresh",color:"link",tabIndex:"0",title:`Refresh table ${b}`,className:"me-2",onClick:s,children:(0,p.jsx)("i",{className:"fa "+(a?"fa-spinner fa-spin":"fa-sync-alt")})}),(0,p.jsxs)(h.A,{id:"toggleAutoRefresh",color:"link",tabIndex:"0",title:"Turn on Auto-Refresh",onClick:l,children:[(0,p.jsx)("span",{className:"me-2",children:"auto"}),(0,p.jsx)("i",{className:"fa fa-lg fa-toggle-"+(o?"on":"off")})]}),(0,p.jsx)("span",{className:"mx-3 text",children:"|"}),(0,p.jsx)(h.A,{id:"toggleSearch",color:"link",tabIndex:"0",title:`Filter table ${b}`,className:"me-3",onClick:i,children:(0,p.jsx)("i",{className:"fa fa-search"})}),(0,p.jsx)(h.A,{id:"addRecord",color:"link",tabIndex:"0",title:`Add new record to table ${b}`,className:"me-3",onClick:()=>c(`/o/${x}/i/${u}/browse/${m}/${b}/add`),children:(0,p.jsx)("i",{className:"fa fa-plus"})}),(0,p.jsx)(h.A,{id:"bulkUpload",color:"link",tabIndex:"0",className:"me-2",title:`Bulk Upload CSV to ${b}`,onClick:()=>c(`/o/${x}/i/${u}/browse/${m}/${b}/csv`),children:(0,p.jsx)("i",{className:"fa fa-file-upload"})})]})]})};var b=a(4343),x=a(3369),v=a(306),j=a(127);const y=async e=>{let{schema:t,table:a,filtered:n,pageSize:r,sorted:s,page:o,auth:l,url:i,signal:c,signal2:u}=e,d=!1,g=0,h=1,f=[],p=!1,m=!1;const b=o*r;try{const e=await(0,x.A)({auth:l,url:i,schema:t,table:a,signal:u});if(e.error)throw p=[],new Error("table");const{record_count:n,attributes:s,hash_attribute:o}=e;p=s.map((e=>e.attribute)),m=o,g=n,h=g&&Math.ceil(g/r)}catch(N){d=N.message}if(g)try{if(s.length){let e=`SELECT * FROM \`${t}\`.\`${a}\` `;n.length&&(e+=`WHERE ${n.map((e=>` \`${e.id}\` LIKE '%${e.value}%'`)).join(" AND ")} `),s.length&&(e+=`ORDER BY \`${s[0].id}\` ${s[0].desc?"DESC":"ASC"}`),e+=` OFFSET ${b} FETCH ${r}`,f=await(0,v.A)({sql:e,auth:l,url:i,signal:c})}else f=n.length?await(async e=>{let{auth:t,url:a,schema:n,table:r,operator:s,get_attributes:o,limit:l,offset:i,conditions:c,signal:u}=e;return(0,j.A)({operation:{operation:"search_by_conditions",schema:n,table:r,operator:s,get_attributes:o,limit:l,offset:i,conditions:c},auth:t,url:a,signal:u})})({schema:t,table:a,operator:"and",get_attributes:["*"],limit:r,offset:b,conditions:n.map((e=>({search_attribute:e.id,search_type:"contains",search_value:e.value}))),auth:l,url:i,signal:c}):await(async e=>{let{auth:t,url:a,schema:n,table:r,search_attribute:s,search_value:o,get_attributes:l,limit:i,offset:c,signal:u}=e;return(0,j.A)({operation:{operation:"search_by_value",schema:n,table:r,search_attribute:s,search_value:o,get_attributes:l,limit:i,offset:c},auth:t,url:a,signal:u})})({schema:t,table:a,search_attribute:m,search_value:"*",get_attributes:["*"],limit:r,offset:b,auth:l,url:i,signal:c});if(f.error||!Array.isArray(f))throw new Error(f.message)}catch(N){d=N.message}const y=p.filter((e=>![m,"__createdtime__","__updatedtime__"].includes(e))).sort(),w=y.reduce(((e,t)=>({...e,[t]:null})),{});p.includes("__createdtime__")&&y.push("__createdtime__"),p.includes("__updatedtime__")&&y.push("__updatedtime__");const A=(m?[m,...y]:[...y]).map((e=>({Header:e.toString(),accessor:t=>t[e.toString()]})));return{newData:f||[],newEntityAttributes:w,newTotalRecords:g,newTotalPages:h,hashAttribute:m,dataTableColumns:A,error:"table"===d?`You are not authorized to view ${t}:${a}`:d}};let w,A,N;const C=function(e){let{tableState:t,setTableState:a,activeTable:d}=e;const g=(0,r.Zp)(),{compute_stack_id:h,schema:f,table:x,customer_id:j}=(0,r.g)(),C=(0,i.O$)(c.A,(e=>e.auth)),S=(0,i.O$)(c.A,(e=>e.url)),[_,P]=(0,n.useState)(!1),[R,k]=(0,n.useState)(!1),[O,$]=(0,n.useState)(!1),[z,E]=(0,n.useState)(!1),[T,F]=(0,n.useState)(!0);return(0,n.useEffect)((()=>{var e,n,r;null===(e=w)||void 0===e||e.abort(),null===(n=A)||void 0===n||n.abort(),null===(r=N)||void 0===r||r.abort(),E(!1),$(!1);let s=!0;const o=async()=>{E(!0),P(!1),N=new AbortController;const{newTotalRecords:e,newTotalPages:a}=await(async e=>{let t,a,{schema:n,table:r,filtered:s,pageSize:o,auth:l,url:i,signal:c}=e;try{let e=`SELECT count(*) as newTotalRecords FROM \`${n}\`.\`${r}\` `;s.length&&(e+=`WHERE ${s.map((e=>` \`${e.id}\` LIKE '%${e.value}%'`)).join(" AND ")}`),[{newTotalRecords:a}]=await(0,v.A)({auth:l,url:i,sql:e,signal:c}),t=a&&Math.ceil(a/o)}catch(u){t=1,a=0}return{newTotalRecords:a,newTotalPages:t}})({schema:f,table:x,filtered:t.filtered,pageSize:t.pageSize,auth:C,url:S,signal:N.signal});s&&(E(!1),P(a),k(e))};return(async()=>{t.filtered.length||$(!0),w=new AbortController,A=new AbortController;const{newData:e,newTotalRecords:n,newTotalPages:r,newEntityAttributes:l,hashAttribute:i,dataTableColumns:c,error:u}=await y({schema:f,table:x,filtered:t.filtered,pageSize:t.pageSize,sorted:t.sorted,page:t.page,auth:C,url:S,signal:w.signal,signal2:A.signal});s&&($(!1),e.error||(t.filtered.length?e.length<t.pageSize?(P(1),k(e.length)):o():(P(r),k(n)),a({...t,tableData:e,newEntityAttributes:l,hashAttribute:i,dataTableColumns:c,error:u})))})(),()=>{var e,t,a;null===(e=w)||void 0===e||e.abort(),null===(t=A)||void 0===t||t.abort(),null===(a=N)||void 0===a||a.abort(),s=!1}}),[t.sorted,t.page,t.filtered,t.pageSize,T,d]),(0,s.A)((()=>t.autoRefresh&&F(Date.now())),u.A.refresh_content_interval),(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(m,{totalRecords:R,loading:O,loadingFilter:z,autoRefresh:t.autoRefresh,refresh:()=>F(Date.now()),toggleAutoRefresh:()=>a({...t,autoRefresh:!t.autoRefresh}),toggleFilter:()=>a({...t,showFilter:!t.showFilter})}),(0,p.jsx)(o.A,{className:"my-3",children:(0,p.jsx)(l.A,{className:"react-table-holder",children:(0,p.jsx)(b.A,{manual:!0,columns:t.dataTableColumns||[],data:t.tableData||[],currentPage:t.page,pageSize:t.pageSize,totalPages:_||0,showFilter:t.showFilter,sorted:t.sorted.length?t.sorted:[{id:t.hashAttribute,desc:!1}],loading:O&&!t.autoRefresh,onFilteredChange:e=>{a({...t,page:0,filtered:e})},onSortedChange:e=>a({...t,page:0,sorted:e}),onPageChange:e=>a({...t,page:e}),onPageSizeChange:e=>a({...t,page:0,pageSize:e}),onRowClick:e=>{const a=e[t.hashAttribute],n=encodeURIComponent(f),r=encodeURIComponent(x),s=encodeURIComponent(a);g(`/o/${j}/i/${h}/browse/${n}/${r}/edit/${s}`,{state:{hashValue:a}})}})})})]})}},4343:(e,t,a)=>{a.d(t,{A:()=>j});var n=a(9950),r=a(2043),s=a(5488),o=a(9435),l=a(7176),i=a(6114),c=a(4414);const u=e=>{let{headerGroups:t,onSortedChange:a,sorted:n,showFilter:r}=e;return t.map((e=>{const{key:t,...s}=e.getHeaderGroupProps();return(0,c.jsxs)("div",{...s,children:[(0,c.jsx)(l.A,{className:"header g-0",children:e.headers.map((e=>{var t,r;return(0,c.jsx)(i.A,{onClick:()=>{var t,r;return a([{id:e.id,desc:(null===(t=n[0])||void 0===t?void 0:t.id)===e.id&&!(null!==(r=n[0])&&void 0!==r&&r.desc)}])},className:`${(null===(t=n[0])||void 0===t?void 0:t.id)===e.id?"sorted":""} ${null!==(r=n[0])&&void 0!==r&&r.desc?"desc":"asc"} ${-1!==e.id.indexOf("hdb-narrow")?"action":""} px-1`,children:(0,c.jsx)("div",{className:"text-renderer",children:e.render("Header")})},e.id)}))}),r&&(0,c.jsx)(l.A,{className:"filter g-0",children:e.headers.map((e=>(0,c.jsx)(i.A,{className:-1!==e.id.indexOf("hdb-narrow")?"action":"",children:e.render("Filter")},e.id)))})]},t)}))};var d=a(3452);const g=function(e){let{page:t,pageSize:a,totalPages:n,onPageChange:r,onPageSizeChange:o,loading:u}=e;return(0,c.jsxs)(l.A,{className:"pagination",children:[(0,c.jsx)(i.A,{xs:"12",sm:"2",className:"previous",children:(0,c.jsx)(d.A,{className:"mb-2 btn-pagination",color:"purple",block:!0,onClick:()=>r(t-1),disabled:!n||0===t,children:(0,c.jsx)("i",{className:"fa fa-chevron-left"})})}),(0,c.jsxs)(i.A,{xs:"12",sm:"4",className:"paginator",children:[(0,c.jsx)("i",{className:"fa fa-book me-2"}),(0,c.jsx)(s.A,{className:"mb-2",type:"number",value:t+1,min:1,max:n,onChange:e=>r(e.target.value-1)}),(0,c.jsxs)("div",{className:"page-count",children:["\xa0/\xa0",u?(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"}):n]})]}),(0,c.jsx)(i.A,{xs:"12",sm:"4",className:"page-size",children:(0,c.jsx)(s.A,{className:"mb-2",type:"select",value:a,onChange:e=>o(e.target.value),children:[20,50,100,250].map((e=>(0,c.jsxs)("option",{value:e,children:[e," rows"]},e)))})}),(0,c.jsx)(i.A,{xs:"12",sm:"2",className:"next",children:(0,c.jsx)(d.A,{className:"mb-2 pull-right btn-pagination",block:!0,color:"purple",onClick:()=>r(t+1),disabled:!n||t+1===n,children:(0,c.jsx)("i",{className:"fa fa-chevron-right"})})})]})};const h=function(e){let{previousPage:t,canPreviousPage:a,pageIndex:n,gotoPage:r,setPageSize:o,pageCount:u,nextPage:g,canNextPage:h,loading:f}=e;return(0,c.jsxs)(l.A,{className:"pagination",children:[(0,c.jsx)(i.A,{xs:"12",sm:"2",className:"previous",children:(0,c.jsx)(d.A,{className:"mb-2 btn-pagination",color:"purple",block:!0,onClick:t,disabled:!u||!a,children:(0,c.jsx)("i",{className:"fa fa-chevron-left"})})}),(0,c.jsxs)(i.A,{xs:"12",sm:"4",className:"paginator",children:[(0,c.jsx)("i",{className:"fa fa-book me-2"}),(0,c.jsx)(s.A,{className:"mb-2",type:"number",value:n+1||1,min:1,max:u,onChange:e=>r(e.target.value?Number(e.target.value)-1:0)}),(0,c.jsxs)("div",{className:"page-count",children:["\xa0/\xa0",f?(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"}):u]})]}),(0,c.jsx)(i.A,{xs:"12",sm:"4",className:"page-size",children:(0,c.jsx)(s.A,{className:"mb-2",type:"select",onChange:e=>{r(0),setTimeout((()=>o(e.target.value)),1e3)},children:[20,50,100,250].map((e=>(0,c.jsxs)("option",{value:e,children:[e," rows"]},e)))})}),(0,c.jsx)(i.A,{xs:"12",sm:"2",className:"next",children:(0,c.jsx)(d.A,{className:"mb-2 pull-right btn-pagination",block:!0,color:"purple",onClick:g,disabled:!u||!h,children:(0,c.jsx)("i",{className:"fa fa-chevron-right"})})})]})};const f=function(e){let{prepareRow:t,row:a,onRowClick:n=!1}=e;return t(a),(0,c.jsx)(l.A,{onClick:()=>n&&n(a.original),className:"g-0",children:a.cells.map((e=>(0,c.jsx)(i.A,{className:-1!==e.column.id.indexOf("hdb-narrow")?"action":"",children:e.render("Cell")},`${e.row.id}-${e.column.id}`)))})};var p=a(3628),m=a(3150);function b(e){let{value:t}=e;return(0,c.jsx)("div",{className:"text-renderer",children:t})}function x(e){let{src:t}=e;const[a,r]=(0,n.useState)(!1),[s,o]=(0,n.useState)(!1);return(0,c.jsxs)("div",{className:"image-renderer",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[(0,c.jsx)("i",{className:"fa fa-image"}),a&&s?(0,c.jsxs)("div",{className:"preview-image no-image",children:[(0,c.jsx)("i",{className:"fa fa-ban text-danger"}),(0,c.jsx)("div",{className:"mt-2",children:"image failed to load"})]}):a?(0,c.jsx)("img",{onError:o,alt:t,src:t,className:"preview-image"}):null]})}const v={Filter:e=>{let{column:{filterValue:t,setFilter:a}}=e;return(0,c.jsx)(s.A,{type:"text",value:t||"",onChange:e=>a(e.target.value||void 0)})},Cell:e=>{let{value:t}=e;return(e=>{switch(Object.prototype.toString.call(e)){case"[object Array]":case"[object Object]":return(0,c.jsx)(b,{value:JSON.stringify(e)});case"[object Boolean]":return(0,c.jsx)(b,{value:e?"true":"false"});case"[object String]":return(t=e)&&(t.match(/^https?.*\.(jpeg|jpg|gif|png)$/)||-1!==t.indexOf("data:image"))?(0,c.jsx)(x,{src:e}):(0,c.jsx)(b,{value:e});default:return(0,c.jsx)(b,{value:e})}var t})(t)}};const j=function(e){let{columns:t,data:a,currentPage:s,pageSize:l,totalPages:i,onFilteredChange:d,onSortedChange:b,onPageChange:x,onPageSizeChange:j,showFilter:y,onRowClick:w,sorted:A,loading:N,manual:C=!1}=e;const{headerGroups:S,page:_,rows:P,prepareRow:R,state:k,setAllFilters:O,canPreviousPage:$,canNextPage:z,pageOptions:E,pageCount:T,gotoPage:F,nextPage:I,previousPage:D,setPageSize:M}=(0,r.useTable)({columns:t,data:a,defaultColumn:v,onFilteredChange:d,onSortedChange:b,onPageChange:x,onPageSizeChange:j,onRowClick:w,manualPagination:C,manualFilters:C,initialState:{pageIndex:s,pageSize:l}},r.useFilters,r.usePagination),[H,q]=(0,n.useState)(!0),B=C||!_.length?P:_;return(0,n.useEffect)((()=>{!y&&k.filters.length?O([]):d(k.filters)}),[k.filters,y]),(0,n.useEffect)((()=>{setTimeout((()=>q(!1)),100)}),[null===B||void 0===B?void 0:B.length]),(0,c.jsxs)(o.tH,{onError:(e,t)=>(0,p.A)({error:{message:e.message,componentStack:t}}),FallbackComponent:m.A,children:[(0,c.jsxs)("div",{className:"react-table-scroller",children:[(0,c.jsx)(u,{headerGroups:S,onSortedChange:b,sorted:A,showFilter:y}),N||H?(0,c.jsx)("div",{className:"centered text-center",children:(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"})}):B.length?B.map((e=>(0,c.jsx)(f,{row:e,prepareRow:R,onRowClick:w},e.id))):(0,c.jsxs)("div",{className:"centered text-center",children:[(0,c.jsx)("i",{className:"fa fa-exclamation-triangle text-danger"}),(0,c.jsx)("div",{className:"mt-2 text-darkgrey",children:"no records"})]})]}),C?(0,c.jsx)(g,{page:s,pageSize:l,totalPages:i,onPageChange:x,onPageSizeChange:j,loading:N}):(0,c.jsx)(h,{previousPage:D,pageSize:l,canPreviousPage:$,pageIndex:k.pageIndex,pageOptions:E,gotoPage:F,setPageSize:M,pageCount:T,nextPage:I,canNextPage:z,loading:N})]})}},306:(e,t,a)=>{a.d(t,{A:()=>r});var n=a(127);const r=async e=>{let{auth:t,url:a,sql:r,signal:s}=e;return(0,n.A)({operation:{operation:"sql",sql:r},auth:t,url:a,signal:s})}},5488:(e,t,a)=>{a.d(t,{A:()=>j});var n=a(9950),r=a(1942),s=a.n(r),o=a(8738),l=a.n(o),i=a(1497);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}var u=["className","cssModule","type","bsSize","valid","invalid","tag","addon","plaintext","innerRef"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},d.apply(this,arguments)}function g(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},s=Object.keys(e);for(n=0;n<s.length;n++)a=s[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)a=s[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}function h(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=b(e);if(t){var r=b(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}(this,a)}}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}var x={children:s().node,type:s().string,size:s().oneOfType([s().number,s().string]),bsSize:s().string,valid:s().bool,invalid:s().bool,tag:i.Wx,innerRef:s().oneOfType([s().object,s().func,s().string]),plaintext:s().bool,addon:s().bool,className:s().string,cssModule:s().object},v=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(o,e);var t,a,r,s=p(o);function o(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(t=s.call(this,e)).getRef=t.getRef.bind(m(t)),t.focus=t.focus.bind(m(t)),t}return t=o,(a=[{key:"getRef",value:function(e){this.props.innerRef&&this.props.innerRef(e),this.ref=e}},{key:"focus",value:function(){this.ref&&this.ref.focus()}},{key:"render",value:function(){var e=this.props,t=e.className,a=e.cssModule,r=e.type,s=void 0===r?"text":r,o=e.bsSize,c=e.valid,h=e.invalid,f=e.tag,p=e.addon,m=e.plaintext,b=e.innerRef,x=g(e,u),v=["switch","radio","checkbox"].indexOf(s)>-1,j="select"===s,y="range"===s,w=f||(j||"textarea"===s?s:"input"),A="form-control";m?(A="".concat(A,"-plaintext"),w=f||"input"):y?A="form-range":j?A="form-select":v&&(A=p?null:"form-check-input"),x.size&&/\D/g.test(x.size)&&((0,i.mc)('Please use the prop "bsSize" instead of the "size" to bootstrap\'s input sizing.'),o=x.size,delete x.size);var N=(0,i.qO)(l()(t,h&&"is-invalid",c&&"is-valid",!!o&&(j?"form-select-".concat(o):"form-control-".concat(o)),A),a);return("input"===w||f&&"function"===typeof f)&&(x.type="switch"===s?"checkbox":s),x.children&&!m&&"select"!==s&&"string"===typeof w&&"select"!==w&&((0,i.mc)('Input with a type of "'.concat(s,'" cannot have children. Please use "value"/"defaultValue" instead.')),delete x.children),n.createElement(w,d({},x,{ref:b,className:N,"aria-invalid":h}))}}])&&h(t.prototype,a),r&&h(t,r),Object.defineProperty(t,"prototype",{writable:!1}),o}(n.Component);v.propTypes=x;const j=v}}]);

package/studio/build-local/static/js/browse-entitymanager.0db076c3.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[972],{1271:(e,t,r)=>{r.r(t),r.d(t,{default:()=>x});var n=r(9950),a=r(4084),o=r(8156),i=r(6713),s=r(7176),c=r(6114),l=r(5488),u=r(3452),f=r(8429),d=r(7348),p=r(127),m=r(5269);var h=r(5900),b=r(4414);const g=function(e){let{items:t,itemType:r,activeSchema:a,toggleDropItem:o,toggleCreate:g,baseUrl:y}=e;const v=(0,f.Zp)(),x=(0,d.MW)(),j=(0,i.O$)(m.A,(e=>e.auth)),A=(0,i.O$)(m.A,(e=>e.url)),[w,N]=(0,n.useState)(!1),[O,k]=(0,n.useState)(!1),[$,S]=(0,n.useState)(!1),[C,D]=(0,n.useState)(!1),[I,R]=(0,n.useState)(!1),_=async e=>{e.preventDefault();let n=!1;if(w&&!t.includes(w)||(k(!0),n=!0),w&&!w.match(/^\w+$/)&&(k(!0),n=!0,x.error("You may only use alphanumeric characters or underscores.")),w&&w.match(/^\d+$/)&&(k(!0),n=!0,x.error("You may not provide a number as a name.")),"table"!==r||$||(n=!0,D(!0)),n)return!1;R(!0);const o={operation:`create_${r}`};"table"===r?(o.schema=a,o.table=w,o.hash_attribute=$):o.schema=w;const i=await(0,p.A)({operation:o,auth:j,url:A});return i.error?(R(!1),g(!1),x.error(i.message)):(0,h.A)({auth:j,url:A})};return(0,n.useEffect)((()=>{o()}),[o]),(0,n.useEffect)((()=>{w&&t.find((e=>e===w))&&v(`${y}/${w}`)}),[t]),(0,b.jsxs)(s.A,{className:"item-row form",children:[(0,b.jsx)(c.A,{className:"input-holder",children:(0,b.jsx)(l.A,{id:"name",invalid:O,onChange:e=>{k(!1),N(e.target.value)},value:w||"",disabled:I,type:"text",name:"name",placeholder:"name"})}),"table"===r&&(0,b.jsx)(c.A,{className:"input-holder",children:(0,b.jsx)(l.A,{id:"hash_attribute",invalid:C,disabled:I,onChange:e=>{D(!1),S(e.target.value)},value:$||"",type:"test",name:"hash_attribute",placeholder:"hash attr."})}),(0,b.jsx)(c.A,{className:"item-action",children:I?(0,b.jsx)(u.A,{id:"creatingItem",color:"success",className:"round",children:(0,b.jsx)("i",{className:"fa fa-spinner fa-spin text-white"})}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(u.A,{id:"createItem",color:"success",className:"round me-1",onClick:_,onKeyDown:e=>13!==e.keyCode||_(e),children:(0,b.jsx)("i",{className:"fa fa-check text-white"})}),(0,b.jsx)(u.A,{id:"toggleCreate",color:"black",className:"round",onClick:()=>g(!1),children:(0,b.jsx)("i",{className:"fa fa-times text-white"})})]})})]})};const y=function(e){let{item:t,itemType:r,baseUrl:a,isActive:o,toggleDropItem:l,isDropping:g,activeSchema:y}=e;const v=(0,f.Zp)(),x=(0,d.MW)(),[j,A]=(0,n.useState)(!1),[w,N]=(0,n.useState)(!1),O=(0,i.O$)(m.A,(e=>e.auth)),k=(0,i.O$)(m.A,(e=>e.url));return(0,b.jsxs)(s.A,{title:`View${o?"ing":""} ${r} ${t}`,className:"item-row "+(o?"active":""),onClick:()=>!(o||g||j)&&v(`${a}/${t}`),tabIndex:"0",children:[(0,b.jsx)(c.A,{className:"item-label "+(j?"text-danger text-nowrap":""),children:j?`drop ${t}?`:t}),(0,b.jsx)(c.A,{className:"item-action",children:w?(0,b.jsx)(u.A,{tabIndex:"-1",disabled:!0,color:"purple",className:"round",children:(0,b.jsx)("i",{className:"fa fa-spinner fa-spin"})}):j?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(u.A,{id:"confirmDropItem",color:"danger",className:"round me-1",title:`confirm drop ${r} ${t}`,onClick:()=>{A(!1),N(!0),(async()=>{if(!r||!j)return!1;const e={operation:`drop_${r}`};"table"===r?(e.schema=y,e.table=t):e.schema=t;const n=await(0,p.A)({operation:e,auth:O,url:k});n.error?(A(!1),N(!1),x.error(n.message)):(await(0,h.A)({auth:O,url:k}),v(a))})()},children:(0,b.jsx)("i",{className:"fa fa-check text-white"})}),(0,b.jsx)(u.A,{id:"cancelDropItem",color:"black",className:"round",title:`Cancel drop ${r} ${t}`,onClick:()=>{A(!1)},children:(0,b.jsx)("i",{className:"fa fa-times text-white"})})]}):g?(0,b.jsx)(u.A,{id:"dropItem",color:"danger",className:"round",title:`Drop ${r} ${t}`,onClick:()=>{A(t),l(!1)},children:(0,b.jsx)("i",{className:"fa fa-minus text-white"})}):o?(0,b.jsx)(u.A,{tabIndex:"-1",color:"purple",className:"round",children:(0,b.jsx)("i",{className:"fa fa-chevron-right"})}):null})]},t)};const v=function(e){let{items:t,itemType:r,toggleDropItem:n,isDropping:a,toggleCreate:o,isCreating:i,showForm:l}=e;return(0,b.jsxs)(s.A,{className:"floating-card-header",children:[(0,b.jsxs)(c.A,{children:[r,"s"]}),l&&null!==t&&void 0!==t&&t.length?(0,b.jsxs)(c.A,{className:"text-end",children:[(0,b.jsx)(u.A,{id:"toggleRemove",color:"link",title:`Remove ${r}s`,className:"add-remove me-3",onClick:()=>{n(!a),o(!1)},children:(0,b.jsx)("i",{className:"fa fa-minus"})}),(0,b.jsx)(u.A,{id:"toggleCreate",color:"link",title:`Add ${r}`,className:"add-remove me-1",onClick:()=>{o(!i),n(!1)},children:(0,b.jsx)("i",{className:"fa fa-plus"})})]}):null]})};const x=function(e){var t;let{items:r,activeItem:s,activeSchema:c=!1,showForm:l,baseUrl:u,itemType:f}=e;const[d,p]=(0,n.useState)(!1),[h,x]=(0,n.useState)(!1),j=(0,i.O$)(m.A,(e=>e.registration)),[A,w]=(null===j||void 0===j||null===(t=j.version)||void 0===t?void 0:t.split("."))||[],N=parseFloat(`${A}.${w}`);return(0,n.useEffect)((()=>{x(),p()}),[s,c,r]),(0,b.jsxs)("div",{className:"entity-manager",children:[(0,b.jsx)(v,{items:r,itemType:f,isDropping:d,toggleDropItem:p,isCreating:h,toggleCreate:x,showForm:l}),(0,b.jsxs)(a.A,{className:"my-3",children:[r&&r.length?(0,b.jsx)(o.A,{className:"scrollable "+(h?"creating":""),children:r.map((e=>(0,b.jsx)(y,{item:e,itemType:f,baseUrl:u,isActive:s===e,isDropping:d,toggleDropItem:p,activeSchema:c},e)))}):null,l&&(r&&!r.length||h)?(0,b.jsx)(o.A,{children:(0,b.jsx)(g,{items:r,itemType:f,baseUrl:u,activeSchema:c,isDropping:d,toggleDropItem:p,isCreating:h,toggleCreate:x})}):!r||r.length||l?null:(0,b.jsx)(o.A,{children:(0,b.jsxs)("div",{className:"py-3 text-center no-content",children:["no visible ",N>=4.2?"databases":"schemas"," or tables"]})})]})]})}},5488:(e,t,r)=>{r.d(t,{A:()=>x});var n=r(9950),a=r(1942),o=r.n(a),i=r(8738),s=r.n(i),c=r(1497);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}var u=["className","cssModule","type","bsSize","valid","invalid","tag","addon","plaintext","innerRef"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function d(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function p(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function h(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=g(e);if(t){var a=g(this).constructor;r=Reflect.construct(n,arguments,a)}else r=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}(this,r)}}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var y={children:o().node,type:o().string,size:o().oneOfType([o().number,o().string]),bsSize:o().string,valid:o().bool,invalid:o().bool,tag:c.Wx,innerRef:o().oneOfType([o().object,o().func,o().string]),plaintext:o().bool,addon:o().bool,className:o().string,cssModule:o().object},v=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(i,e);var t,r,a,o=h(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this,e)).getRef=t.getRef.bind(b(t)),t.focus=t.focus.bind(b(t)),t}return t=i,(r=[{key:"getRef",value:function(e){this.props.innerRef&&this.props.innerRef(e),this.ref=e}},{key:"focus",value:function(){this.ref&&this.ref.focus()}},{key:"render",value:function(){var e=this.props,t=e.className,r=e.cssModule,a=e.type,o=void 0===a?"text":a,i=e.bsSize,l=e.valid,p=e.invalid,m=e.tag,h=e.addon,b=e.plaintext,g=e.innerRef,y=d(e,u),v=["switch","radio","checkbox"].indexOf(o)>-1,x="select"===o,j="range"===o,A=m||(x||"textarea"===o?o:"input"),w="form-control";b?(w="".concat(w,"-plaintext"),A=m||"input"):j?w="form-range":x?w="form-select":v&&(w=h?null:"form-check-input"),y.size&&/\D/g.test(y.size)&&((0,c.mc)('Please use the prop "bsSize" instead of the "size" to bootstrap\'s input sizing.'),i=y.size,delete y.size);var N=(0,c.qO)(s()(t,p&&"is-invalid",l&&"is-valid",!!i&&(x?"form-select-".concat(i):"form-control-".concat(i)),w),r);return("input"===A||m&&"function"===typeof m)&&(y.type="switch"===o?"checkbox":o),y.children&&!b&&"select"!==o&&"string"===typeof A&&"select"!==A&&((0,c.mc)('Input with a type of "'.concat(o,'" cannot have children. Please use "value"/"defaultValue" instead.')),delete y.children),n.createElement(A,f({},y,{ref:g,className:N,"aria-invalid":p}))}}])&&p(t.prototype,r),a&&p(t,a),Object.defineProperty(t,"prototype",{writable:!1}),i}(n.Component);v.propTypes=y;const x=v}}]);

package/studio/build-local/static/js/browse-jsonviewer.90814e97.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[374],{3888:(e,a,s)=>{s.r(a),s.d(a,{default:()=>$});var t=s(9950),r=s(5023),l=s(4084),i=s(8156),n=s(7176),d=s(6114),c=s(3452),o=s(8429),h=s(9163),u=s.n(h),m=s(6713),b=s(7348),f=s(9435),p=s(5269),j=s(5553),x=s(127),_=s(3628),A=s(3150),k=s(4414);const $=function(e){let{newEntityAttributes:a,hashAttribute:s}=e;const{customer_id:h,schema:$,table:N,hash:g,action:v,compute_stack_id:y}=(0,o.g)(),w=decodeURIComponent($),C=decodeURIComponent(N),S=decodeURIComponent(g),O=(0,b.MW)(),{state:T}=(0,o.zy)(),D=(0,o.Zp)(),I=(0,m.O$)(p.A,(e=>e.auth)),E=(0,m.O$)(p.A,(e=>e.url)),F=(0,m.O$)(j.A,(e=>e.theme)),R=(0,t.useRef)(null),[U,J]=(0,t.useState)("{}"),[V,M]=(0,t.useState)(),[Y,z]=(0,t.useState)(!0),[H,P]=(0,t.useState)(!1),[W,Z]=(0,t.useState)(!1),q=`/o/${h}/i/${y}/browse/${w}/${C}`,B=async e=>{if(e.preventDefault(),Y||O.error("Please insert valid JSON to proceed"),!v||!Y)return!1;P(!0);const a=JSON.parse(U),s={operation:{operation:"edit"===v?"update":"insert",schema:w,table:C,records:"edit"!==v&&Array.isArray(a)?a:[a]},auth:I,url:E},{error:t,message:r}=await(0,x.A)(s);return t?(O.error(r),P(!1)):(p.A.update((e=>{e.lastUpdate=Date.now()})),setTimeout((()=>D(`/o/${h}/i/${y}/browse/${w}/${C}`)),1e3))};return(0,t.useEffect)((()=>{var e,a;null!==(e=R.current)&&void 0!==e&&null!==(a=e.editor)&&void 0!==a&&a.setTheme&&R.current.editor.setTheme("dark"===F?"vs-dark":"light")}),[F]),u()((()=>{a||D(q)}),[]),u()((async()=>{if("edit"===v){let a;null!==T&&void 0!==T&&T.hashValue?a=[T.hashValue]:(e=S,a=`${parseFloat(e)}`===e?[`${S}`,parseInt(S,10)]:[S]);const t=await(0,x.A)({operation:{operation:"search_by_hash",schema:w,table:C,hash_values:a,get_attributes:["*"]},auth:I,url:E}),[r]=t;if(r){const e=r[s],a=r.__createdtime__,t=r.__updatedtime__;delete r.__createdtime__,delete r.__updatedtime__,delete r[s];const l={[s]:e,...r,__createdtime__:a,__updatedtime__:t};J(JSON.stringify(l,null,4))}else D(q),O.error("Unable to find record with that hash_attribute")}else J(JSON.stringify(a||{},null,4));var e}),[S]),(0,k.jsxs)(f.tH,{onError:(e,a)=>(0,_.A)({error:{message:e.message,componentStack:a}}),FallbackComponent:A.A,children:[(0,k.jsxs)("span",{className:"floating-card-header",children:[w," ",C&&">"," ",C," ","add"===v?"> add new":S?`> edit > ${S}`:"","\xa0"]}),(0,k.jsx)(l.A,{className:"my-3",children:(0,k.jsxs)(i.A,{children:[(0,k.jsx)("ul",{className:"text-small",children:"add"===v&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("li",{children:['The hash_attribute for this table is "',(0,k.jsx)("b",{children:s}),'", and will auto-generate. You may manually add it if you want to specify its value.']}),(0,k.jsxs)("li",{children:[(0,k.jsx)("b",{children:"You may paste in an array"})," if you want to add more than one record at a time."]})]})}),(0,k.jsx)(l.A,{className:"mb-2 json-editor-holder",children:(0,k.jsx)(i.A,{children:(0,k.jsx)(r.Ay,{height:"350px",language:"json",value:U,theme:"vs-dark",onValidate:e=>{z(0===e.length)},onChange:e=>{J(e)},onMount:(e,a)=>{R.current=a}})})}),(0,k.jsxs)(n.A,{children:[(0,k.jsx)(d.A,{md:"4",className:"mt-2",children:V?(0,k.jsx)("div",{className:"pt-2",children:"Delete this record?"}):(0,k.jsx)(c.A,{disabled:H||W,id:"backToTable",block:!0,color:"black",onClick:()=>D(`/o/${h}/i/${y}/browse/${w}/${C}`),children:(0,k.jsx)("i",{className:"fa fa-chevron-left"})})}),"add"===v?(0,k.jsx)(d.A,{md:"8",children:(0,k.jsx)(c.A,{disabled:H||!Y,id:"addEditItem",className:"mt-2",onClick:B,block:!0,color:"success",children:(0,k.jsx)("i",{className:"fa "+(H?"fa-spinner fa-spin":"fa-save")})})}):V?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(d.A,{md:"4",className:"mt-2",children:(0,k.jsx)(c.A,{disabled:H||W,id:"cancelDelete",block:!0,color:"black",onClick:()=>M(!1),children:(0,k.jsx)("i",{className:"fa fa-ban"})})}),(0,k.jsx)(d.A,{md:"4",children:(0,k.jsx)(c.A,{disabled:H||W,id:"deleteRecord",className:"mt-2",onClick:async e=>{if(e.preventDefault(),!v)return!1;Z(!0);const{error:a,message:s}=await(0,x.A)({operation:{operation:"delete",schema:w,table:C,hash_values:[T.hashValue]},auth:I,url:E});return a?(O.error(s),M(!1),Z(!1)):setTimeout((()=>D(`/o/${h}/i/${y}/browse/${w}/${C}`)),100)},block:!0,color:"success",children:(0,k.jsx)("i",{className:"fa "+(W?"fa-spinner fa-spin":"fa-check")})})})]}):(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(d.A,{md:"4",className:"mt-2",children:(0,k.jsx)(c.A,{disabled:H||W,id:"confirmDelete",block:!0,color:"danger",onClick:()=>M(S),children:(0,k.jsx)("i",{className:"fa fa-trash"})})}),(0,k.jsx)(d.A,{md:"4",children:(0,k.jsx)(c.A,{disabled:H||!Y,id:"addEditItem",className:"mt-2",onClick:B,block:!0,color:"success",children:(0,k.jsx)("i",{className:"fa "+(H?"fa-spinner fa-spin":"fa-save")})})})]})]})]})})]})}}}]);

package/studio/build-local/static/js/custom-functions.01f632d1.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[302],{4410:(e,t,n)=>{n.r(t),n.d(t,{default:()=>xt});var a=n(9950),s=n(6713),r=n(135),l=n(5269),o=n(7176),i=n(6114),c=n(4084),u=n(8156),d=n(8429),p=n(9435),m=n(5488),h=n(3452),f=n(9163),g=n.n(f),x=n(5379),j=n(127);const v=async e=>{let{auth:t,url:n}=e;return(0,j.A)({operation:{operation:"custom_functions_status"},auth:t,url:n,timeout:5e3})},b=async e=>{let{auth:t,url:n}=e;return(0,j.A)({operation:{operation:"get_custom_functions"},auth:t,url:n})};function y(e,t,n){let a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(e&&e.entries){var s,r,l;if(t===n)e.path=n,e.key=null!==(s=null===(r=(l=crypto).randomUUID)||void 0===r?void 0:r.call(l))&&void 0!==s?s:Math.random().toString().slice(2);for(const s of e.entries){var o,i,c;const e=`${t}/${s.name}`,[,r]=e.split("/");s.project=r,s.path=e,s.key=null!==(o=null===(i=(c=crypto).randomUUID)||void 0===i?void 0:i.call(c))&&void 0!==o?o:Math.random().toString().slice(2),s.readOnly=a||!!s.package,y(s,e,n,s.readOnly)}}}const N=async e=>{let{auth:t,url:n}=e;const a=await(0,j.A)({operation:{operation:"get_components"},auth:t,url:n});return y(a,a.name,a.name,!1),a},A=async e=>{let{auth:t,url:n}=e;const{is_enabled:a,port:s,directory:r,error:o,message:i}=await v({auth:t,url:n}),c=await N({auth:t,url:n}),u={is_enabled:a,port:s,endpoints:a?await b({auth:t,url:n}):{},directory:r,error:o,message:i,fileTree:c};return l.A.update((e=>{e.custom_functions=u})),{custom_functions:u}};var k=n(4414);const C=function(){const e=(0,s.O$)(l.A,(e=>e.auth)),t=(0,s.O$)(l.A,(e=>e.url)),n=(0,s.O$)(l.A,(e=>e.is_local)),r=(0,s.O$)(l.A,(e=>{var t;return null===(t=e.custom_functions)||void 0===t?void 0:t.port})),[d,p]=(0,a.useState)({}),[f,v]=(0,a.useState)({port:r||9926});return g()((async()=>{const{submitted:n}=d;if(n){const{port:n}=f;if(n)if((0,x.A)(n)){const a=await(async e=>{let{auth:t,url:n,port:a}=e;return(0,j.A)({operation:{operation:"configure_cluster",CUSTOM_FUNCTIONS_PORT:parseInt(a,10)},auth:t,url:n})})({auth:e,url:t,port:n});a.error?p({error:a.message}):A({auth:e,url:t})}else p({error:"port must be a valid number"});else p({error:"All fields are required"})}}),[d]),g()((()=>{d.submitted||p({})}),[f]),n&&!r?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:"text-nowrap mb-3",children:"Custom Functions Port"}),(0,k.jsx)(m.A,{id:"custom_api_port",onChange:e=>v({...f,port:e.target.value}),className:"mb-3 "+(d.error&&!f.port?"error":""),type:"number",title:"custom api port",placeholder:"9926",value:f.port}),(0,k.jsx)(h.A,{color:"success",block:!0,onClick:()=>p({submitted:!0}),children:"Set Custom API Port"}),!!d.error&&(0,k.jsx)(c.A,{className:"mt-3 error",children:(0,k.jsx)(u.A,{children:d.error})})]}):(0,k.jsxs)(o.A,{children:[(0,k.jsxs)(i.A,{xs:"10",children:["Custom Functions Port ",n?r:"Set"]}),(0,k.jsx)(i.A,{xs:"2",className:"text-end",children:(0,k.jsx)("i",{className:"fa fa-check-circle fa-lg text-success"})})]})};var w=n(4834),_=n(2010),S=n(6177);const F=function(e){let{setConfiguring:t}=e;const{compute_stack_id:n}=(0,d.g)(),r=(0,s.O$)(l.A,(e=>e.auth),[n]),o=(0,s.O$)(l.A,(e=>e.url),[n]),i=(0,s.O$)(l.A,(e=>{var t;return parseFloat(null===(t=e.registration)||void 0===t?void 0:t.version)>=4?"nats":"socketcluster"}),[n]),[c,u]=(0,a.useState)({});return g()((async()=>{if(c.submitted){if("nats"===i)await(0,w.A)({auth:r,url:o,customFunctions_enabled:!0});else{const e=await(0,S.A)({auth:r,url:o});await(0,w.A)({auth:r,url:o,operation:"configure_cluster",CUSTOM_FUNCTIONS:!0,CLUSTERING:Boolean(null===e||void 0===e?void 0:e.config_cluster_user),CLUSTERING_PORT:null===e||void 0===e?void 0:e.config_cluster_port,CLUSTERING_USER:null===e||void 0===e?void 0:e.config_cluster_user,NODE_NAME:null===e||void 0===e?void 0:e.nodeName})}window._kmq&&window._kmq.push(["record","enabled custom functions"]),(0,_.A)({auth:r,url:o}),setTimeout((()=>t(!0)),0)}}),[c.submitted]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("hr",{className:"my-3"}),(0,k.jsx)(h.A,{color:"success",disabled:c.submitted,block:!0,onClick:()=>u({submitted:!0}),children:c.submitted?(0,k.jsx)("i",{className:"fa fa-spinner fa-spin text-white"}):"Enable Custom Functions"})]})};var P=n(6165),O=n(3150),$=n(3628);const E=function(e){let{setConfiguring:t}=e;const{compute_stack_id:n}=(0,d.g)(),a=(0,s.O$)(l.A,(e=>{var t;return null===(t=e.custom_functions)||void 0===t?void 0:t.port}),[n]);return(0,k.jsxs)(o.A,{id:"functions",children:[(0,k.jsxs)(i.A,{xl:"3",lg:"4",md:"5",xs:"12",children:[(0,k.jsx)("span",{className:"floating-card-header",children:"enable custom functions"}),(0,k.jsx)(c.A,{className:"my-3",children:(0,k.jsx)(u.A,{children:(0,k.jsxs)(p.tH,{onError:(e,t)=>(0,$.A)({error:{message:e.message,componentStack:t}}),FallbackComponent:O.A,children:[(0,k.jsx)(C,{}),!!a&&(0,k.jsx)(F,{setConfiguring:t})]})})})]}),(0,k.jsx)(i.A,{xl:"9",lg:"8",md:"7",xs:"12",children:a?(0,k.jsx)(P.A,{headline:"Enable Custom Functions",description:"Click the button at left to enable Custom Functions. NOTE: We'll restart the instance when you click this button.",icon:(0,k.jsx)("i",{className:"fa fa-thumbs-up text-success"})}):(0,k.jsx)(P.A,{headline:"Set Your Custom Functions Server Port",description:"If your instance is behind a firewall, you'll need to ensure this port is accessible by other instances if you want to access the API.",icon:(0,k.jsx)("i",{className:"fa fa-thumbs-up text-success"})})})]})};var D=n(7348),I=n(5553);const T=async e=>{let{auth:t,url:n,project:a,file:s}=e;return(0,j.A)({operation:{operation:"get_component_file",project:a,file:s},auth:t,url:n})},R=async e=>{let{auth:t,url:n,project:a,file:s,payload:r}=e;return(0,j.A)({operation:{operation:"set_component_file",project:a,file:s,payload:r},auth:t,url:n})},z=async e=>{let{auth:t,url:n,project:a,file:s}=e;return(0,j.A)({operation:{operation:"drop_component",project:a,file:s},auth:t,url:n})},U=async e=>{let{auth:t,url:n,project:a,packageUrl:s,payload:r}=e;return r?(0,j.A)({auth:t,url:n,operation:{operation:"deploy_component",project:a,payload:r}}):(0,j.A)({auth:t,url:n,operation:{operation:"deploy_component",project:a,package:s}})};var L=n(1534),W=n(4319);const M=(0,n(6997).A)("editorCache");var q=n(8738),B=n.n(q);function H(){return(0,k.jsx)(c.A,{className:"file-browser-scroll-container",children:(0,k.jsx)(u.A,{children:(0,k.jsxs)("div",{className:"p-4",children:["You have no HarperDB applications yet. ",(0,k.jsx)("br",{}),(0,k.jsx)("br",{}),'Click "',(0,k.jsx)("i",{className:"fas fa-plus"}),' app" above to create one!',(0,k.jsx)("br",{}),(0,k.jsx)("br",{}),"See the"," ",(0,k.jsx)("a",{className:"docs-link",href:"https://docs.harperdb.io",target:"_blank",rel:"noreferrer",children:"documentation"})," ","for more info on HarperDB Applications."]})})})}function G(e,t){const n=+Boolean(e.entries),a=+Boolean(t.entries);return n===a?e.name.localeCompare(t.name):a-n}function V(){return(0,k.jsx)("i",{className:B()("package-icon fas fa-cube")})}function K(e){let{name:t,url:n,onPackageSelect:s,selectedPackage:r}=e;const[l,o]=(0,a.useState)(Boolean(r)&&t===(null===r||void 0===r?void 0:r.name));return(0,a.useEffect)((()=>{o(r&&r.name===t)}),[r,t]),(0,k.jsxs)("button",{type:"button",onClick:e=>{s(l?null:{name:t,url:n,event:e}),o(!l)},className:B()("package",{"package-selected":l}),onKeyDown:()=>{},children:[(0,k.jsx)(V,{}),(0,k.jsx)("span",{className:"package-text",children:t})]})}function Z(e){let{directoryEntry:t,selectedFile:n,selectedFolder:a,onFileSelect:s,onFolderSelect:r,Icon:l}=e;const o=Boolean(t.entries);const i=t.path===n,c=t.path===(null===a||void 0===a?void 0:a.path);return(0,k.jsxs)("button",{type:"button",onClick:function(e){const n=e.target.classList.contains("rename-file")||e.target.classList.contains("deploy-project");o?c&&n||r(c?null:t):s(i?null:t)},className:B()("file",{"file-selected":i,"folder-selected":c}),onKeyDown:function(){},children:[(0,k.jsx)(l,{className:"filename-icon"}),(0,k.jsx)("span",{className:"filename-text",children:t.name})]})}function Y(e){let{directoryEntry:t,userOnSelect:n,onFolderSelect:s,onDeployProject:r,onFileSelect:l,onPackageSelect:o,onFileRename:i,selectedFile:c,selectedFolder:u,selectedPackage:d}=e;const[p,m]=(0,a.useState)(!0),h=[...t.entries||[]].sort(G),f=(g=t.name)&&[...g].includes(".")?g.split(".").slice(-1)[0]:null;var g;let x;return x=2===t.path.split("/").length?()=>(0,k.jsx)("i",{className:B()("project-icon fas fa-file-code")}):t.entries?()=>function(e){let{toggleClosed:t}=e;return(0,k.jsx)("i",{onClick:t,onKeyDown:t,className:B()("folder-icon fas fa-folder-open")})}({isOpen:p,toggleClosed:()=>m(!p)}):()=>function(e){let{extension:t}=e;switch(t){case"js":return(0,k.jsx)("i",{className:B()("file-icon filetype-js fab fa-js")});case"yaml":return(0,k.jsx)("i",{className:B()("file-icon filetype-yaml fas fa-cog")});default:return(0,k.jsx)("i",{className:B()("file-icon filetype-unknown far fa-file-alt")})}}({extension:f}),(0,k.jsxs)(k.Fragment,{children:["components"!==t.name?(0,k.jsx)("li",{className:B()("folder-container"),children:t.package?(0,k.jsx)(K,{selectedPackage:d,onPackageSelect:o,name:t.name,url:t.package}):(0,k.jsx)(Z,{Icon:x,selectedFile:c,selectedFolder:u,selectedPackage:d,directoryEntry:t,onDeployProject:r,onFileRename:()=>{i(t)},onFileSelect:l,onFolderSelect:s,userOnSelect:n})},t.key):null,h.map((e=>(0,k.jsx)("li",{children:(0,k.jsx)("ul",{className:B()("folder",{"folder-contents-open":!0,"folder-contents-closed":!1}),children:(0,k.jsx)(Y,{selectedFile:c,selectedFolder:u,selectedPackage:d,directoryEntry:e,onFileSelect:l,onDeployProject:r,onFileRename:i,onFolderSelect:s,onPackageSelect:o,userOnSelect:n})})},e.key)))]})}const J=function(e){var t;let{files:n,userOnSelect:a,onFileSelect:s,onPackageSelect:r,onDeployProject:l,onFileRename:o,onFolderSelect:i,selectedFile:d,selectedFolder:p,selectedPackage:m}=e;return null!==n&&void 0!==n&&null!==(t=n.entries)&&void 0!==t&&t.length?(0,k.jsx)(c.A,{className:"file-browser-scroll-container",children:(0,k.jsx)(u.A,{children:(0,k.jsx)("ul",{className:"file-browser",children:(0,k.jsx)(Y,{selectedFile:d,selectedFolder:p,selectedPackage:m,onFileSelect:s,onFileRename:o,onFolderSelect:i,onDeployProject:l,onPackageSelect:r,userOnSelect:a,directoryEntry:n})})})}):(0,k.jsx)(H,{})};var Q=n(5023);Q.wG.init().then((e=>{e.editor.defineTheme("hdb",{base:"vs-dark",inherit:!0,rules:[],colors:{"editor.background":"#111111"}})}));const X={js:"javascript",yaml:"yaml",ts:"typescript",json:"json",md:"markdown",html:"html",css:"css",graphql:"graphql"};const ee=function(e){let{active:t,file:n,onFileChange:s}=e;const[r,l]=(0,a.useState)("javascript");return(0,a.useEffect)((()=>{const e=function(e){var t;const n=null===(t=e||"")||void 0===t?void 0:t.split(".");return n.length>1?n.slice(-1)[0]:""}(null===n||void 0===n?void 0:n.name);l(X[e]||"plaintext")}),[n]),t?(0,k.jsx)(Q.Ay,{height:"100%",language:r,value:(null===n||void 0===n?void 0:n.content)||"",theme:"hdb",onChange:s,options:{readOnly:null===n||void 0===n?void 0:n.readOnly,automaticLayout:!0,minimap:{enabled:!1}}}):null};function te(e){let{onClick:t,disabled:n=!1,text:a="",extraClasses:s=""}=e;return(0,k.jsxs)("button",{type:"button",disabled:n,onClick:t,className:s,title:"Create a new app",children:[(0,k.jsx)("i",{className:"fas fa-plus"}),a&&(0,k.jsxs)("span",{className:"ms-1",children:[" ",a]})]})}function ne(e){let{onClick:t,disabled:n=!1,text:a="",extraClasses:s=""}=e;return(0,k.jsxs)("button",{type:"button",disabled:n,onClick:t,className:s,title:"Add a folder",children:[(0,k.jsx)("i",{className:"fas fa-plus"}),a&&(0,k.jsx)("span",{className:"ms-1 d-none d-lg-inline-block",children:a})]})}function ae(e){let{onClick:t,disabled:n=!1,text:a="",extraClasses:s=""}=e;return(0,k.jsxs)("button",{type:"button",onClick:t,disabled:n,className:s,title:"Delete selected app or folder",children:[(0,k.jsx)("i",{className:"fas fa-minus"}),a&&(0,k.jsx)("span",{className:"ms-1 d-none d-lg-inline-block",children:a})]})}function se(e){let{onClick:t,disabled:n,text:a="",extraClasses:s=""}=e;return(0,k.jsxs)("button",{type:"button",disabled:n,onClick:t,className:s,title:"Add a new file",children:[(0,k.jsx)("i",{className:"fas fa-plus"}),a&&(0,k.jsxs)("span",{className:"ms-1 d-none d-lg-inline-block",children:[" ",a]})]})}function re(e){let{onClick:t,disabled:n,text:a="",extraClasses:s=""}=e;return(0,k.jsxs)("button",{type:"button",onClick:t,disabled:n,className:s,title:"Delete selected file",children:[(0,k.jsx)("i",{className:"fas fa-minus"}),a&&(0,k.jsxs)("span",{className:"ms-1 d-none d-lg-inline-block",children:[" ",a]})]})}const le=function(e){let{children:t}=e;return(0,k.jsx)("ul",{className:"file-menu text-nowrap",children:t.map((e=>{var t,n,a;return e&&(0,k.jsx)("li",{className:"file-menu-item",children:e},null!==(t=null===(n=(a=crypto).randomUUID)||void 0===n?void 0:n.call(a))&&void 0!==t?t:Math.random().toString().slice(2))}))})};function oe(e){let{onClick:t,disabled:n=!1,text:a="",extraClasses:s=""}=e;return(0,k.jsxs)("button",{type:"button",disabled:n,onClick:t,className:s,title:"Import external component or application",children:[(0,k.jsx)("i",{className:"fas fa-share-alt"}),a&&(0,k.jsx)("span",{className:"ms-2 d-none d-lg-inline-block",children:a})]})}function ie(e){let{onClick:t,savingFile:n,disabled:a=!1,text:s="",extraClasses:r=""}=e;return(0,k.jsxs)("button",{type:"button",onClick:t,disabled:a,className:r,title:"save file to instance",children:[(0,k.jsx)("i",{className:B()("fas",{"fa-save":!n,"fa-spinner":n,"fa-spin":n})}),s&&(0,k.jsx)("span",{className:"ms-2 d-none d-lg-inline-block",children:s})]})}function ce(e){let{onClick:t,restarting:n,disabled:a=!1,text:s="",extraClasses:r=""}=e;return(0,k.jsxs)("button",{type:"button",onClick:t,disabled:a,className:r,title:"Click to restart your instance",children:[(0,k.jsx)("i",{className:B()("fas",{"fa-sync":!n,"fa-spinner":n,"fa-spin":n})}),s&&(0,k.jsx)("span",{className:"ms-2 d-none d-lg-inline-block",children:s})]})}function ue(e){let{onClick:t,restartAfterSave:n,disabled:a=!1,text:s="",extraClasses:r=""}=e;return(0,k.jsxs)("button",{type:"button",onClick:t,disabled:a,className:r,title:"Toggle whether saving a file restarts the application",children:[(0,k.jsx)("i",{className:B()("fa",{"fa-toggle-on":n,"fa-toggle-off":!n})}),s&&(0,k.jsx)("span",{className:"ms-2 d-none d-lg-inline-block",children:s})]})}function de(e){let{onClick:t,disabled:n=!1,text:a="",extraClasses:s="",loading:r}=e;return(0,k.jsxs)("button",{type:"button",disabled:n,onClick:t,className:s,title:"revert file",children:[(0,k.jsx)("i",{className:B()("revert-file fas",{disabled:n,"fa-history":!r,"fa-spinner":r,"fa-spin":r})}),a&&(0,k.jsx)("span",{className:"ms-2 d-none d-lg-inline-block",children:a})]})}function pe(e){let{children:t}=e;return(0,k.jsx)("ul",{className:"editor-menu",children:t.map((e=>{var t,n,a;return e&&(0,k.jsx)("li",{className:"editor-menu-item",children:e},null!==(t=null===(n=(a=crypto).randomUUID)||void 0===n?void 0:n.call(a))&&void 0!==t?t:Math.random().toString().slice(2))}))})}function me(e){let{active:t,AddProjectButtonClick:n,InstallPackageButtonClick:a}=e;return t?(0,k.jsxs)("div",{className:"content-window",children:[(0,k.jsx)("h4",{className:"mb-5",children:"Add A New Application"}),(0,k.jsx)(te,{text:"Create A New Application Using The Default Template",extraClasses:"btn btn-block btn-success",onClick:n}),(0,k.jsx)(oe,{text:"Import Or Deploy A Remote Application Package",extraClasses:"btn btn-block btn-outline-success mt-2",onClick:a})]}):null}function he(e){let{active:t,type:n}=e;return t?(0,k.jsxs)("div",{className:"content-window text-nowrap",children:[(0,k.jsx)("i",{className:"fa fa-exclamation-triangle mt-5 pt-5"}),"\xa0",(0,k.jsxs)("span",{children:["You have selected a ",n,". Nothing to see here!"]})]}):null}var fe=n(9690);function ge(e){return/^[a-zA-Z0-9-_]+$/.test(e)}function xe(e){if(!e)return null;const t={type:null,user:null,repo:null,url:null,package:null,tag:null};if(e.url.match("://"))t.url=e.url,t.type="url";else if(e.url.match("semver:")){const[n,a,s]=e.url.split(/[/#]/);t.type="github",t.user=n,t.repo=a,t.tag=s.replace("semver:","")}else{t.type="npm";const n=e.url.split("/");if(1===n.length){const[e,a]=n[0].split("@");t.package=e,t.tag=a}else if(2===n.length){const[,e]=n,[a,s]=e.split("@");t.package=a,t.tag=s}}return t}function je(e,t,n){var s=this,r=(0,a.useRef)(null),l=(0,a.useRef)(0),o=(0,a.useRef)(null),i=(0,a.useRef)([]),c=(0,a.useRef)(),u=(0,a.useRef)(),d=(0,a.useRef)(e),p=(0,a.useRef)(!0);d.current=e;var m="undefined"!=typeof window,h=!t&&0!==t&&m;if("function"!=typeof e)throw new TypeError("Expected a function");t=+t||0;var f=!!(n=n||{}).leading,g=!("trailing"in n)||!!n.trailing,x="maxWait"in n,j="debounceOnServer"in n&&!!n.debounceOnServer,v=x?Math.max(+n.maxWait||0,t):null;(0,a.useEffect)((function(){return p.current=!0,function(){p.current=!1}}),[]);var b=(0,a.useMemo)((function(){var e=function(e){var t=i.current,n=c.current;return i.current=c.current=null,l.current=e,u.current=d.current.apply(n,t)},n=function(e,t){h&&cancelAnimationFrame(o.current),o.current=h?requestAnimationFrame(e):setTimeout(e,t)},a=function(e){if(!p.current)return!1;var n=e-r.current;return!r.current||n>=t||n<0||x&&e-l.current>=v},b=function(t){return o.current=null,g&&i.current?e(t):(i.current=c.current=null,u.current)},y=function e(){var s=Date.now();if(a(s))return b(s);if(p.current){var o=t-(s-r.current),i=x?Math.min(o,v-(s-l.current)):o;n(e,i)}},N=function(){if(m||j){var d=Date.now(),h=a(d);if(i.current=[].slice.call(arguments),c.current=s,r.current=d,h){if(!o.current&&p.current)return l.current=r.current,n(y,t),f?e(r.current):u.current;if(x)return n(y,t),e(r.current)}return o.current||n(y,t),u.current}};return N.cancel=function(){o.current&&(h?cancelAnimationFrame(o.current):clearTimeout(o.current)),l.current=0,i.current=r.current=c.current=o.current=null},N.isPending=function(){return!!o.current},N.flush=function(){return o.current?b(Date.now()):u.current},N}),[f,x,t,v,g,h,m,j]);return b}function ve(e,t){return e===t}function be(e,t){return t}function ye(e,t,n){var s=n&&n.equalityFn||ve,r=(0,a.useReducer)(be,e),l=r[0],o=r[1],i=je((0,a.useCallback)((function(e){return o(e)}),[o]),t,n),c=(0,a.useRef)(e);return s(c.current,e)||(i(e),c.current=e),s(l,e)&&i.cancel(),[l,i]}function Ne(e){let{pkg:t,setPackageSpec:n}=e;const[s,r]=(0,a.useState)((null===t||void 0===t?void 0:t.user)||""),[l]=ye(s,300),[o,i]=(0,a.useState)((null===t||void 0===t?void 0:t.repo)||""),[c]=ye(o,300),[u,d]=(0,a.useState)([]),[p,h]=(0,a.useState)(!1),[f,g]=(0,a.useState)((null===t||void 0===t?void 0:t.tag)||""),[x,j]=(0,a.useState)(""),[,v]=(0,a.useState)(!1),[b,y]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{r((null===t||void 0===t?void 0:t.user)||""),i((null===t||void 0===t?void 0:t.repo)||""),d(null!==t&&void 0!==t&&t.tag?[null===t||void 0===t?void 0:t.tag]:[]),g((null===t||void 0===t?void 0:t.tag)||"")}),[t]),(0,a.useEffect)((()=>{l&&c?(v(!0),async function(e,t){try{const n=await fetch(`https://api.github.com/repos/${e}/${t}`),a=await n.json();return n.status<400?a.name:null}catch(n){return null}}(s,c).then((e=>{e?(j(e),y(!0),async function(e,t){const n=await fetch(`https://api.github.com/repos/${e}/${t}/git/refs/tags`);if(n.status<400)return(await n.json()).map((e=>e.ref.split("/").slice(-1)[0]));return[]}(s,c).then((e=>{v(!1),h(!0),d(e)}))):(v(!1),y(!1),j(""),d([]))})).catch((()=>{v(!1)}))):(y(!1),v(!1),d([]),g(""))}),[l,c,s]),(0,a.useEffect)((()=>{if(s&&o&&x){n(f?`${s}/${o}#semver:${f}`:`${s}/${o}`)}else n("")}),[x,f,s,n,o]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(m.A,{title:"Github Organization",className:"mt-2 form-control",valid:l.length>0&&c.length>0&&b,placeholder:"Github Organization",onChange:e=>r(e.target.value),value:s}),(0,k.jsx)(m.A,{title:"Github Repo",className:"mt-2",placeholder:"Github Repo",onChange:e=>i(e.target.value),value:o}),(null===u||void 0===u?void 0:u.length)>0&&(0,k.jsx)(fe.Ay,{className:"react-select-container github-tag-select mt-2",classNamePrefix:"react-select",isDisabled:!x,isSearchable:!0,placeholder:"Choose a tag",onChange:e=>g(e.value),options:u.map((e=>({label:e,value:e})))})]})}function Ae(e){let{pkg:t,setPackageSpec:n}=e;const[s,r]=(0,a.useState)(""),[l]=ye(s,300),[o,i]=(0,a.useState)(""),[c,u]=(0,a.useState)(""),[d,p]=(0,a.useState)(""),[m,h]=(0,a.useState)(!1),[f,g]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{r((null===t||void 0===t?void 0:t.package)||"")}),[t]),(0,a.useEffect)((function(){if(d){n(c?`${d}@${c}`:d)}else n("")}),[d,c,n]),(0,a.useEffect)((function(){l?(h(!0),async function(e){var t;const n=await fetch(`https://registry.npmjs.org/-/v1/search?text=${e}`),a=(await n.json()).objects.find((t=>t.package.name===e));return null===a||void 0===a||null===(t=a.package)||void 0===t?void 0:t.name}(l).then((e=>{h(!1),g(!!e),p(e),e&&async function(e){const t=await fetch(`https://registry.npmjs.org/${e}`);return(await t.json())["dist-tags"]}(e).then((e=>{i(e),u(null)})).catch((e=>{throw e}))})).catch((()=>{h(!1)}))):(p(null),i(null),u(null))}),[l]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"input-group",children:[(0,k.jsx)("input",{className:"mt-2 form-control",title:"enter an npm package specifier",value:s,placeholder:"Enter the [@scope]/package",onChange:function(e){r(e.target.value)}}),(0,k.jsx)("div",{className:"input-group-append",children:(0,k.jsx)("i",{className:B()("input-group-text fa mt-2",{"fa-spinner fa-spin loading":m,"fa-check found":l.length>0&&f,"fa-times not-found":l.length>0&&!(m||f),"fa-check not-searching":0===l.length})})})]}),(0,k.jsx)(fe.Ay,{className:"react-select-container mt-2",classNamePrefix:"react-select",isDisabled:!s,placeholder:"Choose a tag",disabled:!o,onChange:function(e){let{value:t}=e;u(t)},options:Object.entries(o||[]).map((e=>{let[t,n]=e;return{label:`${t} (${n})`,value:t}}))})]})}function ke(e){return function(e){try{return Boolean(new URL(e))}catch(t){return!1}}(e)&&(-1!==e.indexOf(".tar")||-1!==e.indexOf(".tar.gz")||-1!==e.indexOf(".tgz"))}function Ce(e){let{pkg:t,setPackageSpec:n}=e;const[s,r]=(0,a.useState)((null===t||void 0===t?void 0:t.url)||""),[l,o]=(0,a.useState)(ke(null===t||void 0===t?void 0:t.url));return(0,a.useEffect)((()=>{n(l?s:"")}),[s,l,n]),(0,k.jsx)(m.A,{type:"text",id:"tarball-url",title:"URL to gzipped tarball",className:B()("package-url-input mt-2",{invalid:!l}),value:s,onChange:e=>{o(0===e.target.value.length||ke(e.target.value)),r(e.target.value)},placeholder:"URL to gzipped tarball"})}var we=n(5996);function _e(e){let{selectedPackage:t,onConfirm:n,onCancel:r,deployTargets:o,active:i}=e;const c=!1,[u,d]=(0,a.useState)(Boolean(t)),[p,f]=(0,a.useState)(xe(t)),[g,x]=(0,a.useState)((null===p||void 0===p?void 0:p.type)||c),[j,v]=(0,a.useState)((null===t||void 0===t?void 0:t.name)||""),[b,y]=(0,a.useState)(!0),[N,A]=(0,a.useState)(""),[C,w]=(0,a.useState)(!1),_=(0,s.O$)(l.A,(e=>e.auth)),S=(0,s.O$)(l.A,(e=>e.url)),[F,P]=(0,a.useState)([{isCurrentInstance:!0,auth:_,instance:{url:S,instance_name:"This Instance"}}]);function O(){v(""),y(!1),x(!1),P([]),r()}return(0,a.useEffect)((function(){const e=xe(t);v((null===t||void 0===t?void 0:t.name)||""),f(xe(t)),x((null===e||void 0===e?void 0:e.type)||c),d(Boolean(t))}),[t,c]),(0,a.useEffect)((function(){y(ge(j))}),[j]),i?(0,k.jsxs)("div",{className:"content-window",children:[(0,k.jsx)("h4",{className:"mb-5",children:"Import Remote App Package"}),(0,k.jsx)(m.A,{valid:b&&j.length>0,title:"enter a name for this package",value:j,placeholder:"Application Name",onChange:e=>{v(e.target.value),y(ge(e.target.value))}}),!we.A.is_local_studio&&(0,k.jsx)(fe.Ay,{className:"react-select-container package-install-deploy-targets-dropdown mt-2",classNamePrefix:"react-select",isSearchable:!0,isMulti:!0,placeholder:"Choose your deploy targets",onChange:e=>{const t=e.map((e=>e.value)),n=o.filter((e=>t.includes(e.instance.url)));P(n)},options:o.map((e=>({label:e.instance.instance_name,value:e.instance.url})))}),(0,k.jsx)(fe.Ay,{className:"react-select-container mt-2",classNamePrefix:"react-select",placeholder:"How would you like to fetch this package?",onChange:function(e){let{value:t}=e;x(t)},options:[{label:"A Public GitHub Repo",value:"github"},{label:"Install a gzipped .tar file from a URL",value:"url"}]}),!b&&j.length>0&&(0,k.jsxs)("span",{className:"text-danger text-center mt-3",children:[(0,k.jsx)("i",{className:"fa fa-exclamation-triangle"}),(0,k.jsx)("br",{}),(0,k.jsx)("span",{className:"mt-2",children:"Project name limited to alphanumeric, dashes, & underscores."})]}),b&&F.length>0&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:"mt-2"}),"npm"===g&&(0,k.jsx)(Ae,{projectName:j,installed:u,pkg:p,setPackageSpec:A}),"github"===g&&(0,k.jsx)(Ne,{projectName:j,installed:u,pkg:p,setPackageSpec:A}),"url"===g&&(0,k.jsx)(Ce,{projectName:j,installed:u,pkg:p,setPackageSpec:A})]}),b&&F.length>0&&g?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(h.A,{onClick:async()=>{w(!0);try{await n(j,N,F)}catch(e){w(!1)}w(!1)},className:B()("btn btn-block btn-success mt-3",{loading:C}),disabled:!ge(j)||!N||!F.length,children:C?(0,k.jsx)("i",{className:"install-package-status-icon fa fa-spinner fa-spin"}):"Install Package"}),(0,k.jsx)(h.A,{onClick:O,className:"btn btn-block btn-outline-success mt-2",children:"Cancel"})]}):(0,k.jsx)(h.A,{onClick:O,className:"btn btn-block btn-outline-success mt-3",children:"Cancel"})]}):null}function Se(e){let{className:t,onClick:n,disabled:s,children:r}=e;const[l,o]=(0,a.useState)(!1);return(0,k.jsx)("button",{disabled:s,type:"button",onClick:async()=>{o(!0);try{await n(),o(!1)}catch(e){o(!1)}},className:B()(`${t} button-with-loader`,{loading:l}),children:l?(0,k.jsx)("i",{className:"button-with-loader-icon fas fa-spinner fa-spin"}):r})}function Fe(e){let{onCancel:t,onConfirm:n,onEnter:s,value:r,type:l,validate:o=()=>!0}=e;const[i,c]=(0,a.useState)(r||""),[u,d]=(0,a.useState)(!1);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("input",{className:B()("w-100 text-center",{invalid:i.length>0&&!u}),onChange:e=>{c(e.target.value),d(o(e.target.value))},onKeyDown:function(e){"Enter"===e.key?s(e.target.value):"Esc"===e.key&&t()},value:i,placeholder:`name for your new ${l}`,title:`name for your new ${l}`}),(0,k.jsx)("i",{title:"error: name must contain only alphanumeric characters, dashes and underscores.",className:B()("text-danger fa fa-warning",{hidden:u||0===i.length})}),(0,k.jsx)(Se,{disabled:!u,className:"btn btn-success btn-block mt-3",onClick:()=>n(i),children:"OK"}),(0,k.jsx)("button",{type:"button",className:"btn btn-outline-success btn-block mt-2",onClick:t,children:"Cancel"}),i.length>0&&!u&&(0,k.jsx)("div",{className:"validation-message mt-5",children:"error: name must contain only alphanumeric characters, dashes and underscores."})]})}function Pe(e){let{active:t,onConfirm:n,onCancel:a}=e;return t?(0,k.jsxs)("div",{className:"content-window",children:[(0,k.jsx)("h4",{className:"mb-5",children:"Default Template Application"}),(0,k.jsx)(Fe,{type:"project",validate:ge,onEnter:n,onConfirm:n,onCancel:a})]}):null}function Oe(e){let{active:t,onConfirm:n,onCancel:a,selectedFolder:s}=e;return t?(0,k.jsxs)("div",{className:"content-window",children:[(0,k.jsxs)("h4",{className:"mb-5",children:["Add Folder To ",(0,k.jsx)("span",{className:"text-success",children:s.path.replace("components","")})]}),(0,k.jsx)(Fe,{type:"folder",selectedFolder:s,onEnter:n,onConfirm:n,onCancel:a})]}):null}function $e(e){let{active:t,onConfirm:n,onCancel:a}=e;return t?(0,k.jsxs)("div",{className:"content-window",children:[(0,k.jsx)("h4",{className:"mb-5",children:"Add A New File"}),(0,k.jsx)(Fe,{type:"file",onEnter:n,onConfirm:n,onCancel:a})]}):null}function Ee(e){let{active:t,selectedFile:n,onConfirm:a,onCancel:s}=e;if(!t)return null;const{path:r}=n,l=r.split("/"),o=l.pop(),i=l.slice(1);return(0,k.jsxs)("div",{className:"content-window",children:[(0,k.jsxs)("h4",{className:"mb-5",children:["Delete ",(0,k.jsx)("span",{className:"text-danger",children:o})," File"]}),(0,k.jsx)(Se,{className:"btn btn-danger btn-block delete-button mt-2",onClick:a,children:"Delete"}),(0,k.jsx)("button",{type:"button",className:"btn btn-outline-danger btn-block mt-2",onClick:s,children:"Cancel"}),(0,k.jsxs)("div",{className:"mt-5",children:["Are you sure you want to delete ",(0,k.jsx)("span",{className:"text-danger",children:o})," from ",(0,k.jsx)("span",{className:"text-danger",children:i.join("/")}),"?"]})]})}function De(e){let{active:t,selectedFolder:n,onConfirm:a,onCancel:s}=e;if(!t)return null;if(!n)return null;const r=n.path.split("/"),l=2===r.length,o=l?null:r.slice(-1)[0];return(0,k.jsxs)("div",{className:"content-window",children:[(0,k.jsxs)("h4",{className:"mb-5",children:["Delete ",(0,k.jsx)("span",{className:"text-danger",children:l?null===n||void 0===n?void 0:n.project:o})," ",l?"Project":"Folder"]}),(0,k.jsx)(Se,{className:"btn btn-danger btn-block delete-button mt-2",onClick:a,children:"Delete"}),(0,k.jsx)("button",{type:"button",className:"btn btn-outline-danger btn-block mt-2",onClick:s,children:"Cancel"}),(0,k.jsx)("div",{className:"mt-5",children:l?(0,k.jsxs)("div",{children:["Are you sure you want to delete project ",(0,k.jsx)("span",{className:"text-danger",children:null===n||void 0===n?void 0:n.project})," ?"]}):(0,k.jsxs)("div",{children:["Are you sure you want to delete the folder ",(0,k.jsx)("span",{className:"text-danger",children:o})," from ",(0,k.jsx)("span",{className:"text-danger",children:null===n||void 0===n?void 0:n.project}),"?"]})})]})}function Ie(e){let{active:t,selectedPackage:n,onConfirm:a,onCancel:s}=e;if(!t)return null;const r=n.name;return(0,k.jsxs)("div",{className:"content-window",children:[(0,k.jsxs)("h4",{className:"mb-5",children:["Delete ",(0,k.jsx)("span",{className:"text-danger",children:r})," Package"]}),(0,k.jsx)(Se,{className:"btn btn-danger btn-block delete-button mt-2",onClick:a,children:"Delete"}),(0,k.jsx)("button",{type:"button",className:"btn btn-outline-danger btn-block mt-2",onClick:s,children:"Cancel"}),(0,k.jsxs)("div",{className:"mt-5",children:["Are you sure you want to delete ",(0,k.jsx)("span",{className:"text-danger",children:r}),"?"]})]})}const Te="DEFAULT_WINDOW",Re="DEFAULT_FOLDER_WINDOW",ze="CODE_EDITOR_WINDOW",Ue="NAME_FILE_WINDOW",Le="NAME_PROJECT_WINDOW",We="NAME_PROJECT_FOLDER_WINDOW",Me="INSTALL_PACKAGE_WINDOW",qe="DELETE_FILE_WINDOW",Be="DELETE_FOLDER_WINDOW",He="DELETE_PACKAGE_WINDOW";function Ge(e){let{children:t}=e;return(0,k.jsx)(c.A,{className:"editor-window",children:(0,k.jsx)(u.A,{children:t})})}const Ve=function(e){var t,n,s,r;let{deployTargets:l,fileTree:c,onFileSave:u,onAddFile:d,onRevertFile:p,onAddProjectFolder:m,onAddProject:h,onFileChange:f,onDeleteFolder:g,onDeleteFile:x,onDeletePackage:j,onDeployProject:v,onFileSelect:b,onInstallPackage:y,restartInstance:N,restartingInstance:A}=e;const[C,w]=(0,a.useState)(null),[_,S]=(0,a.useState)(null),[F,P]=(0,a.useState)(null),[O,$]=(0,a.useState)(Te),[E,D]=(0,a.useState)(null),[I,T]=(0,a.useState)(!0),[R,z]=(0,a.useState)(!1),[U,L]=(0,a.useState)(!1),W=(null===c||void 0===c||null===(t=c.entries)||void 0===t?void 0:t.length)>0,M=Boolean(W&&C),q=Boolean(W&&(C||F)),B=Boolean(C);function H(e,t){$(e),D(t)}function G(){P(null),w(null),S(null)}function V(){H(Te,O)}return(0,k.jsxs)(o.A,{id:"webide",children:[(0,k.jsxs)(i.A,{md:"4",xl:"3",className:"file-browser-outer-container mb-3",children:[(0,k.jsx)("div",{className:"floating-card-header-row",children:(0,k.jsxs)(le,{children:[(0,k.jsx)(te,{onClick:()=>H(Te,O),text:"app"}),(B||q)&&(0,k.jsx)("span",{className:"px-1",children:"|"}),B&&(0,k.jsx)(ne,{disabled:!B,onClick:()=>H(We,O),text:!q&&"folder"}),q&&(0,k.jsx)(ae,{disabled:!q,onClick:()=>{F?H(He,O):C&&H(Be,O)},text:"folder"}),(M||(null===_||void 0===_?void 0:_.path))&&(0,k.jsx)("span",{className:"px-1",children:"|"}),M&&(0,k.jsx)(se,{onClick:()=>H(Ue,O),disabled:!M,text:!(null!==_&&void 0!==_&&_.path)&&"file"}),(null===_||void 0===_?void 0:_.path)&&(0,k.jsx)(re,{disabled:!(null!==_&&void 0!==_&&_.path),onClick:()=>H(qe,O),text:!M&&"file"})]})}),(0,k.jsx)(J,{files:c,root:c.path,selectedFile:null===_||void 0===_?void 0:_.path,selectedFolder:C,selectedPackage:F,onDeployProject:v,onFolderSelect:e=>{G(),w(e),H(e?Re:Te,O)},onPackageSelect:e=>{G(),P(e),H(e?Re:Te,O)},onFileSelect:async e=>{const t=!e;if(G(),t)S(null),H(Te,O);else{const t=await b(e),{content:n,cached:a}=t;S({...e,content:n,cached:a}),H(ze,O)}}})]}),(0,k.jsxs)(i.A,{md:"8",xl:"9",className:"editor-window-container",children:[(0,k.jsxs)(o.A,{className:"floating-card-header-row g-0",children:[(0,k.jsx)(i.A,{className:"text-nowrap",children:_&&(0,k.jsxs)(k.Fragment,{children:[null===_||void 0===_||null===(n=_.path)||void 0===n||null===(s=n.split("/"))||void 0===s||null===(r=s.slice(1))||void 0===r?void 0:r.join(" > ")," ",(0,k.jsxs)("span",{className:"text-grey d-none d-xl-inline-block",children:["| ",(null===_||void 0===_?void 0:_.size)||"..."," bytes | ",null!==_&&void 0!==_&&_.mtime?new Date(_.mtime).toLocaleTimeString():"..."]})]})}),(0,k.jsx)(i.A,{className:"text-nowrap",children:(0,k.jsxs)(pe,{children:[(0,k.jsx)(ie,{savingFile:U,disabled:!(null!==_&&void 0!==_&&_.cached&&O===ze),onClick:async()=>{L(!0),await u(_,I),L(!1)},text:"save"}),(0,k.jsx)(de,{loading:R,disabled:!(null!==_&&void 0!==_&&_.cached&&O===ze),onClick:async()=>{z(!0);try{const e=await p(_),t={..._,content:e,cached:!1};S(t)}finally{z(!1)}},text:"revert"}),(0,k.jsx)("span",{className:"px-1",children:"|"}),(0,k.jsx)(ce,{restarting:A,onClick:N,text:"restart"}),(0,k.jsx)(ue,{restartAfterSave:I,onClick:()=>T(!I),text:"auto"})]})})]}),(0,k.jsxs)(Ge,{children:[(0,k.jsx)(me,{fileTree:c,active:O===Te,AddProjectButtonClick:()=>H(Le,O),InstallPackageButtonClick:()=>{P(null),H(Me,O)}}),(0,k.jsx)(he,{active:O===Re,type:F?"package":C?"folder":"nothing"}),(0,k.jsx)(Pe,{active:O===Le,onConfirm:async function(e){await h(e),H(E,O)},onCancel:V}),(0,k.jsx)(Oe,{projectName:null===C||void 0===C?void 0:C.project,active:O===We,selectedFolder:C,onConfirm:async function(e){await m(e,C),H(E,O)},onCancel:V}),(0,k.jsx)($e,{active:O===Ue,onConfirm:async function(e){const t=await d(e,C);S(t),H(ze,O)},onCancel:V}),(0,k.jsx)(_e,{active:O===Me,onConfirm:async function(e,t,n){await y(e,t,n),P(null),H(Te,O)},onCancel:V,deployTargets:l,selectedPackage:F}),(0,k.jsx)(Ie,{active:O===He,selectedPackage:F,onConfirm:async()=>{await j(F),H(Te,O),G()},onCancel:V}),(0,k.jsx)(De,{active:O===Be,selectedFolder:C,onConfirm:async()=>{await g(C),H(Te,O),G()},onCancel:V}),(0,k.jsx)(Ee,{active:O===qe,selectedFile:_,onConfirm:async()=>{await x(_),H(Te,O),G()},onCancel:V}),(0,k.jsx)(ee,{active:O===ze,file:_,onFileChange:async e=>{_&&(!function(e){const t={..._,content:e};S(t)}(e),await f({path:null===_||void 0===_?void 0:_.path,content:e}),S({..._,content:e,cached:!0}))}})]})]})]})},Ke=async e=>{let{auth:t,url:n,function_content:a,project:s,type:r,file:l}=e;return(0,j.A)({operation:{operation:"set_custom_function",function_content:a,project:s,type:r,file:l},auth:t,url:n})},Ze={routes:"'use strict';\n\n/* Dependencies\n- import any packages that are listed in your projects package.json\n- for example:\nimport needle from 'needle'\n*/\n\n/* Helpers\n- import any helper methods from your project's \"helpers\" directory\n- for example:\nimport filter from '../helpers/filter.js';\n*/\n\nmodule.exports = async (server, { hdbCore, logger }) => {\n  // POST route\n  // with hdbCore.preValidation to process basic auth\n  // uses hdbCore.requese to execute the validated request\n  server.route({\n    url: '/path/to/my/route',\n    method: 'POST',\n    preValidation: hdbCore.preValidation,\n    handler: hdbCore.request,\n  })\n\n  // GET route\n  // with custom validation\n  // uses hdbCore.requestWithoutAuthentication\n  server.route({\n    url: '/path/to/my/route/:id',\n    method: 'GET',\n    preValidation: async (request, reply) => {\n      const token = request.headers.authorization\n      const results = hdbCore.requestWithoutAuthentication({\n        body: {\n          operation: 'search_by_hash',\n          schema: 'auth',\n          table: 'tokens',\n          hash_values: [token],\n          get_attributes: ['id']\n        }\n      })\n      if (!results.length) {\n        const errorString = result.body.error || 'Sorry, there was an error authenticating your request';\n        logger.error(errorString);\n        throw new Error(errorString);\n      }\n    },\n    handler: async (request) => {\n      const id = parseInt(request.params.id)\n      request.body= {\n        operation: 'sql',\n        sql: `SELECT * FROM dev.dogs WHERE id = ${id}`\n      };\n\n      /*\n       * requestWithoutAuthentication bypasses the standard HarperDB authentication.\n       * YOU MUST ADD YOUR OWN preValidation method above, or this method will be available to anyone.\n       */\n      const result = await hdbCore.requestWithoutAuthentication(request);\n\n      return result\n    }\n  });\n};\n",helpers:"\n/* filters the results, only returning the selected keys */\nexport default (result, keys) => {\n  return result.map(r => {\n    const f = {}\n    keys.forEach(k => f[k] = r[k])\n    return f;\n  })\n}\n"};var Ye=n(9561);const Je=function(e){let{items:t,toggleDropItem:n,toggleCreate:r,baseUrl:c,restarting:u,itemType:p,project:f}=e;const g=(0,d.Zp)(),x=(0,D.MW)(),v=(0,s.O$)(l.A,(e=>e.auth)),b=(0,s.O$)(l.A,(e=>e.url)),[y,N]=(0,a.useState)(!1),[C,w]=(0,a.useState)(!1),[_,S]=(0,a.useState)(!1),F=async e=>{e.preventDefault();let n,a=!1;if(y&&!t.includes(y)||(w(!0),a=!0),y&&!(0,Ye.A)(y)&&(w(!0),a=!0,x.error(("projects"===p?"Project":"File")+" names may only contain letters, numbers, hyphens, or underscores.")),a)return!1;if(S(!0),"projects"===p)n=await(async e=>{let{auth:t,url:n,project:a}=e;return(0,j.A)({operation:{operation:"add_custom_function_project",project:a},auth:t,url:n})})({auth:v,url:b,project:y});else{const e=(e=>Ze[e]||null)(p);n=await Ke({auth:v,url:b,project:f,type:p,file:y,function_content:e})}return n.error?(S(!1),r(!1),x.error(n.message)):setTimeout((async()=>(await(0,L.A)({auth:v,url:b,service:"custom_functions"}),await A({auth:v,url:b}),g(`${c}/${y}`))),500)};return(0,a.useEffect)((()=>{n()}),[n]),(0,a.useEffect)((()=>{y&&t.find((e=>e===y))&&g(`${c}/${y}`)}),[t]),(0,k.jsxs)(o.A,{className:"item-row form",children:[(0,k.jsx)(i.A,{className:"input-holder",children:(0,k.jsx)(m.A,{id:"name",invalid:C,onChange:e=>{w(!1),N(e.target.value)},value:y||"",disabled:_,type:"text",name:"name",placeholder:"projects"===p?"ex: api, api-v1, dogs":"routes"===p?"ex: v1, post, public":"ex: filter, auth, queries"})}),(0,k.jsx)(i.A,{className:"item-action",children:_?(0,k.jsx)(h.A,{color:"success",className:"round me-1",children:(0,k.jsx)("i",{className:"fa fa-spinner fa-spin text-white"})}):(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(h.A,{id:"createItem",color:"success",className:"round me-1",disabled:u,onClick:F,onKeyDown:e=>13!==e.keyCode||F(e),children:(0,k.jsx)("i",{className:"fa fa-check text-white"})}),(0,k.jsx)(h.A,{id:"toggleCreate",color:"black",className:"round",onClick:()=>r(!1),children:(0,k.jsx)("i",{className:"fa fa-times text-white"})})]})})]})},Qe=async e=>{let{auth:t,url:n,project:a}=e;return(0,j.A)({operation:{operation:"drop_custom_function_project",project:a},auth:t,url:n})};const Xe=function(e){let{item:t,baseUrl:n,isActive:r,toggleDropItem:c,isDropping:u,itemType:p,restarting:m}=e;const{project:f}=(0,d.g)(),g=(0,d.Zp)(),x=(0,D.MW)(),[v,b]=(0,a.useState)(!1),[y,N]=(0,a.useState)(!1),C=(0,s.O$)(l.A,(e=>e.auth)),w=(0,s.O$)(l.A,(e=>e.url)),_=async()=>{if(!v)return!1;let e;return e="projects"===p?await Qe({auth:C,url:w,project:t}):await(async e=>{let{auth:t,url:n,project:a,type:s,file:r}=e;return(0,j.A)({operation:{operation:"drop_custom_function",project:a,type:s,file:r},auth:t,url:n})})({auth:C,url:w,project:f,type:p,file:t}),e.error?(b(!1),N(!1),x.error(e.message)):(x.success(e.message),(0,L.A)({auth:C,url:w,service:"custom_functions"}),await A({auth:C,url:w}),g(n))};return(0,k.jsxs)(o.A,{title:`View${r?"ing":""} ${t}`,className:"item-row "+(r?"active":""),onClick:m?null:()=>!(r||u||v)&&g(`${n}/${t}`),tabIndex:"0",children:[(0,k.jsx)(i.A,{className:"item-label "+(v?"text-danger text-nowrap":""),children:v?`drop ${t}?`:"projects"===p?`/${t}`:t}),(0,k.jsx)(i.A,{className:"item-action",children:y?(0,k.jsx)(h.A,{tabIndex:"-1",disabled:!0,color:"purple",className:"round",children:(0,k.jsx)("i",{className:"fa fa-spinner fa-spin"})}):v?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(h.A,{id:"confirmDropItem",color:"danger",className:"round me-1",title:`confirm drop ${t}`,onClick:()=>{b(!1),N(!0),_()},children:(0,k.jsx)("i",{className:"fa fa-check text-white"})}),(0,k.jsx)(h.A,{id:"cancelDropItem",color:"black",className:"round",title:`Cancel drop ${t}`,onClick:()=>{b(!1)},children:(0,k.jsx)("i",{className:"fa fa-times text-white"})})]}):u?(0,k.jsx)(h.A,{id:"dropItem",color:"danger",className:"round",title:`Drop ${t}`,onClick:()=>{b(t),c(!1)},children:(0,k.jsx)("i",{className:"fa fa-minus text-white"})}):r?(0,k.jsx)(h.A,{tabIndex:"-1",color:"purple",className:"round",children:(0,k.jsx)("i",{className:"fa fa-chevron-right"})}):null})]},t)};const et=function(e){let{items:t,toggleDropItem:n,isDropping:a,toggleCreate:s,project:r,isCreating:l,restarting:c,itemType:u,showForm:d}=e;return(0,k.jsxs)(o.A,{className:"floating-card-header",children:[(0,k.jsx)(i.A,{children:"projects"===u?"projects":`/${r}/${u}`}),d&&null!==t&&void 0!==t&&t.length?(0,k.jsxs)(i.A,{className:"text-end",children:[(0,k.jsx)(h.A,{disabled:c,id:"toggleRemove",color:"link",title:"Remove Functions",className:"add-remove me-3",onClick:()=>{n(!a),s(!1)},children:(0,k.jsx)("i",{className:"fa fa-minus"})}),(0,k.jsx)(h.A,{disabled:c,id:"toggleCreate",color:"link",title:"Add Function",className:"add-remove me-1",onClick:()=>{s(!l),n(!1)},children:(0,k.jsx)("i",{className:"fa fa-plus"})})]}):null]})};const tt=function(e){let{items:t,activeItem:n,baseUrl:s,restarting:r,itemType:l,project:o,showForm:i}=e;const[d,p]=(0,a.useState)(!1),[m,h]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{h(),p()}),[n,t.length]),(0,k.jsxs)("div",{className:"entity-manager",children:[(0,k.jsx)(et,{items:t,itemType:l,isDropping:d,toggleDropItem:p,isCreating:m,toggleCreate:h,restarting:r,project:o,showForm:i}),(0,k.jsxs)(c.A,{className:"my-3",children:[t&&t.length?(0,k.jsx)(u.A,{className:"scrollable "+(m?"creating":""),children:t.map((e=>(0,k.jsx)(Xe,{item:e,baseUrl:s,isActive:n===e,isDropping:d,toggleDropItem:p,itemType:l,restarting:r},e)))}):null,i&&t&&!t.length||m?(0,k.jsx)(u.A,{children:(0,k.jsx)(Je,{items:t,itemType:l,baseUrl:s,isDropping:d,toggleDropItem:p,isCreating:m,toggleCreate:h,restarting:r,project:o})}):!t||t.length||m?null:(0,k.jsx)(u.A,{children:(0,k.jsx)("div",{className:"py-3 text-center no-content",children:"no functions found"})})]})]})};const nt=function(){const e=(0,d.Zp)(),t=(0,D.MW)(),{customer_id:n,compute_stack_id:r,project:p,type:m,file:f}=(0,d.g)(),g=(0,s.O$)(l.A,(e=>e.auth)),x=(0,s.O$)(l.A,(e=>e.url)),[v,b]=(0,a.useState)(""),[y,N]=(0,a.useState)(""),A=(0,a.useCallback)((async()=>{if(p&&m&&f&&"undefined"!==f){const e=await(async e=>{let{auth:t,url:n,project:a,type:s,file:r}=e;return(0,j.A)({operation:{operation:"get_custom_function",project:a,type:s,file:r},auth:t,url:n})})({auth:g,url:x,project:p,type:m,file:f});b(null===e||void 0===e?void 0:e.message),N(null===e||void 0===e?void 0:e.message)}else b("")}),[g,x,p,m,f,b]);return(0,a.useEffect)((()=>{A()}),[p,f,A,r]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(o.A,{className:"floating-card-header",children:[(0,k.jsxs)(i.A,{children:["edit >\xa0",(0,k.jsxs)("i",{children:["/",p,f&&"undefined"!==f&&`/${m}/${f}.js`]})]}),(0,k.jsxs)(i.A,{className:"text-end",children:[(0,k.jsxs)(h.A,{onClick:A,color:"link",className:"me-2",children:[(0,k.jsx)("span",{className:"me-2",children:"reload"}),(0,k.jsx)("i",{title:"Reload File",className:"fa fa-sync-alt"})]}),(0,k.jsx)("span",{className:"mx-3 text",children:"|"}),(0,k.jsxs)(h.A,{onClick:()=>e(`/o/${n}/i/${r}/functions/deploy/${p}`),color:"link",className:"me-2",children:[(0,k.jsx)("span",{className:"me-2",children:"deploy"}),(0,k.jsx)("i",{title:"Deploy Project",className:"fa fa-share"})]})]})]}),(0,k.jsx)(c.A,{className:"my-3",children:v?(0,k.jsxs)(u.A,{children:[(0,k.jsx)("div",{className:"code-editor-holder",children:(0,k.jsx)(Q.Ay,{height:"100%",defaultLanguage:"javascript",value:v,theme:"vs-dark",onChange:b})}),(0,k.jsxs)(o.A,{children:[(0,k.jsx)(i.A,{md:"6",className:"mt-2",children:(0,k.jsx)(h.A,{block:!0,color:"grey",title:"Revert Code to Last Saved State",disabled:v===y,onClick:A,id:"reset",children:(0,k.jsx)("i",{className:"fa fa-undo"})})}),(0,k.jsx)(i.A,{md:"6",className:"mt-2",children:(0,k.jsx)(h.A,{block:!0,title:"Save Code to Instance",color:"success",id:"addEditItem",onClick:async()=>{const e=await Ke({auth:g,url:x,function_content:v,project:p,type:m,file:f});e.error?t.error(e.message):(setTimeout((()=>(0,L.A)({auth:g,url:x,service:"custom_functions"})),500),t.success(e.message)),A()},children:(0,k.jsx)("i",{className:"fa fa-save"})})})]})]}):(0,k.jsx)(u.A,{children:(0,k.jsxs)("div",{className:"empty-prompt narrow",children:[(0,k.jsx)("div",{className:"mt-3 text-bold",children:"This project does not yet have any routes or helpers"}),(0,k.jsx)("div",{className:"mt-3",children:"Add some using the form fields at left."})]})})})]})};var at=n(4343);const st=e=>{let{initializing:t,loading:n,handleClick:a}=e;return[{Header:"instance name",accessor:"instance_name"},{Header:"instance url",accessor:"url"},{Header:"cf capable",id:"hdb-narrow-cfcapable",Cell:e=>{let{row:{original:{custom_functions_status:t}}}=e;return t.error?"no":"yes"}},{Header:"cf enabled",id:"hdb-narrow-cfenabled",Cell:e=>{let{row:{original:{custom_functions_status:t}}}=e;return t.is_enabled?"yes":"no"}},{Header:"has project",id:"hdb-narrow-cfhasproject",Cell:e=>{let{row:{original:{has_current_project:t}}}=e;return t?"yes":"no"}},{Header:"deploy",id:"hdb-narrow-deploy",Cell:e=>{let{row:{original:{compute_stack_id:s,custom_functions_status:r,has_auth:l}}}=e;return r.is_enabled&&l?(0,k.jsx)(h.A,{color:"success",block:!0,size:"sm",disabled:t||n[s],onClick:()=>a(s,"deploy"),children:(0,k.jsx)("i",{className:"fa "+("deploy"===n[s]?"fa-spinner fa-spin":"fa-share")})}):null}},{Header:"remove",id:"hdb-narrow-remove",Cell:e=>{let{row:{original:{compute_stack_id:t,custom_functions_status:s,has_current_project:r,has_auth:l}}}=e;return s.is_enabled&&r&&l?(0,k.jsx)(h.A,{color:"danger",block:!0,size:"sm",disabled:n[t],onClick:()=>a(t,"drop"),children:(0,k.jsx)("i",{className:"fa "+("drop"===n[t]?"fa-spinner fa-spin":"fa-trash")})}):null}}]},rt={filtered:[],sorted:[],page:0,totalPages:1,pageSize:20,autoRefresh:!1,showFilter:!1,lastUpdate:!1};const lt=function(){const{customer_id:e,compute_stack_id:t,project:n}=(0,d.g)(),r=(0,d.Zp)(),[p]=(0,W.A)({}),m=(0,s.O$)(l.A,(e=>e.auth)),f=(0,s.O$)(l.A,(e=>e.url)),x=(0,s.O$)(l.A,(e=>{var t;return null===(t=e.registration)||void 0===t?void 0:t.version})),[{payload:y,file:N},A]=(0,a.useState)([]),C=`/o/${e}/i/${t}/functions/edit/${n}`,w=(0,s.O$)(I.A,(e=>e.instances.filter((e=>e.compute_stack_id!==t)))),[_,S]=x.split("."),F=_>=3&&(_>3||S>=3),[P,O]=(0,a.useState)([]),[$,E]=(0,a.useState)(F),[D,T]=(0,a.useReducer)(((e,t)=>({...e,...t})),{}),[R,z]=(0,a.useState)(rt),U=(0,a.useCallback)((()=>r(C)),[r,C]),M=(0,a.useCallback)((async(e,t)=>{const a=P.find((t=>t.compute_stack_id===e)),s=p[e];if(a&&s){T({[e]:t});let r=!1;const l=await v({auth:s,url:a.url});if(!l.error){const e=await b({auth:s,url:a.url});r=Object.keys(e).includes(n)}const o=P.map((t=>(t.compute_stack_id===e&&(t.custom_functions_status=l,t.has_current_project=r),t)));O(o),T({[e]:null})}}),[p,n,P]),q=(0,a.useCallback)((async(e,t)=>{const a=P.find((t=>t.compute_stack_id===e)),s=p[e];a&&s&&(T({[e]:t}),"deploy"===t?(await(async e=>{let{auth:t,url:n,project:a,payload:s,file:r}=e;return(0,j.A)({operation:{operation:"deploy_custom_function_project",project:a,payload:s,file:r},auth:t,url:n})})({auth:s,url:a.url,payload:y,project:n,file:N}),$&&await(async e=>{let{auth:t,url:n,projects:a,dry_run:s=!1}=e;return(0,j.A)({operation:{operation:"install_node_modules",projects:a,dry_run:s},auth:t,url:n})})({auth:s,url:a.url,projects:[n]}),await(0,L.A)({auth:s,url:a.url,service:"custom_functions"})):await Qe({auth:s,url:a.url,project:n}),setTimeout((()=>{T({[e]:!1}),M(e,t)}),1e3))}),[N,p,y,n,P,M,$]);return g()((async()=>{if(m&&f&&n){A(!1);const e=await(async e=>{let{auth:t,url:n,project:a,skip_node_modules:s}=e;return(0,j.A)({operation:{operation:"package_custom_function_project",project:a,skip_node_modules:s},auth:t,url:n})})({auth:m,url:f,project:n,skip_node_modules:$});A(e)}}),[m,f,n,$]),g()((async()=>{if(w){const e=await Promise.all(w.map((async e=>{const t=p[e.compute_stack_id];let a={};if(t){const s=await v({auth:t,url:e.url});return s.error||(a=await b({auth:t,url:e.url})),{...e,custom_functions_status:s,has_auth:!0,has_current_project:Object.keys(a).includes(n)}}return{...e,custom_functions_status:!1}})));O(e)}}),[w,n]),(0,a.useEffect)((()=>{z({...R,totalPages:Math.ceil((P.length||R.pageSize)/R.pageSize)})}),[z,R.pageSize]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(o.A,{className:"floating-card-header",children:[(0,k.jsxs)(i.A,{children:["deploy ",n&&`> ${n}`]}),(0,k.jsxs)(i.A,{className:"text-end",children:[F&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(h.A,{color:"link",title:"Turn on autofresh",onClick:()=>E(!$),children:[(0,k.jsx)("span",{className:"me-2",children:"install dependencies at destination"}),(0,k.jsx)("i",{className:"fa fa-lg fa-toggle-"+($?"on":"off")})]}),(0,k.jsx)("span",{className:"mx-3 text",children:"|"})]}),(0,k.jsxs)(h.A,{onClick:U,color:"link",className:"me-2",children:[(0,k.jsx)("span",{className:"me-2",children:"back to edit"}),(0,k.jsx)("i",{title:"Edit Project",className:"fa fa-edit"})]})]})]}),(0,k.jsx)(c.A,{className:"my-3",children:(0,k.jsx)(u.A,{className:"react-table-holder",children:P.length?(0,k.jsx)(at.A,{columns:st({initializing:!y,loading:D,handleClick:q}),data:P,page:R.page,pageSize:R.pageSize,totalPages:R.totalPages,showFilter:R.showFilter,sorted:R.sorted,onFilteredChange:e=>z({...R,filtered:e}),onSortedChange:e=>z({...R,sorted:e}),onPageChange:e=>z({...R,pageSize:e}),onPageSizeChange:e=>z({...R,page:0,pageSize:e})}):(0,k.jsx)("div",{className:"empty-prompt",children:"Please register at least one Custom Function-enabled instance to deploy to"})})})]})};const ot=function(e){let{loading:t,refreshCustomFunctions:n,restarting:a}=e;const r=(0,s.O$)(l.A,(e=>e.auth)),o=(0,s.O$)(l.A,(e=>e.url));return(0,k.jsxs)("span",{className:"structure-reloader d-block text-center mb-4",children:[(0,k.jsxs)(h.A,{disabled:t,color:"link",onClick:n,children:[(0,k.jsx)("span",{className:"me-2",children:"refresh projects"}),(0,k.jsx)("i",{title:"Refresh Endpoint Files",className:"fa "+(t?"fa-spinner fa-spin":"fa-sync-alt")})]}),(0,k.jsx)("span",{className:"mx-3 text",children:"|"}),(0,k.jsxs)(h.A,{disabled:a,color:"link",onClick:()=>(0,L.A)({auth:r,url:o,service:"custom_functions"}),className:"me-2",children:[(0,k.jsx)("span",{className:"me-2",children:"restart server"}),(0,k.jsx)("i",{title:"Refresh Endpoint Files",className:"fa "+(a?"fa-spinner fa-spin":"fa-stop-circle")})]}),(0,k.jsx)("hr",{className:"d-block d-md-none mt-4"})]})};const it=function(e){let{url:t,project:n,fileCount:a}=e;return(0,k.jsxs)("div",{className:"entity-manager",children:[(0,k.jsxs)("div",{className:"floating-card-header",children:["/",n,"/static"]}),(0,k.jsx)(c.A,{className:"my-3",children:(0,k.jsx)(u.A,{children:(0,k.jsxs)(o.A,{className:"item-row",children:[(0,k.jsx)(i.A,{className:"item-label",children:a?"enabled":'"static" subfolder not found'}),(0,k.jsxs)(i.A,{className:"item-action",children:[(0,k.jsx)(h.A,{tabIndex:"-1",color:a?"success":"danger",disabled:!a,className:"round me-1",children:a}),(0,k.jsx)(h.A,{tabIndex:"-1",color:"purple",className:"round",disabled:!a,href:`${t}/${n}/static`,target:"_blank",rel:"noopener noreferrer",children:(0,k.jsx)("i",{title:"View UI",className:"fa fa-share"})})]})]})})})]})};var ct=n(7666);const ut=function(e){var t,n,c;let{refreshCustomFunctions:u,loading:m}=e;const{customer_id:h,compute_stack_id:f,action:g="edit",project:x,file:j}=(0,d.g)(),v=(0,d.Zp)(),b=(0,s.O$)(l.A,(e=>e.custom_functions)),y=(0,s.O$)(l.A,(e=>e.registration)),[N,A]=((null===y||void 0===y?void 0:y.version)||"").split("."),C=parseFloat(`${N}.${A}`)<4.1,w=(0,s.O$)(l.A,(e=>"custom_functions"===e.restarting_service)),_=(0,s.O$)(l.A,(e=>{var t;return e.custom_functions_url||`${e.url.split(":").slice(0,-1).join(":")}:${null===(t=e.custom_functions)||void 0===t?void 0:t.port}`})),S=`/o/${h}/i/${f}/functions/${g}`;return(0,a.useEffect)((()=>{const e=(null===b||void 0===b?void 0:b.endpoints)&&Object.keys(null===b||void 0===b?void 0:b.endpoints).length,t=(null===b||void 0===b?void 0:b.endpoints)&&Object.keys(null===b||void 0===b?void 0:b.endpoints).includes(x);if(e&&x&&!t){const e=x&&Object.keys(null===b||void 0===b?void 0:b.endpoints)[0];v(`${S}/${e}`)}else if(e&&x&&!j){var n,a;const e=x&&(null===b||void 0===b||null===(n=b.endpoints[x])||void 0===n?void 0:n.routes[0]),t=x&&(null===b||void 0===b||null===(a=b.endpoints[x])||void 0===a?void 0:a.helpers[0]);v(`${S}/${x}/${e?"routes":"helpers"}/${e||t}`)}else if(e&&!x){const e=Object.keys(null===b||void 0===b?void 0:b.endpoints)[0];v(`${S}/${e}`)}else e||v(S)}),[null===b||void 0===b?void 0:b.endpoints,h,f,v,g,x,j,S]),(0,r.A)((async()=>{if(_&&w)try{await fetch(_),l.A.update((e=>{e.restarting_service=!1}))}catch(e){console.log(e)}}),1e3),(0,k.jsxs)(o.A,{id:"functions",children:[(0,k.jsx)(i.A,{xl:"3",lg:"4",md:"6",xs:"12",children:(0,k.jsxs)(p.tH,{onError:(e,t)=>(0,$.A)({error:{message:e.message,componentStack:t}}),FallbackComponent:O.A,children:[(0,k.jsx)(tt,{itemType:"projects",items:Object.keys(null===b||void 0===b?void 0:b.endpoints)||[],activeItem:x,baseUrl:S,restarting:w,showForm:"edit"===g}),x&&"edit"===g&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(tt,{itemType:"routes",items:x&&(null===b||void 0===b||null===(t=b.endpoints[x])||void 0===t?void 0:t.routes)||[],project:x,activeItem:j,baseUrl:`${S}/${x}/routes`,restarting:w,showForm:"edit"===g}),(0,k.jsx)(tt,{itemType:"helpers",items:x&&(null===b||void 0===b||null===(n=b.endpoints[x])||void 0===n?void 0:n.helpers)||[],project:x,activeItem:j,baseUrl:`${S}/${x}/helpers`,restarting:w,showForm:"edit"===g}),C&&(0,k.jsx)(it,{url:_,project:x,fileCount:x&&(null===b||void 0===b||null===(c=b.endpoints[x])||void 0===c?void 0:c.static)||0})]}),(0,k.jsx)("hr",{className:"mt-0"}),(0,k.jsxs)("div",{className:"entity-manager-footer",children:[(0,k.jsx)("div",{className:"text-bold mb-1",children:"Root File Directory"}),(0,k.jsx)(ct.A,{text:b.directory}),(0,k.jsx)("div",{className:"text-bold mb-1 mt-3",children:"Custom Functions Server URL"}),(0,k.jsx)(ct.A,{text:_})]}),(0,k.jsx)("hr",{}),(0,k.jsx)(ot,{refreshCustomFunctions:u,loading:m,restarting:w})]})}),(0,k.jsx)(i.A,{xl:"9",lg:"8",md:"6",xs:"12",children:"deploy"===g?(0,k.jsx)(lt,{}):x?(0,k.jsx)(nt,{}):(0,k.jsx)(P.A,{refreshCustomFunctions:u,headline:`Please ${null!==b&&void 0!==b&&b.endpoints.length?"choose":"create"} a project at left.`})})]})};function dt(e){return e.split("/").slice(2).join("/")}function pt(e,t,n,a){return e.reduce(((e,s)=>{const r=s.compute_stack_id,l=t[r];if(null===l||void 0===l||!l.version)return e;const[o,i]=(null===l||void 0===l?void 0:l.version.split("."))||[];return parseInt(o,10)>=4&&parseInt(i,10)>=2&&e.push({isCurrentInstance:r===n,auth:a,instance:s}),e}),[])}const mt=function(e){let{refreshCustomFunctions:t,loading:n}=e;const{compute_stack_id:r}=(0,d.g)(),o=(0,s.O$)(l.A,(e=>e.registration)),{fileTree:i}=(0,s.O$)(l.A,(e=>e.custom_functions)),c=(0,s.O$)(l.A,(e=>e.auth)),u=(0,s.O$)(l.A,(e=>e.url)),[p,m]=((null===o||void 0===o?void 0:o.version)||"").split(".")||[],h=parseFloat(`${p}.${m}`)>=4.2,f=(0,s.O$)(I.A,(e=>e.instances)),[g]=(0,W.A)({}),[x,v]=M({}),[b,y]=(0,a.useState)(!1),N=(0,D.MW)();function A(e){let{path:t}=e;const n={...x},a=`${r}_${t}`;a in n&&delete n[a],v({...n})}async function C(e){let{auth:t,url:n}=e;y(!0),setTimeout((async()=>{await(0,L.A)({auth:t,url:n,service:"http_workers"}),y(!1)}),100)}return h?(0,k.jsx)(Ve,{fileTree:i,deployTargets:pt(f,g,r,c),onRevertFile:async function(e){A({path:e.path});const{error:n,message:a}=await T({auth:c,url:u,project:e.project,file:dt(e.path)});return n?N.error(a):(await t(),a)},onFileChange:async function(e){const{path:t,content:n}=e,a=`${r}_${t}`;v({...x,[a]:n})},onFileSave:async function(e,n){const a=e.path.split("/").slice(2).join("/"),s={auth:c,url:u,project:e.project,file:a,payload:e.content},{error:r,message:l}=await R(s);r&&N.error(l),n&&await C({auth:c,url:u}),A({path:e.path}),e.cached=!1,await t()},onUpdate:t,onAddFile:async function(e,n){const{path:a,project:s}=n,r=dt(a),l=r?`${r}/${e}`:e;return await R({auth:c,url:u,project:s,file:l,payload:""}),await t(),{content:"",path:[n.path,e].join("/"),project:s}},onAddProject:async function(e){const{error:n,message:a}=await(async e=>{let{auth:t,url:n,project:a}=e;return(0,j.A)({operation:{operation:"add_component",project:a},auth:t,url:n})})({auth:c,url:u,project:e});n&&N.error(a),await(0,L.A)({auth:c,url:u,service:"http_workers"}),await t()},onAddProjectFolder:async function(e,n){const{path:a,project:s}=n,r=dt(a),l=r?`${r}/${e}`:e,{error:o,message:i}=await R({auth:c,url:u,project:s,file:l});o&&N.error(i),await t()},onInstallPackage:async function(e,n,a){const s=a.map((async t=>{const{error:a,message:s}=await U({auth:t.auth,url:t.instance.url,project:e,packageUrl:n});a&&N.error(s),await(0,L.A)({auth:t.auth,url:t.instance.url,service:"http_workers"})}));await Promise.all(s),await t()},onDeployProject:async function(e){let{project:n,deployTarget:a}=e;const{auth:s,instance:r}=a,{payload:l}=await(async e=>{let{auth:t,url:n,project:a,skip_node_modules:s=!0}=e;return(0,j.A)({auth:t,url:n,operation:{operation:"package_component",project:a,skip_node_modules:s}})})({auth:c,url:u,project:n.name});await U({auth:s,url:r.url,project:n.name,payload:l}),await(0,L.A)({auth:s,url:r.url,service:"http_workers"}),await(0,L.A)({auth:c,url:u,service:"http_workers"}),await t()},onDeleteFile:async function(e){const{error:n,message:a}=await z({auth:c,url:u,project:e.project,file:dt(e.path)});n&&N.error(a),await t()},onDeleteFolder:async function(e){let{path:n,project:a}=e;const s=dt(n);if(s.length>0){const{error:e,message:t}=await z({auth:c,url:u,project:a,file:s});e&&N.error(t)}else{const{error:e,message:t}=await z({auth:c,url:u,project:a});e&&N.error(t)}await t()},onDeletePackage:async function(e){let{name:n}=e;const{error:a,message:s}=await z({auth:c,url:u,project:n});a?N.error(s):(await(0,L.A)({auth:c,url:u,service:"http_workers"}),await t())},onFileSelect:async function(e){const{path:t,project:n,name:a}=e,s=dt(t),l=`${r}_${t}`,o=x[l],i=l in x;if(i)return{cached:i,content:o,path:t,project:n,name:a};const{error:d,message:p}=await T({auth:c,url:u,project:n,file:s});return d?(N.error(p),{content:"",path:t,project:n,name:a,cached:!1}):{cached:i,content:p,path:t,project:n,name:a}},onFileRename:async function(e,n){const{path:a,content:s,project:r}=n,l=dt(a).split("/").slice(0,-1).join("/"),o=l?`${l}/${e}`:e;await z({auth:c,url:u,project:r,file:dt(a)}),await R({auth:c,url:u,project:r,file:o,payload:s}),t()},refreshingCustomFunctions:n,restartInstance:async()=>C({auth:c,url:u}),restartingInstance:b}):(0,k.jsx)(ut,{refreshCustomFunctions:t,loading:n})};const ht=function(){return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:"floating-card-header text-end",children:"\xa0"}),(0,k.jsx)(c.A,{className:"my-3",children:(0,k.jsx)(u.A,{children:(0,k.jsxs)("div",{className:"empty-prompt narrow",children:[(0,k.jsx)("i",{className:"fa fa-bullhorn fa-3x text-success"}),(0,k.jsx)("div",{className:"mt-3 text-bold",children:"Coming Soon: Custom Functions!"}),(0,k.jsx)("div",{className:"mt-3",children:(0,k.jsxs)("ul",{children:[(0,k.jsx)("li",{children:"Add your own API endpoints to a standalone API server inside HarperDB"}),(0,k.jsx)("li",{children:"Use HarperDB Core methods to interact with your data at lightning speed"}),(0,k.jsx)("li",{children:"Custom Functions are powered by Fastify, so they're extremely flexible"}),(0,k.jsx)("li",{children:"Manage in HarperDB Studio, or use your own IDE and Version Management System"}),(0,k.jsx)("li",{children:"Distribute your Custom Functions to all your HarperDB instances with a single click"})]})})]})})})]})};var ft=n(4979),gt=n(2914);const xt=function(){const e=(0,s.O$)(l.A,(e=>e.auth)),t=(0,s.O$)(l.A,(e=>e.url)),n=(0,s.O$)(l.A,(e=>e.custom_functions)),o=(0,s.O$)(l.A,(e=>e.registration)),i=(0,gt.A)({version:null===o||void 0===o?void 0:o.version}),c=(0,s.O$)(l.A,(e=>e.restarting)),[u,d]=(0,a.useState)(!1),[p,m]=(0,a.useState)(!0),[h,f]=(0,a.useState)(!1),g=(0,a.useCallback)((async()=>{e&&t&&!c&&(m(!0),await A({auth:e,url:t}),m(!1))}),[e,t,c]);return(0,a.useEffect)((()=>{g()}),[g]),(0,a.useEffect)((()=>{const e=(null===n||void 0===n?void 0:n.is_enabled)&&(null===n||void 0===n?void 0:n.port)||i;d(e),e&&f(!1)}),[n,i]),(0,r.A)((()=>{h&&g()}),2e3),n?n.error?(0,k.jsx)(ht,{}):h?(0,k.jsx)(P.A,{description:"Configuring Custom Functions",icon:(0,k.jsx)("i",{className:"fa fa-spinner fa-spin"})}):u?(0,k.jsx)(mt,{refreshCustomFunctions:g,loading:p}):(0,k.jsx)(E,{setConfiguring:f}):(0,k.jsx)(ft.A,{header:"loading custom functions",spinner:!0})}},7666:(e,t,n)=>{n.d(t,{A:()=>c});var a=n(9950),s=n(7176),r=n(6114),l=n(3452),o=n(7348),i=n(4414);const c=function(e){let{text:t,beforeText:n,afterText:c,obscure:u=!1}=e;const d=(0,o.MW)(),p=navigator.clipboard,m=(0,a.useCallback)((async e=>{e.stopPropagation(),await navigator.clipboard.writeText(t),d.success("Text copied to clipboard")}),[d,t]);return(0,i.jsxs)(s.A,{className:"copyable-text-holder g-0",children:[p&&t&&(0,i.jsx)(r.A,{className:"copy-icon",children:(0,i.jsx)(l.A,{title:"Copy this value",onClick:m,color:"link",children:(0,i.jsx)("i",{className:"fa fa-copy text-small"})})}),(0,i.jsx)(r.A,{className:"text-container",children:t?(0,i.jsxs)(i.Fragment,{children:[n,u?t.replace(/./g,"*"):t,c]}):(0,i.jsx)("span",{children:"\xa0"})})]})}},4343:(e,t,n)=>{n.d(t,{A:()=>b});var a=n(9950),s=n(2043),r=n(5488),l=n(9435),o=n(7176),i=n(6114),c=n(4414);const u=e=>{let{headerGroups:t,onSortedChange:n,sorted:a,showFilter:s}=e;return t.map((e=>{const{key:t,...r}=e.getHeaderGroupProps();return(0,c.jsxs)("div",{...r,children:[(0,c.jsx)(o.A,{className:"header g-0",children:e.headers.map((e=>{var t,s;return(0,c.jsx)(i.A,{onClick:()=>{var t,s;return n([{id:e.id,desc:(null===(t=a[0])||void 0===t?void 0:t.id)===e.id&&!(null!==(s=a[0])&&void 0!==s&&s.desc)}])},className:`${(null===(t=a[0])||void 0===t?void 0:t.id)===e.id?"sorted":""} ${null!==(s=a[0])&&void 0!==s&&s.desc?"desc":"asc"} ${-1!==e.id.indexOf("hdb-narrow")?"action":""} px-1`,children:(0,c.jsx)("div",{className:"text-renderer",children:e.render("Header")})},e.id)}))}),s&&(0,c.jsx)(o.A,{className:"filter g-0",children:e.headers.map((e=>(0,c.jsx)(i.A,{className:-1!==e.id.indexOf("hdb-narrow")?"action":"",children:e.render("Filter")},e.id)))})]},t)}))};var d=n(3452);const p=function(e){let{page:t,pageSize:n,totalPages:a,onPageChange:s,onPageSizeChange:l,loading:u}=e;return(0,c.jsxs)(o.A,{className:"pagination",children:[(0,c.jsx)(i.A,{xs:"12",sm:"2",className:"previous",children:(0,c.jsx)(d.A,{className:"mb-2 btn-pagination",color:"purple",block:!0,onClick:()=>s(t-1),disabled:!a||0===t,children:(0,c.jsx)("i",{className:"fa fa-chevron-left"})})}),(0,c.jsxs)(i.A,{xs:"12",sm:"4",className:"paginator",children:[(0,c.jsx)("i",{className:"fa fa-book me-2"}),(0,c.jsx)(r.A,{className:"mb-2",type:"number",value:t+1,min:1,max:a,onChange:e=>s(e.target.value-1)}),(0,c.jsxs)("div",{className:"page-count",children:["\xa0/\xa0",u?(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"}):a]})]}),(0,c.jsx)(i.A,{xs:"12",sm:"4",className:"page-size",children:(0,c.jsx)(r.A,{className:"mb-2",type:"select",value:n,onChange:e=>l(e.target.value),children:[20,50,100,250].map((e=>(0,c.jsxs)("option",{value:e,children:[e," rows"]},e)))})}),(0,c.jsx)(i.A,{xs:"12",sm:"2",className:"next",children:(0,c.jsx)(d.A,{className:"mb-2 pull-right btn-pagination",block:!0,color:"purple",onClick:()=>s(t+1),disabled:!a||t+1===a,children:(0,c.jsx)("i",{className:"fa fa-chevron-right"})})})]})};const m=function(e){let{previousPage:t,canPreviousPage:n,pageIndex:a,gotoPage:s,setPageSize:l,pageCount:u,nextPage:p,canNextPage:m,loading:h}=e;return(0,c.jsxs)(o.A,{className:"pagination",children:[(0,c.jsx)(i.A,{xs:"12",sm:"2",className:"previous",children:(0,c.jsx)(d.A,{className:"mb-2 btn-pagination",color:"purple",block:!0,onClick:t,disabled:!u||!n,children:(0,c.jsx)("i",{className:"fa fa-chevron-left"})})}),(0,c.jsxs)(i.A,{xs:"12",sm:"4",className:"paginator",children:[(0,c.jsx)("i",{className:"fa fa-book me-2"}),(0,c.jsx)(r.A,{className:"mb-2",type:"number",value:a+1||1,min:1,max:u,onChange:e=>s(e.target.value?Number(e.target.value)-1:0)}),(0,c.jsxs)("div",{className:"page-count",children:["\xa0/\xa0",h?(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"}):u]})]}),(0,c.jsx)(i.A,{xs:"12",sm:"4",className:"page-size",children:(0,c.jsx)(r.A,{className:"mb-2",type:"select",onChange:e=>{s(0),setTimeout((()=>l(e.target.value)),1e3)},children:[20,50,100,250].map((e=>(0,c.jsxs)("option",{value:e,children:[e," rows"]},e)))})}),(0,c.jsx)(i.A,{xs:"12",sm:"2",className:"next",children:(0,c.jsx)(d.A,{className:"mb-2 pull-right btn-pagination",block:!0,color:"purple",onClick:p,disabled:!u||!m,children:(0,c.jsx)("i",{className:"fa fa-chevron-right"})})})]})};const h=function(e){let{prepareRow:t,row:n,onRowClick:a=!1}=e;return t(n),(0,c.jsx)(o.A,{onClick:()=>a&&a(n.original),className:"g-0",children:n.cells.map((e=>(0,c.jsx)(i.A,{className:-1!==e.column.id.indexOf("hdb-narrow")?"action":"",children:e.render("Cell")},`${e.row.id}-${e.column.id}`)))})};var f=n(3628),g=n(3150);function x(e){let{value:t}=e;return(0,c.jsx)("div",{className:"text-renderer",children:t})}function j(e){let{src:t}=e;const[n,s]=(0,a.useState)(!1),[r,l]=(0,a.useState)(!1);return(0,c.jsxs)("div",{className:"image-renderer",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[(0,c.jsx)("i",{className:"fa fa-image"}),n&&r?(0,c.jsxs)("div",{className:"preview-image no-image",children:[(0,c.jsx)("i",{className:"fa fa-ban text-danger"}),(0,c.jsx)("div",{className:"mt-2",children:"image failed to load"})]}):n?(0,c.jsx)("img",{onError:l,alt:t,src:t,className:"preview-image"}):null]})}const v={Filter:e=>{let{column:{filterValue:t,setFilter:n}}=e;return(0,c.jsx)(r.A,{type:"text",value:t||"",onChange:e=>n(e.target.value||void 0)})},Cell:e=>{let{value:t}=e;return(e=>{switch(Object.prototype.toString.call(e)){case"[object Array]":case"[object Object]":return(0,c.jsx)(x,{value:JSON.stringify(e)});case"[object Boolean]":return(0,c.jsx)(x,{value:e?"true":"false"});case"[object String]":return(t=e)&&(t.match(/^https?.*\.(jpeg|jpg|gif|png)$/)||-1!==t.indexOf("data:image"))?(0,c.jsx)(j,{src:e}):(0,c.jsx)(x,{value:e});default:return(0,c.jsx)(x,{value:e})}var t})(t)}};const b=function(e){let{columns:t,data:n,currentPage:r,pageSize:o,totalPages:i,onFilteredChange:d,onSortedChange:x,onPageChange:j,onPageSizeChange:b,showFilter:y,onRowClick:N,sorted:A,loading:k,manual:C=!1}=e;const{headerGroups:w,page:_,rows:S,prepareRow:F,state:P,setAllFilters:O,canPreviousPage:$,canNextPage:E,pageOptions:D,pageCount:I,gotoPage:T,nextPage:R,previousPage:z,setPageSize:U}=(0,s.useTable)({columns:t,data:n,defaultColumn:v,onFilteredChange:d,onSortedChange:x,onPageChange:j,onPageSizeChange:b,onRowClick:N,manualPagination:C,manualFilters:C,initialState:{pageIndex:r,pageSize:o}},s.useFilters,s.usePagination),[L,W]=(0,a.useState)(!0),M=C||!_.length?S:_;return(0,a.useEffect)((()=>{!y&&P.filters.length?O([]):d(P.filters)}),[P.filters,y]),(0,a.useEffect)((()=>{setTimeout((()=>W(!1)),100)}),[null===M||void 0===M?void 0:M.length]),(0,c.jsxs)(l.tH,{onError:(e,t)=>(0,f.A)({error:{message:e.message,componentStack:t}}),FallbackComponent:g.A,children:[(0,c.jsxs)("div",{className:"react-table-scroller",children:[(0,c.jsx)(u,{headerGroups:w,onSortedChange:x,sorted:A,showFilter:y}),k||L?(0,c.jsx)("div",{className:"centered text-center",children:(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"})}):M.length?M.map((e=>(0,c.jsx)(h,{row:e,prepareRow:F,onRowClick:N},e.id))):(0,c.jsxs)("div",{className:"centered text-center",children:[(0,c.jsx)("i",{className:"fa fa-exclamation-triangle text-danger"}),(0,c.jsx)("div",{className:"mt-2 text-darkgrey",children:"no records"})]})]}),C?(0,c.jsx)(p,{page:r,pageSize:o,totalPages:i,onPageChange:j,onPageSizeChange:b,loading:k}):(0,c.jsx)(m,{previousPage:z,pageSize:o,canPreviousPage:$,pageIndex:P.pageIndex,pageOptions:D,gotoPage:T,setPageSize:U,pageCount:I,nextPage:R,canNextPage:E,loading:k})]})}},8750:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(127);const s=async e=>{let{auth:t,url:n}=e;return(0,a.A)({operation:{operation:"get_configuration"},auth:t,url:n})}},2415:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(127),s=n(5269);const r=async e=>{let{auth:t,url:n}=e;const r=await(0,a.A)({operation:{operation:"list_roles"},auth:t,url:n}),l=[...Array.isArray(r)?r:[]].sort(((e,t)=>e.role.toLowerCase()>t.role.toLowerCase()?1:-1));return s.A.update((e=>{e.roles=l})),l}},8222:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(127),s=n(5269);const r=async e=>{let{auth:t,url:n,signal:r}=e;const l=await(0,a.A)({operation:{operation:"list_users"},auth:t,url:n,signal:r}),o=Array.isArray(l)?[...l].map((e=>({username:e.username,role:e.role.role}))).sort(((e,t)=>e.username.toLowerCase()>t.username.toLowerCase()?1:-1)):[];return s.A.update((e=>{e.users=o})),o}},2010:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(127),s=n(5269);const r=async e=>{let{auth:t,url:n}=e;return s.A.update((e=>{e.restarting=!0})),(0,a.A)({operation:{operation:"restart"},auth:t,url:n})}},1534:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(127),s=n(5269);const r=async e=>{let{auth:t,url:n,service:r=null}=e;return r?(s.A.update((e=>{e.restarting_service=r})),(0,a.A)({operation:{operation:"restart_service",service:r},auth:t,url:n})):{error:!0,message:"You must specify a service"}}},4834:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(127);const s=async e=>{let{auth:t,url:n,...s}=e;return(0,a.A)({operation:{operation:"set_configuration",...s},auth:t,url:n})}},6177:(e,t,n)=>{n.d(t,{A:()=>i});var a=n(8750),s=n(2415),r=n(8222),l=n(717),o=n(127);const i=async e=>{let{auth:t,url:n}=e;const i=await(0,a.A)({auth:t,url:n}),c=await(0,l.A)({auth:t,url:n}),u=await(async e=>{let{auth:t,url:n}=e;return(0,o.A)({operation:{operation:"cluster_status"},auth:t,url:n})})({auth:t,url:n}),d=parseFloat(null===c||void 0===c?void 0:c.version)>=4?"nats":"socketcluster",p=await(0,s.A)({auth:t,url:n});let m=!1;p.error||(m=p.find((e=>e.permission.cluster_user)));const h=await(0,r.A)({auth:t,url:n});let f=!1;h.error||(f=m&&h.find((e=>e.role===m.role)));const g="nats"===d?i.clustering.enabled:i.CLUSTERING,x="nats"===d?i.clustering.user:i.CLUSTERING_USER,j="nats"===d?i.clustering.hubServer.cluster.network.port:i.CLUSTERING_PORT,v="nats"===d?i.clustering.nodeName:i.NODE_NAME;return{is_ready:!!g&&!!f&&!!x&&!!m&&!!j&&!!v,cluster_role:m,cluster_user:f,is_enabled:g,config_cluster_user:x,config_cluster_port:j,node_name:v,engine:d,status:null===u||void 0===u?void 0:u.status,message:null===u||void 0===u?void 0:u.message,connections:null===u||void 0===u?void 0:u.connections}}},9561:(e,t,n)=>{n.d(t,{A:()=>a});const a=e=>e.match(/^[-a-zA-Z0-9_]+$/)},5379:(e,t,n)=>{n.d(t,{A:()=>a});const a=e=>!Number.isNaN(parseFloat(e))&&Number.isFinite(parseFloat(e))},5488:(e,t,n)=>{n.d(t,{A:()=>b});var a=n(9950),s=n(1942),r=n.n(s),l=n(8738),o=n.n(l),i=n(1497);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}var u=["className","cssModule","type","bsSize","valid","invalid","tag","addon","plaintext","innerRef"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},d.apply(this,arguments)}function p(e,t){if(null==e)return{};var n,a,s=function(e,t){if(null==e)return{};var n,a,s={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(s[n]=e[n]);return s}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(s[n]=e[n])}return s}function m(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=x(e);if(t){var s=x(this).constructor;n=Reflect.construct(a,arguments,s)}else n=a.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return g(e)}(this,n)}}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function x(e){return x=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},x(e)}var j={children:r().node,type:r().string,size:r().oneOfType([r().number,r().string]),bsSize:r().string,valid:r().bool,invalid:r().bool,tag:i.Wx,innerRef:r().oneOfType([r().object,r().func,r().string]),plaintext:r().bool,addon:r().bool,className:r().string,cssModule:r().object},v=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(l,e);var t,n,s,r=f(l);function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(t=r.call(this,e)).getRef=t.getRef.bind(g(t)),t.focus=t.focus.bind(g(t)),t}return t=l,(n=[{key:"getRef",value:function(e){this.props.innerRef&&this.props.innerRef(e),this.ref=e}},{key:"focus",value:function(){this.ref&&this.ref.focus()}},{key:"render",value:function(){var e=this.props,t=e.className,n=e.cssModule,s=e.type,r=void 0===s?"text":s,l=e.bsSize,c=e.valid,m=e.invalid,h=e.tag,f=e.addon,g=e.plaintext,x=e.innerRef,j=p(e,u),v=["switch","radio","checkbox"].indexOf(r)>-1,b="select"===r,y="range"===r,N=h||(b||"textarea"===r?r:"input"),A="form-control";g?(A="".concat(A,"-plaintext"),N=h||"input"):y?A="form-range":b?A="form-select":v&&(A=f?null:"form-check-input"),j.size&&/\D/g.test(j.size)&&((0,i.mc)('Please use the prop "bsSize" instead of the "size" to bootstrap\'s input sizing.'),l=j.size,delete j.size);var k=(0,i.qO)(o()(t,m&&"is-invalid",c&&"is-valid",!!l&&(b?"form-select-".concat(l):"form-control-".concat(l)),A),n);return("input"===N||h&&"function"===typeof h)&&(j.type="switch"===r?"checkbox":r),j.children&&!g&&"select"!==r&&"string"===typeof N&&"select"!==N&&((0,i.mc)('Input with a type of "'.concat(r,'" cannot have children. Please use "value"/"defaultValue" instead.')),delete j.children),a.createElement(N,d({},j,{ref:x,className:k,"aria-invalid":m}))}}])&&m(t.prototype,n),s&&m(t,s),Object.defineProperty(t,"prototype",{writable:!1}),l}(a.Component);v.propTypes=j;const b=v}}]);

package/studio/build-local/static/js/instance-charts.217c477d.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[232],{1281:(e,t,r)=>{r.r(t),r.d(t,{default:()=>Y});var s=r(9950),a=r(4084),i=r(8156),l=r(3452),o=r(7176),n=r(6114),c=r(6713),d=r(8429),u=r(7348),m=r(135),h=r(5553),p=r(5269),f=r(1942),b=r.n(f),g=r(8738),x=r.n(g),v=r(1497),j=["className","cssModule","size","vertical","tag"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s])}return e},y.apply(this,arguments)}function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,s)}return r}function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _(e,t){if(null==e)return{};var r,s,a=function(e,t){if(null==e)return{};var r,s,a={},i=Object.keys(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var k={"aria-label":b().string,className:b().string,cssModule:b().object,role:b().string,size:b().string,tag:v.Wx,vertical:b().bool};function N(e){var t=e.className,r=e.cssModule,a=e.size,i=e.vertical,l=e.tag,o=void 0===l?"div":l,n=_(e,j),c=(0,v.qO)(x()(t,!!a&&"btn-group-"+a,i?"btn-group-vertical":"btn-group"),r);return s.createElement(o,y({},function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({role:"group"},n),{className:c}))}N.propTypes=k;const w=N;var C=r(9452),D=r(9163),S=r.n(D),P=r(306),z=r(455),q=r(5379),$=r(5996),E=r(4414);const M=function(e){let{chart:{query:t,name:r,id:o,type:u,labelAttribute:f,seriesAttributes:b,user_id:g},removeChart:x,confirmDelete:v,setConfirmDelete:j}=e;const{compute_stack_id:y}=(0,d.g)(),A=(0,c.O$)(p.A,(e=>e.auth),[y]),O=(0,c.O$)(p.A,(e=>e.url),[y]),_=(0,c.O$)(h.A,(e=>e.theme)),k=(0,c.O$)(h.A,(e=>{var t;return(null===(t=e.auth)||void 0===t?void 0:t.user_id)===g})),[N,D]=(0,s.useState)(!1),[M,T]=(0,s.useState)(!0),[F,H]=(0,s.useState)(!1),B=N&&!N.error&&(0,z.A)({title:r,type:u,labels:N.map((e=>e[f])),theme:_}),R=!N||N.error?[]:"single value"===u?N[0][b[0]]:["donut","pie"].includes(u)?N.map((e=>e[b[0]])):b.map((e=>({name:e,data:N.map((t=>t[e]))})));let Y;const J=async()=>{if(A){T(!0),Y&&Y.abort(),Y=new AbortController;const e=await(0,P.A)({sql:t,auth:A,url:O,signal:Y.signal});if(!e.error&&e.length){const t=Object.keys(e[0]);("single value"===u?b:[f,...b]).every((e=>t.includes(e)))?D(e):D({error:!0,message:"You do not have permission to access some of the data required to render this chart."})}else D(e);T(!1)}};S()((()=>J()),(()=>Y&&Y.abort()),[]),(0,m.A)(J,$.A.refresh_content_interval);const W=e=>{H(!0),x(e)};return N.error?(0,E.jsx)(n.A,{lg:"6",xs:"12",className:"mb-3",children:(0,E.jsx)(a.A,{className:"dashboard-chart",children:(0,E.jsxs)(i.A,{className:"text-nowrap position-relative",children:[v===o?(0,E.jsxs)(w,{size:"sm",className:"chart-remove-confirm",children:[(0,E.jsxs)(l.A,{disabled:F,title:"Remove this chart",color:"success",onClick:()=>W(v),children:[F?"deleting chart":"confirm delete chart"," ",(0,E.jsx)("i",{className:"ms-2 fa "+(F?"fa-spinner fa-spin":"fa-check")})]}),(0,E.jsxs)(l.A,{disabled:F,title:"Do not remove this chart",color:"danger",onClick:()=>j(!1),children:["cancel ",(0,E.jsx)("i",{className:"ms-2 fa fa-times"})]})]}):(0,E.jsx)(l.A,{title:"Remove this chart",className:"chart-remove",color:"link",onClick:()=>j(o),children:(0,E.jsx)("i",{className:"fa fa-times text-darkgrey"})}),(0,E.jsxs)("div",{className:"dashboard single-value-chart",children:[(0,E.jsx)("div",{className:"title",children:"Error Loading Chart"}),(0,E.jsx)("div",{children:N.message}),(0,E.jsx)("div",{className:"mt-3",children:'You may remove this chart by clicking the "x"'})]})]})})},r):(0,E.jsx)(n.A,{lg:"6",xs:"12",className:"mb-3",children:(0,E.jsx)(a.A,{className:"dashboard-chart",children:(0,E.jsxs)(i.A,{className:"text-nowrap position-relative",children:[M&&(0,E.jsx)(l.A,{disabled:!0,title:"loading",className:"chart-loading",color:"link",children:(0,E.jsx)("i",{className:"fa fa-spinner fa-spin text-darkgrey"})}),v===o?(0,E.jsxs)(w,{size:"sm",className:"chart-remove-confirm",children:[(0,E.jsxs)(l.A,{disabled:F,title:"Remove this chart",color:"success",onClick:()=>W(v),children:[F?"deleting chart":"confirm delete chart"," ",(0,E.jsx)("i",{className:"ms-2 fa "+(F?"fa-spinner fa-spin":"fa-check")})]}),(0,E.jsxs)(l.A,{disabled:F,title:"Do not remove this chart",color:"danger",onClick:()=>j(!1),children:["cancel ",(0,E.jsx)("i",{className:"ms-2 fa fa-times"})]})]}):k?(0,E.jsx)(l.A,{title:"Remove this chart",className:"chart-remove",color:"link",onClick:()=>j(o),children:(0,E.jsx)("i",{className:"fa fa-times text-darkgrey"})}):null,N&&"single value"===u?(0,E.jsxs)("div",{className:"dashboard single-value-chart",children:[(0,E.jsx)("div",{className:"title",children:r}),(0,E.jsx)("h1",{children:(0,q.A)(R)?R.toFixed(2):R})]}):N?(0,E.jsx)(C.A,{options:B,series:R,type:u,height:220}):null]})})},r)},T=()=>{let e=(new Date).getMonth();const t=[],r=["January","February","March","April","May","June","July","August","September","October","November","December"];for(let s=0;s<12;s+=1)t.push(r[e]),e-=1,e<0&&(e=11);return t.reverse()};const F=function(){const e=(0,c.O$)(h.A,(e=>e.theme));return(0,E.jsx)(C.A,{options:(0,z.A)({title:"HarperDB Satisfaction Over Time (Placeholder Example)",type:"line",labels:T(),theme:e}),series:[{name:"HarperDB Core",data:[98,98,97,99,98,97,100,100,100,100,100,100]},{name:"HarperDB Studio",data:[95,97,99,97,98,96,98,100,99,98,100,99]},{name:"HarperDB Documentation",data:[90,92,94,92,94,92,95,97,99,95,97,98]}],type:"line",height:220})};var H=r(2714),B=r(3628);let R;const Y=function(){const{customer_id:e}=(0,d.g)(),t=(0,d.Zp)(),r=(0,u.MW)(),f=(0,c.O$)(h.A,(e=>e.auth)),b=(0,c.O$)(p.A,(e=>e.compute_stack_id)),g=(0,c.O$)(p.A,(e=>e.charts)),[x,v]=(0,s.useState)(!1),[j,y]=(0,s.useState)(!0),A=(0,s.useCallback)((async t=>{const s=await(async e=>{let{auth:t,customer_id:r,compute_stack_id:s,id:a}=e;return(0,H.A)({endpoint:"removeChart",method:"POST",payload:{user_id:t.user_id,customer_id:r,compute_stack_id:s,id:a},auth:t})})({auth:f,customer_id:e,compute_stack_id:b,id:t});s.error?r.error(s.message):(r.success(s.message),y(Date.now()))}),[r,f,b,e]);return(0,s.useEffect)((()=>(f&&(async()=>{R=new AbortController,await(async e=>{let{auth:t,customer_id:r,compute_stack_id:s,signal:a}=e,i=null;try{return i=await(0,H.A)({endpoint:"getCharts",method:"POST",payload:{customer_id:r,compute_stack_id:s,user_id:t.user_id},auth:t,signal:a}),i.error||p.A.update((e=>{e.charts=i})),i}catch(l){return(0,B.A)({type:"lms data",status:"error",url:$.A.lms_api_url,operation:"getCharts",request:{customer_id:r,compute_stack_id:s,user_id:t.user_id},error:{catch:l.toString()},customer_id:r})}})({auth:f,customer_id:e,compute_stack_id:b,signal:R.signal})})(),()=>{var e;return null===(e=R)||void 0===e?void 0:e.abort()})),[f,j]),(0,m.A)((()=>f&&y(Date.now())),$.A.refresh_content_interval),(0,E.jsxs)("div",{id:"charts",children:[(0,E.jsx)(a.A,{className:"mb-4",children:(0,E.jsxs)(i.A,{className:"text-center",children:["To add charts to the dashboard, execute a",(0,E.jsxs)(l.A,{id:"goToQueryPage",onClick:()=>t(`/o/${e}/i/${b}/query`),size:"sm",color:"success",className:"px-2 mx-2",children:[(0,E.jsx)("i",{className:"fa fa-search text-small me-2 "})," query"]}),'Then click "create chart"']})}),(0,E.jsx)(o.A,{children:null!==g&&void 0!==g&&g.length?g.map((e=>(0,E.jsx)(M,{chart:e,removeChart:A,confirmDelete:x,setConfirmDelete:v},e.id))):(0,E.jsx)(n.A,{lg:"6",xs:"12",className:"mb-3",children:(0,E.jsx)(a.A,{className:"dashboard-chart",children:(0,E.jsx)(i.A,{className:"text-nowrap position-relative",children:(0,E.jsx)(F,{})})})})})]})}},306:(e,t,r)=>{r.d(t,{A:()=>a});var s=r(127);const a=async e=>{let{auth:t,url:r,sql:a,signal:i}=e;return(0,s.A)({operation:{operation:"sql",sql:a},auth:t,url:r,signal:i})}},455:(e,t,r)=>{r.d(t,{A:()=>s});const s=e=>{let{title:t,type:r,labels:s,theme:a}=e;const i="light"===a?"#696969":"dark"===a?"#fff":"#212121";return{title:{text:t,style:{color:i}},chart:{type:r,animations:{enabled:!1},fontFamily:"Arial, Helvetica, Verdana, Sans-Serif",toolbar:{offsetX:-25,tools:{selection:!1,pan:!1,zoom:!1,zoomin:!1,zoomout:!1,reset:!1}}},labels:s,theme:{palette:"palette10"},plotOptions:{pie:{offsetY:10}},legend:{offsetY:5,labels:{colors:i}},markers:{size:[4],strokeColors:"dark"===a?"#212121":"#fff",strokeWidth:1,strokeOpacity:"dark"===a?.5:1,hover:{sizeOffset:0}},xaxis:{labels:{rotate:-60,maxHeight:80,style:{fontSize:"10px",colors:i}},tooltip:{enabled:!1}},yaxis:{labels:{style:{fontSize:"10px",colors:i}}}}}},5379:(e,t,r)=>{r.d(t,{A:()=>s});const s=e=>!Number.isNaN(parseFloat(e))&&Number.isFinite(parseFloat(e))}}]);

package/studio/build-local/static/js/instance-cluster.7f6df625.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[575],{1679:(e,t,s)=>{s.r(t),s.d(t,{default:()=>oe});var n=s(9950),a=s(6713),r=s(135),l=s(8429),i=s(5269),o=s(7176),c=s(6114),u=s(4084),d=s(8156),h=s(9435),m=s(6165),g=s(3150),p=s(3628),f=s(3452),v=s(2010),b=s(4834),_=s(127);var x=s(8198),j=s(8738),N=s.n(j),k=s(4414);function A(e){let{error:t,style:s={}}=e;return(0,k.jsx)("div",{style:s,className:N()("form-validation-error",{error:t}),children:t||"input is valid"})}var y=s(5488);const w=function(e){let{label:t,value:s,type:a="text",max:r=null,min:l=null,editable:i=!1,handleChange:o,validator:c=()=>!0,errorMessage:u="is required",addSpace:d=!0,valid:h=!1}=e;const[m,g]=(0,n.useState)(null);return i?(0,k.jsxs)(k.Fragment,{children:[d&&(0,k.jsx)("br",{}),(0,k.jsxs)("div",{className:N()("text-nowrap mt-2 mb-1",{"text-danger":m}),children:[t," ",m]}),(0,k.jsx)(y.A,{id:`cluster-field-${t}`,type:a,className:N()("cluster-field form-control",{error:m}),max:r,min:l,defaultValue:s,valid:h,onChange:e=>o(e.target.value),onBlur:e=>{const t=c(e.target.value);g(t?null:u)}})]}):(0,k.jsxs)(k.Fragment,{children:[d&&(0,k.jsx)("br",{}),(0,k.jsx)("div",{className:"text-nowrap mt-2 mb-1",children:t}),(0,k.jsx)(y.A,{readOnly:!0,valid:!0,type:a,value:s})]})};var C=s(2765);const S=function(e){var t,s,r,l,o,c,u,d,h;let{setConfiguring:m,clusterStatus:g,refreshStatus:p,compute_stack_id:j}=e;const N=(0,a.O$)(i.A,(e=>e.auth)),y=(0,a.O$)(i.A,(e=>e.url)),S=g.engine,P=1024,O=65535,[E,T]=(0,n.useState)({clusterRole:null===g||void 0===g||null===(t=g.cluster_role)||void 0===t?void 0:t.role,clusterUsername:(null===g||void 0===g||null===(s=g.cluster_user)||void 0===s?void 0:s.username)||"cluster_user",clusterPassword:(null===g||void 0===g||null===(r=g.cluster_user)||void 0===r?void 0:r.password)||"",clusterPort:(null===g||void 0===g?void 0:g.config_cluster_port)||"",clusterNodeName:(null===g||void 0===g?void 0:g.node_name)||j}),[R,M]=(0,n.useState)(null);function F(e){T({...E,...e})}return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(w,{label:"Cluster Role",handleChange:e=>F({clusterRole:e}),value:E.clusterRole,valid:(null===(l=E.clusterRole)||void 0===l?void 0:l.trim().length)>0,validator:e=>(null===e||void 0===e?void 0:e.trim().length)>0,editable:!(null!==g&&void 0!==g&&null!==(o=g.cluster_role)&&void 0!==o&&o.role),addSpace:!1}),(0,k.jsx)(w,{label:"Cluster User",handleChange:e=>F({clusterUsername:e}),value:E.clusterUsername,valid:E.clusterUsername.trim().length>0,validator:e=>e.trim().length>0,editable:!(null!==g&&void 0!==g&&null!==(c=g.cluster_user)&&void 0!==c&&c.username)}),(0,k.jsx)(w,{label:"Cluster Password",type:"password",handleChange:e=>F({clusterPassword:e}),value:null!==g&&void 0!==g&&null!==(u=g.cluster_user)&&void 0!==u&&u.username?"********":E.clusterPassword,valid:(null===g||void 0===g||null===(d=g.cluster_user)||void 0===d?void 0:d.username)||E.clusterPassword.trim().length>0,validator:e=>e.trim().length>0,editable:!(null!==g&&void 0!==g&&null!==(h=g.cluster_user)&&void 0!==h&&h.username),showDivider:!1}),(0,k.jsx)(w,{label:"Cluster Port",type:"number",max:O,min:P,handleChange:e=>F({clusterPort:e}),value:E.clusterPort,valid:E.clusterPort>=P&&E.clusterPort<=O,validator:e=>e>=P&&e<=O,errorMessage:"must be between 1024 and 65535",editable:!(null!==g&&void 0!==g&&g.config_cluster_port)}),(0,k.jsx)(w,{label:"Cluster Node Name",handleChange:e=>F({clusterNodeName:e}),value:E.clusterNodeName,valid:E.clusterNodeName.length>0,validator:e=>e.length>0,editable:!(null!==g&&void 0!==g&&g.node_name)}),(0,k.jsx)("hr",{className:"my-3"}),(0,k.jsx)(f.A,{block:!0,color:"success",disabled:!function(e){var t;let{clusterRole:s,clusterUsername:n,clusterPassword:a,clusterPort:r,clusterNodeName:l}=e;return(null===s||void 0===s?void 0:s.length)>0&&n.length>0&&((null===g||void 0===g||null===(t=g.cluster_user)||void 0===t?void 0:t.username)||a.length>0)&&l.length>0&&r>=P&&r<=O}(E),onClick:async function(){var e;if(M(null),null===(e=g.cluster_role)||void 0===e||!e.role){const e=await(0,C.A)({auth:N,url:y,role:E.clusterRole,permission:{cluster_user:!0}});if(e.error)return M(e.message)}if(!g.cluster_user){const e=await(0,x.A)({auth:N,url:y,role:E.clusterRole,username:E.clusterUsername,password:E.clusterPassword});if(e.error)return M(e.message)}const t="nats"===S?await(0,b.A)({auth:N,url:y,clustering_enabled:!0,clustering_nodeName:E.clusterNodeName,clustering_port:E.clusterPort,clustering_user:E.clusterUsername}):await(async e=>{let{CLUSTERING:t=!1,CLUSTERING_PORT:s,CLUSTERING_USER:n,NODE_NAME:a,auth:r,url:l}=e;return(0,_.A)({operation:{operation:"configure_cluster",CLUSTERING:t,CLUSTERING_PORT:s,CLUSTERING_USER:n,NODE_NAME:a},auth:r,url:l})})({auth:N,url:y,CLUSTERING:!0,CLUSTERING_PORT:E.clusterPort,CLUSTERING_USER:E.clusterUsername,NODE_NAME:E.clusterNodeName});return t.error?M(t.message):(window._kmq&&window._kmq.push(["record","enabled clustering"]),await(0,v.A)({auth:N,url:y}),setTimeout((()=>m(!0)),0),p())},children:"Enable Clustering"}),(0,k.jsx)("br",{}),R&&(0,k.jsx)(A,{error:R})]})};const P=function(e){let{setConfiguring:t,clusterStatus:s,refreshStatus:n}=e;const{compute_stack_id:r}=(0,l.g)(),f=null===s||void 0===s?void 0:s.cluster_role,v=(null===s||void 0===s?void 0:s.cluster_role)&&(null===s||void 0===s?void 0:s.cluster_user),b=(null===s||void 0===s?void 0:s.cluster_role)&&(null===s||void 0===s?void 0:s.cluster_user),_=(null===s||void 0===s?void 0:s.cluster_role)&&(null===s||void 0===s?void 0:s.cluster_user)&&(null===s||void 0===s?void 0:s.node_name),x=(0,a.O$)(i.A,(e=>e.rule_arn)),j=Boolean(x);return(0,k.jsxs)(o.A,{id:"clustering",children:[(0,k.jsxs)(c.A,{xl:"3",lg:"4",md:"5",xs:"12",children:[(0,k.jsx)("span",{className:"floating-card-header",children:"enable clustering"}),(0,k.jsx)(u.A,{className:"my-3",children:(0,k.jsx)(d.A,{children:(0,k.jsx)(h.tH,{onError:(e,t)=>(0,p.A)({error:{message:e.message,componentStack:t}}),FallbackComponent:g.A,children:(0,k.jsx)(S,{setConfiguring:t,refreshStatus:n,clusterStatus:s,compute_stack_id:r})})})})]}),(0,k.jsx)(c.A,{xl:"9",lg:"8",md:"7",xs:"12",children:_?(0,k.jsx)(m.A,{headline:"You're all set!",description:"Click the button at left to enable clustering. NOTE: We'll restart the instance when you click this button.",icon:(0,k.jsx)("i",{className:"fa fa-thumbs-up text-success"})}):b?(0,k.jsx)(m.A,{headline:"Set Instance Cluster Name",description:`We need to set a unique node name to identify your instance in the cluster. By default, we set it to "${r}", but you can choose your own unique node name.`,icon:(0,k.jsx)("i",{className:"fa fa-exclamation-triangle text-warning"})}):v?(0,k.jsx)(m.A,{headline:"Cluster Port Set To: 12345",description:"If your instance is behind a firewall, you'll need to ensure this port is accessible by other instances if you want to publish/subscribe to/from this instance.",icon:(0,k.jsx)("i",{className:"fa fa-thumbs-up text-success"})}):f?(0,k.jsx)(m.A,{headline:"Create a Cluster User",description:"If you have other instances you want to cluster together with this one, make sure the cluster user has the same name and password as those other instances.",warning:j?"HarperDB clustering functionality will not work between AWS cloud instances. We are working on upgrading our cloud infrastructure to support clustering functionality.":null,icon:(0,k.jsx)("i",{className:"fa fa-exclamation-triangle text-warning"})}):(0,k.jsx)(m.A,{headline:"Create a Cluster Role",description:"This role subscribes to instance transaction logs and handles operations that result from its pub/sub configuration.",icon:(0,k.jsx)("i",{className:"fa fa-exclamation-triangle text-warning"})})})]})};var O=s(7348);const E=function(e){let{handleAddNode:t,loading:s}=e;return(0,k.jsx)(f.A,{color:"purple",className:"round",title:"Connect To This Instance",disabled:s,onClick:t,children:(0,k.jsx)("i",{className:`fa ${s?"fa-spin fa-spinner":"fa-plus"} text-white`})})};const T=function(e){let{handleRemoveNode:t,showModal:s,loading:n}=e;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(f.A,{color:"danger",className:"round me-1",title:"Why isn't this instance clustering?",disabled:n,onClick:s,children:(0,k.jsx)("i",{className:"fa fa-exclamation"})}),(0,k.jsx)(f.A,{color:"purple",className:"round",title:"Disconnect From This Instance",disabled:n,onClick:t,children:(0,k.jsx)("i",{className:`fa ${n?"fa-spin fa-spinner":"fa-minus"} text-white`})})]})};const R=function(e){let{handleRemoveNode:t,loading:s}=e;return(0,k.jsx)(f.A,{color:"purple",className:"round",title:"Disconnect From This Instance",disabled:s,onClick:t,children:(0,k.jsx)("i",{className:`fa ${s?"fa-spin fa-spinner":"fa-minus"} text-white`})})};const M=function(){return(0,k.jsx)(f.A,{color:"purple",className:"round",title:"Connecting to this instance",disabled:!0,children:(0,k.jsx)("i",{className:"fa fa-spin fa-spinner text-white"})})};const F=function(e){let{handleConfigureNode:t,loading:s}=e;return(0,k.jsx)(f.A,{color:"success",className:"round me-1",title:"Enable Clustering",disabled:s,onClick:t,children:(0,k.jsx)("i",{className:`fa ${s?"fa-spin fa-spinner":"fa-share"} text-white`})})};const $=function(e){var t,s,n;let{setShowModal:a,item:r,itemType:l,loading:i,handleAddNode:u,handleRemoveNode:d,handleConfigureNode:h,refreshNetwork:m}=e;const g=r.compute_stack_id===i;return(0,k.jsxs)(o.A,{className:"item-row",children:[(0,k.jsx)(c.A,{className:"item-label "+("closed"===(null===(t=r.connection)||void 0===t?void 0:t.state)?"text-danger":""),children:r.instance_name}),(0,k.jsx)(c.A,{className:"item-action",children:"incompatible/unreachable"===l?null:"unconfigured"===l?(0,k.jsx)(F,{loading:g,handleConfigureNode:()=>h({compute_stack_id:r.compute_stack_id})}):"CREATE_IN_PROGRESS"===r.instance_status?(0,k.jsx)(f.A,{color:"grey",className:"round",title:"Creating Instance",disabled:!0,children:(0,k.jsx)("i",{className:"fa fa-spin fa-spinner"})}):r.connection?"closed"===(null===(s=r.connection)||void 0===s?void 0:s.state)?(0,k.jsx)(T,{loading:g,handleRemoveNode:()=>d({compute_stack_id:r.compute_stack_id}),showModal:()=>a(r.instance_name)}):"connecting"===(null===(n=r.connection)||void 0===n?void 0:n.state)?(0,k.jsx)(M,{refreshNetwork:m}):(0,k.jsx)(R,{loading:g,handleRemoveNode:()=>d({compute_stack_id:r.compute_stack_id,instance_host:r.instance_host,clusterPort:r.clusterPort})}):(0,k.jsx)(E,{loading:g,handleAddNode:()=>u({compute_stack_id:r.compute_stack_id,instance_url:r.instance_url,instance_host:r.instance_host,clusterPort:r.clusterPort})})})]})};var I=s(1534);const L=function(e){let{items:t,itemType:s,setShowModal:r,loading:h,setLoading:m,refreshNetwork:g}=e;const{customer_id:p}=(0,l.g)(),f=(0,l.Zp)(),v=(0,O.MW)(),b=(0,a.O$)(i.A,(e=>e.compute_stack_id)),x=(0,a.O$)(i.A,(e=>e.auth),[b]),j=(0,a.O$)(i.A,(e=>e.url),[b]),N=(0,a.O$)(i.A,(e=>e.is_local),[b]),A=(0,a.O$)(i.A,(e=>{var t;return parseFloat(null===(t=e.auth)||void 0===t?void 0:t.version)>=4?"nats":"socketcluster"}),[b]),y=(0,n.useCallback)((async e=>{m(e.compute_stack_id);const t="nats"===A?await(async e=>{let{auth:t,url:s,server:n="hub",routes:a}=e;return(0,_.A)({operation:{operation:"cluster_set_routes",server:n,routes:a},auth:t,url:s})})({auth:x,url:j,routes:[{host:e.instance_host,port:e.clusterPort}]}):await(async e=>{let{compute_stack_id:t,instance_host:s,clusterPort:n,auth:a,url:r}=e;return(0,_.A)({operation:{operation:"add_node",name:t,node_name:t,host:s,port:n,subscriptions:[]},auth:a,url:r})})({...e,auth:x,url:j,is_local:N,customer_id:p});t.error?(v.error("localhost"===e.instance_host?"External instances cannot reach that instance's URL":t.message),m(!1)):("nats"===A&&await(0,I.A)({auth:x,url:j,service:"clustering config"}),await g()),m(!1)}),[m,x,j,N,p,g,v,A]),w=(0,n.useCallback)((async e=>{m(e.compute_stack_id);const t="nats"===A?await(async e=>{let{auth:t,url:s,routes:n}=e;return(0,_.A)({operation:{operation:"cluster_delete_routes",routes:n},auth:t,url:s})})({auth:x,url:j,routes:[{host:e.instance_host,port:e.clusterPort}]}):await(async e=>{let{compute_stack_id:t,auth:s,url:n}=e;return(0,_.A)({operation:{operation:"remove_node",name:t,node_name:t},auth:s,url:n})})({...e,auth:x,url:j,is_local:N,customer_id:p});t.error?(v.error(t.message),m(!1)):("nats"===A&&await(0,I.A)({auth:x,url:j,service:"clustering config"}),await g()),m(!1)}),[m,x,j,N,p,g,v,A]),C=(0,n.useCallback)((e=>f(`/o/${p}/i/${e.compute_stack_id}/cluster`)),[f,p]);return(0,k.jsxs)("div",{className:"entity-manager",children:[(0,k.jsxs)("div",{className:"floating-card-header",children:[s," instances"]}),(0,k.jsx)(u.A,{className:"my-3",children:(0,k.jsx)(d.A,{children:null!==t&&void 0!==t&&t.length?t.map((e=>(0,k.jsx)($,{item:e,itemType:s,setShowModal:r,handleAddNode:y,handleRemoveNode:w,handleConfigureNode:C,loading:h,refreshNetwork:g},e.instance_name))):t?(0,k.jsx)(o.A,{className:"item-row",children:(0,k.jsxs)(c.A,{className:"item-label",children:["There are no ",s," instances"]})}):(0,k.jsx)(o.A,{className:"item-row",children:(0,k.jsx)(c.A,{className:"item-label",children:(0,k.jsx)("i",{className:"fa fa-spinner fa-spin"})})})})})]})};var U=s(4343);const z={filtered:[],sorted:[],page:0,totalPages:1,pageSize:20,autoRefresh:!1,showFilter:!1,lastUpdate:!1};const D=function(e){let{refreshNetwork:t,loading:s,setLoading:r}=e;const l=(0,a.O$)(i.A,(e=>e.clusterDataTable||[])),h=(0,a.O$)(i.A,(e=>e.clusterDataTableColumns||[])),[m,g]=(0,n.useState)(z);(0,n.useEffect)((()=>{g({...m,totalPages:Math.ceil((l.length||m.pageSize)/m.pageSize)})}),[g,m.pageSize]);const p=(0,n.useCallback)((async()=>{r(!0),t()}),[r,t]);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(o.A,{className:"floating-card-header",children:[(0,k.jsx)(c.A,{children:"manage clustering"}),(0,k.jsx)(c.A,{className:"text-end",children:(0,k.jsxs)(f.A,{color:"link",onClick:p,className:"me-2",children:[(0,k.jsx)("span",{className:"me-2",children:"refresh network"}),(0,k.jsx)("i",{title:"Refresh Roles",className:"fa "+(s?"fa-spinner fa-spin":"fa-sync-alt")})]})})]}),(0,k.jsx)(u.A,{className:"my-3",children:(0,k.jsx)(d.A,{className:"react-table-holder "+(s?"loading":""),children:null!==l&&void 0!==l&&l.length?(0,k.jsx)(U.A,{columns:h,data:l,page:m.page,pageSize:m.pageSize,totalPages:m.totalPages,showFilter:m.showFilter,sorted:m.sorted,onFilteredChange:e=>g({...m,filtered:e}),onSortedChange:e=>g({...m,sorted:e}),onPageChange:e=>g({...m,pageSize:e}),onPageSizeChange:e=>g({...m,page:0,pageSize:e})}):(0,k.jsx)("div",{className:"empty-prompt",children:"Please connect at least one instance to configure clustering"})})})]})};var G=s(6685),B=s(1340),X=s(877);const H=function(e){let{showModal:t,setShowModal:s}=e;const{compute_stack_id:n}=(0,l.g)(),r=(0,a.O$)(i.A,(e=>e.instance_name),[n]);return(0,k.jsxs)(G.A,{id:"cluster-state-modal",isOpen:!!t,toggle:()=>s(!1),centered:!0,fade:!1,children:[(0,k.jsx)(B.A,{toggle:()=>s(!1),children:"Instance Cluster Error"}),(0,k.jsx)(X.A,{children:(0,k.jsx)(u.A,{children:(0,k.jsxs)(d.A,{children:[(0,k.jsx)("b",{children:r})," is unable to open a connection to ",(0,k.jsx)("b",{children:t}),".",(0,k.jsx)("hr",{className:"my-3"}),(0,k.jsxs)("ul",{children:[(0,k.jsx)("li",{children:"Clustered instances must be able to reach each other. This may require allowing access through a firewall."}),(0,k.jsx)("li",{children:"Both instances must be running. In the event of a restart, instances will automatically attempt to reconnect."}),(0,k.jsxs)("li",{children:["Clustered instances must have the same cluster user ",(0,k.jsx)("b",{children:"name"})," and ",(0,k.jsx)("b",{children:"password"}),". You can edit an instance's cluster user credentials in the ",(0,k.jsx)("b",{children:"config"})," ","section."]})]}),(0,k.jsx)("hr",{className:"my-3"}),"If none of these help fix the issue, you can disconnect ",(0,k.jsx)("b",{children:t})," from ",(0,k.jsx)("b",{children:r})," by clicking the purple disconnect button with the minus sign."]})})})]})};var q=s(2414),W=s.n(q);var Y=s(1110);const J=async e=>{let{channel:t,subscriptions:s,buttonState:n,instance_host:a,clusterPort:r,clusterName:l,auth:o,url:c}=e;const u=JSON.parse(JSON.stringify(s)),d=u.findIndex((e=>e.channel===t)),[h,m]=t.split(":");-1===d?u.push({channel:t,schema:h,table:m,publish:"togglePublish"===n,subscribe:"toggleSubscribe"===n}):"togglePublish"===n?u[d].publish=!u[d].publish:"toggleSubscribe"===n&&(u[d].subscribe=!u[d].subscribe),u[d]&&!u[d].publish&&u[d].subscribe;const g={operation:"update_node",name:l,node_name:l,host:a,port:r,subscriptions:u},p=await(0,_.A)({operation:g,auth:o,url:c});return p.error&&-1!==p.message.indexOf("add_node")&&(g.operation="add_node",await(0,_.A)({operation:g,auth:o,url:c})),i.A.update((e=>{e.lastUpdate=Date.now()}))};var V=s(5346),K=s(396),Z=s(6177);const Q=async e=>{let{instance:t,auth:s}=e;const n=s&&await(0,Z.A)({auth:s,url:t.url}),a=s&&await(0,V.A)({auth:s,url:t.url}),{structure:r}=a?(0,K.A)(a):{structure:{}},l=new URL(t.url),i={...t,auth:s,structure:r,host:l.hostname,clustering:n};return Object.entries(i).reduce(((e,t)=>{let[s,n]=t;return null==n||(e[s]=n),e}),{})},ee=async e=>{let{auth:t,url:s,instances:n,connections:a}=e;const r=await(async e=>{let{auth:t,url:s}=e;return(0,_.A)({operation:{operation:"cluster_get_routes"},auth:t,url:s})})({auth:t,url:s});return r.hub.map((e=>{var t;const s=n.find((t=>t.host===e.host||t.private_ip===e.host));if(!s)return!1;const r=s.host===s.private_ip?s.private_ip:s.host,l=a.find((e=>{var t;return e.node_name===(null===s||void 0===s||null===(t=s.clustering)||void 0===t?void 0:t.node_name)})),i=(null===l||void 0===l||null===(t=l.subscriptions)||void 0===t?void 0:t.map((e=>({channel:`${e.schema}:${e.table}`,...e}))))||[];return{host:r,port:e.port,state:"open",name:null===s||void 0===s?void 0:s.compute_stack_id,subscriptions:i}})).filter((e=>!1!==e))},te=e=>{let{connections:t}=e;return t?t.filter((e=>-1===e.host_address.indexOf("::ffff"))).map((e=>({name:e.node_name,host:e.host_address,port:e.host_port,state:e.state,subscriptions:e.subscriptions}))):[]},se=async e=>{let{auth:t,url:s,instances:n,compute_stack_id:a,instanceAuths:r,setLoading:l}=e;const o=await Promise.all(n.filter((e=>!!r[e.compute_stack_id])).map((e=>Q({instance:e,auth:r[e.compute_stack_id]})))),c=o.find((e=>e.compute_stack_id===a)),u=c.clustering.message||!c.clustering.is_enabled?[]:"nats"===c.clustering.engine?await ee({auth:t,url:s,instances:o,connections:c.clustering.connections}):te({connections:c.clustering.status.outbound_connections}),d={is_enabled:c.clustering.is_enabled,connections:u},h=(e=>{let{instances:t,network:s,instance_region:n,instance_wavelength_zone_id:a,instance_cluster_engine:r}=e;const l=t.filter((e=>e.url&&"DELETE_IN_PROGRESS"!==e.status)).filter((e=>e.clustering.engine===r)).map((e=>{var t,l;const i="socketcluster"===r?null===s||void 0===s?void 0:s.connections.find((t=>t.name===e.compute_stack_id)):null===s||void 0===s?void 0:s.connections.find((t=>t.host===e.host)),o=(null===i||void 0===i?void 0:i.subscriptions)||[],c=null===e||void 0===e||null===(t=e.clustering)||void 0===t?void 0:t.config_cluster_port,u=e.is_local?"OK":e.status,d=!n||n!==e.instance_region||e.wavelength_zone_id||a?e.url.match(/^https?:\/\/([^/:?#]+)(?:[/:?#]|$)/i)[1]:e.private_ip,h=e.clustering.node_name;return{instance_name:e.instance_name,instance_url:e.url,compute_stack_id:e.compute_stack_id,instance_status:u,instance_host:d,clusterPort:c,clusterName:h,connection:i,subscriptions:o,structure:e.structure,configured:null===(l=e.clustering)||void 0===l?void 0:l.is_ready}})),i=t.filter((e=>e.clustering.engine!==r)).map((e=>({instance_name:e.instance_name,compute_stack_id:e.name})));return{connected:l.filter((e=>e.connection&&e.configured)),unconnected:l.filter((e=>!e.connection&&e.configured)),unconfigured:l.filter((e=>!e.configured)),unreachable:i}})({instances:o.filter((e=>r[e.compute_stack_id]&&e.compute_stack_id!==a)),network:d,instance_region:c.instance_region,instance_wavelength_zone_id:c.wavelength_zone_id,instance_cluster_engine:c.clustering.engine}),m=(e=>{let{instances:t,structure:s}=e;if(!s||!t.length)return[];const n=[];return t.map((e=>{const t=W()(e.structure,s);return Object.keys(t).sort().map(((s,a)=>(Object.keys(t[s]).sort().map(((t,r)=>{const l=`${s}:${t}`,i=l&&e.subscriptions.find((e=>e.channel===l)),o=i&&i.publish,c=i&&i.subscribe;return n.push({is_first_instance:0===a&&0===r,is_first_schema:0===r,instance_name:e.instance_name,schema:s,table:t,compute_stack_id:e.compute_stack_id,instance_host:e.instance_host,clusterPort:e.clusterPort,clusterName:e.clusterName,subscriptions:e.subscriptions,channel:l,publish:o,subscribe:c}),!0})),!0))),!0})),n})({instances:h.connected.filter((e=>"closed"!==e.connection.state)),structure:c.structure}),g=(e=>{let{auth:t,url:s,buildNetwork:n,setLoading:a}=e;return[{Header:"instance",Cell:e=>{let{row:{original:{is_first_instance:t,instance_name:s}}}=e;return(0,k.jsx)("div",{className:t?"text-bold":"text-grey",children:s})}},{Header:"schema",Cell:e=>{let{row:{original:{is_first_schema:t,schema:s}}}=e;return(0,k.jsx)("div",{className:t?"text-bold":"text-grey",children:s})}},{Header:"table",accessor:"table"},{Header:"publish",id:"hdb-narrow-publish",Cell:e=>{let{row:{original:{compute_stack_id:r,instance_host:l,instance_name:i,clusterPort:o,clusterName:c,subscriptions:u,publish:d,channel:h}}}=e;return(0,k.jsx)(Y.A,{checked:d||!1,onChange:async()=>{a(r),await J({channel:h,subscriptions:u,instance_host:l,instance_name:i,clusterPort:o,clusterName:c,auth:t,url:s,buttonState:"togglePublish"}),n()}})}},{Header:"subscribe",id:"hdb-narrow-subscribe",Cell:e=>{let{row:{original:{compute_stack_id:r,instance_host:l,instance_name:i,clusterPort:o,clusterName:c,subscriptions:u,subscribe:d,channel:h}}}=e;return(0,k.jsx)(Y.A,{checked:d||!1,onChange:async()=>{a(r),await J({channel:h,subscriptions:u,instance_host:l,instance_name:i,clusterPort:o,clusterName:c,auth:t,url:s,buttonState:"toggleSubscribe"}),n()}})}}]})({auth:t,url:c.url,compute_stack_id:a,buildNetwork:()=>se({auth:t,url:s,instances:n,compute_stack_id:a,instanceAuths:r,setLoading:l}),setLoading:l});return i.A.update((e=>{e.network=d,e.clusterPartners=h,e.clusterDataTable=m,e.clusterDataTableColumns=g,e.instances=o})),l(!1),{network:d,clusterPartners:h,clusterDataTable:m,clusterDataTableColumns:g}},ne=se;var ae=s(5553),re=s(4319);const le=function(e){let{configuring:t}=e;const{compute_stack_id:s}=(0,l.g)(),u=(0,a.O$)(ae.A,(e=>e.instances)),[d]=(0,re.A)({}),m=(0,a.O$)(i.A,(e=>e.auth),[s]),f=(0,a.O$)(i.A,(e=>e.url),[s]),v=(0,a.O$)(i.A,(e=>e.clusterPartners),[s]),b=(0,a.O$)(i.A,(e=>e.restarting),[s]),_="socketcluster"===(0,a.O$)(i.A,(e=>{var t;return parseFloat(null===(t=e.registration)||void 0===t?void 0:t.version)>=4?"nats":"socketcluster"}),[s])&&(null===v||void 0===v?void 0:v.connected.some((e=>"connecting"===e.connection.state))),[x,j]=(0,n.useState)(!1),[N,A]=(0,n.useState)(!1),y=(0,n.useCallback)((async()=>{m&&f&&u&&s&&!b&&!t&&await ne({auth:m,url:f,instances:u,compute_stack_id:s,instanceAuths:d,setLoading:A})}),[m,f,u,s,b,d,t]);return(0,n.useEffect)((()=>{y()}),[y]),(0,r.A)((()=>_&&y()),1500),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(o.A,{id:"clustering",children:[(0,k.jsx)(c.A,{xl:"3",lg:"4",md:"6",xs:"12",children:(0,k.jsxs)(h.tH,{onError:(e,t)=>(0,p.A)({error:{message:e.message,componentStack:t}}),FallbackComponent:g.A,children:[(0,k.jsx)(L,{items:null===v||void 0===v?void 0:v.connected,itemType:"connected",loading:N,refreshNetwork:y,setLoading:A,setShowModal:j}),(0,k.jsx)(L,{items:null===v||void 0===v?void 0:v.unconnected,itemType:"unconnected",loading:N,refreshNetwork:y,setLoading:A}),(0,k.jsx)(L,{items:null===v||void 0===v?void 0:v.unconfigured,itemType:"unconfigured",loading:N}),(0,k.jsx)(L,{items:null===v||void 0===v?void 0:v.unreachable,itemType:"incompatible/unreachable",loading:N})]})}),(0,k.jsx)(c.A,{xl:"9",lg:"8",md:"6",xs:"12",children:(0,k.jsx)(D,{refreshNetwork:y,loading:N,setLoading:A})})]}),(0,k.jsx)(H,{showModal:x,setShowModal:j})]})};var ie=s(4979);const oe=function(){const{compute_stack_id:e}=(0,l.g)(),t=(0,a.O$)(i.A,(e=>e.auth),[e]),s=(0,a.O$)(i.A,(e=>e.url),[e]),[o,c]=(0,n.useState)(!1),[u,d]=(0,n.useState)(!1),h=(0,n.useCallback)((async()=>{if(t&&s){const e=await(0,Z.A)({auth:t,url:s});c(e),e.is_ready&&d(!1)}}),[t,s]);return(0,r.A)((async()=>{u&&h()}),3e3),(0,n.useEffect)((()=>{h()}),[h]),(0,n.useEffect)((()=>{c(!1)}),[e]),o?u?(0,k.jsx)(m.A,{description:"Configuring Clustering",icon:(0,k.jsx)("i",{className:"fa fa-spinner fa-spin"})}):o.is_ready?(0,k.jsx)(le,{configuring:u}):(0,k.jsx)(P,{setConfiguring:d,clusterStatus:o,refreshStatus:h}):(0,k.jsx)(ie.A,{header:"loading network",spinner:!0})}},4343:(e,t,s)=>{s.d(t,{A:()=>x});var n=s(9950),a=s(2043),r=s(5488),l=s(9435),i=s(7176),o=s(6114),c=s(4414);const u=e=>{let{headerGroups:t,onSortedChange:s,sorted:n,showFilter:a}=e;return t.map((e=>{const{key:t,...r}=e.getHeaderGroupProps();return(0,c.jsxs)("div",{...r,children:[(0,c.jsx)(i.A,{className:"header g-0",children:e.headers.map((e=>{var t,a;return(0,c.jsx)(o.A,{onClick:()=>{var t,a;return s([{id:e.id,desc:(null===(t=n[0])||void 0===t?void 0:t.id)===e.id&&!(null!==(a=n[0])&&void 0!==a&&a.desc)}])},className:`${(null===(t=n[0])||void 0===t?void 0:t.id)===e.id?"sorted":""} ${null!==(a=n[0])&&void 0!==a&&a.desc?"desc":"asc"} ${-1!==e.id.indexOf("hdb-narrow")?"action":""} px-1`,children:(0,c.jsx)("div",{className:"text-renderer",children:e.render("Header")})},e.id)}))}),a&&(0,c.jsx)(i.A,{className:"filter g-0",children:e.headers.map((e=>(0,c.jsx)(o.A,{className:-1!==e.id.indexOf("hdb-narrow")?"action":"",children:e.render("Filter")},e.id)))})]},t)}))};var d=s(3452);const h=function(e){let{page:t,pageSize:s,totalPages:n,onPageChange:a,onPageSizeChange:l,loading:u}=e;return(0,c.jsxs)(i.A,{className:"pagination",children:[(0,c.jsx)(o.A,{xs:"12",sm:"2",className:"previous",children:(0,c.jsx)(d.A,{className:"mb-2 btn-pagination",color:"purple",block:!0,onClick:()=>a(t-1),disabled:!n||0===t,children:(0,c.jsx)("i",{className:"fa fa-chevron-left"})})}),(0,c.jsxs)(o.A,{xs:"12",sm:"4",className:"paginator",children:[(0,c.jsx)("i",{className:"fa fa-book me-2"}),(0,c.jsx)(r.A,{className:"mb-2",type:"number",value:t+1,min:1,max:n,onChange:e=>a(e.target.value-1)}),(0,c.jsxs)("div",{className:"page-count",children:["\xa0/\xa0",u?(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"}):n]})]}),(0,c.jsx)(o.A,{xs:"12",sm:"4",className:"page-size",children:(0,c.jsx)(r.A,{className:"mb-2",type:"select",value:s,onChange:e=>l(e.target.value),children:[20,50,100,250].map((e=>(0,c.jsxs)("option",{value:e,children:[e," rows"]},e)))})}),(0,c.jsx)(o.A,{xs:"12",sm:"2",className:"next",children:(0,c.jsx)(d.A,{className:"mb-2 pull-right btn-pagination",block:!0,color:"purple",onClick:()=>a(t+1),disabled:!n||t+1===n,children:(0,c.jsx)("i",{className:"fa fa-chevron-right"})})})]})};const m=function(e){let{previousPage:t,canPreviousPage:s,pageIndex:n,gotoPage:a,setPageSize:l,pageCount:u,nextPage:h,canNextPage:m,loading:g}=e;return(0,c.jsxs)(i.A,{className:"pagination",children:[(0,c.jsx)(o.A,{xs:"12",sm:"2",className:"previous",children:(0,c.jsx)(d.A,{className:"mb-2 btn-pagination",color:"purple",block:!0,onClick:t,disabled:!u||!s,children:(0,c.jsx)("i",{className:"fa fa-chevron-left"})})}),(0,c.jsxs)(o.A,{xs:"12",sm:"4",className:"paginator",children:[(0,c.jsx)("i",{className:"fa fa-book me-2"}),(0,c.jsx)(r.A,{className:"mb-2",type:"number",value:n+1||1,min:1,max:u,onChange:e=>a(e.target.value?Number(e.target.value)-1:0)}),(0,c.jsxs)("div",{className:"page-count",children:["\xa0/\xa0",g?(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"}):u]})]}),(0,c.jsx)(o.A,{xs:"12",sm:"4",className:"page-size",children:(0,c.jsx)(r.A,{className:"mb-2",type:"select",onChange:e=>{a(0),setTimeout((()=>l(e.target.value)),1e3)},children:[20,50,100,250].map((e=>(0,c.jsxs)("option",{value:e,children:[e," rows"]},e)))})}),(0,c.jsx)(o.A,{xs:"12",sm:"2",className:"next",children:(0,c.jsx)(d.A,{className:"mb-2 pull-right btn-pagination",block:!0,color:"purple",onClick:h,disabled:!u||!m,children:(0,c.jsx)("i",{className:"fa fa-chevron-right"})})})]})};const g=function(e){let{prepareRow:t,row:s,onRowClick:n=!1}=e;return t(s),(0,c.jsx)(i.A,{onClick:()=>n&&n(s.original),className:"g-0",children:s.cells.map((e=>(0,c.jsx)(o.A,{className:-1!==e.column.id.indexOf("hdb-narrow")?"action":"",children:e.render("Cell")},`${e.row.id}-${e.column.id}`)))})};var p=s(3628),f=s(3150);function v(e){let{value:t}=e;return(0,c.jsx)("div",{className:"text-renderer",children:t})}function b(e){let{src:t}=e;const[s,a]=(0,n.useState)(!1),[r,l]=(0,n.useState)(!1);return(0,c.jsxs)("div",{className:"image-renderer",onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[(0,c.jsx)("i",{className:"fa fa-image"}),s&&r?(0,c.jsxs)("div",{className:"preview-image no-image",children:[(0,c.jsx)("i",{className:"fa fa-ban text-danger"}),(0,c.jsx)("div",{className:"mt-2",children:"image failed to load"})]}):s?(0,c.jsx)("img",{onError:l,alt:t,src:t,className:"preview-image"}):null]})}const _={Filter:e=>{let{column:{filterValue:t,setFilter:s}}=e;return(0,c.jsx)(r.A,{type:"text",value:t||"",onChange:e=>s(e.target.value||void 0)})},Cell:e=>{let{value:t}=e;return(e=>{switch(Object.prototype.toString.call(e)){case"[object Array]":case"[object Object]":return(0,c.jsx)(v,{value:JSON.stringify(e)});case"[object Boolean]":return(0,c.jsx)(v,{value:e?"true":"false"});case"[object String]":return(t=e)&&(t.match(/^https?.*\.(jpeg|jpg|gif|png)$/)||-1!==t.indexOf("data:image"))?(0,c.jsx)(b,{src:e}):(0,c.jsx)(v,{value:e});default:return(0,c.jsx)(v,{value:e})}var t})(t)}};const x=function(e){let{columns:t,data:s,currentPage:r,pageSize:i,totalPages:o,onFilteredChange:d,onSortedChange:v,onPageChange:b,onPageSizeChange:x,showFilter:j,onRowClick:N,sorted:k,loading:A,manual:y=!1}=e;const{headerGroups:w,page:C,rows:S,prepareRow:P,state:O,setAllFilters:E,canPreviousPage:T,canNextPage:R,pageOptions:M,pageCount:F,gotoPage:$,nextPage:I,previousPage:L,setPageSize:U}=(0,a.useTable)({columns:t,data:s,defaultColumn:_,onFilteredChange:d,onSortedChange:v,onPageChange:b,onPageSizeChange:x,onRowClick:N,manualPagination:y,manualFilters:y,initialState:{pageIndex:r,pageSize:i}},a.useFilters,a.usePagination),[z,D]=(0,n.useState)(!0),G=y||!C.length?S:C;return(0,n.useEffect)((()=>{!j&&O.filters.length?E([]):d(O.filters)}),[O.filters,j]),(0,n.useEffect)((()=>{setTimeout((()=>D(!1)),100)}),[null===G||void 0===G?void 0:G.length]),(0,c.jsxs)(l.tH,{onError:(e,t)=>(0,p.A)({error:{message:e.message,componentStack:t}}),FallbackComponent:f.A,children:[(0,c.jsxs)("div",{className:"react-table-scroller",children:[(0,c.jsx)(u,{headerGroups:w,onSortedChange:v,sorted:k,showFilter:j}),A||z?(0,c.jsx)("div",{className:"centered text-center",children:(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"})}):G.length?G.map((e=>(0,c.jsx)(g,{row:e,prepareRow:P,onRowClick:N},e.id))):(0,c.jsxs)("div",{className:"centered text-center",children:[(0,c.jsx)("i",{className:"fa fa-exclamation-triangle text-danger"}),(0,c.jsx)("div",{className:"mt-2 text-darkgrey",children:"no records"})]})]}),y?(0,c.jsx)(h,{page:r,pageSize:i,totalPages:o,onPageChange:b,onPageSizeChange:x,loading:A}):(0,c.jsx)(m,{previousPage:L,pageSize:i,canPreviousPage:T,pageIndex:O.pageIndex,pageOptions:M,gotoPage:$,setPageSize:U,pageCount:F,nextPage:I,canNextPage:R,loading:A})]})}},2765:(e,t,s)=>{s.d(t,{A:()=>a});var n=s(127);const a=async e=>{let{auth:t,url:s,role:a,permission:r}=e;return(0,n.A)({operation:{operation:"add_role",role:a,permission:r},auth:t,url:s})}},8198:(e,t,s)=>{s.d(t,{A:()=>a});var n=s(127);const a=async e=>{let{auth:t,role:s,username:a,password:r,url:l}=e;return(0,n.A)({operation:{operation:"add_user",role:s,username:a,password:r,active:!0},auth:t,url:l})}},8750:(e,t,s)=>{s.d(t,{A:()=>a});var n=s(127);const a=async e=>{let{auth:t,url:s}=e;return(0,n.A)({operation:{operation:"get_configuration"},auth:t,url:s})}},2415:(e,t,s)=>{s.d(t,{A:()=>r});var n=s(127),a=s(5269);const r=async e=>{let{auth:t,url:s}=e;const r=await(0,n.A)({operation:{operation:"list_roles"},auth:t,url:s}),l=[...Array.isArray(r)?r:[]].sort(((e,t)=>e.role.toLowerCase()>t.role.toLowerCase()?1:-1));return a.A.update((e=>{e.roles=l})),l}},8222:(e,t,s)=>{s.d(t,{A:()=>r});var n=s(127),a=s(5269);const r=async e=>{let{auth:t,url:s,signal:r}=e;const l=await(0,n.A)({operation:{operation:"list_users"},auth:t,url:s,signal:r}),i=Array.isArray(l)?[...l].map((e=>({username:e.username,role:e.role.role}))).sort(((e,t)=>e.username.toLowerCase()>t.username.toLowerCase()?1:-1)):[];return a.A.update((e=>{e.users=i})),i}},2010:(e,t,s)=>{s.d(t,{A:()=>r});var n=s(127),a=s(5269);const r=async e=>{let{auth:t,url:s}=e;return a.A.update((e=>{e.restarting=!0})),(0,n.A)({operation:{operation:"restart"},auth:t,url:s})}},1534:(e,t,s)=>{s.d(t,{A:()=>r});var n=s(127),a=s(5269);const r=async e=>{let{auth:t,url:s,service:r=null}=e;return r?(a.A.update((e=>{e.restarting_service=r})),(0,n.A)({operation:{operation:"restart_service",service:r},auth:t,url:s})):{error:!0,message:"You must specify a service"}}},4834:(e,t,s)=>{s.d(t,{A:()=>a});var n=s(127);const a=async e=>{let{auth:t,url:s,...a}=e;return(0,n.A)({operation:{operation:"set_configuration",...a},auth:t,url:s})}},6177:(e,t,s)=>{s.d(t,{A:()=>o});var n=s(8750),a=s(2415),r=s(8222),l=s(717),i=s(127);const o=async e=>{let{auth:t,url:s}=e;const o=await(0,n.A)({auth:t,url:s}),c=await(0,l.A)({auth:t,url:s}),u=await(async e=>{let{auth:t,url:s}=e;return(0,i.A)({operation:{operation:"cluster_status"},auth:t,url:s})})({auth:t,url:s}),d=parseFloat(null===c||void 0===c?void 0:c.version)>=4?"nats":"socketcluster",h=await(0,a.A)({auth:t,url:s});let m=!1;h.error||(m=h.find((e=>e.permission.cluster_user)));const g=await(0,r.A)({auth:t,url:s});let p=!1;g.error||(p=m&&g.find((e=>e.role===m.role)));const f="nats"===d?o.clustering.enabled:o.CLUSTERING,v="nats"===d?o.clustering.user:o.CLUSTERING_USER,b="nats"===d?o.clustering.hubServer.cluster.network.port:o.CLUSTERING_PORT,_="nats"===d?o.clustering.nodeName:o.NODE_NAME;return{is_ready:!!f&&!!p&&!!v&&!!m&&!!b&&!!_,cluster_role:m,cluster_user:p,is_enabled:f,config_cluster_user:v,config_cluster_port:b,node_name:_,engine:d,status:null===u||void 0===u?void 0:u.status,message:null===u||void 0===u?void 0:u.message,connections:null===u||void 0===u?void 0:u.connections}}},2414:e=>{var t=function(e){return function(e){return!!e&&"object"===typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===s}(e)}(e)};var s="function"===typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function n(e,t){return!1!==t.clone&&t.isMergeableObject(e)?o((s=e,Array.isArray(s)?[]:{}),e,t):e;var s}function a(e,t,s){return e.concat(t).map((function(e){return n(e,s)}))}function r(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function l(e,t){try{return t in e}catch(s){return!1}}function i(e,t,s){var a={};return s.isMergeableObject(e)&&r(e).forEach((function(t){a[t]=n(e[t],s)})),r(t).forEach((function(r){(function(e,t){return l(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,r)||(l(e,r)&&s.isMergeableObject(t[r])?a[r]=function(e,t){if(!t.customMerge)return o;var s=t.customMerge(e);return"function"===typeof s?s:o}(r,s)(e[r],t[r],s):a[r]=n(t[r],s))})),a}function o(e,s,r){(r=r||{}).arrayMerge=r.arrayMerge||a,r.isMergeableObject=r.isMergeableObject||t,r.cloneUnlessOtherwiseSpecified=n;var l=Array.isArray(s);return l===Array.isArray(e)?l?r.arrayMerge(e,s,r):i(e,s,r):n(s,r)}o.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,s){return o(e,s,t)}),{})};var c=o;e.exports=c},4010:(e,t,s)=>{Object.defineProperty(t,"__esModule",{value:!0});var n,a=s(9950),r=(n=a)&&n.__esModule?n:{default:n};t.default=function(){return r.default.createElement("svg",{width:"14",height:"11",viewBox:"0 0 14 11"},r.default.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}))}},1110:(e,t,s)=>{var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n])}return e},a=function(){function e(e,t){for(var s=0;s<t.length;s++){var n=t[s];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,s,n){return s&&e(t.prototype,s),n&&e(t,n),t}}(),r=s(9950),l=h(r),i=h(s(8738)),o=h(s(1942)),c=h(s(4010)),u=h(s(4990)),d=s(6104);function h(e){return e&&e.__esModule?e:{default:e}}var m=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var s=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return s.handleClick=s.handleClick.bind(s),s.handleTouchStart=s.handleTouchStart.bind(s),s.handleTouchMove=s.handleTouchMove.bind(s),s.handleTouchEnd=s.handleTouchEnd.bind(s),s.handleFocus=s.handleFocus.bind(s),s.handleBlur=s.handleBlur.bind(s),s.previouslyChecked=!(!e.checked&&!e.defaultChecked),s.state={checked:!(!e.checked&&!e.defaultChecked),hasFocus:!1},s}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),a(t,[{key:"componentDidUpdate",value:function(e){e.checked!==this.props.checked&&this.setState({checked:!!this.props.checked})}},{key:"handleClick",value:function(e){if(!this.props.disabled){var t=this.input;if(e.target!==t&&!this.moved)return this.previouslyChecked=t.checked,e.preventDefault(),t.focus(),void t.click();var s=this.props.hasOwnProperty("checked")?this.props.checked:t.checked;this.setState({checked:s})}}},{key:"handleTouchStart",value:function(e){this.props.disabled||(this.startX=(0,d.pointerCoord)(e).x,this.activated=!0)}},{key:"handleTouchMove",value:function(e){if(this.activated&&(this.moved=!0,this.startX)){var t=(0,d.pointerCoord)(e).x;this.state.checked&&t+15<this.startX?(this.setState({checked:!1}),this.startX=t,this.activated=!0):t-15>this.startX&&(this.setState({checked:!0}),this.startX=t,this.activated=t<this.startX+5)}}},{key:"handleTouchEnd",value:function(e){if(this.moved){var t=this.input;if(e.preventDefault(),this.startX){var s=(0,d.pointerCoord)(e).x;!0===this.previouslyChecked&&this.startX+4>s?this.previouslyChecked!==this.state.checked&&(this.setState({checked:!1}),this.previouslyChecked=this.state.checked,t.click()):this.startX-4<s&&this.previouslyChecked!==this.state.checked&&(this.setState({checked:!0}),this.previouslyChecked=this.state.checked,t.click()),this.activated=!1,this.startX=null,this.moved=!1}}}},{key:"handleFocus",value:function(e){var t=this.props.onFocus;t&&t(e),this.setState({hasFocus:!0})}},{key:"handleBlur",value:function(e){var t=this.props.onBlur;t&&t(e),this.setState({hasFocus:!1})}},{key:"getIcon",value:function(e){var s=this.props.icons;return s?void 0===s[e]?t.defaultProps.icons[e]:s[e]:null}},{key:"render",value:function(){var e=this,t=this.props,s=t.className,a=(t.icons,function(e,t){var s={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(s[n]=e[n]);return s}(t,["className","icons"])),r=(0,i.default)("react-toggle",{"react-toggle--checked":this.state.checked,"react-toggle--focus":this.state.hasFocus,"react-toggle--disabled":this.props.disabled},s);return l.default.createElement("div",{className:r,onClick:this.handleClick,onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd},l.default.createElement("div",{className:"react-toggle-track"},l.default.createElement("div",{className:"react-toggle-track-check"},this.getIcon("checked")),l.default.createElement("div",{className:"react-toggle-track-x"},this.getIcon("unchecked"))),l.default.createElement("div",{className:"react-toggle-thumb"}),l.default.createElement("input",n({},a,{ref:function(t){e.input=t},onFocus:this.handleFocus,onBlur:this.handleBlur,className:"react-toggle-screenreader-only",type:"checkbox"})))}}]),t}(r.PureComponent);t.A=m,m.displayName="Toggle",m.defaultProps={icons:{checked:l.default.createElement(c.default,null),unchecked:l.default.createElement(u.default,null)}},m.propTypes={checked:o.default.bool,disabled:o.default.bool,defaultChecked:o.default.bool,onChange:o.default.func,onFocus:o.default.func,onBlur:o.default.func,className:o.default.string,name:o.default.string,value:o.default.string,id:o.default.string,"aria-labelledby":o.default.string,"aria-label":o.default.string,icons:o.default.oneOfType([o.default.bool,o.default.shape({checked:o.default.node,unchecked:o.default.node})])}},6104:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.pointerCoord=function(e){if(e){var t=e.changedTouches;if(t&&t.length>0){var s=t[0];return{x:s.clientX,y:s.clientY}}var n=e.pageX;if(void 0!==n)return{x:n,y:e.pageY}}return{x:0,y:0}}},4990:(e,t,s)=>{Object.defineProperty(t,"__esModule",{value:!0});var n,a=s(9950),r=(n=a)&&n.__esModule?n:{default:n};t.default=function(){return r.default.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10"},r.default.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"}))}}}]);