https://lab.snackz.ai/_next/static/chunks/7499.0307f4ff0a811dd4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7499],{7499:(e,l,n)=>{n.r(l),n.d(l,{default:()=>A});var a=n(6135),t=n(38104),o=n(95181),i=n(65488),r=n(63868),s=n(10168),u=n(95541),c=n(60504),v=n(55071),d=n(40341),m=n(16124),b=n(93996),p=n(20743),f=n(62091),k=n(96721),x=n(63277),h=n(48301),g=n(90613),y=n(88279),C=n(52619),R=n(90125),E=n(89952),D=n(63202),w={class:"flex-1"},_=["onClick"],F={class:"flex h-5 max-w-[14px] items-center justify-center"},A=(0,x.pM)({__name:"Environment",setup(e){let l=(0,E.rd)(),n=(0,E.lq)(),{activeWorkspace:A,activeEnvironment:I,activeWorkspaceCollections:T,activeEnvVariables:X}=(0,t.JC)(),{events:M,workspaceMutators:U,collectionMutators:W}=(0,i.hA)(),{collapsedSidebarFolders:O,toggleSidebarFolder:K}=(0,o.cL)(),N=(0,C.hS)(),L=(0,C.hS)(),S=(0,C.hS)(),j=(0,h.KR)(null),B=(0,h.KR)("default"),$=(0,h.KR)(""),Q=(0,h.KR)(void 0),z=(0,h.KR)(void 0),G=(0,h.KR)(void 0),{toast:V}=(0,R.Yf)();function J(e,l,n){e&&(l.uid===n?V(`Environment name already used in ${l.info?.title}`,"error"):V("Environment name already used in another collection","error"))}let q=(0,x.EW)(()=>T.value.filter(e=>e.info?.title!=="Drafts"));function H(e){q.value.some(l=>{let n=Object.keys(l["x-scalar-environments"]||{}).includes(e.name);return J(n,l,e.collectionId),n})||(e.collectionId&&(W.addEnvironment(e.name,{variables:{},color:e.color},e.collectionId),O[e.collectionId]||K(e.collectionId),l.push({name:"environment.collection",params:{[a.TU.Collection]:e.collectionId,[a.TU.Environment]:e.name}})),L.hide())}function Y(e){if(!I)return;let l=JSON.parse(e);if("default"===B.value)U.edit(A.value?.uid,"environments",l);else{let e=T.value.find(e=>e["x-scalar-environments"]?.[B.value??""]);if(e?.["x-scalar-environments"]?.[B.value??""]){let n=e["x-scalar-environments"][B.value??""];n&&(n.variables=l,W.edit(e.uid,"x-scalar-environments",e["x-scalar-environments"]))}}}let P=e=>{Q.value=e,L.show()},Z=e=>{let l=j.value;"string"==typeof l&&(T.value.some(e=>e["x-scalar-environments"]?.[l])&&T.value.forEach(n=>{n["x-scalar-environments"]?.[l]&&(n["x-scalar-environments"][l].color=e,W.edit(n.uid,"x-scalar-environments",n["x-scalar-environments"]))}),N.hide())},ee=e=>{e?.createNew&&"environment"===n.name&&P()};function el(){z.value=void 0,Q.value=void 0,G.value=void 0,S.hide()}function en(e){q.value.some(l=>{let n=Object.keys(l["x-scalar-environments"]||{}).includes(e);return J(n,l,Q.value),n})||(e&&"default"!==z.value&&T.value.forEach(l=>{if(l["x-scalar-environments"]?.[z.value??""]){let n=l["x-scalar-environments"],a={};Object.keys(n).forEach(l=>{let t=n[l];t&&(l===z.value?a[e]=t:a[l]=t)}),l["x-scalar-environments"]=a,W.edit(l.uid,"x-scalar-environments",l["x-scalar-environments"])}}),e&&B.value===z.value&&(B.value=e),z.value=void 0,Q.value=void 0,G.value=void 0,S.hide())}(0,x.wB)(()=>[n.params[a.TU.Collection],n.params[a.TU.Environment]],([e,l])=>{e?B.value=l:B.value="default"}),(0,x.sV)(()=>{B.value=n.params[a.TU.Environment]||"default",M.hotKeys.on(ee);let e=n.params[a.TU.Collection];e&&!O[e]&&K(e)}),(0,x.xo)(()=>M.hotKeys.off(ee));let{handleDragEnd:ea,isDroppable:et}={handleDragEnd:(e,l)=>{if(!e||!l)return;let{id:n,parentId:a}=e,{id:t,parentId:o,offset:i}=l;if(a!==o)return;let r=T.value.find(e=>e.uid===a);if(!r||!r["x-scalar-environments"])return;let s=r["x-scalar-environments"],u=Object.keys(s);({...s});let c=u.findIndex(e=>e===n);u.splice(c,1);let v=u.findIndex(e=>e===t)+ +(1===i);u.splice(v,0,n),r["x-scalar-environments"]=u.reduce((e,l)=>{let n=s[l];return n&&(e[l]=n),e},{}),W.edit(r.uid,"x-scalar-environments",r["x-scalar-environments"])},isDroppable:(e,l)=>e.parentId===l.parentId};return(0,x.wB)(()=>n.query.openEnvironmentModal,e=>{"true"===e&&P()},{immediate:!0}),(e,n)=>((0,x.uX)(),(0,x.Wv)(u.A,null,{default:(0,x.k6)(()=>[(0,x.bF)(s.A,{title:"Collections"},{content:(0,x.k6)(()=>[(0,x.Lk)("div",w,[(0,x.bF)(f.A,null,{default:(0,x.k6)(()=>[((0,x.uX)(),(0,x.Wv)(k.A,{key:"default",class:"text-xs",isCopyable:!1,to:{name:"environment",params:{[(0,h.R1)(a.TU).Environment]:"default"}},type:"environment",variable:{name:"Global Environment",uid:"default",icon:"Globe",isDefault:!0}},null,8,["to"])),((0,x.uX)(!0),(0,x.CE)(x.FK,null,(0,x.pI)(q.value,e=>((0,x.uX)(),(0,x.CE)("li",{key:e.uid,class:"gap-1/2 flex flex-col"},[(0,x.Lk)("button",{class:"hover:bg-b-2 group flex w-full items-center gap-1.5 rounded p-1.5 text-left text-sm font-medium break-words",type:"button",onClick:l=>(0,h.R1)(K)(e.uid)},[(0,x.Lk)("span",F,[(0,x.bF)((0,h.R1)(D.A),{class:"text-sidebar-c-2 size-3.5 min-w-3.5 stroke-2 group-hover:hidden",src:e["x-scalar-icon"]||"interface-content-folder"},null,8,["src"]),(0,x.Lk)("div",{class:(0,g.C4)({"rotate-90":(0,h.R1)(O)[e.uid]})},[(0,x.bF)((0,h.R1)(C.kv),{class:"text-c-3 hover:text-c-1 hidden text-sm group-hover:block",icon:"ChevronRight",size:"md"})],2)]),(0,x.eW)(" "+(0,g.v_)(e.info?.title??""),1)],8,_),(0,x.bo)((0,x.Lk)("div",{class:(0,g.C4)({"before:bg-border relative mb-[.5px] before:pointer-events-none before:absolute before:top-0 before:left-3 before:z-1 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full":Object.keys(e["x-scalar-environments"]||{}).length>0})},[((0,x.uX)(!0),(0,x.CE)(x.FK,null,(0,x.pI)(e["x-scalar-environments"],(n,t)=>((0,x.uX)(),(0,x.Wv)(k.A,{key:t,class:"text-xs",collectionId:e.uid,isCopyable:!1,isDeletable:!0,isRenameable:!0,isDraggable:!0,isDroppable:(0,h.R1)(et),to:{name:"environment.collection",params:{[(0,h.R1)(a.TU).Collection]:e.uid,[(0,h.R1)(a.TU).Environment]:t}},type:"environment",variable:{name:t,uid:t,color:n.color??"#FFFFFF",isDefault:!1},warningMessage:"Are you sure you want to delete this environment?",onClick:(0,y.D$)(n=>{var o;let i;return i=(o=e.uid)?{name:"environment.collection",params:{[a.TU.Worksp

