harperdb 4.5.2 → 4.5.4

package/studio/build-local/static/js/{833.5847bc85.chunk.js → 833.4f9ba8bb.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[833],{8040:(e,a,t)=>{t.d(a,{A:()=>o});t(9950);var r=t(4414);const o=function(e){let{message:a,options:t,close:o}=e;return(0,r.jsxs)("button",{type:"button",tabIndex:"0",className:`alert ${t.type}`,onClick:o,children:[(0,r.jsxs)("div",{className:"text-white icon",children:["info"===t.type&&(0,r.jsx)("i",{className:"fa fa-lg fa-info-circle"}),"success"===t.type&&(0,r.jsx)("i",{className:"fa fa-lg fa-check-circle"}),"error"===t.type&&(0,r.jsx)("i",{className:"fa fa-lg fa-exclamation-circle"})]}),(0,r.jsx)("div",{className:"text-white message",children:a})]})}},3150:(e,a,t)=>{t.d(a,{A:()=>c});t(9950);var r=t(4084),o=t(8156),s=t(7176),n=t(6114),l=t(3452),i=t(4414);const c=function(e){let{error:a,componentStack:t,resetErrorBoundary:c,extraClass:u}=e;return(0,i.jsx)("div",{className:"d-flex justify-content-center align-items-center auth-centered-container",children:(0,i.jsx)(r.A,{className:`error-boundary mb-3 w-400 ${u}`,children:(0,i.jsxs)(o.A,{children:[(0,i.jsxs)("b",{children:["Component Error ",(new Date).toLocaleTimeString()]}),(0,i.jsx)("hr",{className:"my-1"}),(0,i.jsx)("div",{className:"error-message",children:a.message}),(0,i.jsx)("hr",{className:"my-1"}),(0,i.jsx)("div",{className:"stack-trace",children:(0,i.jsx)("pre",{children:t})}),(0,i.jsxs)(s.A,{children:[(0,i.jsx)(n.A,{children:(0,i.jsx)(l.A,{color:"danger",block:!0,href:"https://harperdbhelp.zendesk.com/hc/en-us/requests/new",target:"_blank",rel:"noopener noreferrer",children:"Create A Support Ticket"})}),(0,i.jsx)(n.A,{children:(0,i.jsx)(l.A,{color:"success",block:!0,onClick:c,children:"Retry Component Load"})})]})]})})})}},884:(e,a,t)=>{t.d(a,{A:()=>l});t(9950);var r=t(1345),o=t(3150),s=t(5996),n=t(4414);const l=function(e){let{error:a,componentStack:t,resetErrorBoundary:l}=e;return(0,n.jsxs)("div",{id:"login-form",children:[(0,n.jsx)("div",{id:"login-logo",title:"Harper Logo"}),(0,n.jsxs)("div",{className:"version",children:["Studio v",s.A.studio_version]}),(0,n.jsx)(o.A,{error:a,componentStack:t}),(0,n.jsx)("div",{className:"text-center",children:(0,n.jsx)(r.k2,{to:"/",className:"login-nav-link",onClick:l,children:"Back to Login"})})]})}},4979:(e,a,t)=>{t.d(a,{A:()=>c});var r=t(4084),o=t(8156),s=t(7176),n=t(6114),l=(t(9950),t(1345)),i=t(4414);const c=function(e){let{header:a,body:t,spinner:c,links:u=!1,relative:d=!1}=e;return(0,i.jsxs)("div",{className:"loader "+(d?"relative":""),children:[(0,i.jsx)(r.A,{className:"mb-3",children:(0,i.jsxs)(o.A,{className:"text-center",children:[(0,i.jsxs)("div",{className:"mb-3",children:["\xa0",a,"\xa0"]}),(0,i.jsxs)("div",{className:"mt-2",children:["\xa0",c&&(0,i.jsx)("i",{className:"fa fa-spinner fa-spin"}),"\xa0"]}),(0,i.jsxs)("div",{className:"mt-2",children:["\xa0",t,"\xa0"]})]})}),u?(0,i.jsx)(s.A,{children:u.map((e=>(0,i.jsx)(n.A,{className:`login-nav-link-holder ${e.className||""}`,children:(0,i.jsx)(l.k2,{to:e.to,className:"login-nav-link",children:e.text})},e.to)))}):(0,i.jsx)("div",{className:"login-nav-link",children:"\xa0"})]})}},3628:(e,a,t)=>{t.d(a,{A:()=>s});var r=t(4038),o=t(5996);const s=async e=>{let{type:a="studio component",status:t="warn",url:s,operation:n,request:l,error:i,customer_id:c,compute_stack_id:u}=e,d=!1;try{var p;d=JSON.parse(localStorage.getItem("persistedUser"));const e={type:a,status:"studio component"===a?"warn":t,environment:o.A.env,user:(null===(p=d)||void 0===p?void 0:p.email)||"unknown",customer_id:c,compute_stack_id:u,url:s,operation:n,request:{...l,password:null!==l&&void 0!==l&&l.password?"xxxxxxxxx":void 0},error:i,timestamp:Date.now()},m=await(0,r.hd)(`${o.A.lms_api_url}addError`,{method:"POST",body:JSON.stringify(e),headers:{"Content-Type":"application/json",authorization:void 0}}),_=await m.json();(_.body||_).error||console.log("Reported ",o.A.env,e.status,a,n)}catch(m){console.log(m)}}},8342:(e,a,t)=>{t.d(a,{A:()=>n});var r=t(5553),o=t(3628),s=t(5996);const n=async()=>{let e=null;try{e=[{value:"ap-west",label:"Mumbai, IN",country:"in"},{value:"ca-central",label:"Toronto, CA",country:"ca"},{value:"ap-southeast",label:"Sydney, AU",country:"au"},{value:"us-central",label:"Dallas, TX",country:"us"},{value:"us-ord",label:"Chicago, IL",country:"us"},{value:"us-west",label:"Fremont, CA",country:"us"},{value:"us-southeast",label:"Atlanta, GA",country:"us"},{value:"us-east",label:"Newark, NJ",country:"us"},{value:"us-lax",label:"Los Angeles, CA",country:"us"},{value:"us-mia",label:"Miami, FL",country:"us"},{value:"us-sea",label:"Seattle, WA",country:"us"},{value:"us-iad",label:"Washington, DC",country:"us"},{value:"eu-west",label:"London, UK",country:"uk"},{value:"ap-south",label:"Singapore, SG",country:"sg"},{value:"eu-central",label:"Frankfurt, DE",country:"de"},{value:"ap-northeast",label:"Tokyo, JP",country:"jp"},{value:"se-sto",label:"Stockholm, SE",country:"se"},{value:"nl-ams",label:"Amsterdam, NL",country:"nl"},{value:"fr-par",label:"Paris, FR",country:"fr"},{value:"es-mad",label:"Madrid, ES",country:"es"},{value:"jp-osa",label:"Osaka, JP",country:"jp"},{value:"in-maa",label:"Chennai, IN",country:"in"},{value:"id-cgk",label:"Jakarta, ID",country:"id"},{value:"br-gru",label:"S\xe3o Paulo, BR",country:"br"},{value:"br-gru",label:"S\xe3o Paulo, BR",country:"br"}].sort(((e,a)=>e.label<a.label?-1:1));let a=[];return Array.isArray(e)&&(a=e),r.A.update((e=>{e.akamaiRegions=a}))}catch(a){return(0,o.A)({type:"lms data",status:"error",url:s.A.lms_api_url,operation:"getAkamaiRegions",error:{catch:a.toString()}})}}},2676:(e,a,t)=>{t.d(a,{A:()=>l});var r=t(2714),o=t(5553),s=t(5996),n=t(3628);const l=async()=>{let e=null;try{return e=await(0,r.A)({endpoint:"getCurrentVersion",method:"POST"}),e.number?(e.studio||(e.studio=s.A.studio_version),o.A.update((a=>{a.version=e}))):!1}catch(a){return(0,n.A)({type:"lms data",status:"error",url:s.A.lms_api_url,operation:"getCurrentVersion",error:{catch:a.toString()}})}}},2763:(e,a,t)=>{t.d(a,{A:()=>u});var r=t(2714),o=t(5553),s=t(3628),n=t(2434),l=t(2696),i=t(5996);const c={dev:{cloud_compute:"prod_Gh1XXQx6J8YaJl",local_compute:"prod_GoB3yLzygPeGMu",wavelength_compute:"prod_KloxOQofDaLs7q",akamai_compute:"prod_O2DOH61yn3qP6g",cloud_storage:"prod_GoUJnVwOYvTjU9"},stage:{cloud_compute:"prod_Gh1XXQx6J8YaJl",local_compute:"prod_GoB3yLzygPeGMu",wavelength_compute:"prod_KloxOQofDaLs7q",akamai_compute:"prod_O2DOH61yn3qP6g",cloud_storage:"prod_GoUJnVwOYvTjU9"},prod:{cloud_compute:"prod_GdDIHGH6lzEqgv",local_compute:"prod_H0Xx9dKkQqhMx9",wavelength_compute:"prod_KlorPRd9r1RKcz",akamai_compute:"prod_O7j9wiS1g7kPZU",cloud_storage:"prod_H0XnsrToBa7a7G"}},u=async()=>{try{const e=await(0,r.A)({endpoint:"getProducts",method:"POST"});return!e.error&&o.A.update((a=>{var t,r,o,s,u;a.products={cloud_storage:(0,l.A)((null===(t=e.find((e=>e.id===c[i.A.env].cloud_storage)))||void 0===t?void 0:t.plans.filter((e=>!e.metadata.prepaid)))||[]),cloud_compute:(0,n.A)((null===(r=e.find((e=>e.id===c[i.A.env].cloud_compute)))||void 0===r?void 0:r.plans.filter((e=>!e.metadata.prepaid)))||[]),wavelength_compute:(0,n.A)((null===(o=e.find((e=>e.id===c[i.A.env].wavelength_compute)))||void 0===o?void 0:o.plans.filter((e=>!e.metadata.prepaid)))||[]),akamai_compute:(0,n.A)((null===(s=e.find((e=>e.id===c[i.A.env].akamai_compute)))||void 0===s?void 0:s.plans.filter((e=>!e.metadata.prepaid)))||[]),local_compute:(0,n.A)((null===(u=e.find((e=>e.id===c[i.A.env].local_compute)))||void 0===u?void 0:u.plans.filter((e=>!e.metadata.prepaid)))||[])}}))}catch(e){return(0,s.A)({type:"lms data",status:"error",url:i.A.lms_api_url,operation:"getProducts",error:{catch:e.toString()}})}}},7806:(e,a,t)=>{t.d(a,{A:()=>l});var r=t(2714),o=t(5553),s=t(3628),n=t(5996);const l=async()=>{let e=null;try{e=await(0,r.A)({endpoint:"getRegions",method:"POST"});let a=[];return Array.isArray(e)&&(a=e),o.A.update((e=>{e.regions=a}))}catch(a){return(0,s.A)({type:"lms data",status:"error",url:n.A.lms_api_url,operation:"getRegions",error:{catch:a.toString()}})}}},3304:(e,a,t)=>{t.d(a,{A:()=>l});var r=t(2714),o=t(5553),s=t(3628),n=t(5996);const l=async e=>{let{email:a,pass:t,loggingIn:l=!1,signal:i}=e,c=null;try{if(c=await(0,r.A)({endpoint:"getUser",method:"POST",signal:i,payload:{email:a,password:t,loggingIn:l}}),c.error&&l)return o.A.update((e=>{e.auth={...c,time:Date.now()}}));if(c.error)return!1;c.orgs?Array.isArray(c.orgs)||(c.orgs=[c.orgs]):c.orgs=[{customer_id:c.customer_id.toString(),customer_name:`${c.firstname}'s Org`,status:"owner"}];const e={email:a,pass:t,...c};return o.A.update((a=>{a.auth=e})),e}catch(u){return l||(0,s.A)({type:"lms data",status:"error",url:n.A.lms_api_url,operation:"getUser",error:{catch:u.message}}),o.A.update((e=>{e.auth={error:!0,message:u.message,time:Date.now()}}))}}},1129:(e,a,t)=>{t.d(a,{A:()=>l});var r=t(2714),o=t(5553),s=t(3628),n=t(5996);const l=async()=>{let e=null;try{e=await(0,r.A)({endpoint:"wl/getWavelengthRegions",method:"POST"});let a=[];return Array.isArray(e)&&(a=e.map((e=>({label:`${e.communications_service_provider.replace(/(^\w{1})|(\s+\w{1})/g,(e=>e.toUpperCase()))} / ${e.location.replace(/(^\w{1})|(\s+\w{1})/g,(e=>e.toUpperCase()))}`,value:e.wavelength_zone_id})))),o.A.update((e=>{e.wavelengthRegions=a}))}catch(a){return(0,s.A)({type:"lms data",status:"error",url:n.A.lms_api_url,operation:"getWavelengthRegions",error:{catch:a.toString()}})}}},2714:(e,a,t)=>{t.d(a,{A:()=>n});var r=t(4038),o=t(5996),s=t(3628);const n=async e=>{let{endpoint:a,payload:t,auth:n,signal:l}=e;const i={type:"lms api",status:"error",url:o.A.lms_api_url,operation:a,request:t,customer_id:null===t||void 0===t?void 0:t.customer_id,compute_stack_id:null===t||void 0===t?void 0:t.compute_stack_id};try{const e=await(0,r.hd)(`${o.A.lms_api_url}${a}`,{signal:l,method:"POST",body:JSON.stringify(t),headers:null!==n&&void 0!==n&&n.email&&null!==n&&void 0!==n&&n.pass?{"Content-Type":"application/json",authorization:`Basic ${btoa(`${n.email}:${n.pass}`)}`}:{"Content-Type":"application/json"}}),c=await e.json(),u=c.body||c;return u.errorType?((0,s.A)({...i,status:"warn",error:u}),{error:!0,message:u.errorMessage}):u.error||"Internal server error"===u.message?(t.loggingIn||(0,s.A)({...i,error:u}),{error:!0,message:u.message.replace(/Validation error:|Throttling error:|Bad request:|Internal Server Error:|Unauthorized:|StripeInvalidRequestError:|TypeError:/g,"").trim()||"The server did not respond"}):u}catch(c){return["Aborted","Network request failed"].includes(c.message)||"TypeError: Network request failed"===c||(0,s.A)({...i,error:{catch:c.message}}),{error:!0,message:c.message}}}},5971:(e,a,t)=>{t.d(a,{A:()=>r});const r=e=>{document.getElementById("dynamic-favicon").href=`/images/favicon_${e||"purple"}.png`}},7372:(e,a,t)=>{t.d(a,{A:()=>d});var r=t(2676),o=t(2763),s=t(7806),n=t(1129),l=t(8342),i=t(5553),c=t(1659),u=t(5996);const d=e=>{var a;let{currentPath:t,navigate:d,setFetchingUser:p,persistedUser:m,setPersistedUser:_,instanceAuths:v,controller:g}=e;return(e=>{const a=window.location.host.indexOf("akamai")>=0,t=a?["akamai"]:["purple","light","dark"];i.A.update((r=>{r.theme=1===t.length?t[0]:t.indexOf(e)>=0?e:"dark",r.themes=t,r.is_akamai=a}))})(m.theme),u.A.is_local_studio?(i.A.update((e=>{e.instances=[{compute_stack_id:"local",url:u.A.local_studio_dev_url||"/",instance_name:"local"}]})),p(!1),null!==v&&void 0!==v&&null!==(a=v.local)&&void 0!==a&&a.valid?(p(!1),setTimeout(d("/o/local/i/local/browse"),10)):d("/")):["/sign-up","/reset-password","/resend-registration-email"].includes(t)?(p(!1),_({})):["/sign-in"].includes(t)?d("/"):(null!==m&&void 0!==m&&m.email?(0,c.A)({auth:m,controller:g,setFetchingUser:p,loggingIn:!0}):p(!1),(0,r.A)(),(0,o.A)(),(0,s.A)(),(0,n.A)(),(0,l.A)(),i.A.update((e=>{e.auth={email:null===m||void 0===m?void 0:m.email,pass:null===m||void 0===m?void 0:m.pass}})))}},1659:(e,a,t)=>{t.d(a,{A:()=>o});var r=t(3304);const o=async e=>{let{auth:a,loggingIn:t=!1,controller:o,setFetchingUser:s=!1}=e;null!==a&&void 0!==a&&a.email&&null!==a&&void 0!==a&&a.pass&&(o=new AbortController,s&&s(!0),await(0,r.A)({...a,loggingIn:t,signal:o.signal}),s&&s(!1))}},2434:(e,a,t)=>{t.d(a,{A:()=>o});var r=t(4549);const o=e=>{const a=[];return e.map((e=>{let{id:t,amount_decimal:o,interval:s,amount:n,active:l,subscription_id:i,name:c,quantity:u,available:d,metadata:{ram_allocation:p,instance_type:m,has_gpus:_}}=e;const v=i?0:parseInt(o,10)/100,g=(0,r.A)(n),h=i?c:"0"===o?"FREE":`${g}`,A=i?c:"0"===o?"FREE":`${g}/${s}`,y=!!p&&parseInt(p,10),b=y/1024+"GB",x=`${b} RAM  ${_?"+ GPU Support ":""}\u2022  ${i?`${c}  \u2022  ${d} remaining`:"0"!==o?`${g}/${s}`:"FREE"} ${l?"":"(legacy)"}`;return y&&a.push({label:x,value:{active:l,instance_type:m,stripe_plan_id:t,compute_interval:s,compute_subscription_name:c,compute_subscription_id:i,compute_quantity:u,compute_quantity_available:d,compute_ram:y,compute_ram_string:b,compute_price:v,compute_comma_amount:g,compute_price_string:h,compute_price_string_with_interval:A}})})),a.sort(((e,a)=>e.value.compute_ram===a.value.compute_ram?e.value.compute_subscription_name>a.value.compute_subscription_name?1:-1:e.value.compute_ram-a.value.compute_ram))}},2696:(e,a,t)=>{t.d(a,{A:()=>o});var r=t(4549);const o=e=>{const a=[];return e.map((e=>{let{tiers:t,interval:o,active:s,id:n,subscription_id:l,name:i,available:c}=e;const u=t.find((e=>!!e.up_to)).up_to;return[...new Set([u,10,100,250,500,1e3,1500,2e3,2500,3e3,3500,4e3,4500,5e3,5500,6e3,6500,7e3,7500,8e3,8500,9e3,9500,1e4])].filter((e=>!l||e!==u)).map((e=>{const u=t.find((a=>a.up_to&&e<=a.up_to||!a.up_to)),d=l?0:e*(u.unit_amount/100),p=l?i:d?`$${(0,r.A)(d.toFixed(2))}`:"FREE",m=l?i:d?`$${(0,r.A)(d.toFixed(2))}/${o}`:"FREE",_=e>=1e3?e/1e3+"TB":`${e}GB`,v=c?c>1e3?`${(c/1024).toFixed(2)}TB`:`${c}GB`:0,g=`${_}  \u2022  ${l?`${i}  \u2022  ${v} remaining`:d?`$${(0,r.A)(d.toFixed(2))}/${o}`:"FREE"} ${s?"":"(legacy)"}`;return a.push({label:g,value:{active:s,data_volume_size:e,iops:3e3,storage_interval:o,stripe_storage_plan_id:n,storage_subscription_id:l,storage_subscription_name:i,storage_quantity_available:c,storage_price:d,storage_price_string:p,storage_price_string_with_interval:m,data_volume_size_string:_}})}))})),a.sort(((e,a)=>e.value.data_volume_size===a.value.data_volume_size?e.value.storage_subscription_name>a.value.storage_subscription_name?1:-1:e.value.data_volume_size-a.value.data_volume_size))}},5553:(e,a,t)=>{t.d(a,{A:()=>r});const r=new(t(6713).il)({auth:!1,customer:!1,users:!1,products:!1,regions:!1,integrations:!1,subscriptions:!1,instances:!1,alarms:!1,alarmsError:!1,hasCard:!1,lastUpdate:!1,orgSearch:"",filterSearch:"",filterLocal:!0,filterCloud:!0,version:!1,theme:"dark",postmanCollection:!1})},5283:(e,a,t)=>{t.d(a,{A:()=>r});const r=(0,t(6997).A)("persistedUser")},4549:(e,a,t)=>{t.d(a,{A:()=>r});const r=e=>e&&e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")}}]);
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[833],{8040:(e,a,t)=>{t.d(a,{A:()=>o});t(9950);var r=t(4414);const o=function(e){let{message:a,options:t,close:o}=e;return(0,r.jsxs)("button",{type:"button",tabIndex:"0",className:`alert ${t.type}`,onClick:o,children:[(0,r.jsxs)("div",{className:"text-white icon",children:["info"===t.type&&(0,r.jsx)("i",{className:"fa fa-lg fa-info-circle"}),"success"===t.type&&(0,r.jsx)("i",{className:"fa fa-lg fa-check-circle"}),"error"===t.type&&(0,r.jsx)("i",{className:"fa fa-lg fa-exclamation-circle"})]}),(0,r.jsx)("div",{className:"text-white message",children:a})]})}},3150:(e,a,t)=>{t.d(a,{A:()=>c});t(9950);var r=t(4084),o=t(8156),s=t(7176),n=t(6114),l=t(3452),i=t(4414);const c=function(e){let{error:a,componentStack:t,resetErrorBoundary:c,extraClass:u}=e;return(0,i.jsx)("div",{className:"d-flex justify-content-center align-items-center auth-centered-container",children:(0,i.jsx)(r.A,{className:`error-boundary mb-3 w-400 ${u}`,children:(0,i.jsxs)(o.A,{children:[(0,i.jsxs)("b",{children:["Component Error ",(new Date).toLocaleTimeString()]}),(0,i.jsx)("hr",{className:"my-1"}),(0,i.jsx)("div",{className:"error-message",children:a.message}),(0,i.jsx)("hr",{className:"my-1"}),(0,i.jsx)("div",{className:"stack-trace",children:(0,i.jsx)("pre",{children:t})}),(0,i.jsxs)(s.A,{children:[(0,i.jsx)(n.A,{children:(0,i.jsx)(l.A,{color:"danger",block:!0,href:"https://harperdbhelp.zendesk.com/hc/en-us/requests/new",target:"_blank",rel:"noopener noreferrer",children:"Create A Support Ticket"})}),(0,i.jsx)(n.A,{children:(0,i.jsx)(l.A,{color:"success",block:!0,onClick:c,children:"Retry Component Load"})})]})]})})})}},884:(e,a,t)=>{t.d(a,{A:()=>l});t(9950);var r=t(5201),o=t(3150),s=t(5996),n=t(4414);const l=function(e){let{error:a,componentStack:t,resetErrorBoundary:l}=e;return(0,n.jsxs)("div",{id:"login-form",children:[(0,n.jsx)("div",{id:"login-logo",title:"Harper Logo"}),(0,n.jsxs)("div",{className:"version",children:["Studio v",s.A.studio_version]}),(0,n.jsx)(o.A,{error:a,componentStack:t}),(0,n.jsx)("div",{className:"text-center",children:(0,n.jsx)(r.k2,{to:"/",className:"login-nav-link",onClick:l,children:"Back to Login"})})]})}},4979:(e,a,t)=>{t.d(a,{A:()=>c});var r=t(4084),o=t(8156),s=t(7176),n=t(6114),l=(t(9950),t(5201)),i=t(4414);const c=function(e){let{header:a,body:t,spinner:c,links:u=!1,relative:d=!1}=e;return(0,i.jsxs)("div",{className:"loader "+(d?"relative":""),children:[(0,i.jsx)(r.A,{className:"mb-3",children:(0,i.jsxs)(o.A,{className:"text-center",children:[(0,i.jsxs)("div",{className:"mb-3",children:["\xa0",a,"\xa0"]}),(0,i.jsxs)("div",{className:"mt-2",children:["\xa0",c&&(0,i.jsx)("i",{className:"fa fa-spinner fa-spin"}),"\xa0"]}),(0,i.jsxs)("div",{className:"mt-2",children:["\xa0",t,"\xa0"]})]})}),u?(0,i.jsx)(s.A,{children:u.map((e=>(0,i.jsx)(n.A,{className:`login-nav-link-holder ${e.className||""}`,children:(0,i.jsx)(l.k2,{to:e.to,className:"login-nav-link",children:e.text})},e.to)))}):(0,i.jsx)("div",{className:"login-nav-link",children:"\xa0"})]})}},3628:(e,a,t)=>{t.d(a,{A:()=>s});var r=t(4038),o=t(5996);const s=async e=>{let{type:a="studio component",status:t="warn",url:s,operation:n,request:l,error:i,customer_id:c,compute_stack_id:u}=e,d=!1;try{var p;d=JSON.parse(localStorage.getItem("persistedUser"));const e={type:a,status:"studio component"===a?"warn":t,environment:o.A.env,user:(null===(p=d)||void 0===p?void 0:p.email)||"unknown",customer_id:c,compute_stack_id:u,url:s,operation:n,request:{...l,password:null!==l&&void 0!==l&&l.password?"xxxxxxxxx":void 0},error:i,timestamp:Date.now()},m=await(0,r.hd)(`${o.A.lms_api_url}addError`,{method:"POST",body:JSON.stringify(e),headers:{"Content-Type":"application/json",authorization:void 0}}),_=await m.json();(_.body||_).error||console.log("Reported ",o.A.env,e.status,a,n)}catch(m){console.log(m)}}},8342:(e,a,t)=>{t.d(a,{A:()=>n});var r=t(5553),o=t(3628),s=t(5996);const n=async()=>{let e=null;try{e=[{value:"ap-west",label:"Mumbai, IN",country:"in"},{value:"ca-central",label:"Toronto, CA",country:"ca"},{value:"ap-southeast",label:"Sydney, AU",country:"au"},{value:"us-central",label:"Dallas, TX",country:"us"},{value:"us-ord",label:"Chicago, IL",country:"us"},{value:"us-west",label:"Fremont, CA",country:"us"},{value:"us-southeast",label:"Atlanta, GA",country:"us"},{value:"us-east",label:"Newark, NJ",country:"us"},{value:"us-lax",label:"Los Angeles, CA",country:"us"},{value:"us-mia",label:"Miami, FL",country:"us"},{value:"us-sea",label:"Seattle, WA",country:"us"},{value:"us-iad",label:"Washington, DC",country:"us"},{value:"eu-west",label:"London, UK",country:"uk"},{value:"ap-south",label:"Singapore, SG",country:"sg"},{value:"eu-central",label:"Frankfurt, DE",country:"de"},{value:"ap-northeast",label:"Tokyo, JP",country:"jp"},{value:"se-sto",label:"Stockholm, SE",country:"se"},{value:"nl-ams",label:"Amsterdam, NL",country:"nl"},{value:"fr-par",label:"Paris, FR",country:"fr"},{value:"es-mad",label:"Madrid, ES",country:"es"},{value:"jp-osa",label:"Osaka, JP",country:"jp"},{value:"in-maa",label:"Chennai, IN",country:"in"},{value:"id-cgk",label:"Jakarta, ID",country:"id"},{value:"br-gru",label:"S\xe3o Paulo, BR",country:"br"},{value:"br-gru",label:"S\xe3o Paulo, BR",country:"br"}].sort(((e,a)=>e.label<a.label?-1:1));let a=[];return Array.isArray(e)&&(a=e),r.A.update((e=>{e.akamaiRegions=a}))}catch(a){return(0,o.A)({type:"lms data",status:"error",url:s.A.lms_api_url,operation:"getAkamaiRegions",error:{catch:a.toString()}})}}},2676:(e,a,t)=>{t.d(a,{A:()=>l});var r=t(2714),o=t(5553),s=t(5996),n=t(3628);const l=async()=>{let e=null;try{return e=await(0,r.A)({endpoint:"getCurrentVersion",method:"POST"}),e.number?(e.studio||(e.studio=s.A.studio_version),o.A.update((a=>{a.version=e}))):!1}catch(a){return(0,n.A)({type:"lms data",status:"error",url:s.A.lms_api_url,operation:"getCurrentVersion",error:{catch:a.toString()}})}}},2763:(e,a,t)=>{t.d(a,{A:()=>u});var r=t(2714),o=t(5553),s=t(3628),n=t(2434),l=t(2696),i=t(5996);const c={dev:{cloud_compute:"prod_Gh1XXQx6J8YaJl",local_compute:"prod_GoB3yLzygPeGMu",wavelength_compute:"prod_KloxOQofDaLs7q",akamai_compute:"prod_O2DOH61yn3qP6g",cloud_storage:"prod_GoUJnVwOYvTjU9"},stage:{cloud_compute:"prod_Gh1XXQx6J8YaJl",local_compute:"prod_GoB3yLzygPeGMu",wavelength_compute:"prod_KloxOQofDaLs7q",akamai_compute:"prod_O2DOH61yn3qP6g",cloud_storage:"prod_GoUJnVwOYvTjU9"},prod:{cloud_compute:"prod_GdDIHGH6lzEqgv",local_compute:"prod_H0Xx9dKkQqhMx9",wavelength_compute:"prod_KlorPRd9r1RKcz",akamai_compute:"prod_O7j9wiS1g7kPZU",cloud_storage:"prod_H0XnsrToBa7a7G"}},u=async()=>{try{const e=await(0,r.A)({endpoint:"getProducts",method:"POST"});return!e.error&&o.A.update((a=>{var t,r,o,s,u;a.products={cloud_storage:(0,l.A)((null===(t=e.find((e=>e.id===c[i.A.env].cloud_storage)))||void 0===t?void 0:t.plans.filter((e=>!e.metadata.prepaid)))||[]),cloud_compute:(0,n.A)((null===(r=e.find((e=>e.id===c[i.A.env].cloud_compute)))||void 0===r?void 0:r.plans.filter((e=>!e.metadata.prepaid)))||[]),wavelength_compute:(0,n.A)((null===(o=e.find((e=>e.id===c[i.A.env].wavelength_compute)))||void 0===o?void 0:o.plans.filter((e=>!e.metadata.prepaid)))||[]),akamai_compute:(0,n.A)((null===(s=e.find((e=>e.id===c[i.A.env].akamai_compute)))||void 0===s?void 0:s.plans.filter((e=>!e.metadata.prepaid)))||[]),local_compute:(0,n.A)((null===(u=e.find((e=>e.id===c[i.A.env].local_compute)))||void 0===u?void 0:u.plans.filter((e=>!e.metadata.prepaid)))||[])}}))}catch(e){return(0,s.A)({type:"lms data",status:"error",url:i.A.lms_api_url,operation:"getProducts",error:{catch:e.toString()}})}}},7806:(e,a,t)=>{t.d(a,{A:()=>l});var r=t(2714),o=t(5553),s=t(3628),n=t(5996);const l=async()=>{let e=null;try{e=await(0,r.A)({endpoint:"getRegions",method:"POST"});let a=[];return Array.isArray(e)&&(a=e),o.A.update((e=>{e.regions=a}))}catch(a){return(0,s.A)({type:"lms data",status:"error",url:n.A.lms_api_url,operation:"getRegions",error:{catch:a.toString()}})}}},3304:(e,a,t)=>{t.d(a,{A:()=>l});var r=t(2714),o=t(5553),s=t(3628),n=t(5996);const l=async e=>{let{email:a,pass:t,loggingIn:l=!1,signal:i}=e,c=null;try{if(c=await(0,r.A)({endpoint:"getUser",method:"POST",signal:i,payload:{email:a,password:t,loggingIn:l}}),c.error&&l)return o.A.update((e=>{e.auth={...c,time:Date.now()}}));if(c.error)return!1;c.orgs?Array.isArray(c.orgs)||(c.orgs=[c.orgs]):c.orgs=[{customer_id:c.customer_id.toString(),customer_name:`${c.firstname}'s Org`,status:"owner"}];const e={email:a,pass:t,...c};return o.A.update((a=>{a.auth=e})),e}catch(u){return l||(0,s.A)({type:"lms data",status:"error",url:n.A.lms_api_url,operation:"getUser",error:{catch:u.message}}),o.A.update((e=>{e.auth={error:!0,message:u.message,time:Date.now()}}))}}},1129:(e,a,t)=>{t.d(a,{A:()=>l});var r=t(2714),o=t(5553),s=t(3628),n=t(5996);const l=async()=>{let e=null;try{e=await(0,r.A)({endpoint:"wl/getWavelengthRegions",method:"POST"});let a=[];return Array.isArray(e)&&(a=e.map((e=>({label:`${e.communications_service_provider.replace(/(^\w{1})|(\s+\w{1})/g,(e=>e.toUpperCase()))} / ${e.location.replace(/(^\w{1})|(\s+\w{1})/g,(e=>e.toUpperCase()))}`,value:e.wavelength_zone_id})))),o.A.update((e=>{e.wavelengthRegions=a}))}catch(a){return(0,s.A)({type:"lms data",status:"error",url:n.A.lms_api_url,operation:"getWavelengthRegions",error:{catch:a.toString()}})}}},2714:(e,a,t)=>{t.d(a,{A:()=>n});var r=t(4038),o=t(5996),s=t(3628);const n=async e=>{let{endpoint:a,payload:t,auth:n,signal:l}=e;const i={type:"lms api",status:"error",url:o.A.lms_api_url,operation:a,request:t,customer_id:null===t||void 0===t?void 0:t.customer_id,compute_stack_id:null===t||void 0===t?void 0:t.compute_stack_id};try{const e=await(0,r.hd)(`${o.A.lms_api_url}${a}`,{signal:l,method:"POST",body:JSON.stringify(t),headers:null!==n&&void 0!==n&&n.email&&null!==n&&void 0!==n&&n.pass?{"Content-Type":"application/json",authorization:`Basic ${btoa(`${n.email}:${n.pass}`)}`}:{"Content-Type":"application/json"}}),c=await e.json(),u=c.body||c;return u.errorType?((0,s.A)({...i,status:"warn",error:u}),{error:!0,message:u.errorMessage}):u.error||"Internal server error"===u.message?(t.loggingIn||(0,s.A)({...i,error:u}),{error:!0,message:u.message.replace(/Validation error:|Throttling error:|Bad request:|Internal Server Error:|Unauthorized:|StripeInvalidRequestError:|TypeError:/g,"").trim()||"The server did not respond"}):u}catch(c){return["Aborted","Network request failed"].includes(c.message)||"TypeError: Network request failed"===c||(0,s.A)({...i,error:{catch:c.message}}),{error:!0,message:c.message}}}},5971:(e,a,t)=>{t.d(a,{A:()=>r});const r=e=>{document.getElementById("dynamic-favicon").href=`/images/favicon_${e||"purple"}.png`}},7372:(e,a,t)=>{t.d(a,{A:()=>d});var r=t(2676),o=t(2763),s=t(7806),n=t(1129),l=t(8342),i=t(5553),c=t(1659),u=t(5996);const d=e=>{var a;let{currentPath:t,navigate:d,setFetchingUser:p,persistedUser:m,setPersistedUser:_,instanceAuths:v,controller:g}=e;return(e=>{const a=window.location.host.indexOf("akamai")>=0,t=a?["akamai"]:["purple","light","dark"];i.A.update((r=>{r.theme=1===t.length?t[0]:t.indexOf(e)>=0?e:"dark",r.themes=t,r.is_akamai=a}))})(m.theme),u.A.is_local_studio?(i.A.update((e=>{e.instances=[{compute_stack_id:"local",url:u.A.local_studio_dev_url||"/",instance_name:"local"}]})),p(!1),null!==v&&void 0!==v&&null!==(a=v.local)&&void 0!==a&&a.valid?(p(!1),setTimeout(d("/o/local/i/local/browse"),10)):d("/")):["/sign-up","/reset-password","/resend-registration-email"].includes(t)?(p(!1),_({})):["/sign-in"].includes(t)?d("/"):(null!==m&&void 0!==m&&m.email?(0,c.A)({auth:m,controller:g,setFetchingUser:p,loggingIn:!0}):p(!1),(0,r.A)(),(0,o.A)(),(0,s.A)(),(0,n.A)(),(0,l.A)(),i.A.update((e=>{e.auth={email:null===m||void 0===m?void 0:m.email,pass:null===m||void 0===m?void 0:m.pass}})))}},1659:(e,a,t)=>{t.d(a,{A:()=>o});var r=t(3304);const o=async e=>{let{auth:a,loggingIn:t=!1,controller:o,setFetchingUser:s=!1}=e;null!==a&&void 0!==a&&a.email&&null!==a&&void 0!==a&&a.pass&&(o=new AbortController,s&&s(!0),await(0,r.A)({...a,loggingIn:t,signal:o.signal}),s&&s(!1))}},2434:(e,a,t)=>{t.d(a,{A:()=>o});var r=t(4549);const o=e=>{const a=[];return e.map((e=>{let{id:t,amount_decimal:o,interval:s,amount:n,active:l,subscription_id:i,name:c,quantity:u,available:d,metadata:{ram_allocation:p,instance_type:m,has_gpus:_}}=e;const v=i?0:parseInt(o,10)/100,g=(0,r.A)(n),h=i?c:"0"===o?"FREE":`${g}`,A=i?c:"0"===o?"FREE":`${g}/${s}`,y=!!p&&parseInt(p,10),b=y/1024+"GB",x=`${b} RAM  ${_?"+ GPU Support ":""}\u2022  ${i?`${c}  \u2022  ${d} remaining`:"0"!==o?`${g}/${s}`:"FREE"} ${l?"":"(legacy)"}`;return y&&a.push({label:x,value:{active:l,instance_type:m,stripe_plan_id:t,compute_interval:s,compute_subscription_name:c,compute_subscription_id:i,compute_quantity:u,compute_quantity_available:d,compute_ram:y,compute_ram_string:b,compute_price:v,compute_comma_amount:g,compute_price_string:h,compute_price_string_with_interval:A}})})),a.sort(((e,a)=>e.value.compute_ram===a.value.compute_ram?e.value.compute_subscription_name>a.value.compute_subscription_name?1:-1:e.value.compute_ram-a.value.compute_ram))}},2696:(e,a,t)=>{t.d(a,{A:()=>o});var r=t(4549);const o=e=>{const a=[];return e.map((e=>{let{tiers:t,interval:o,active:s,id:n,subscription_id:l,name:i,available:c}=e;const u=t.find((e=>!!e.up_to)).up_to;return[...new Set([u,10,100,250,500,1e3,1500,2e3,2500,3e3,3500,4e3,4500,5e3,5500,6e3,6500,7e3,7500,8e3,8500,9e3,9500,1e4])].filter((e=>!l||e!==u)).map((e=>{const u=t.find((a=>a.up_to&&e<=a.up_to||!a.up_to)),d=l?0:e*(u.unit_amount/100),p=l?i:d?`$${(0,r.A)(d.toFixed(2))}`:"FREE",m=l?i:d?`$${(0,r.A)(d.toFixed(2))}/${o}`:"FREE",_=e>=1e3?e/1e3+"TB":`${e}GB`,v=c?c>1e3?`${(c/1024).toFixed(2)}TB`:`${c}GB`:0,g=`${_}  \u2022  ${l?`${i}  \u2022  ${v} remaining`:d?`$${(0,r.A)(d.toFixed(2))}/${o}`:"FREE"} ${s?"":"(legacy)"}`;return a.push({label:g,value:{active:s,data_volume_size:e,iops:3e3,storage_interval:o,stripe_storage_plan_id:n,storage_subscription_id:l,storage_subscription_name:i,storage_quantity_available:c,storage_price:d,storage_price_string:p,storage_price_string_with_interval:m,data_volume_size_string:_}})}))})),a.sort(((e,a)=>e.value.data_volume_size===a.value.data_volume_size?e.value.storage_subscription_name>a.value.storage_subscription_name?1:-1:e.value.data_volume_size-a.value.data_volume_size))}},5553:(e,a,t)=>{t.d(a,{A:()=>r});const r=new(t(6713).il)({auth:!1,customer:!1,users:!1,products:!1,regions:!1,integrations:!1,subscriptions:!1,instances:!1,alarms:!1,alarmsError:!1,hasCard:!1,lastUpdate:!1,orgSearch:"",filterSearch:"",filterLocal:!0,filterCloud:!0,version:!1,theme:"dark",postmanCollection:!1})},5283:(e,a,t)=>{t.d(a,{A:()=>r});const r=(0,t(6997).A)("persistedUser")},4549:(e,a,t)=>{t.d(a,{A:()=>r});const r=e=>e&&e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")}}]);

package/studio/build-local/static/js/{browse-csvupload.97e20c4a.chunk.js → browse-csvupload.098dfbf3.chunk.js}

@@ -1 +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(1345),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)}}]);
+"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(5201),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.339fb83c.chunk.js → browse-datatable.dfc8d899.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[702],{6816:(e,t,a)=>{a.r(t),a.d(t,{default:()=>_});var n=a(9950),r=a(1345),s=a(135),o=a(4084),l=a(8156),i=a(6713),c=a(5269),d=a(5996),u=a(7176),h=a(6114),g=a(3452),f=a(4549),p=a(5502),m=a(4414);const b=function(e){let{totalRecords:t,loading:a,loadingFilter:n,refresh:s,autoRefresh:o,onlyCached:l,toggleAutoRefresh:i,toggleOnlyCached:c,toggleFilter:d}=e;const b=(0,r.Zp)(),{compute_stack_id:x,schema:v,table:y,customer_id:j}=(0,r.g)();return(0,m.jsxs)(u.A,{className:"floating-card-header",children:[(0,m.jsxs)(h.A,{children:[v,"\xa0",y&&`> ${y} > `,o||!a&&!n?(0,m.jsxs)("span",{children:[(0,f.A)(t)," record",1!==t?"s":""]}):(0,m.jsx)("i",{className:"fa fa-spinner fa-spin"})]}),(0,m.jsxs)(h.A,{className:"text-end",children:[(0,m.jsx)(g.A,{id:"refresh",color:"link",tabIndex:"0",title:`Refresh table ${y}`,className:"me-2",onClick:s,children:(0,m.jsx)("i",{className:"fa "+(a?"fa-spinner fa-spin":"fa-sync-alt")})}),(0,m.jsxs)(g.A,{id:"toggleAutoRefresh",color:"link",tabIndex:"0",title:"Turn on Auto-Refresh",onClick:i,children:[(0,m.jsx)("span",{className:"me-2",children:"auto"}),(0,m.jsx)("i",{className:"fa fa-lg fa-toggle-"+(o?"on":"off")})]}),(0,m.jsx)("span",{className:"mx-3 text",children:"|"}),(0,m.jsxs)(g.A,{id:"toggleOnlyCached",color:"link",tabIndex:"0",title:"Only show cached data",onClick:c,children:[(0,m.jsx)("span",{className:"me-2",children:"only cached"}),(0,m.jsx)("i",{className:"fa fa-lg fa-toggle-"+(l?"on":"off")})]}),(0,m.jsx)("span",{className:"mx-3 text",children:"|"}),(0,m.jsx)(g.A,{id:"toggleSearch",color:"link",tabIndex:"0",title:`Filter table ${y}`,className:"me-3",onClick:d,children:(0,m.jsx)("i",{className:"fa fa-search"})}),(0,m.jsx)(g.A,{id:"addRecord",color:"link",tabIndex:"0",title:`Add new record to table ${y}`,className:"me-3",onClick:()=>{(0,p.Ak)(),b(`/o/${j}/i/${x}/browse/${v}/${y}/add`)},children:(0,m.jsx)("i",{className:"fa fa-plus"})}),(0,m.jsx)(g.A,{id:"bulkUpload",color:"link",tabIndex:"0",className:"me-2",title:`Bulk Upload CSV to ${y}`,onClick:()=>b(`/o/${j}/i/${x}/browse/${v}/${y}/csv`),children:(0,m.jsx)("i",{className:"fa fa-file-upload"})})]})]})};var x=a(4343),v=a(127);const y=async e=>{let{schema:t,table:a,filtered:n,pageSize:r,onlyCached:s,sorted:o,page:l,auth:i,url:c,signal:d,signal2:u}=e,h=!1,g=0,f=1,m=[],b=!1,x=!1,y=[],j=["*"],A=[];const w=l*r;try{let e=(0,p.b5)(t,a);if(e||(e=await(async e=>{let{auth:t,url:a,schema:n,table:r,signal:s}=e;return(0,v.A)({operation:{operation:"describe_table",schema:n,table:r},auth:t,url:a,signal:s})})({auth:i,url:c,schema:t,table:a,signal:u}),(0,p.Iz)(t,a,e)),e.error)throw b=[],new Error("table");const{record_count:n,attributes:s,hash_attribute:o}=e;y=s,b=s.map((e=>e.attribute)),void 0===o?(x="$id",j=["$id","*"]):x=o,g=n,y=s,f=g&&Math.ceil(g/r)}catch(S){h=S.message}if(g)try{if(m=n.length?await(async e=>{let{auth:t,url:a,schema:n,table:r,operator:s,get_attributes:o,limit:l,offset:i,onlyCached:c,conditions:d,signal:u}=e;return(0,v.A)({operation:{operation:"search_by_conditions",schema:n,table:r,operator:s,get_attributes:o,limit:l,offset:i,conditions:d,onlyIfCached:c,noCacheStore:c},auth:t,url:a,signal:u})})({schema:t,table:a,operator:"and",get_attributes:j,limit:r,offset:w,sort:o.length?{attribute:o[0].id,descending:o[0].desc}:void 0,conditions:n.map((e=>({search_attribute:e.id,search_type:"contains",search_value:e.value}))),auth:i,url:c,signal:d,onlyCached:s}):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,sort:d,onlyCached:u,signal:h}=e;return(0,v.A)({operation:{operation:"search_by_value",schema:n,table:r,search_attribute:s,search_value:o,get_attributes:l,limit:i,offset:c,sort:d,onlyIfCached:u,noCacheStore:u},auth:t,url:a,signal:h})})({schema:t,table:a,search_attribute:x,search_value:"*",get_attributes:j,limit:r,offset:w,sort:o.length?{attribute:o[0].id,descending:o[0].desc}:void 0,auth:i,url:c,signal:d,onlyCached:s}),m.error||!Array.isArray(m))throw new Error(m.message)}catch(S){h=S.message}A=((e,t)=>{if(!e.length)return[];if(t.length>=8)return[];const a=new Map(t.map(((e,t)=>[e,t]))),n=new Map;for(const r of e)for(const e of Object.keys(r))if(!a.has(e)){const t=n.get(e)||0;n.set(e,t+1)}return Array.from(n).sort(((e,t)=>{let[,a]=e,[,n]=t;return n-a})).map((e=>{let[t]=e;return t})).slice(0,8-t.length)})(m,b),b.push(...A);const C=b.filter((e=>![x,"__createdtime__","__updatedtime__"].includes(e))),N=C.reduce(((e,t)=>({...e,[t]:null})),{});b.includes("__createdtime__")&&C.push("__createdtime__"),b.includes("__updatedtime__")&&C.push("__updatedtime__");const _=(x?[x,...C]:[...C]).map((e=>({Header:"$id"===e?"Primary Key":e.toString(),accessor:t=>t[e.toString()]})));return{newData:m||[],newEntityAttributes:N,newTotalRecords:g,newTotalPages:f,hashAttribute:x,schemaAttributes:y,dataTableColumns:_,error:"table"===h?`You are not authorized to view ${t}:${a}`:h,dynamicAttributesFromDataTable:A}},j=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(async e=>{let{auth:t,url:a,sql:n,signal:r}=e;return(0,v.A)({operation:{operation:"sql",sql:n},auth:t,url:a,signal:r})})({auth:l,url:i,sql:e,signal:c}),t=a&&Math.ceil(a/o)}catch(d){t=1,a=0}return{newTotalRecords:a,newTotalPages:t}};var A=a(5283);let w,C,N;const _=function(e){var t;let{tableState:a,setTableState:u,activeTable:h}=e;const g=(0,r.Zp)(),{compute_stack_id:f,schema:v,table:_,customer_id:S}=(0,r.g)(),P=(0,i.O$)(c.A,(e=>e.auth)),k=(0,i.O$)(c.A,(e=>e.url)),[O,R]=(0,n.useState)(!1),[z,$]=(0,n.useState)(!1),[T,F]=(0,n.useState)(!1),[E,D]=(0,n.useState)(!1),[I,M]=(0,n.useState)(!0),[q,H]=(0,A.A)({});return(0,n.useEffect)((()=>{var e,t,n;null===(e=w)||void 0===e||e.abort(),null===(t=C)||void 0===t||t.abort(),null===(n=N)||void 0===n||n.abort(),D(!1),F(!1);let r=!0;return(async()=>{var e;a.filtered.length||F(!0),w=new AbortController,C=new AbortController;const{newData:t,newTotalRecords:n,newTotalPages:s,newEntityAttributes:o,hashAttribute:l,dynamicAttributesFromDataTable:i,dataTableColumns:c,schemaAttributes:d,error:g}=await y({schema:v,table:_,filtered:a.filtered,pageSize:parseInt(a.pageSize,10),sorted:a.sorted,onlyCached:null===q||void 0===q||null===(e=q.onlyCached)||void 0===e?void 0:e[h],page:a.page,auth:P,url:k,signal:w.signal,signal2:C.signal});r&&(F(!1),t.error?u({...a,tableData:[],error:g}):(a.filtered.length?t.length<a.pageSize?(R(1),$(t.length)):(async()=>{D(!0),R(!1),N=new AbortController;const{newTotalRecords:e,newTotalPages:t}=await j({schema:v,table:_,filtered:a.filtered,pageSize:parseInt(a.pageSize,10),auth:P,url:k,signal:N.signal});r&&(D(!1),R(t),$(e))})():(R(s),$(n)),u({...a,tableData:t,newEntityAttributes:o,hashAttribute:l,dataTableColumns:c,dynamicAttributesFromDataTable:i,schemaAttributes:d,error:g})))})(),()=>{var e,t,a;null===(e=w)||void 0===e||e.abort(),null===(t=C)||void 0===t||t.abort(),null===(a=N)||void 0===a||a.abort(),r=!1}}),[a.sorted,a.page,a.filtered,a.pageSize,q.onlyCached,I,h]),(0,s.A)((()=>a.autoRefresh&&M(Date.now())),d.A.refresh_content_interval),(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(b,{totalRecords:z,loading:T,loadingFilter:E,autoRefresh:a.autoRefresh,onlyCached:null===q||void 0===q||null===(t=q.onlyCached)||void 0===t?void 0:t[h],refresh:()=>{(0,p.Ak)(),M(Date.now())},toggleAutoRefresh:()=>{u({...a,autoRefresh:!a.autoRefresh}),(0,p.Ak)()},toggleOnlyCached:()=>{var e;const t="object"===typeof q.onlyCached?{...q.onlyCached}:{};t[h]=!(null!==q&&void 0!==q&&null!==(e=q.onlyCached)&&void 0!==e&&e[h]),H({...q,onlyCached:t})},toggleFilter:()=>{u({...a,showFilter:!a.showFilter})}}),(0,m.jsx)(o.A,{className:"my-3",children:(0,m.jsx)(l.A,{className:"react-table-holder",children:(0,m.jsx)(x.A,{manual:!0,columns:a.dataTableColumns||[],data:a.tableData||[],error:a.error,tableDescriptionAttributes:a.schemaAttributes,dynamicAttributesFromDataTable:a.dynamicAttributesFromDataTable,currentPage:a.page,pageSize:a.pageSize,totalPages:O||0,showFilter:a.showFilter,sorted:a.sorted.length?a.sorted:[{id:a.hashAttribute,desc:!1}],loading:T&&!a.autoRefresh,onFilteredChange:e=>{u({...a,page:0,filtered:e})},onSortedChange:e=>{u({...a,page:0,sorted:e})},onPageChange:e=>{u({...a,page:e})},onPageSizeChange:e=>{u({...a,page:0,pageSize:e})},onRowClick:e=>{const t=e[a.hashAttribute],n=encodeURIComponent(v),r=encodeURIComponent(_),s=encodeURIComponent(t);g(`/o/${S}/i/${f}/browse/${n}/${r}/edit/${s}`,{state:{hashValue:t}})}})})})]})}},4343:(e,t,a)=>{a.d(t,{A:()=>y});var n=a(9950),r=a(2043),s=a(5488),o=a(9435),l=a(7176),i=a(6114),c=a(4414);const d=e=>{let{headerGroups:t,onSortedChange:a,sorted:n,showFilter:r,dynamicAttributesFromDataTable:s,tableDescriptionAttributes:o}=e;const d=e=>{let t=!1;return o.forEach((a=>{a.attribute===e&&(a.is_primary_key||a.indexed)&&(t=!0)})),t};return t.map((e=>{const{key:t,...o}=e.getHeaderGroupProps();return(0,c.jsxs)("div",{...o,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;s&&!s.includes(e.id)&&d(e.id)&&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 ${s&&!s.includes(e.id)&&d(e.id)?"":"disabled-column"}`,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 u=a(3452);const h=function(e){let{page:t,pageSize:a,totalPages:n,onPageChange:r,onPageSizeChange:o,loading:d}=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)(u.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",d?(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)(u.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 g=function(e){let{previousPage:t,canPreviousPage:a,pageIndex:n,gotoPage:r,setPageSize:o,pageCount:d,nextPage:h,canNextPage:g,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)(u.A,{className:"mb-2 btn-pagination",color:"purple",block:!0,onClick:t,disabled:!d||!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:d,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"}):d]})]}),(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)(u.A,{className:"mb-2 pull-right btn-pagination",block:!0,color:"purple",onClick:h,disabled:!d||!g,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 y=function(e){let{columns:t,data:a,error:s,currentPage:l,pageSize:i,totalPages:u,onFilteredChange:b,onSortedChange:x,onPageChange:y,onPageSizeChange:j,showFilter:A,onRowClick:w,sorted:C,loading:N,dynamicAttributesFromDataTable:_,tableDescriptionAttributes:S,manual:P=!1}=e;const{headerGroups:k,page:O,rows:R,prepareRow:z,state:$,setAllFilters:T,canPreviousPage:F,canNextPage:E,pageOptions:D,pageCount:I,gotoPage:M,nextPage:q,previousPage:H,setPageSize:U}=(0,r.useTable)({columns:t,data:a,defaultColumn:v,onFilteredChange:b,onSortedChange:x,onPageChange:y,onPageSizeChange:j,onRowClick:w,manualPagination:P,manualFilters:P,initialState:{pageIndex:l,pageSize:i}},r.useFilters,r.usePagination),[B,G]=(0,n.useState)(!0),V=P||!O.length?R:O;return(0,n.useEffect)((()=>{!A&&$.filters.length?T([]):b($.filters)}),[$.filters,A]),(0,n.useEffect)((()=>{setTimeout((()=>G(!1)),100)}),[null===V||void 0===V?void 0:V.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)(d,{headerGroups:k,tableDescriptionAttributes:S,dynamicAttributesFromDataTable:_,onSortedChange:x,sorted:C,showFilter:A}),N||B?(0,c.jsx)("div",{className:"centered text-center",children:(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"})}):V.length?V.map((e=>(0,c.jsx)(f,{row:e,prepareRow:z,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:s?`Error loading data: ${s}`:"no records"})]})]}),P?(0,c.jsx)(h,{page:l,pageSize:i,totalPages:u,onPageChange:y,onPageSizeChange:j,loading:N}):(0,c.jsx)(g,{previousPage:H,pageSize:i,canPreviousPage:F,pageIndex:$.pageIndex,pageOptions:D,gotoPage:M,setPageSize:U,pageCount:I,nextPage:q,canNextPage:E,loading:N})]})}},5488:(e,t,a)=>{a.d(t,{A:()=>y});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 d=["className","cssModule","type","bsSize","valid","invalid","tag","addon","plaintext","innerRef"];function u(){return u=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},u.apply(this,arguments)}function h(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 g(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,g=e.invalid,f=e.tag,p=e.addon,m=e.plaintext,b=e.innerRef,x=h(e,d),v=["switch","radio","checkbox"].indexOf(s)>-1,y="select"===s,j="range"===s,A=f||(y||"textarea"===s?s:"input"),w="form-control";m?(w="".concat(w,"-plaintext"),A=f||"input"):j?w="form-range":y?w="form-select":v&&(w=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 C=(0,i.qO)(l()(t,g&&"is-invalid",c&&"is-valid",!!o&&(y?"form-select-".concat(o):"form-control-".concat(o)),w),a);return("input"===A||f&&"function"===typeof f)&&(x.type="switch"===s?"checkbox":s),x.children&&!m&&"select"!==s&&"string"===typeof A&&"select"!==A&&((0,i.mc)('Input with a type of "'.concat(s,'" cannot have children. Please use "value"/"defaultValue" instead.')),delete x.children),n.createElement(A,u({},x,{ref:b,className:C,"aria-invalid":g}))}}])&&g(t.prototype,a),r&&g(t,r),Object.defineProperty(t,"prototype",{writable:!1}),o}(n.Component);v.propTypes=x;const y=v}}]);
+"use strict";(self.webpackChunkharperdb_studio=self.webpackChunkharperdb_studio||[]).push([[702],{6816:(e,t,a)=>{a.r(t),a.d(t,{default:()=>_});var n=a(9950),r=a(5201),s=a(135),o=a(4084),l=a(8156),i=a(6713),c=a(5269),d=a(5996),u=a(7176),h=a(6114),g=a(3452),f=a(4549),p=a(5502),m=a(4414);const b=function(e){let{totalRecords:t,loading:a,loadingFilter:n,refresh:s,autoRefresh:o,onlyCached:l,toggleAutoRefresh:i,toggleOnlyCached:c,toggleFilter:d}=e;const b=(0,r.Zp)(),{compute_stack_id:x,schema:v,table:y,customer_id:j}=(0,r.g)();return(0,m.jsxs)(u.A,{className:"floating-card-header",children:[(0,m.jsxs)(h.A,{children:[v,"\xa0",y&&`> ${y} > `,o||!a&&!n?(0,m.jsxs)("span",{children:[(0,f.A)(t)," record",1!==t?"s":""]}):(0,m.jsx)("i",{className:"fa fa-spinner fa-spin"})]}),(0,m.jsxs)(h.A,{className:"text-end",children:[(0,m.jsx)(g.A,{id:"refresh",color:"link",tabIndex:"0",title:`Refresh table ${y}`,className:"me-2",onClick:s,children:(0,m.jsx)("i",{className:"fa "+(a?"fa-spinner fa-spin":"fa-sync-alt")})}),(0,m.jsxs)(g.A,{id:"toggleAutoRefresh",color:"link",tabIndex:"0",title:"Turn on Auto-Refresh",onClick:i,children:[(0,m.jsx)("span",{className:"me-2",children:"auto"}),(0,m.jsx)("i",{className:"fa fa-lg fa-toggle-"+(o?"on":"off")})]}),(0,m.jsx)("span",{className:"mx-3 text",children:"|"}),(0,m.jsxs)(g.A,{id:"toggleOnlyCached",color:"link",tabIndex:"0",title:"Only show cached data",onClick:c,children:[(0,m.jsx)("span",{className:"me-2",children:"only cached"}),(0,m.jsx)("i",{className:"fa fa-lg fa-toggle-"+(l?"on":"off")})]}),(0,m.jsx)("span",{className:"mx-3 text",children:"|"}),(0,m.jsx)(g.A,{id:"toggleSearch",color:"link",tabIndex:"0",title:`Filter table ${y}`,className:"me-3",onClick:d,children:(0,m.jsx)("i",{className:"fa fa-search"})}),(0,m.jsx)(g.A,{id:"addRecord",color:"link",tabIndex:"0",title:`Add new record to table ${y}`,className:"me-3",onClick:()=>{(0,p.Ak)(),b(`/o/${j}/i/${x}/browse/${v}/${y}/add`)},children:(0,m.jsx)("i",{className:"fa fa-plus"})}),(0,m.jsx)(g.A,{id:"bulkUpload",color:"link",tabIndex:"0",className:"me-2",title:`Bulk Upload CSV to ${y}`,onClick:()=>b(`/o/${j}/i/${x}/browse/${v}/${y}/csv`),children:(0,m.jsx)("i",{className:"fa fa-file-upload"})})]})]})};var x=a(4343),v=a(127);const y=async e=>{let{schema:t,table:a,filtered:n,pageSize:r,onlyCached:s,sorted:o,page:l,auth:i,url:c,signal:d,signal2:u}=e,h=!1,g=0,f=1,m=[],b=!1,x=!1,y=[],j=["*"],A=[];const w=l*r;try{let e=(0,p.b5)(t,a);if(e||(e=await(async e=>{let{auth:t,url:a,schema:n,table:r,signal:s}=e;return(0,v.A)({operation:{operation:"describe_table",schema:n,table:r},auth:t,url:a,signal:s})})({auth:i,url:c,schema:t,table:a,signal:u}),(0,p.Iz)(t,a,e)),e.error)throw b=[],new Error("table");const{record_count:n,attributes:s,hash_attribute:o}=e;y=s,b=s.map((e=>e.attribute)),void 0===o?(x="$id",j=["$id","*"]):x=o,g=n,y=s,f=g&&Math.ceil(g/r)}catch(S){h=S.message}if(g)try{if(m=n.length?await(async e=>{let{auth:t,url:a,schema:n,table:r,operator:s,get_attributes:o,limit:l,offset:i,onlyCached:c,conditions:d,signal:u}=e;return(0,v.A)({operation:{operation:"search_by_conditions",schema:n,table:r,operator:s,get_attributes:o,limit:l,offset:i,conditions:d,onlyIfCached:c,noCacheStore:c},auth:t,url:a,signal:u})})({schema:t,table:a,operator:"and",get_attributes:j,limit:r,offset:w,sort:o.length?{attribute:o[0].id,descending:o[0].desc}:void 0,conditions:n.map((e=>({search_attribute:e.id,search_type:"contains",search_value:e.value}))),auth:i,url:c,signal:d,onlyCached:s}):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,sort:d,onlyCached:u,signal:h}=e;return(0,v.A)({operation:{operation:"search_by_value",schema:n,table:r,search_attribute:s,search_value:o,get_attributes:l,limit:i,offset:c,sort:d,onlyIfCached:u,noCacheStore:u},auth:t,url:a,signal:h})})({schema:t,table:a,search_attribute:x,search_value:"*",get_attributes:j,limit:r,offset:w,sort:o.length?{attribute:o[0].id,descending:o[0].desc}:void 0,auth:i,url:c,signal:d,onlyCached:s}),m.error||!Array.isArray(m))throw new Error(m.message)}catch(S){h=S.message}A=((e,t)=>{if(!e.length)return[];if(t.length>=8)return[];const a=new Map(t.map(((e,t)=>[e,t]))),n=new Map;for(const r of e)for(const e of Object.keys(r))if(!a.has(e)){const t=n.get(e)||0;n.set(e,t+1)}return Array.from(n).sort(((e,t)=>{let[,a]=e,[,n]=t;return n-a})).map((e=>{let[t]=e;return t})).slice(0,8-t.length)})(m,b),b.push(...A);const C=b.filter((e=>![x,"__createdtime__","__updatedtime__"].includes(e))),N=C.reduce(((e,t)=>({...e,[t]:null})),{});b.includes("__createdtime__")&&C.push("__createdtime__"),b.includes("__updatedtime__")&&C.push("__updatedtime__");const _=(x?[x,...C]:[...C]).map((e=>({Header:"$id"===e?"Primary Key":e.toString(),accessor:t=>t[e.toString()]})));return{newData:m||[],newEntityAttributes:N,newTotalRecords:g,newTotalPages:f,hashAttribute:x,schemaAttributes:y,dataTableColumns:_,error:"table"===h?`You are not authorized to view ${t}:${a}`:h,dynamicAttributesFromDataTable:A}},j=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(async e=>{let{auth:t,url:a,sql:n,signal:r}=e;return(0,v.A)({operation:{operation:"sql",sql:n},auth:t,url:a,signal:r})})({auth:l,url:i,sql:e,signal:c}),t=a&&Math.ceil(a/o)}catch(d){t=1,a=0}return{newTotalRecords:a,newTotalPages:t}};var A=a(5283);let w,C,N;const _=function(e){var t;let{tableState:a,setTableState:u,activeTable:h}=e;const g=(0,r.Zp)(),{compute_stack_id:f,schema:v,table:_,customer_id:S}=(0,r.g)(),P=(0,i.O$)(c.A,(e=>e.auth)),k=(0,i.O$)(c.A,(e=>e.url)),[O,R]=(0,n.useState)(!1),[z,$]=(0,n.useState)(!1),[T,F]=(0,n.useState)(!1),[E,D]=(0,n.useState)(!1),[I,M]=(0,n.useState)(!0),[q,H]=(0,A.A)({});return(0,n.useEffect)((()=>{var e,t,n;null===(e=w)||void 0===e||e.abort(),null===(t=C)||void 0===t||t.abort(),null===(n=N)||void 0===n||n.abort(),D(!1),F(!1);let r=!0;return(async()=>{var e;a.filtered.length||F(!0),w=new AbortController,C=new AbortController;const{newData:t,newTotalRecords:n,newTotalPages:s,newEntityAttributes:o,hashAttribute:l,dynamicAttributesFromDataTable:i,dataTableColumns:c,schemaAttributes:d,error:g}=await y({schema:v,table:_,filtered:a.filtered,pageSize:parseInt(a.pageSize,10),sorted:a.sorted,onlyCached:null===q||void 0===q||null===(e=q.onlyCached)||void 0===e?void 0:e[h],page:a.page,auth:P,url:k,signal:w.signal,signal2:C.signal});r&&(F(!1),t.error?u({...a,tableData:[],error:g}):(a.filtered.length?t.length<a.pageSize?(R(1),$(t.length)):(async()=>{D(!0),R(!1),N=new AbortController;const{newTotalRecords:e,newTotalPages:t}=await j({schema:v,table:_,filtered:a.filtered,pageSize:parseInt(a.pageSize,10),auth:P,url:k,signal:N.signal});r&&(D(!1),R(t),$(e))})():(R(s),$(n)),u({...a,tableData:t,newEntityAttributes:o,hashAttribute:l,dataTableColumns:c,dynamicAttributesFromDataTable:i,schemaAttributes:d,error:g})))})(),()=>{var e,t,a;null===(e=w)||void 0===e||e.abort(),null===(t=C)||void 0===t||t.abort(),null===(a=N)||void 0===a||a.abort(),r=!1}}),[a.sorted,a.page,a.filtered,a.pageSize,q.onlyCached,I,h]),(0,s.A)((()=>a.autoRefresh&&M(Date.now())),d.A.refresh_content_interval),(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(b,{totalRecords:z,loading:T,loadingFilter:E,autoRefresh:a.autoRefresh,onlyCached:null===q||void 0===q||null===(t=q.onlyCached)||void 0===t?void 0:t[h],refresh:()=>{(0,p.Ak)(),M(Date.now())},toggleAutoRefresh:()=>{u({...a,autoRefresh:!a.autoRefresh}),(0,p.Ak)()},toggleOnlyCached:()=>{var e;const t="object"===typeof q.onlyCached?{...q.onlyCached}:{};t[h]=!(null!==q&&void 0!==q&&null!==(e=q.onlyCached)&&void 0!==e&&e[h]),H({...q,onlyCached:t})},toggleFilter:()=>{u({...a,showFilter:!a.showFilter})}}),(0,m.jsx)(o.A,{className:"my-3",children:(0,m.jsx)(l.A,{className:"react-table-holder",children:(0,m.jsx)(x.A,{manual:!0,columns:a.dataTableColumns||[],data:a.tableData||[],error:a.error,tableDescriptionAttributes:a.schemaAttributes,dynamicAttributesFromDataTable:a.dynamicAttributesFromDataTable,currentPage:a.page,pageSize:a.pageSize,totalPages:O||0,showFilter:a.showFilter,sorted:a.sorted.length?a.sorted:[{id:a.hashAttribute,desc:!1}],loading:T&&!a.autoRefresh,onFilteredChange:e=>{u({...a,page:0,filtered:e})},onSortedChange:e=>{u({...a,page:0,sorted:e})},onPageChange:e=>{u({...a,page:e})},onPageSizeChange:e=>{u({...a,page:0,pageSize:e})},onRowClick:e=>{const t=e[a.hashAttribute],n=encodeURIComponent(v),r=encodeURIComponent(_),s=encodeURIComponent(t);g(`/o/${S}/i/${f}/browse/${n}/${r}/edit/${s}`,{state:{hashValue:t}})}})})})]})}},4343:(e,t,a)=>{a.d(t,{A:()=>y});var n=a(9950),r=a(2043),s=a(5488),o=a(9435),l=a(7176),i=a(6114),c=a(4414);const d=e=>{let{headerGroups:t,onSortedChange:a,sorted:n,showFilter:r,dynamicAttributesFromDataTable:s,tableDescriptionAttributes:o}=e;const d=e=>{let t=!1;return o.forEach((a=>{a.attribute===e&&(a.is_primary_key||a.indexed)&&(t=!0)})),t};return t.map((e=>{const{key:t,...o}=e.getHeaderGroupProps();return(0,c.jsxs)("div",{...o,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;s&&!s.includes(e.id)&&d(e.id)&&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 ${s&&!s.includes(e.id)&&d(e.id)?"":"disabled-column"}`,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 u=a(3452);const h=function(e){let{page:t,pageSize:a,totalPages:n,onPageChange:r,onPageSizeChange:o,loading:d}=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)(u.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",d?(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)(u.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 g=function(e){let{previousPage:t,canPreviousPage:a,pageIndex:n,gotoPage:r,setPageSize:o,pageCount:d,nextPage:h,canNextPage:g,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)(u.A,{className:"mb-2 btn-pagination",color:"purple",block:!0,onClick:t,disabled:!d||!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:d,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"}):d]})]}),(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)(u.A,{className:"mb-2 pull-right btn-pagination",block:!0,color:"purple",onClick:h,disabled:!d||!g,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 y=function(e){let{columns:t,data:a,error:s,currentPage:l,pageSize:i,totalPages:u,onFilteredChange:b,onSortedChange:x,onPageChange:y,onPageSizeChange:j,showFilter:A,onRowClick:w,sorted:C,loading:N,dynamicAttributesFromDataTable:_,tableDescriptionAttributes:S,manual:P=!1}=e;const{headerGroups:k,page:O,rows:R,prepareRow:z,state:$,setAllFilters:T,canPreviousPage:F,canNextPage:E,pageOptions:D,pageCount:I,gotoPage:M,nextPage:q,previousPage:H,setPageSize:U}=(0,r.useTable)({columns:t,data:a,defaultColumn:v,onFilteredChange:b,onSortedChange:x,onPageChange:y,onPageSizeChange:j,onRowClick:w,manualPagination:P,manualFilters:P,initialState:{pageIndex:l,pageSize:i}},r.useFilters,r.usePagination),[B,G]=(0,n.useState)(!0),V=P||!O.length?R:O;return(0,n.useEffect)((()=>{!A&&$.filters.length?T([]):b($.filters)}),[$.filters,A]),(0,n.useEffect)((()=>{setTimeout((()=>G(!1)),100)}),[null===V||void 0===V?void 0:V.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)(d,{headerGroups:k,tableDescriptionAttributes:S,dynamicAttributesFromDataTable:_,onSortedChange:x,sorted:C,showFilter:A}),N||B?(0,c.jsx)("div",{className:"centered text-center",children:(0,c.jsx)("i",{className:"fa fa-spinner fa-spin"})}):V.length?V.map((e=>(0,c.jsx)(f,{row:e,prepareRow:z,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:s?`Error loading data: ${s}`:"no records"})]})]}),P?(0,c.jsx)(h,{page:l,pageSize:i,totalPages:u,onPageChange:y,onPageSizeChange:j,loading:N}):(0,c.jsx)(g,{previousPage:H,pageSize:i,canPreviousPage:F,pageIndex:$.pageIndex,pageOptions:D,gotoPage:M,setPageSize:U,pageCount:I,nextPage:q,canNextPage:E,loading:N})]})}},5488:(e,t,a)=>{a.d(t,{A:()=>y});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 d=["className","cssModule","type","bsSize","valid","invalid","tag","addon","plaintext","innerRef"];function u(){return u=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},u.apply(this,arguments)}function h(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 g(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,g=e.invalid,f=e.tag,p=e.addon,m=e.plaintext,b=e.innerRef,x=h(e,d),v=["switch","radio","checkbox"].indexOf(s)>-1,y="select"===s,j="range"===s,A=f||(y||"textarea"===s?s:"input"),w="form-control";m?(w="".concat(w,"-plaintext"),A=f||"input"):j?w="form-range":y?w="form-select":v&&(w=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 C=(0,i.qO)(l()(t,g&&"is-invalid",c&&"is-valid",!!o&&(y?"form-select-".concat(o):"form-control-".concat(o)),w),a);return("input"===A||f&&"function"===typeof f)&&(x.type="switch"===s?"checkbox":s),x.children&&!m&&"select"!==s&&"string"===typeof A&&"select"!==A&&((0,i.mc)('Input with a type of "'.concat(s,'" cannot have children. Please use "value"/"defaultValue" instead.')),delete x.children),n.createElement(A,u({},x,{ref:b,className:C,"aria-invalid":g}))}}])&&g(t.prototype,a),r&&g(t,r),Object.defineProperty(t,"prototype",{writable:!1}),o}(n.Component);v.propTypes=x;const y=v}}]);

package/studio/build-local/static/js/{browse-entitymanager.fd37a083.chunk.js → browse-entitymanager.efe8323a.chunk.js}

@@ -1 +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(1345),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}`),(0,h.A)({auth:O,url:k})},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:"text-white fa fa-check"})}),(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:"text-white fa fa-times"})})]}):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:"text-white fa fa-minus"})}):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}}]);
+"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(5201),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}`),(0,h.A)({auth:O,url:k})},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:"text-white fa fa-check"})}),(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:"text-white fa fa-times"})})]}):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:"text-white fa fa-minus"})}):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.f57cc39c.chunk.js → browse-jsonviewer.02fc2ff0.chunk.js}

