https://compositive.io/_next/static/chunks/pages/workspace/[profil…/flow-fcb3d5b5ae99ae7a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[293],{5650:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/workspace/[profile]/design-systems/[designSystemSlug]/flow",function(){return t(1655)}])},8576:function(e,n,t){"use strict";t.d(n,{z:function(){return h}});var i=t(6241),o=t(9858),r=t(9506),a=t(9353),s=t(382),l=t(1967);function u(){var e=(0,i.Z)(["/workspace/","/design-systems/","/theme"]);return u=function(){return e},e}function c(){var e=(0,i.Z)(["/workspace/","/design-systems/","/flow"]);return c=function(){return e},e}function d(){var e=(0,i.Z)(["/workspace/","/design-systems/","/integrations"]);return d=function(){return e},e}function f(){var e=(0,i.Z)(["/workspace/","/design-systems/","/settings"]);return f=function(){return e},e}var h=function(e){var n=e.query,t=n.profile,i=void 0===t?"-":t,h=n.designSystemSlug,v=void 0===h?"-":h;return[{icon:s.Z,title:"Style",onClick:(0,l.H)(u(),i,v)},{icon:r.Z,title:"Flow",onClick:(0,l.H)(c(),i,v)},{icon:o.Z,title:"Integrations",onClick:(0,l.H)(d(),i,v),disabled:!0},{icon:a.Z,title:"Settings",onClick:(0,l.H)(f(),i,v),disabled:!0}]}},1655:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return ye}});var i=t(6923),o=t(4144),r=t(5786),a=t(2036),s=t(913),l=t(7161),u=t(226),c=t(5546),d=t(9208),f=t(3146),h=t(150),v=t(8806),g=t(7311),p=t(5882),m=t(6915),Z=t(4371),y=t(714),b=t(2100),C=t(4587),w={color:t(6524).Z,colorScale:C.Z},x=function(e){var n=e.type,t=w[n];return(0,i.jsx)(t,{fill:"currentColor",width:"16px",height:"16px",style:{pointerEvents:"none"}})},S=function(e){var n=e.valueType,t=e.type,o=e.id,r=e.offset;return(0,i.jsx)(h.HH,{type:t,position:"source"===t?v.P.Right:v.P.Left,id:o,style:(0,c.Z)((0,d.Z)((0,c.Z)({zIndex:999},null!=r?{top:r}:{}),{width:"20px",height:"20px",display:"flex",justifyContent:"center",alignItems:"center",color:"#ccc",borderColor:"rgb(83, 87, 96)",backgroundColor:"rgb(41, 45, 57)"}),"source"===t?{right:"-16px"}:{left:"-16px"}),title:n,children:(0,i.jsx)(x,{type:n})})};var k,j,P,E=t(1309),$=t(9027),H=t(5235),T=t(3843),_=t(4780),N=t(3650),M=t(5569),B=t(3031),L=t(2119),O=t(2040),W=t(8015),A=t(5632),z=t(5277),I=function(){var e=(0,A.Z)((function(e,n){var i,o,r,a,s,l,u;return(0,z.__generator)(this,(function(c){switch(c.label){case 0:return null!=k?[3,2]:[4,t.e(657).then(t.t.bind(t,6936,23))];case 1:i=c.sent().default,k=new i({defaultLayoutOptions:{"elk.algorithm":"layered","elk.direction":"RIGHT","elk.spacing.nodeNode":"75","elk.layered.spacing.nodeNodeBetweenLayers":"75"}}),c.label=2;case 2:return a=e.map((function(e){var n,t;return{id:e.id,width:null!==(o=e.width)&&void 0!==o?o:null===(n=e.__rf)||void 0===n?void 0:n.width,height:null!==(r=e.height)&&void 0!==r?r:null===(t=e.__rf)||void 0===t?void 0:t.height}})),a.some((function(e){return null==e.width||null==e.height}))?[2,null]:(s=n.map((function(e){return{id:e.id,target:e.target,source:e.source}})),[4,k.layout({id:"root",children:a,edges:s})]);case 3:return l=c.sent(),[2,Object.fromEntries((null!==(u=null===l||void 0===l?void 0:l.children)&&void 0!==u?u:[]).map((function(e){if(null==(null===e||void 0===e?void 0:e.x)||null==(null===e||void 0===e?void 0:e.y))throw new Error("Could not compute coordinates for the node '".concat(e.id,"'"));return[e.id,{position:{x:e.x,y:e.y}}]})))]}}))}));return function(n,t){return e.apply(this,arguments)}}(),R=new WeakMap,Q=new WeakMap,q=new WeakMap,D=new WeakMap,G=new WeakMap,V=new WeakMap,K=new WeakMap,U=new WeakMap,X=new WeakMap,F=new WeakMap,J=new WeakMap,Y=new WeakMap,ee=new WeakSet,ne=function(){function e(n,t,i,o){var r=this;(0,H.Z)(this,e),(0,B.Z)(this,ee),(0,_.Z)(this,R,{writable:!0,value:(0,W.LO)([])}),(0,_.Z)(this,Q,{writable:!0,value:(0,W.LO)({})}),(0,_.Z)(this,q,{writable:!0,value:null}),(0,_.Z)(this,D,{writable:!0,value:void 0}),(0,_.Z)(this,G,{writable:!0,value:void 0}),(0,_.Z)(this,V,{writable:!0,value:void 0}),(0,_.Z)(this,K,{writable:!0,value:void 0}),this.nodeParams$=(0,W.LO)({}),this.nodeTransientStates$=(0,W.LO)({}),this.edgesByTargetAndHandle$=(0,W.yE)((function(){var e={},n=!0,t=!1,i=void 0;try{for(var o,a=(0,T.Z)(r,R).get()[Symbol.iterator]();!(n=(o=a.next()).done);