1ace]:A.value?.uid,[a.TU.Collection]:o,[a.TU.Environment]:t}}:{name:"environment.default",params:{[a.TU.Workspace]:A.value?.uid,[a.TU.Environment]:t}},void(n.metaKey?window.open(l.resolve(i).href,"_blank"):l.push(i))},["prevent"]),onColorModal:e=>{j.value=t,$.value=T.value.find(e=>e["x-scalar-environments"]?.[t])?.["x-scalar-environments"]?.[t]?.color??"",N.show()},onDelete:e=>(function(e){q.value.forEach(l=>{W.removeEnvironment(e,l.uid)});let n=q.value.flatMap(e=>Object.keys(e["x-scalar-environments"]||{}));if(n.length>0){let e=n[n.length-1];if(!e)return;let t=T.value.find(l=>Object.keys(l["x-scalar-environments"]||{}).includes(e));B.value=e,l.push({name:"environment.collection",params:{[a.TU.Collection]:t?.uid,[a.TU.Environment]:e}}),t&&!O[t.uid]&&K(t.uid)}else B.value="default",l.push({name:"environment.default",params:{[a.TU.Workspace]:A.value?.uid}})})(t),onRename:l=>{var n;return n=e.uid,void(z.value=t,Q.value=n,G.value=t,S.show())},onOnDragEnd:(0,h.R1)(ea)},null,8,["collectionId","isDroppable","to","variable","onClick","onColorModal","onDelete","onRename","onOnDragEnd"]))),128)),0===Object.keys(e["x-scalar-environments"]||{}).length?((0,x.uX)(),(0,x.Wv)((0,h.R1)(C.RO),{key:0,class:"text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 pl-6 text-xs",variant:"ghost",onClick:l=>P(e.uid)},{default:(0,x.k6)(()=>[(0,x.bF)((0,h.R1)(C.kv),{icon:"Add",size:"sm"}),n[2]||(n[2]=(0,x.Lk)("span",null,"Add Environment",-1))]),_:1},8,["onClick"])):(0,x.Q3)("",!0)],2),[[y.aG,O[e.uid]]])]))),128))]),_:1})])]),button:(0,x.k6)(()=>[(0,x.bF)(p.A,{click:P,hotkey:"N"},{title:(0,x.k6)(()=>[...n[3]||(n[3]=[(0,x.eW)(" Add Environment ",-1)])]),_:1})]),_:1}),(0,x.bF)(c.A,{class:"flex-1"},{default:(0,x.k6)(()=>[(0,x.bF)(v.A,null,(0,x.eX)({default:(0,x.k6)(()=>[B.value&&(0,h.R1)(A)?((0,x.uX)(),(0,x.Wv)(r.A,{key:0,class:"py-2 pr-2 pl-px md:px-4",envVariables:(0,h.R1)(X),environment:(0,h.R1)(I),language:"json",lineNumbers:"",lint:"",modelValue:"default"===B.value?JSON.stringify(A.value?.environments,null,2):JSON.stringify(T.value.find(e=>e["x-scalar-environments"]?.[B.value??""])?.["x-scalar-environments"]?.[B.value??""]?.variables,null,2),workspace:(0,h.R1)(A),"onUpdate:modelValue":Y},null,8,["envVariables","environment","modelValue","workspace"])):(0,x.Q3)("",!0)]),_:2},[B.value?{name:"title",fn:(0,x.k6)(()=>[(0,x.Lk)("span",null,(0,g.v_)("default"===B.value?"Global Environment":B.value),1)]),key:"0"}:void 0]),1024)]),_:1}),(0,x.bF)(m.A,{selectedColor:$.value,state:(0,h.R1)(N),onCancel:n[0]||(n[0]=e=>(0,h.R1)(N).hide()),onSubmit:Z},null,8,["selectedColor","state"]),(0,x.bF)(b.A,{activeWorkspaceCollections:q.value,collectionId:Q.value,state:(0,h.R1)(L),onCancel:n[1]||(n[1]=e=>(0,h.R1)(L).hide()),onSubmit:H},null,8,["activeWorkspaceCollections","collectionId","state"]),(0,x.bF)((0,h.R1)(C.uT),{size:"xxs",state:(0,h.R1)(S),title:`Edit ${z.value}`},{default:(0,x.k6)(()=>[(0,x.bF)(d.A,{name:G.value??"",onClose:el,onEdit:en},null,8,["name"])]),_:1},8,["state","title"])]),_:1}))}})},20743:(e,l,n)=>{n.d(l,{A:()=>r});var a=n(91925),t=n(63277),o=n(48301),i=n(52619),r=(0,t.pM)({__name:"SidebarButton",props:{click:{type:Function},hotkey:{}},setup(e){let{layout:l}=(0,a.g)(),n=()=>{e.click()};return(a,r)=>((0,t.uX)(),(0,t.Wv)((0,o.R1)(i.RO),{class:"bg-b-1 text-c-1 hover:bg-b-2 group relative h-auto w-auto border px-2 py-1 md:w-full md:p-1.5",variant:"outlined",onClick:n},{default:(0,t.k6)(()=>[(0,t.RG)(a.$slots,"title"),e.hotkey&&"desktop"===(0,o.R1)(l)?((0,t.uX)(),(0,t.Wv)((0,o.R1)(i.RH),{key:0,class:"text-c-2 add-item-hotkey absolute right-2 hidden group-hover:opacity-80 md:flex",hotkey:e.hotkey},null,8,["hotkey"])):(0,t.Q3)("",!0)]),_:3}))}})},62091:(e,l,n)=>{n.d(l,{A:()=>i});var a=n(83443),t=n(63277),o={class:"gap-1/2 flex flex-col px-3 pb-[75px]"},i=(0,a.A)({},[["render",function(e,l){return(0,t.uX)(),(0,t.CE)("ul",o,[(0,t.RG)(e.$slots,"default")])}]])},96721:(e,l,n)=>{n.d(l,{A:()=>h});var a,t=n(83443),o=n(248),i=n(63277),r=n(48301),s=n(88279),u=n(52619),c=n(41365),v={class:"absolute right-1 flex opacity-0 group-hover:opacity-100"},d=((a=d||{}).Delete="Delete",a.None="None",a),m=(0,i.pM)({__name:"SidebarListElementActions",props:{variable:{},warningMessage:{},isCopyable:{type:Boolean},isDeletable:{type:Boolean},isRenameable:{type:Boolean}},emits:["delete","rename"],setup(e,{emit:l}){let n=(0,r.KR)({action:d.None,name:""}),a=(0,u.hS)(),{copyToClipboard:t}=(0,c.i)();function m(){a.hide(),n.value={action:d.None,name:""}}return(c,b)=>((0,i.uX)(),(0,i.CE)(i.FK,null,[(0,i.Lk)("div",v,[e.isCopyable?((0,i.uX)(),(0,i.CE)("button",{key:0,class:"text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-[5px]",type:"button",onClick:b[0]||(b[0]=l=>(0,r.R1)(t)(e.variable.name))},[(0,i.bF)((0,r.R1)(u.kv),{class:"h-3 w-3",icon:"Clipboard"})])):(0,i.Q3)("",!0),e.isRenameable?((0,i.uX)(),(0,i.CE)("button",{key:1,class:"text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-[5px]",type:"button",onClick:b[1]||(b[1]=n=>

1l("rename",e.variable.uid))},[(0,i.bF)((0,r.R1)(u.kv),{class:"h-3 w-3",icon:"Edit"})])):(0,i.Q3)("",!0),!e.variable.isDefault&&e.isDeletable?((0,i.uX)(),(0,i.CE)("button",{key:2,class:"text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-1",type:"button",onClick:b[2]||(b[2]=(0,s.D$)(l=>{n.value={action:d.Delete,name:e.variable.name},a.show()},["prevent"]))},[(0,i.bF)((0,r.R1)(u.kv),{class:"h-3.5 w-3.5",icon:"Close"})])):(0,i.Q3)("",!0)]),(0,i.bF)((0,r.R1)(u.uT),{size:"sm",state:(0,r.R1)(a),title:`${n.value.action} ${n.value.name}`},{default:(0,i.k6)(()=>[n.value.action===d.Delete?((0,i.uX)(),(0,i.Wv)(o.A,{key:0,variableName:n.value.name,warningMessage:e.warningMessage,onClose:m,onDelete:b[3]||(b[3]=n=>{l("delete",e.variable.uid),m()})},null,8,["variableName","warningMessage"])):(0,i.Q3)("",!0)]),_:1},8,["state","title"])],64))}}),b=n(90613),p=n(89952),f=n(40948),k={class:"empty-variable-name line-clamp-1 text-sm break-all group-hover:pr-5"},x=(0,i.pM)({__name:"SidebarListElement",props:{variable:{},warningMessage:{},to:{},isDeletable:{type:Boolean},isCopyable:{type:Boolean},isRenameable:{type:Boolean},isDraggable:{type:Boolean,default:!1},isDroppable:{type:[Boolean,Function],default:!1},collectionId:{}},emits:["delete","colorModal","rename","onDragEnd"],setup(e,{emit:l}){let n=(0,p.rd)(),a=e=>{l("delete",e)},t=e=>{l("rename",e)},o=(0,r.KR)(null),c=(0,i.EW)(()=>({ceiling:.5,floor:.5}));return(v,d)=>{let p=(0,i.g2)("router-link");return(0,i.uX)(),(0,i.CE)("li",null,[(0,i.bF)((0,r.R1)(f.s),{id:e.variable.uid,ref_key:"_draggableRef",ref:o,ceiling:c.value.ceiling,floor:c.value.floor,isDraggable:e.isDraggable,isDroppable:e.isDroppable,parentIds:e.collectionId?[e.collectionId]:[],onOnDragEnd:d[2]||(d[2]=(...e)=>v.$emit("onDragEnd",...e))},{default:(0,i.k6)(()=>[(0,i.bF)(p,{class:(0,b.C4)(["text-c-2 hover:bg-b-2 group relative flex h-8 items-center gap-1.5 rounded py-1 pr-1.5 font-medium no-underline",[e.variable.color?"pl-5":"pl-1.5"]]),exactActiveClass:"bg-b-2 !text-c-1",role:"button",to:e.to,onClick:d[1]||(d[1]=(0,s.D$)(l=>{l.metaKey?window.open(n.resolve(e.to).href,"_blank"):n.push(e.to)},["prevent"]))},{default:(0,i.k6)(()=>[e.variable.color?((0,i.uX)(),(0,i.CE)("button",{key:0,class:"hover:bg-b-3 rounded p-1.5",type:"button",onClick:d[0]||(d[0]=n=>{l("colorModal",e.variable.uid)})},[(0,i.Lk)("div",{class:"h-2.5 w-2.5 rounded-xl",style:(0,b.Tr)({backgroundColor:e.variable.color})},null,4)])):(0,i.Q3)("",!0),e.variable.icon?((0,i.uX)(),(0,i.Wv)((0,r.R1)(u.kv),{key:1,class:"text-sidebar-c-2 size-3.5 stroke-[2.25]",icon:e.variable.icon},null,8,["icon"])):(0,i.Q3)("",!0),(0,i.Lk)("span",k,(0,b.v_)(e.variable.name),1),(0,i.bF)(m,{isCopyable:!!e.isCopyable,isDeletable:!!e.isDeletable,isRenameable:!!e.isRenameable,variable:{...e.variable,isDefault:e.variable.isDefault??!1},warningMessage:e.warningMessage,onDelete:a,onRename:t},null,8,["isCopyable","isDeletable","isRenameable","variable","warningMessage"])]),_:1},8,["class","to"])]),_:1},8,["id","ceiling","floor","isDraggable","isDroppable","parentIds"])])}}}),h=(0,t.A)(x,[["__scopeId","data-v-298ba76d"]])}}]);