@@ -1 +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(1345),h=s(9163),u=s.n(h),m=s(6713),f=s(7348),b=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:y,compute_stack_id:v}=(0,o.g)(),w=decodeURIComponent($),C=decodeURIComponent(N),S=decodeURIComponent(g),I=(0,f.MW)(),{state:O}=(0,o.zy)(),T=(0,o.Zp)(),D=(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/${v}/browse/${w}/${C}`,B=async e=>{if(e.preventDefault(),Y||I.error("Please insert valid JSON to proceed"),!y||!Y)return!1;P(!0);const a=JSON.parse(U),s={operation:{operation:"edit"===y?"update":"insert",schema:w,table:C,records:"edit"!==y&&Array.isArray(a)?a:[a]},auth:D,url:E},{error:t,message:r}=await(0,x.A)(s);return t?(I.error(r),P(!1)):(p.A.update((e=>{e.lastUpdate=Date.now()})),setTimeout((()=>T(`/o/${h}/i/${v}/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||T(q)}),[]),u()((async()=>{if("edit"===y){let a;null!==O&&void 0!==O&&O.hashValue?a=[O.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:["*"],onlyIfCached:!0,noCacheStore:!0},auth:D,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 T(q),I.error("Unable to find record with that hash_attribute")}else J(JSON.stringify(a||{},null,4));var e}),[S]),(0,k.jsxs)(b.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"===y?"> 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"===y&&(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:()=>T(`/o/${h}/i/${v}/browse/${w}/${C}`),children:(0,k.jsx)("i",{className:"fa fa-chevron-left"})})}),"add"===y?(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(),!y)return!1;Z(!0);const{error:a,message:s}=await(0,x.A)({operation:{operation:"delete",schema:w,table:C,hash_values:[O.hashValue]},auth:D,url:E});return a?(I.error(s),M(!1),Z(!1)):setTimeout((()=>T(`/o/${h}/i/${v}/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")})})})]})]})]})})]})}}}]);
+"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(5201),h=s(9163),u=s.n(h),m=s(6713),f=s(7348),b=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:y,compute_stack_id:v}=(0,o.g)(),w=decodeURIComponent($),C=decodeURIComponent(N),S=decodeURIComponent(g),I=(0,f.MW)(),{state:O}=(0,o.zy)(),T=(0,o.Zp)(),D=(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/${v}/browse/${w}/${C}`,B=async e=>{if(e.preventDefault(),Y||I.error("Please insert valid JSON to proceed"),!y||!Y)return!1;P(!0);const a=JSON.parse(U),s={operation:{operation:"edit"===y?"update":"insert",schema:w,table:C,records:"edit"!==y&&Array.isArray(a)?a:[a]},auth:D,url:E},{error:t,message:r}=await(0,x.A)(s);return t?(I.error(r),P(!1)):(p.A.update((e=>{e.lastUpdate=Date.now()})),setTimeout((()=>T(`/o/${h}/i/${v}/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||T(q)}),[]),u()((async()=>{if("edit"===y){let a;null!==O&&void 0!==O&&O.hashValue?a=[O.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:["*"],onlyIfCached:!0,noCacheStore:!0},auth:D,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 T(q),I.error("Unable to find record with that hash_attribute")}else J(JSON.stringify(a||{},null,4));var e}),[S]),(0,k.jsxs)(b.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"===y?"> 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"===y&&(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:()=>T(`/o/${h}/i/${v}/browse/${w}/${C}`),children:(0,k.jsx)("i",{className:"fa fa-chevron-left"})})}),"add"===y?(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(),!y)return!1;Z(!0);const{error:a,message:s}=await(0,x.A)({operation:{operation:"delete",schema:w,table:C,hash_values:[O.hashValue]},auth:D,url:E});return a?(I.error(s),M(!1),Z(!1)):setTimeout((()=>T(`/o/${h}/i/${v}/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")})})})]})]})]})})]})}}}]);