1n=!0){var s,l=o.value;O.$K.assert(l.targetHandle),null!==(s=(j=e)[P=l.target])&&void 0!==s||(j[P]={}),e[l.target][l.targetHandle]=l}}catch(u){t=!0,i=u}finally{try{n||null==a.return||a.return()}finally{if(t)throw i}}return e})),this.nodes=(0,W.yE)((function(){var e=r.nodeTransientStates$.get(),n=r.edgesByTargetAndHandle$.get(),t=r.nodeParams$.get(),i=Object.entries((0,T.Z)(r,Q).get()).map((function(i){var o,a,s,l,u,d,f,h,v=(0,m.Z)(i,2),g=v[0],p=v[1],Z=n[g],y=r.nodeSchemas[p.schema],b=e[g],C=Object.fromEntries((null!==(s=y.inputs)&&void 0!==s?s:[]).map((function(e){var n,i,o=e.id,r=null===Z||void 0===Z?void 0:Z[o];return null==r?[o,null]:[o,null!==(i=null===(n=t[r.source])||void 0===n?void 0:n[O.$K.validate(r.sourceHandle)])&&void 0!==i?i:null]})));return{id:g,position:(0,c.Z)({},null!==(l=null===b||void 0===b?void 0:b.position)&&void 0!==l?l:{x:-1,y:-1}),positionAbsolute:(0,c.Z)({},null!==(d=null!==(u=null===b||void 0===b?void 0:b.positionAbsolute)&&void 0!==u?u:null===b||void 0===b?void 0:b.position)&&void 0!==d?d:{x:-1,y:-1}),width:null===b||void 0===b||null===(o=b.dimensions)||void 0===o?void 0:o.width,height:null===b||void 0===b||null===(a=b.dimensions)||void 0===a?void 0:a.height,selected:null!==(f=null===b||void 0===b?void 0:b.selected)&&void 0!==f&&f,dragging:null!==(h=null===b||void 0===b?void 0:b.dragging)&&void 0!==h&&h,data:{label:p.label,inputs:y.inputs,outputs:y.outputs,controls:y.controls,onParamsChange:(0,T.Z)(r,Y),inputValues:C},type:"editor"}}));return i})),this.onInit=function(e){(0,M.Z)(r,ee,te).call(r,e.getNodes(),e.getEdges())},this.onNodesChange=function(e){var n=!1;W.vh.batch((function(){var t=!0,i=!1,o=void 0;try{for(var a,s=e[Symbol.iterator]();!(t=(a=s.next()).done);t=!0){var l=a.value;switch(l.type){case"position":var u=l.id,c=l.position,d=l.positionAbsolute,f=l.dragging;null!=c&&((0,W.bQ)(r.nodeTransientStates$,(0,p.Z)({},u,{position:c})),n=!0),null!=d&&((0,W.bQ)(r.nodeTransientStates$,(0,p.Z)({},u,{positionAbsolute:d})),n=!0),null!=f&&((0,W.bQ)(r.nodeTransientStates$,(0,p.Z)({},u,{dragging:f})),n=n&&!f);break;case"dimensions":var h=l.id,v=l.dimensions;null!=v&&((0,W.bQ)(r.nodeTransientStates$,(0,p.Z)({},h,{dimensions:v})),n=!0);break;case"select":var g=l.id,m=l.selected;null!=m&&(0,W.bQ)(r.nodeTransientStates$,(0,p.Z)({},g,{selected:m}));break;case"remove":(0,T.Z)(r,Q).delete(l.id),r.nodeTransientStates$.delete(l.id),r.nodeParams$.delete(l.id),n=!0;break;case"add":n=!0}}}catch(Z){i=!0,o=Z}finally{try{t||null==s.return||s.return()}finally{if(i)throw o}}})),n&&(0,M.Z)(r,ee,te).call(r,r.nodes.get(),(0,T.Z)(r,R).get())},this.onEdgesChange=function(e){r.edges=(0,v.z)(e,r.edges.get())},this.onConnect=function(e){var n,t,i=e.source,o=e.sourceHandle,a=e.target,s=e.targetHandle;if(null!=i&&null!=a&&i!==a){var l=r.nodeSchemas[(0,T.Z)(r,Q)[i].schema],u=r.nodeSchemas[(0,T.Z)(r,Q)[a].schema],c=null===(n=l.outputs)||void 0===n?void 0:n.find((function(e){return e.id===o})),d=null===(t=u.inputs)||void 0===t?void 0:t.find((function(e){return e.id===s}));if((null===c||void 0===c?void 0:c.type)===(null===d||void 0===d?void 0:d.type)){var f=(0,T.Z)(r,R).get().filter((function(e){return e.target!==a||e.targetHandle!==s}));r.edges=(0,v.c)(e,f)}}},(0,_.Z)(this,U,{writable:!0,value:function(e){var n;null===(n=(0,T.Z)(r,G))||void 0===n||n.call(r,e)}}),(0,_.Z)(this,X,{writable:!0,value:function(e){var n;null===(n=(0,T.Z)(r,V))||void 0===n||n.call(r,e)}}),(0,_.Z)(this,F,{writable:!0,value:function(e){var n;null===(n=(0,T.Z)(r,D))||void 0===n||n.call(r,e)}}),(0,_.Z)(this,J,{writable:!0,value:function(e){var n;null===(n=(0,T.Z)(r,K))||void 0===n||n.call(r,e)}}),(0,_.Z)(this,Y,{writable:!0,value:function(e,n){r.nodeParams$.set(e,n)}}),this.nodeSchemas=n;try{W.vh.begin(),this.nodeConfigs=t,this.nodeParams=i,this.edges=o,(0,T.Z)(this,Q).onChange((0,T.Z)(this,U)),this.nodeParams$.onChange((0,T.Z)(this,X)),(0,T.Z)(this,R).onChange((0,T.Z)(this,F))}finally{W.vh.end()}}return(0,L.Z)(e,[{key:"onErrorHandler",set:function(e){(0,N.Z)(this,K,e)}},{key:"onEdgesChangeHandler",set:function(e){(0,N.Z)(this,D,e)}},{key:"onNodeConfigsChangeHandler",set:function(e){(0,N.Z)(this,G,e)}},{key:"onNodeParamsChangeHandler",set:function(e){(0,N.Z)(this,V,e)}},{key:"nodeParams",get:function(){return this.nodeParams$},set:function(e){e!==this.nodeParams$.get()&&this.nodeParams$.assign(e)}},{key:"nodeConfigs",get:function(){return(0,T.Z)(this,Q)},set:function(e){e!==(0,T.Z)(this,Q).get()&&(0,T.Z)(this,Q).assign(e)}},{key:"edges",get:function(){return(0,T.Z)(this,R)},set:function(e){var n=Array.isArray(e)?e:e.get();n!==(0,T.Z)(this,R).get()&&(0,T.Z)(this,R).assign(n)}}]),e}();function te(e,n){var t=this;null!=(0,T.Z)(this,q)&&clearTimeout((0,T.Z)(this,q)),(0,N.Z)(this,q,setTimeout((function(){I(e,n).then((function(e){null!=e&&(0,W.bQ)(t.nodeTransientStates$,e)}

1)).catch((function(e){var n;return null===(n=(0,T.Z)(t,J))||void 0===n?void 0:n.call(t,e)})).finally((function(){(0,N.Z)(t,q,null)}))}),1))}var ie,oe={editor:function(e){var n=e.data,t=n.controls,r=n.inputs,a=n.outputs,s=n.label,u=n.onParamsChange,f=n.inputValues,h=e.id,v=(0,b.Z)(),g=(0,y.WQ)(),C=(0,l.useRef)({}),w=(0,l.useRef)(null),x=(0,l.useState)({}),k=x[0],j=x[1],P=(0,m.Z)((0,y.M4)((function(){var e,n="function"===typeof t?t(f):t,r=Object.fromEntries(Object.entries(n).map((function(n){var t=(0,m.Z)(n,2),r=t[0],a=t[1];return[r,(0,d.Z)((0,c.Z)({},a),{label:(0,i.jsx)(o.G7x,{ref:function(e){e&&(C.current=(0,d.Z)((0,c.Z)({},C.current),(0,p.Z)({},r,e)))},children:null!==(e=a.label)&&void 0!==e?e:r}),disabled:null!=f[r]})]})));return r}),{store:g},[t,f]),2),E=P[0],$=P[1];(0,Z.BZ)((function(){$(f)}),[h,f,$]),(0,Z.BZ)((function(){u(h,E)}),[h,E,u]);var H,T=C.current;return(0,l.useLayoutEffect)((function(){var e=w.current;if(e){var n=e.getBoundingClientRect().y,t={},i=!0,o=!1,r=void 0;try{for(var a,s=Object.entries(T)[Symbol.iterator]();!(i=(a=s.next()).done);i=!0){var l=(0,m.Z)(a.value,2),u=l[0],c=l[1];if(null!=c){var d=c.getBoundingClientRect(),f=d.y,h=d.height;t[u]=f-n+h/2}}}catch(v){o=!0,r=v}finally{try{i||null==s.return||s.return()}finally{if(o)throw r}}j(t)}}),[j,T,h]),(0,l.useEffect)((function(){v(h)}),[h,v,k]),(0,i.jsxs)(o.G7x,{ref:w,children:[(null!==r&&void 0!==r?r:[]).map((function(e){return(0,i.jsx)(S,{type:"target",valueType:e.type,id:e.id,offset:k[e.id]},e.id)})),(0,i.jsx)(y.MT,{store:g,fill:!0,titleBar:{title:s,drag:!1,filter:!1},hideCopyButton:!0}),(null!==a&&void 0!==a?a:[]).map((function(e){return(0,i.jsx)(S,{type:"source",valueType:e.type,id:e.id,offset:null!==(H=k[e.id])&&void 0!==H?H:21},e.id)}))]})}},re={smart:f.nq},ae={animated:!0,type:"smart"},se={account:"paid-sponsor",hideAttribution:!0},le=function(e){var n=e.nodeSchemas,t=e.edges,o=e.onEdgesChange,r=e.nodeConfigs,a=e.onNodeConfigsChange,s=function(e){var n=e.nodeSchemas,t=e.nodeConfigs,i=e.nodeParams,o=e.edges,r=e.onEdgesChange,a=e.onNodeConfigsChange,s=e.onNodeParamsChange,u=(0,l.useState)((function(){return new ne(n,t,i,o)}))[0],c=(0,Z._m)();(0,Z.BZ)((function(){u.nodeConfigs=t}),[u,t]),(0,l.useEffect)((function(){u.onNodeConfigsChangeHandler=a}),[u,a]),(0,Z.BZ)((function(){u.nodeParams=i}),[u,i]),(0,l.useEffect)((function(){u.onNodeParamsChangeHandler=s}),[u,s]),(0,Z.BZ)((function(){u.edges=o}),[u,o]),(0,l.useEffect)((function(){u.onEdgesChangeHandler=r}),[u,r]),(0,l.useEffect)((function(){u.onErrorHandler=c}),[u,c]);var d=(0,m.Z)((0,$.V)((function(){return[u.nodes,u.edges]})),2),f=d[0],h=d[1],v=!f.some((function(e){var n=e.position,t=n.x,i=void 0===t?-1:t,o=n.y;return i<0||(void 0===o?-1:o)<0}));return{nodes:(0,E.Z)(f),edges:(0,E.Z)(h),onInit:u.onInit,onNodesChange:u.onNodesChange,onEdgesChange:u.onEdgesChange,onConnect:u.onConnect,style:{opacity:v?1:0,transition:"opacity 200ms ease-in"}}}({nodeSchemas:n,nodeConfigs:r,nodeParams:e.nodeParams,edges:t,onEdgesChange:o,onNodeConfigsChange:a,onNodeParamsChange:e.onNodeParamsChange});return(0,i.jsx)(h.ZP,(0,d.Z)((0,c.Z)({},s),{nodeTypes:oe,edgeTypes:re,proOptions:se,nodesDraggable:!1,minZoom:1,maxZoom:1,defaultEdgeOptions:ae,connectionLineType:v.q.SmoothStep,children:(0,i.jsx)(g.Z,{})}))},ue=t(839),ce=t(4201),de=ce.z8.Row,fe=ce.z8.Label,he=(0,ce.rx)({component:function(){var e=(0,ce.T0)(),n=e.label,t=e.value,o=e.displayValue,r=e.settings,a=e.onUpdate,s=r.from,l=void 0===s?[]:s,u=r.compute,c=(0,ce.sP)(l),d=(0,ce.QT)();return(0,Z.BZ)((function(){var e=u((function(e){return c[e]}));a(e)}),[c,t,d,u,a]),(0,i.jsxs)(de,{children:[(0,i.jsx)(fe,{children:n}),o]})},sanitize:function(e,n,t,i,o){return null!==e&&void 0!==e?e:n.compute(o.get)},format:function(e,n){return null!=e?n.display(e):null},normalize:function(e,n,t){var i=e.value,o=(0,ue.Z)(e,["value"]);return{value:null!==i&&void 0!==i?i:o.compute((function(e){var n;return null===(n=t[e])||void 0===n?void 0:n.value})),settings:o}}}),ve=t(1702),ge=t(1280),pe=t(8576),me=new Map,Ze={ColorScale:{controls:{steps:{value:5,step:1,min:1},color:{value:"#f00"},colorScale:he({from:["steps","color"],compute:function(e){return new o.Vsn(e("color"),e("steps"))},display:function(e){return(0,i.jsx)(r.L8,{colorScale:e})}})},outputs:[{id:"colorScale",type:"colorScale"}]},ColorPicker:{inputs:[{id:"colorScale",type:"colorScale"}],outputs:[{id:"shade",type:"color"}],controls:function(e){var n;return{colorScale:he({compute:function(){return e.colorScale},display:function(e){return(0,i.jsx)(r.L8,{colorScale:e})}}),index:{value:1,min:0,max:(null!==(ie=null===(n=e.colorScale)||void 0===n?void 0:n.length)&&void 0!==ie?ie:1)-1,step:1},shade:he({from:["colorScale","index"],compute:function(e){var n;return null===(n=e("colorScale"))||void 0===n?void 0:n.get(e("index"),"clamp")},display:function(e){return(0,i.jsx)(r.B,{shade:e})}})}}},Showcase:{inputs:[{id:"shade",type:"color"}],controls:function(e){return{shade:he({compute:function(){return e.shade},display:function(e){return(0,i.jsx)(r.B,{shade:e})}}),button:he({from:["shade"],compute:function(e){var n=e("shade");return n?function(e){var n=me.get(e.hex);return null==n&&(n=a.e.with({surfaces:{button:new o.dDv({background:new o.x4x({shade:e}),shape:new o.AeJ({padding:2})})}}),me.set(e.hex,n)),n}(n):a.e},display:function(e){return(0,i.jsx)(u.$,{theme:e,children:(0,i.jsx)(s.zx,{children:"Button"})})}})}}}},ye=(0,ve.D4)(ge.P,{title:"Design system: edit flow",sidebarItems:pe.z,Main:function(){var e=(0,l.useState)({"palette.primary":{label:"Color Scale: Primary",schema:"ColorScale"},"palette.secondary":{label:"Color Scale: Secondary",schema:"ColorScale"},"picker.button":{label:"Color Picker: Button",schema:"ColorPicker"},"showcase.button":{label:"Button",schema:"Showcase"}}),n=e[0],t=e[1],o=(0,l.useState)((function(){return[{id:"2",source:"palette.primary",target:"picker.button",sourceHandle:"colorScale",targetHandle:"colorScale"},{id:"3",source:"picker.button",target:"showcase.button",sourceHandle:"shade",targetHandle:"shade"}]})),r=o[0],a=o[1],s=(0,l.useState)({}),u=s[0],c=s[1];return(0,i.jsx)(le,{nodeSchemas:Ze,edges:r,onEdgesChange:a,nodeConfigs:n,onNodeConfigsChange:t,nodeParams:u,onNodeParamsChange:c})}})},226:function(e,n,t){"use strict";t.d(n,{$:function(){return a}});var i=t(6923),o=t(7502),r=t(4144),a=function(e){var n=e.sx,t=e.as,a=e.theme,s=e.children;return(0,i.jsx)(o.s,{sx:n,as:t,children:(0,i.jsx)(r.f6W,{theme:a,children:s})})}},7686:function(e,n,t){"use strict";t.d(n,{C:function(){return h}});var i=t(5632),o=t(5882),r=t(5546),a=t(9208),s=t(6915),l=t(5277),u=t(7161),c=t(1493),d=t(5310),f=t(1777),h=function(e,n){var t="__args"in f.f.mutation[e],h=(0,u.useMemo)((function(){return d.P.mutation((0,o.Z)({}

1,e,t?[{input:d.P.var("input")},n]:n))}),[]),v=(0,s.Z)((0,c.Db)(h),2),g=v[0],p=v[1],m=(0,u.useCallback)(function(){var e=(0,i.Z)((function(e){var n;return(0,l.__generator)(this,(function(i){switch(i.label){case 0:return[4,Reflect.apply(p,null,t?[{input:e}]:[])];case 1:return n=i.sent(),[2,(0,a.Z)((0,r.Z)({},n.data),{$loading:!1,$errors:n.error,$state:n.error?"failed":"successful"})]}}))}));return function(n){return e.apply(this,arguments)}}(),[p,t]);return[m,(0,u.useMemo)((function(){return g.fetching?{$loading:!0,$state:"loading"}:(0,a.Z)((0,r.Z)({},g.data),{$loading:!1,$errors:g.error,$state:g.error?"failed":g.data?"successful":"idle"})}),[g])]}},1280:function(e,n,t){"use strict";t.d(n,{P:function(){return P}});var i=t(5632),o=t(5546),r=t(6915),a=t(6241),s=t(1309),l=t(5277),u=t(6923),c=t(9830),d=t(3374),f=t(4145),h=t(7161),v=t(7598),g=t(1967),p=t(9306),m=t(7502),Z=t(6287),y=t.n(Z),b=function(e){var n=e.children;return(0,u.jsx)(m.s,{width:12,as:"nav",children:(0,u.jsx)(c.Kq,{gap:8,crossAlign:"center",sx:{flexGrow:1},children:n.map((function(e,n){if("spacer"===e)return(0,u.jsx)(c.LZ,{elastic:!0},n);if("separator"===e)return null;var t=e.icon,i=(0,u.jsx)(t,{width:"24px",height:"24px",fill:"#c0c0c0"}),r=e.disabled?{pointerEvents:"none "}:{};return(0,p.Z)(e.onClick,URL)?(0,u.jsx)(y(),{href:e.onClick,children:(0,u.jsx)("a",{title:e.title,style:r,children:i})},n):(0,u.jsx)("a",{onClick:e.onClick,href:"#",title:e.title,style:(0,o.Z)({display:"block",lineHeight:"16px",height:"16px"},r),children:i},n)}))})})};b.Separator="separator",b.Spacer="spacer";var C=t(7686),w=t(1814),x=t(525),S=t(4060);function k(){var e=(0,a.Z)(["/sign-in"]);return k=function(){return e},e}function j(){var e=(0,a.Z)(["/workspace/-"]);return j=function(){return e},e}function P(e){var n,t,a=e.title,p=e.description,m=e.canonicalUrl,Z=e.sidebarItems,y=e.Main,P=e.pageProps,E=(0,r.Z)((0,C.C)("destroySession",{query:{me:{identity:{user:{id:!0}}}}}),1)[0],$=(0,f.useRouter)(),H=(0,w.A)(),T=(0,x.a)({me:{identity:{user:{id:!0}}}}),_=T.me,N=T.$loading,M=null===(n=null===_||void 0===_?void 0:_.identity.user)||void 0===n?void 0:n.id,B=(0,h.useCallback)(function(){var e=(0,i.Z)((function(e){return(0,l.__generator)(this,(function(n){switch(n.label){case 0:return e.preventDefault(),[4,E()];case 1:return n.sent(),H(),[2]}}))}));return function(n){return e.apply(this,arguments)}}(),[E,H]);return(0,h.useEffect)((function(){N||null!=M||$.replace((0,g.H)(k()))}),[$,M,N]),(0,u.jsx)(S.L,{title:a,description:p,canonicalUrl:m,children:(0,u.jsx)(c.IT,{children:(0,u.jsxs)(c.Kq,{axis:"x",sx:{flexGrow:1},children:[(0,u.jsx)(b,{children:[{icon:v.Z,title:"Your organization",onClick:(0,g.H)(j())}].concat((0,s.Z)(null!==(t=null===Z||void 0===Z?void 0:Z($))&&void 0!==t?t:[]),[b.Spacer,{icon:d.Z,title:"Logout",onClick:B}])}),(0,u.jsx)(c.LZ,{as:"main",elastic:!0,around:2,children:(0,u.jsx)(y,(0,o.Z)({},P))})]})})})}}},function(e){e.O(0,[52,767,97,714,635,774,888,179],(function(){return n=5650,e(e.s=n);var n}));var n=e.O();_N_E=n}]);