@ytsaurus/ui 1.75.1 → 1.76.0

package/dist/public/build/js/manage-tokens.e1e791fc.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_ytsaurus_ui=self.webpackChunk_ytsaurus_ui||[]).push([[4637],{73032:(e,t,n)=>{n.d(t,{H:()=>u});var r=n(9736),a=n(77810),o=n(75299),s=n(76872),i=n(93209),l=n(64922),c=(0,s.A)("yt-collapsed-string"),u=function(e){var t=e.value,n=e.limit,s=void 0===n?200:n,u=(0,o.A)(!1),d=(0,r.A)(u,2),f=d[0],m=d[1],v=t.length>s,h=(0,a.useMemo)((function(){return f||t.length<=s?t:t.slice(0,s-1)+"…"}),[f,s,t]);return(0,l.jsxs)("div",{className:c(),children:[h,v&&(0,l.jsx)(i.S,{className:c("toggle"),onClick:m,children:f?"Hide":"Show more"})]})}},17852:(e,t,n)=>{n.d(t,{D7:()=>m,lN:()=>w,om:()=>f,ps:()=>h});var r=n(13322),a=n(40319),o=n(76872),s=n(49214),i=n.n(s),l=n(39760),c=n.n(l),u=n(27528),d=n.n(u),f=(0,o.A)("role-list-control");function m(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=[],r=[],a=[],o=[];c()(e,(function(e){var t=e.isUnrecognized,s=e.isRequested,i=e.isApproved,l=e.isDepriving;t?o.push(e):l?a.push(e):i||s?r.push(e):n.push(e)}));var s=n.map((function(e){return v(e)})),i=t.map((function(e){return{title:e,data:{},frozen:!0}}));return{newItems:[],current:{title:"Current",data:s.concat(i)},toAdd:{title:"Will be added",itemClassName:f("item-to-add"),data:r.map((function(e){return v(e,{frozen:!0})}))},toRemove:{title:"Will be removed",itemClassName:f("item-to-remove"),data:a.map((function(e){return v(e,{frozen:!0})}))},unrecognized:{title:"Unrecognized",itemClassName:f("item-unrecognized"),data:o.map((function(e){return v(e,{frozen:!0})}))}}}function v(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(0,a.A)({title:e.text||e.value,data:e},t)}function h(e){var t=e.current,n=e.newItems,a=e.toAdd;return[].concat((0,r.A)(n),(0,r.A)(p(t)),(0,r.A)(p(a)))}function p(e){var t=(e||{}).data;return d()(i()(t,(function(e){return!e.removed})),(function(e){var t=e.data||{};return{type:t.type,value:t.value}}))}function w(e){var t=e.current,n=e.newItems||[],r=(t&&t.data||[]).filter((function(e){return e.removed}));return{added:n.map((function(e){var t=e.type,n=e.value;return"users"===t?{user:n}:{group:n}})),removed:r.map((function(e){var t=e.data||{},n=t.value;return"users"===t.type?{user:n}:{group:n}}))}}},20361:(e,t,n)=>{n.d(t,{J_:()=>x,Vm:()=>N,yz:()=>S,yZ:()=>E,lN:()=>b.lN,Y:()=>A,Ln:()=>y,D7:()=>b.D7,ps:()=>b.ps});var r=n(28407),a=n(70232),o=n.n(a),s=n(77810),i=n(33882),l=n(40319),c=n(9736),u=n(64922),d=n(68175),f=n(76872),m=n(88794),v=n(29347),h=n.n(v),p=n(27528),w=n.n(p),g=(0,f.A)("yt-dialog-error");function x(e){return(0,u.jsx)(m.A,(0,l.A)((0,l.A)({},e),{},{className:g()}))}function A(e){return h()(w()(e,(function(e,t){return e?{name:"error_".concat(t),type:"block",extras:{children:(0,u.jsx)(x,{error:e})}}:void 0})))}var k="FINAL_FORM/form-error";function y(e){return{validationErrors:(0,d.A)({},k,(0,u.jsx)(x,{error:e}))}}var b=n(17852);function C(){return Promise.all([n.e(8096),n.e(4724),n.e(6030),n.e(1086),n.e(164),n.e(2209),n.e(6756),n.e(2640),n.e(6652),n.e(937),n.e(3776),n.e(3716),n.e(5423),n.e(9641),n.e(6019),n.e(3320),n.e(1051),n.e(8512),n.e(7315),n.e(5695),n.e(3990),n.e(3724),n.e(9558),n.e(8427),n.e(1879),n.e(3784),n.e(2736)]).then(n.bind(n,36381))}var j,E=(j=(0,i.A)(s.lazy((0,r.A)(o().mark((function e(){return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,C();case 2:return e.t0=e.sent.YTDialog,e.abrupt("return",{default:e.t0});case 4:case"end":return e.stop()}}),e)})))),""),function(e){var t=s.useState(!1),n=(0,c.A)(t,2),r=n[0],a=n[1];return s.useEffect((function(){!r&&e.visible&&a(!0)}),[e.visible,r]),r?(0,u.jsx)(j,(0,l.A)({},e)):null});(0,i.A)(s.lazy((0,r.A)(o().mark((function e(){return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,C();case 2:return e.t0=e.sent.RoleListControl,e.abrupt("return",{default:e.t0});case 4:case"end":return e.stop()}}),e)})))),"");var N=(0,i.A)(s.lazy((0,r.A)(o().mark((function e(){return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,C();case 2:return e.t0=e.sent.EditableList,e.abrupt("return",{default:e.t0});case 4:case"end":return e.stop()}}),e)})))),""),S=(0,i.A)(s.lazy((0,r.A)(o().mark((function e(){return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,C();case 2:return e.t0=e.sent.TabFieldVertical,e.abrupt("return",{default:e.t0});case 4:case"end":return e.stop()}}),e)})))),"")},89746:(e,t,n)=>{n.r(t),n.d(t,{ManageTokensModalContent:()=>te,closeManageTokensModal:()=>j,openManageTokensModal:()=>C});var r=n(13322),a=n(9736),o=n(76872),s=n(41655),i=n.n(s),l=n(77810),c=n(44693),u=n(92423),d=n(69442),f=n.n(d),m=n(11960),v=n(20361),h=n(40319),p=n(64714),w=n(29081),g=n(27497),x=n(30320),A=n(48971);function k(){var e=(0,w.by)();if(e){var t=(0,g.lt)(e);if(t)return{proxy:(0,g.v9)(t)}}return{}}var y=function(e){return function(t){return t({type:x.WZ.REQUEST}),p.$S.listUserTokens(p.Vu.listUserTokens,{parameters:(0,h.A)((0,h.A)({},e),{},{with_metadata:!0}),setup:k()}).then((function(e){t({type:x.WZ.SUCCESS,data:{data:e}})})).catch((function(e){throw t({type:x.WZ.FAILURE,data:{error:e}}),e}))}},b=function(e){var t=e.credentials,n=e.token_sha256;return function(){return(0,A.fI)(p.$S.revokeToken(p.Vu.issueToken,{parameters:(0,h.A)({token_sha256:n},t),setup:k()}),{autoHide:!0,toasterName:n,successContent:"The token has been removed"})}},C=function(){return function(e){e({type:x.ZG})}},j=function(){return function(e){e({type:x.h$})}},E=n(51194),N=n(15647),S=n(97082),T=n(60620),z=n(28640),R=n(77318),M=n(29121),Z=n(12937),_=n(28407),I=n(70232),P=n.n(I),L=n(55682),D=n(50073),O=n(15801),B=n(64922),H=l.createContext(void 0),F=function(e){var t,n=l.useState(),o=(0,a.A)(n,2),s=o[0],i=o[1],u=(0,N.d4)(g.ID),d=null!==(t=(0,N.d4)(g.kV))&&void 0!==t?t:"";return(0,B.jsx)(B.Fragment,{children:(0,B.jsx)(D.l,{open:e.visible,hasCloseButton:!0,onClose:e.handleCancel,children:(0,B.jsx)(v.yZ,{headerProps:{title:"Authentication"},pristineSubmittable:!0,modal:!1,visible:!0,initialValues:{},onAdd:function(){var t=(0,_.A)(P().mark((function t(n){var r;return P().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i(void 0),r=n.getState().values.password,t.abrupt("return",(0,O.s)(r).then((function(t){L.A.post("/api/yt/".concat(d,"/login"),{username:u,password:r}).then((function(){return e.handleConfirm(t)})).catch((function(e){var t;return i((null==e||null===(t=e.response)||void 0===t?void 0:t.data)||e)}))})));case 3:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}(),fields:[{name:"error-block",type:"block",extras:{children:(0,B.jsx)(c.F,{message:"To access tokens management, you need enter your password"})}},{name:"password",type:"text",required:!0,caption:"Password",extras:function(){return{type:"password"}}}].concat((0,r.A)((0,v.Y)([s]))),footerProps:{propsButtonCancel:{onClick:e.handleCancel}}})})})},V=function(){function e(){(0,M.A)(this,e),this.promise=void 0,this.resolve=function(e){},this.reject=function(e){}}return(0,Z.A)(e,[{key:"create",value:function(){var e=this;return this.promise=new Promise((function(t,n){e.resolve=function(n){t(n),e.promise=void 0,e.resolve=function(){}},e.reject=function(t){t&&n(t),e.promise=void 0,e.reject=function(){}}})),this.promise}}]),e}();function $(e){var t=e.children,n=(0,N.d4)(S.tQ),r=l.useState(!1),o=(0,a.A)(r,2),s=o[0],i=o[1],c=l.useRef(new V),u=l.useMemo((function(){return{getPassword:function(){return n?Promise.resolve(void 0):(i(!0),c.current.create())}}}),[i,n]);return(0,B.jsxs)(H.Provider,{value:u,children:[t,(0,B.jsx)(F,{visible:s,handleCancel:function(){i(!1),c.current.reject(new Error("cancel password window"))},handleConfirm:function(e){i(!1),c.current.resolve(e)}})]})}function Y(){var e=l.useContext(H);if(!e)throw new Error("Wrap your app into ManageTokensPasswordModalContextProvider");return e}var U=n(73032),W=n(64772),G=(0,o.A)("manage-tokens-modal-content"),q=function(e){var t=e.onClose,n=Y().getPassword,o=(0,N.d4)(g.ID),s=(0,E._)(),i=(0,l.useState)(),d=(0,a.A)(i,2),f=d[0],m=d[1],w=(0,l.useState)(),x=(0,a.A)(w,2),A=x[0],b=x[1];return A?(0,B.jsxs)("div",{className:G("new-token"),children:[(0,B.jsx)("h2",{children:"Copy token value"}),(0,B.jsx)(c.F,{theme:"warning",message:"Please save the token value. It is impossible to get the token value after closing the dialog"}),(0,B.jsx)("br",{}),(0,B.jsx)(c.F,{message:A,layout:"horizontal",actions:(0,B.jsx)(z.A,{text:A})}),(0,B.jsx)("div",{className:G("tokens-action"),children:(0,B.jsx)(u.$,{size:"l",view:"action",onClick:function(){t()},children:"Close"})})]}):(0,B.jsx)(v.yZ,{headerProps:{title:"Generate token"},pristineSubmittable:!0,modal:!1,visible:!0,initialValues:{},onAdd:function(e){var t=e.getState().values.description;return m(void 0),n().then((function(e){return s(function(e){var t=e.description,n=e.credentials;return function(){return p.$S.issueToken(p.Vu.issueToken,{parameters:(0,h.A)({description:t},n),setup:k()})}}({description:t,credentials:{user:o,password_sha256:e}})).then((function(t){return b(t),s(y({user:o,password_sha256:e})).then((function(){})).catch((function(){}))})).catch((function(e){return m(e),Promise.reject(e)}))})).catch((function(e){throw e}))},fields:[{name:"description",type:"textarea",caption:"Description"}].concat((0,r.A)((0,v.Y)([f]))),footerProps:{propsButtonCancel:{onClick:function(){t()}}}})},J=function(e){var t=(0,l.useState)(!1),n=(0,a.A)(t,2),r=n[0],o=n[1],s=function(){o(!1)};return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(u.$,{size:"s",onClick:function(){o(!0)},children:(0,B.jsx)(T.A,{awesome:"trash-bin"})}),(0,B.jsx)(m.A,{content:"Are you sure you want to revoke the token? This action CANNOT be undone.",onCancel:s,onConfirm:function(){e.handleClickRemoveToken(e.index),o(!1)},onOutsideClick:s,visible:r})]})},K=function(e){var t=e.onSuccessRemove,n=e.onClickGenerateTokenButton,r=e.passwordSha256,a=Y().getPassword,o=(0,E._)(),s=(0,N.d4)(S.BE),c=(0,N.d4)(g.ID),d=l.useCallback((function(e){return a().then((function(n){return o(b({credentials:{user:c,password_sha256:n},token_sha256:s[e].tokenHash})).then((function(){return o(y({user:c,password_sha256:n})).finally((function(){return t()}))}))}))}),[a,c,t,s,b,o]);return l.useEffect((function(){o(y({user:c,password_sha256:r}))}),[r,a,c,o]),(0,B.jsxs)("div",{className:G("tokens"),children:[(0,B.jsx)("h2",{children:"Authentication Tokens"}),(0,B.jsx)("div",{className:G("generate-token-button"),children:(0,B.jsx)(u.$,{size:"l",view:"action",onClick:function(){return n()},children:"Generate token"})}),(0,B.jsx)("div",{className:G("tokens-table"),children:(0,B.jsx)(R.Ay,{loaded:!0,useThemeYT:!0,data:s,noItemsText:"No tokens found",rowClassName:function(){return G("table-row")},columns:[{name:"tokenPrefix",header:"Token",width:110,className:G("table-cell"),render:function(e){var t=e.value;return t?"".concat(String(t),"..."):W.A.NO_VALUE}},{name:"tokenHash",header:"Token Hash",width:110,className:G("table-cell",{name:"hash"}),render:function(e){var t=e.value;return(0,B.jsxs)(B.Fragment,{children:[f()(String(t),{length:12}),(0,B.jsx)(z.A,{title:"Copy error",view:"flat-secondary",text:t,size:"xs"})]})}},{name:"description",header:"Description",width:320,className:G("table-cell",{name:"description"}),render:function(e){return e.value?(0,B.jsx)(U.H,{limit:100,value:e.value}):""}},{name:"creationTime",header:"Issued At",width:160,className:G("table-cell"),render:function(e){return e.value?i()(e.value).format("DD/MM/YYYY HH:mm:ss"):""}},{name:"",width:30,className:G("table-cell"),render:function(e){var t=e.index;return(0,B.jsx)(J,{index:t,handleClickRemoveToken:d})}}],settings:{stickyHead:"moving",displayIndices:!1,sortable:!1,highlightRows:!1,stripedRows:!1,disableSortReset:!0}})})]})},Q=function(e){return e[e.default=0]="default",e[e.tokens=1]="tokens",e[e.generate=2]="generate",e}(Q||{}),X=function(e){var t,n,r,o=e.passwordSha256,s=(t=Q.tokens,n=(0,l.useState)(t),{section:(r=(0,a.A)(n,2))[0],setSection:r[1]}),i=s.section,c=s.setSection,u=(0,l.useMemo)((function(){switch(i){case Q.tokens:return(0,B.jsx)(K,{passwordSha256:o,onSuccessRemove:function(){return c(Q.tokens)},onClickGenerateTokenButton:function(){return c(Q.generate)}});case Q.generate:return(0,B.jsx)(q,{onClose:function(){return c(Q.tokens)}});default:return null}}),[i]);return(0,B.jsx)($,{children:(0,B.jsx)("div",{className:G("content"),children:u})})},ee=function(){var e=Y().getPassword,t=(0,N.wA)(),n=l.useState(),r=(0,a.A)(n,2),o=r[0],s=r[1],i=l.useState(!1),c=(0,a.A)(i,2),u=c[0],d=c[1];return l.useEffect((function(){e().then((function(e){s(e),d(!0)})).catch((function(){t(j())}))}),[e]),u?(0,B.jsx)(X,{passwordSha256:o}):null},te=function(){return(0,B.jsx)($,{children:(0,B.jsx)(ee,{})})}},15801:(e,t,n)=>{n.d(t,{s:()=>i});var r=n(13322),a=n(28407),o=n(70232),s=n.n(o);function i(e){return l.apply(this,arguments)}function l(){return(l=(0,a.A)(s().mark((function e(t){var n;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t));case 2:return n=e.sent,e.abrupt("return",(0,r.A)(new Uint8Array(n)).map((function(e){return("00"+e.toString(16)).slice(-2)})).join(""));case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}},44693:(e,t,n)=>{n.d(t,{F:()=>E});var r=n(77810),a=n(72890),o=n(92423),s=n(73139),i=n(72679),l=n(54179),c=n(6740),u=n(6736);const d=r.createContext(null),f=()=>{const e=r.useContext(d);if(!e)throw new Error('Alert: `useAlertContext` hook is used out of "AlertContext"');return e},m=e=>{const{view:t}=f();return r.createElement(o.$,Object.assign({view:"filled"===t?"normal-contrast":void 0},e))};const v=(0,n(21086).om)("alert"),h=({layout:e,view:t,children:n})=>r.createElement(d.Provider,{value:{layout:e,view:t}},n);var p=n(12663);var w=n(44315);var g=n(16822);var x=n(71182);const A={danger:{filled:e=>r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.53 5.47a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z",clipRule:"evenodd"})),outlined:e=>r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.53 5.47a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z",clipRule:"evenodd"}))},info:{filled:e=>r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1-9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 7.75a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-1.5 0V8.5A.75.75 0 0 1 8 7.75Z",clipRule:"evenodd"})),outlined:p.A},success:{filled:e=>r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.1-8.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z",clipRule:"evenodd"})),outlined:w.A},warning:{filled:e=>r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.836 2.244c.962-1.665 3.366-1.665 4.328 0l4.917 8.505c.964 1.666-.239 3.751-2.164 3.751H3.083c-1.925 0-3.128-2.085-2.164-3.751l4.917-8.505ZM8 5a.75.75 0 0 1 .75.75v2a.75.75 0 1 1-1.5 0v-2A.75.75 0 0 1 8 5Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z",clipRule:"evenodd"})),outlined:g.A},utility:{filled:e=>r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r.createElement("path",{fill:"currentColor",d:"m14.61 6.914-7.632 8.08a1.614 1.614 0 0 1-2.69-1.66L5.5 10H2.677A1.677 1.677 0 0 1 1.12 7.7l2.323-5.807A2.216 2.216 0 0 1 5.5.5h4c.968 0 1.637.967 1.298 1.873L10 4.5h3.569a1.431 1.431 0 0 1 1.04 2.414Z"})),outlined:x.A},normal:null};var k=n(85137),y=n(54205);const b=JSON.parse('{"label_close":"Close"}'),C=JSON.parse('{"label_close":"Закрыть"}'),j=(0,y.N)({en:b,ru:C},"Alert"),E=e=>{const{theme:t="normal",view:n="filled",layout:d="vertical",message:f,className:m,corners:p,style:w,onClose:g,align:x,qa:A}=e;return r.createElement(h,{layout:d,view:n},r.createElement(s.Z,{style:w,className:v({corners:p},(0,c.Y)({py:4,px:5},m)),theme:t,view:n,qa:A},r.createElement(u.s,{gap:"3",alignItems:x},void 0===e.icon?r.createElement(E.Icon,{theme:t,view:n}):e.icon,r.createElement(u.s,{direction:"vertical"===d?"column":"row",gap:"5",grow:!0},r.createElement(u.s,{gap:"2",grow:!0,className:v("text-content")},r.createElement(u.s,{direction:"column",gap:"1",grow:!0,justifyContent:x},"string"==typeof e.title?r.createElement(E.Title,{text:e.title}):e.title,f)),Array.isArray(e.actions)?r.createElement(E.Actions,{items:e.actions}):e.actions),g&&r.createElement(o.$,{view:"flat",className:v("close-btn"),onClick:g,extraProps:{"aria-label":j("label_close")}},r.createElement(i.I,{data:a.A,size:18,className:(0,l.$)({color:"secondary"})})))))};E.Icon=({className:e,theme:t,view:n="filled",size:a=18})=>{const o=A[t];if(!o)return null;let s;return"success"===t?s="positive":"normal"!==t&&(s=t),r.createElement("div",{className:v("icon",(0,l.$)({color:s},e))},r.createElement(i.I,{data:o[n],size:a}))},E.Title=({text:e,className:t})=>r.createElement(k.E,{variant:"subheader-2",className:v("title",t)},e),E.Actions=({items:e,children:t,className:n})=>{const{layout:a}=f();return r.createElement(u.s,{className:v("actions",{minContent:"horizontal"===a},n),direction:"row",gap:"3",wrap:!0,alignItems:"horizontal"===a?"center":"flex-start"},(null==e?void 0:e.map((({handler:e,text:t},n)=>r.createElement(m,{key:n,onClick:e},t))))||t)},E.Action=m},73139:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(56911),a=n(77810),o=n(3564),s=n(92060);const i=(0,n(21086).om)("card"),l=a.forwardRef((function(e,t){const{type:n="container",theme:l,view:c,size:u="m",children:d,className:f,onClick:m,disabled:v,selected:h}=e,p=(0,r.Tt)(e,["type","theme","view","size","children","className","onClick","disabled","selected"]),w="selection"===n,g="container"===n,x=("action"===n||w)&&Boolean(m)&&!(v||h),A=g?"normal":void 0,k=g||w?"outlined":void 0,y=x?m:void 0,{onKeyDown:b}=(0,o.N)(m);return a.createElement(s.a,Object.assign({ref:t,role:x?"button":void 0,className:i({theme:l||A,view:c||k,type:n,selected:h,size:u,disabled:v,clickable:x},f),onClick:y,onKeyDown:x?b:void 0,tabIndex:x?0:void 0},p),d)}))},75299:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(77810),a=function(e,t){return"boolean"==typeof t?t:!e};const o=function(e){return(0,r.useReducer)(a,e)}}}]);
+//# sourceMappingURL=manage-tokens.e1e791fc.chunk.js.map

package/dist/public/build/js/manage-tokens.e1e791fc.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"js/manage-tokens.e1e791fc.chunk.js","mappings":"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","sources":["webpack://@ytsaurus/ui/./src/ui/components/CollapsedString/CollapsedString.tsx","webpack://@ytsaurus/ui/./src/ui/components/Dialog/controls/RoleListControl/utils.ts","webpack://@ytsaurus/ui/./src/ui/components/Dialog/DialogError.tsx","webpack://@ytsaurus/ui/./src/ui/components/Dialog/index.tsx","webpack://@ytsaurus/ui/./src/ui/hocs/withDelayedMount.tsx","webpack://@ytsaurus/ui/./src/ui/store/actions/manage-tokens/index.ts","webpack://@ytsaurus/ui/./src/ui/containers/ManageTokens/ManageTokensPasswordModal/ManageTokensPasswordModal.tsx","webpack://@ytsaurus/ui/./src/ui/containers/ManageTokens/ManageTokensModalContent/ManageTokensModalContent.tsx","webpack://@ytsaurus/ui/./src/ui/utils/sha256.ts","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/AlertContext.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/useAlertContext.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/AlertAction.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/constants.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/AlertContextProvider.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/AlertIcon.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/icons/esm/CircleXmarkFill.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/icons/esm/CircleXmark.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/icons/esm/CircleInfoFill.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/icons/esm/CircleCheckFill.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/icons/esm/TriangleExclamationFill.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/icons/esm/ThunderboltFill.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/i18n/index.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/Alert.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/AlertTitle.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Alert/AlertActions.js","webpack://@ytsaurus/ui/./node_modules/@gravity-ui/uikit/build/esm/components/Card/Card.js","webpack://@ytsaurus/ui/./node_modules/react-use/esm/useToggle.js"],"sourcesContent":["import React, {FC, useMemo} from 'react';\nimport {useToggle} from 'react-use';\nimport cn from 'bem-cn-lite';\n\nimport './CollapsedString.scss';\nimport {ClickableText} from '../../components/ClickableText/ClickableText';\n\ntype Props = {\n    value: string;\n    limit?: number;\n};\n\nconst block = cn('yt-collapsed-string');\n\nexport const CollapsedString: FC<Props> = ({value, limit = 200}) => {\n    const [expanded, toggleExpanded] = useToggle(false);\n    const hasToggle = value.length > limit;\n\n    const text = useMemo(() => {\n        return expanded || value.length <= limit ? value : value.slice(0, limit - 1) + '…';\n    }, [expanded, limit, value]);\n\n    return (\n        <div className={block()}>\n            {text}\n            {hasToggle && (\n                <ClickableText className={block('toggle')} onClick={toggleExpanded}>\n                    {expanded ? 'Hide' : 'Show more'}\n                </ClickableText>\n            )}\n        </div>\n    );\n};\n","import cn from 'bem-cn-lite';\n\nimport filter_ from 'lodash/filter';\nimport forEach_ from 'lodash/forEach';\nimport map_ from 'lodash/map';\n\nimport type {EditableManyListsItemType} from '../../../../components/Dialog';\nimport type {ResponsibleType, RoleConverted, Subject} from '../../../../utils/acl/acl-types';\nimport type {PreparedRole} from '../../../../utils/acl';\nimport {RoleListControlProps} from './RoleListControl';\n\nexport const block = cn('role-list-control');\n\nexport function prepareRoleListValue(roles: Array<PreparedRole>, otherMembers: Array<string> = []) {\n    const current: typeof roles = [];\n    const toAdd: typeof roles = [];\n    const toRemove: typeof roles = [];\n    const unrecognized: typeof roles = [];\n    forEach_(roles, (item) => {\n        const {isUnrecognized, isRequested, isApproved, isDepriving} = item;\n        if (isUnrecognized) {\n            unrecognized.push(item);\n        } else if (isDepriving) {\n            toRemove.push(item);\n        } else if (isApproved || isRequested) {\n            toAdd.push(item);\n        } else {\n            current.push(item);\n        }\n    });\n\n    const currentArr = current.map((item) => prepareItemOfCurrent(item));\n    const otherArr = otherMembers.map((item) => ({\n        title: item,\n        data: {},\n        frozen: true,\n    }));\n\n    return {\n        newItems: [],\n        current: {title: 'Current', data: currentArr.concat(otherArr)},\n        toAdd: {\n            title: 'Will be added',\n            itemClassName: block('item-to-add'),\n            data: toAdd.map((item) => prepareItemOfCurrent(item, {frozen: true})),\n        },\n        toRemove: {\n            title: 'Will be removed',\n            itemClassName: block('item-to-remove'),\n            data: toRemove.map((item) => prepareItemOfCurrent(item, {frozen: true})),\n        },\n        unrecognized: {\n            title: 'Unrecognized',\n            itemClassName: block('item-unrecognized'),\n            data: unrecognized.map((item) => prepareItemOfCurrent(item, {frozen: true})),\n        },\n    };\n}\n\nfunction prepareItemOfCurrent(role: PreparedRole, extraProps: any = {}) {\n    return {\n        title: role.text || role.value,\n        data: role,\n        ...extraProps,\n    };\n}\n\nexport function roleListValueToSubjectList(\n    value: RoleListControlProps['value'],\n): Array<ResponsibleType> {\n    const {current, newItems, toAdd} = value;\n    return [\n        ...newItems,\n        ...manyListDataItemToSubjectList(current),\n        ...manyListDataItemToSubjectList(toAdd),\n    ];\n}\n\nfunction manyListDataItemToSubjectList(\n    manyListDataItem: EditableManyListsItemType<RoleConverted>,\n): Array<ResponsibleType> {\n    const {data} = manyListDataItem || {};\n    return map_(\n        filter_(data, ({removed}) => !removed),\n        ({data}) => {\n            const {type, value} = data || {};\n            return {type: type!, value: value!};\n        },\n    );\n}\n\nexport function extractChangedSubjects(value: {\n    current: EditableManyListsItemType<RoleConverted>;\n    newItems: Array<ResponsibleType>;\n}): {\n    added: Subject[];\n    removed: Subject[];\n} {\n    const {current, newItems} = value;\n    const added = newItems || [];\n    const removed = ((current && current.data) || []).filter(({removed}) => removed);\n    return {\n        added: added.map(({type, value}) => {\n            return type === 'users' ? {user: value} : {group: value};\n        }),\n        removed: removed.map(({data}) => {\n            const {value, type} = data || {};\n            return type === 'users' ? {user: value!} : {group: value!};\n        }),\n    };\n}\n","import React from 'react';\nimport cn from 'bem-cn-lite';\n\nimport type {FORM_ERROR as FormErrorType} from './index';\n\nimport {FIX_MY_TYPE, YTError} from '../../types';\nimport Block from '../../components/Block/Block';\n\nimport compact_ from 'lodash/compact';\nimport map_ from 'lodash/map';\n\nconst block = cn('yt-dialog-error');\n\nexport function DialogError(props: FIX_MY_TYPE) {\n    return <Block {...props} className={block()} />;\n}\n\nexport function makeErrorFields(errors: Array<YTError | Error | undefined>) {\n    return compact_(\n        map_(errors, (error, index) => {\n            return error\n                ? {\n                      name: `error_${index}`,\n                      type: 'block' as const,\n                      extras: {\n                          children: <DialogError error={error} />,\n                      },\n                  }\n                : undefined;\n        }),\n    );\n}\n\nconst FORM_ERROR: typeof FormErrorType = 'FINAL_FORM/form-error';\n\nexport function makeFormSubmitError(error: YTError) {\n    return {\n        validationErrors: {\n            [FORM_ERROR]: <DialogError error={error} />,\n        },\n    };\n}\n","import React from 'react';\nimport withLazyLoading from '../../hocs/withLazyLoading';\nimport {withDelayedMount} from '../../hocs/withDelayedMount';\n\nimport type {\n    registerDialogControl as RegisterDialogControlFn,\n    registerDialogTabControl as RegisterDialogTabControlFn,\n    YTDialogType,\n} from './Dialog';\n\nexport type * from './Dialog';\nexport * from './DialogError';\nexport * from './controls/RoleListControl/utils';\n\nexport function importYTDFDialog() {\n    return import(/* webpackChunkName: \"yt-df-dialog\" */ './Dialog');\n}\n\nexport const YTDFDialog = withDelayedMount(\n    withLazyLoading(\n        React.lazy(async () => {\n            return {default: (await importYTDFDialog()).YTDialog};\n        }),\n        '',\n    ),\n) as YTDialogType;\n\nexport function useControlRegistration(\n    fn: (params: {\n        registerDialogControl: typeof RegisterDialogControlFn;\n        registerDialogTabControl: typeof RegisterDialogTabControlFn;\n    }) => void,\n) {\n    importYTDFDialog().then(({registerDialogControl, registerDialogTabControl}) => {\n        fn({registerDialogControl, registerDialogTabControl});\n    });\n}\n\nexport type {RoleListControlProps} from './controls/RoleListControl/RoleListControl';\nexport const RoleListControl = withLazyLoading(\n    React.lazy(async () => {\n        return {default: (await importYTDFDialog()).RoleListControl};\n    }),\n    '',\n);\n\nexport const EditableList = withLazyLoading(\n    React.lazy(async () => {\n        return {default: (await importYTDFDialog()).EditableList};\n    }),\n    '',\n);\n\nexport const TabFieldVertical = withLazyLoading(\n    React.lazy(async () => {\n        return {default: (await importYTDFDialog()).TabFieldVertical};\n    }),\n    '',\n);\n","import React from 'react';\n\n/**\n * The hoc allows to delay mounting until `props.visible == true`.\n * The hoc might be useful to wrap components wrapped by React.lazy\n * @param Component\n * @returns\n */\nexport function withDelayedMount<P extends {visible?: boolean}>(Component: React.ComponentType<P>) {\n    return function MountOnFirstVisible(props: P) {\n        const [mounted, setMounted] = React.useState(false);\n        React.useEffect(() => {\n            if (!mounted && props.visible) {\n                setMounted(true);\n            }\n        }, [props.visible, mounted]);\n        return !mounted ? null : <Component {...props} />;\n    };\n}\n","import type {ThunkAction} from 'redux-thunk';\nimport type {RootState} from '../../reducers';\nimport type {ManageTokensListAction} from '../../reducers/manage-tokens/tokens';\nimport {YTApiId, ytApiV4Id} from '../../../rum/rum-wrap-api';\nimport {getQueryTrackerCluster} from '../../../config';\nimport {getClusterConfigByName, getClusterProxy} from '../../selectors/global';\nimport {\n    MANAGE_TOKENS_LIST,\n    MANAGE_TOKENS_MODALS_CLOSE,\n    MANAGE_TOKENS_MODALS_OPEN,\n} from '../../../constants/manage-tokens';\nimport {ManageTokensModalAction} from '../../reducers/manage-tokens/modal';\nimport {wrapApiPromiseByToaster} from '../../../utils/utils';\n\nfunction getQTApiSetup(): {proxy?: string} {\n    const QT_CLUSTER = getQueryTrackerCluster();\n    if (QT_CLUSTER) {\n        const cluster = getClusterConfigByName(QT_CLUSTER);\n        if (cluster) {\n            return {\n                proxy: getClusterProxy(cluster),\n            };\n        }\n    }\n    return {};\n}\n\ntype Credentials = {\n    user: string;\n    password_sha256?: string;\n};\nexport const manageTokensGetList = (\n    credentials: Credentials,\n): ThunkAction<Promise<unknown>, RootState, unknown, ManageTokensListAction> => {\n    return (dispatch) => {\n        dispatch({type: MANAGE_TOKENS_LIST.REQUEST});\n\n        return ytApiV4Id\n            .listUserTokens(YTApiId.listUserTokens, {\n                parameters: {\n                    ...credentials,\n                    with_metadata: true,\n                },\n                setup: getQTApiSetup(),\n            })\n            .then((data) => {\n                dispatch({type: MANAGE_TOKENS_LIST.SUCCESS, data: {data}});\n            })\n            .catch((error) => {\n                dispatch({type: MANAGE_TOKENS_LIST.FAILURE, data: {error}});\n\n                throw error;\n            });\n    };\n};\n\nexport const manageTokensCreateToken = ({\n    description,\n    credentials,\n}: {\n    description: string;\n    credentials: Credentials;\n}): ThunkAction<Promise<string>, RootState, unknown, ManageTokensListAction> => {\n    return () => {\n        return ytApiV4Id.issueToken(YTApiId.issueToken, {\n            parameters: {\n                description,\n                ...credentials,\n            },\n            setup: getQTApiSetup(),\n        });\n    };\n};\n\nexport const manageTokensRevokeToken = ({\n    credentials,\n    token_sha256,\n}: {\n    token_sha256: string;\n    credentials: Credentials;\n}): ThunkAction<Promise<unknown>, RootState, unknown, ManageTokensListAction> => {\n    return () => {\n        return wrapApiPromiseByToaster(\n            ytApiV4Id.revokeToken(YTApiId.issueToken, {\n                parameters: {\n                    token_sha256,\n                    ...credentials,\n                },\n                setup: getQTApiSetup(),\n            }),\n            {\n                autoHide: true,\n                toasterName: token_sha256,\n                successContent: 'The token has been removed',\n            },\n        );\n    };\n};\n\nexport const openManageTokensModal = (): ThunkAction<\n    unknown,\n    RootState,\n    unknown,\n    ManageTokensModalAction\n> => {\n    return (dispatch) => {\n        dispatch({type: MANAGE_TOKENS_MODALS_OPEN});\n    };\n};\n\nexport const closeManageTokensModal = (): ThunkAction<\n    unknown,\n    RootState,\n    unknown,\n    ManageTokensModalAction\n> => {\n    return (dispatch) => {\n        dispatch({type: MANAGE_TOKENS_MODALS_CLOSE});\n    };\n};\n","import axios from 'axios';\nimport * as React from 'react';\nimport {useSelector} from 'react-redux';\nimport {Alert, Dialog} from '@gravity-ui/uikit';\nimport {sha256} from '../../../utils/sha256';\nimport {YTDFDialog, makeErrorFields} from '../../../components/Dialog';\nimport {getCurrentUserName, getSettingsCluster} from '../../../store/selectors/global';\nimport {YTError} from '../../../../@types/types';\nimport {isManageTokensInOAuthMode} from '../../../store/selectors/manage-tokens';\n\ninterface ManageTokensPasswordModalContextValue {\n    getPassword: () => Promise<string | undefined>;\n}\nexport const ManageTokensPasswordModalContext = React.createContext<\n    undefined | ManageTokensPasswordModalContextValue\n>(undefined);\n\ninterface PasswordModalProps {\n    visible: boolean;\n    handleCancel: () => void;\n    handleConfirm: (hash: string) => void;\n}\n\nconst PasswordModal = (props: PasswordModalProps) => {\n    const [error, setError] = React.useState<YTError>();\n    const username = useSelector(getCurrentUserName);\n    const ytAuthCluster = useSelector(getSettingsCluster) ?? '';\n\n    return (\n        <>\n            <Dialog open={props.visible} hasCloseButton={true} onClose={props.handleCancel}>\n                <YTDFDialog<{\n                    password: string;\n                }>\n                    headerProps={{\n                        title: 'Authentication',\n                    }}\n                    pristineSubmittable\n                    modal={false}\n                    visible={true}\n                    initialValues={{}}\n                    onAdd={async (data) => {\n                        setError(undefined);\n\n                        const password = data.getState().values.password;\n\n                        return sha256(password).then((password_sha256) => {\n                            axios\n                                .post(`/api/yt/${ytAuthCluster}/login`, {\n                                    username,\n                                    password,\n                                })\n                                .then(() => props.handleConfirm(password_sha256))\n                                .catch((error) => setError(error?.response?.data || error));\n                        });\n                    }}\n                    fields={[\n                        {\n                            name: 'error-block',\n                            type: 'block',\n                            extras: {\n                                children: (\n                                    <Alert message=\"To access tokens management, you need enter your password\" />\n                                ),\n                            },\n                        },\n                        {\n                            name: 'password',\n                            type: 'text',\n                            required: true,\n                            caption: 'Password',\n                            extras: () => ({type: 'password'}),\n                        },\n                        ...makeErrorFields([error]),\n                    ]}\n                    footerProps={{\n                        propsButtonCancel: {\n                            onClick: props.handleCancel,\n                        },\n                    }}\n                />\n            </Dialog>\n        </>\n    );\n};\n\nclass PromiseWaiter<Data> {\n    promise: Promise<Data> | undefined = undefined;\n    resolve = (_d: Data) => {};\n    reject = (_e?: Error) => {};\n\n    create() {\n        this.promise = new Promise<Data>((resolve, reject) => {\n            this.resolve = (d) => {\n                resolve(d);\n                this.promise = undefined;\n                this.resolve = () => {};\n            };\n            this.reject = (e) => {\n                if (e) {\n                    reject(e);\n                }\n\n                this.promise = undefined;\n                this.reject = () => {};\n            };\n        });\n\n        return this.promise;\n    }\n}\n\nexport function ManageTokensPasswordModalContextProvider({children}: {children: React.ReactChild}) {\n    const isOAuth = useSelector(isManageTokensInOAuthMode);\n    const [visible, setVisible] = React.useState(false);\n    const p = React.useRef(new PromiseWaiter<string>());\n    const value = React.useMemo(() => {\n        return {\n            getPassword: () => {\n                if (isOAuth) {\n                    return Promise.resolve(undefined);\n                }\n\n                setVisible(true);\n\n                return p.current.create();\n            },\n        };\n    }, [setVisible, isOAuth]);\n\n    const handleCancel = () => {\n        setVisible(false);\n\n        p.current.reject(new Error('cancel password window'));\n    };\n\n    const handleConfirm = (hash: string) => {\n        setVisible(false);\n\n        p.current.resolve(hash);\n    };\n\n    return (\n        <ManageTokensPasswordModalContext.Provider value={value}>\n            {children}\n            <PasswordModal\n                visible={visible}\n                handleCancel={handleCancel}\n                handleConfirm={handleConfirm}\n            />\n        </ManageTokensPasswordModalContext.Provider>\n    );\n}\n\nexport function useManageTokensPasswordModalContext(): ManageTokensPasswordModalContextValue {\n    const context = React.useContext(ManageTokensPasswordModalContext);\n\n    if (!context) {\n        throw new Error('Wrap your app into ManageTokensPasswordModalContextProvider');\n    }\n\n    return context;\n}\n","import cn from 'bem-cn-lite';\nimport moment from 'moment';\nimport * as React from 'react';\nimport {FC, useMemo, useState} from 'react';\nimport {Alert, Button} from '@gravity-ui/uikit';\nimport type {FormApi} from '../../../components/Dialog';\nimport truncate_ from 'lodash/truncate';\nimport Modal from '../../../components/Modal/Modal';\nimport {YTDFDialog, makeErrorFields} from '../../../components/Dialog';\nimport {\n    closeManageTokensModal,\n    manageTokensCreateToken,\n    manageTokensGetList,\n    manageTokensRevokeToken,\n} from '../../../store/actions/manage-tokens';\nimport {useThunkDispatch} from '../../../store/thunkDispatch';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {AuthenticationToken, manageTokensSelector} from '../../../store/selectors/manage-tokens';\nimport {getCurrentUserName} from '../../../store/selectors/global';\nimport Icon from '../../../components/Icon/Icon';\nimport {YTError} from '../../../../@types/types';\nimport ClipboardButton from '../../../components/ClipboardButton/ClipboardButton';\nimport DataTableYT from '../../../components/DataTableYT/DataTableYT';\nimport {\n    ManageTokensPasswordModalContextProvider,\n    useManageTokensPasswordModalContext,\n} from '../ManageTokensPasswordModal/ManageTokensPasswordModal';\nimport {CollapsedString} from '../../../components/CollapsedString';\nimport format from '../../../common/hammer/format';\n\nimport './ManageTokensModalContent.scss';\n\nconst block = cn('manage-tokens-modal-content');\n\nconst AuthenticationGenerateTokenFormSection: FC<{onClose: () => void}> = ({onClose}) => {\n    type FormData = {description: string};\n    const {getPassword} = useManageTokensPasswordModalContext();\n    const user = useSelector(getCurrentUserName);\n    const dispatch = useThunkDispatch();\n    const [error, setError] = useState<YTError>();\n    const [token, setToken] = useState<string>();\n\n    const handleSubmit = (form: FormApi<FormData>) => {\n        const {description} = form.getState().values;\n\n        setError(undefined);\n\n        return getPassword()\n            .then((password_sha256) => {\n                return dispatch(\n                    manageTokensCreateToken({\n                        description,\n                        credentials: {\n                            user,\n                            password_sha256,\n                        },\n                    }),\n                )\n                    .then((token) => {\n                        setToken(token);\n\n                        return dispatch(\n                            manageTokensGetList({\n                                user,\n                                password_sha256,\n                            }),\n                        )\n                            .then(() => undefined)\n                            .catch(() => undefined);\n                    })\n                    .catch((error) => {\n                        setError(error);\n\n                        return Promise.reject(error);\n                    });\n            })\n            .catch((error) => {\n                throw error;\n            });\n    };\n\n    if (token) {\n        return (\n            <div className={block('new-token')}>\n                <h2>Copy token value</h2>\n                <Alert\n                    theme=\"warning\"\n                    message=\"Please save the token value. It is impossible to get the token value after closing the dialog\"\n                />\n                <br />\n                <Alert\n                    message={token}\n                    layout=\"horizontal\"\n                    actions={<ClipboardButton text={token} />}\n                />\n                <div className={block('tokens-action')}>\n                    <Button\n                        size=\"l\"\n                        view=\"action\"\n                        onClick={() => {\n                            onClose();\n                        }}\n                    >\n                        Close\n                    </Button>\n                </div>\n            </div>\n        );\n    }\n\n    return (\n        <YTDFDialog<FormData>\n            headerProps={{\n                title: 'Generate token',\n            }}\n            pristineSubmittable\n            modal={false}\n            visible={true}\n            initialValues={{}}\n            onAdd={handleSubmit}\n            fields={[\n                {\n                    name: 'description',\n                    type: 'textarea',\n                    caption: 'Description',\n                },\n                ...makeErrorFields([error]),\n            ]}\n            footerProps={{\n                propsButtonCancel: {\n                    onClick: () => {\n                        onClose();\n                    },\n                },\n            }}\n        />\n    );\n};\n\nconst RevokeToken = (props: {handleClickRemoveToken: (index: number) => void; index: number}) => {\n    const [visible, setVisible] = useState(false);\n\n    const handleClick = () => {\n        setVisible(true);\n    };\n\n    const handleConfirm = () => {\n        props.handleClickRemoveToken(props.index);\n\n        setVisible(false);\n    };\n\n    const handleCancel = () => {\n        setVisible(false);\n    };\n\n    return (\n        <>\n            <Button size={'s'} onClick={handleClick}>\n                <Icon awesome={'trash-bin'} />\n            </Button>\n            <Modal\n                content=\"Are you sure you want to revoke the token? This action CANNOT be undone.\"\n                onCancel={handleCancel}\n                onConfirm={handleConfirm}\n                onOutsideClick={handleCancel}\n                visible={visible}\n            />\n        </>\n    );\n};\n\nconst AuthenticationTokensSection: FC<{\n    onClickGenerateTokenButton: () => void;\n    onSuccessRemove: () => void;\n    passwordSha256?: string;\n}> = ({onSuccessRemove, onClickGenerateTokenButton, passwordSha256}) => {\n    const {getPassword} = useManageTokensPasswordModalContext();\n    const dispatch = useThunkDispatch();\n    const tokens = useSelector(manageTokensSelector);\n    const user = useSelector(getCurrentUserName);\n\n    const handleClickRemoveToken = React.useCallback(\n        (index: number) => {\n            return getPassword().then((password_sha256) => {\n                return dispatch(\n                    manageTokensRevokeToken({\n                        credentials: {\n                            user,\n                            password_sha256,\n                        },\n                        token_sha256: tokens![index].tokenHash,\n                    }),\n                ).then(() => {\n                    return dispatch(\n                        manageTokensGetList({\n                            user,\n                            password_sha256,\n                        }),\n                    ).finally(() => onSuccessRemove());\n                });\n            });\n        },\n        [getPassword, user, onSuccessRemove, tokens, manageTokensRevokeToken, dispatch],\n    );\n\n    React.useEffect(() => {\n        dispatch(\n            manageTokensGetList({\n                user,\n                password_sha256: passwordSha256,\n            }),\n        );\n    }, [passwordSha256, getPassword, user, dispatch]);\n\n    return (\n        <div className={block('tokens')}>\n            <h2>Authentication Tokens</h2>\n            <div className={block('generate-token-button')}>\n                <Button size=\"l\" view=\"action\" onClick={() => onClickGenerateTokenButton()}>\n                    Generate token\n                </Button>\n            </div>\n            <div className={block('tokens-table')}>\n                <DataTableYT<AuthenticationToken>\n                    loaded\n                    useThemeYT\n                    data={tokens}\n                    noItemsText=\"No tokens found\"\n                    rowClassName={() => block('table-row')}\n                    columns={[\n                        {\n                            name: 'tokenPrefix',\n                            header: 'Token',\n                            width: 110,\n                            className: block('table-cell'),\n                            render: ({value}) => {\n                                return value ? `${String(value)}...` : format.NO_VALUE;\n                            },\n                        },\n                        {\n                            name: 'tokenHash',\n                            header: 'Token Hash',\n                            width: 110,\n                            className: block('table-cell', {name: 'hash'}),\n                            render: ({value}) => {\n                                return (\n                                    <>\n                                        {truncate_(String(value), {length: 12})}\n                                        <ClipboardButton\n                                            title=\"Copy error\"\n                                            view=\"flat-secondary\"\n                                            text={value}\n                                            size=\"xs\"\n                                        />\n                                    </>\n                                );\n                            },\n                        },\n                        {\n                            name: 'description',\n                            header: 'Description',\n                            width: 320,\n                            className: block('table-cell', {name: 'description'}),\n                            render(value) {\n                                if (value.value) {\n                                    return (\n                                        <CollapsedString\n                                            limit={100}\n                                            value={value.value as string}\n                                        />\n                                    );\n                                }\n\n                                return '';\n                            },\n                        },\n                        {\n                            name: 'creationTime',\n                            header: 'Issued At',\n                            width: 160,\n                            className: block('table-cell'),\n                            render: (value) => {\n                                return value.value\n                                    ? moment(value.value).format('DD/MM/YYYY HH:mm:ss')\n                                    : '';\n                            },\n                        },\n                        {\n                            name: '',\n                            width: 30,\n                            className: block('table-cell'),\n                            render: ({index}) => (\n                                <RevokeToken\n                                    index={index}\n                                    handleClickRemoveToken={handleClickRemoveToken}\n                                />\n                            ),\n                        },\n                    ]}\n                    settings={{\n                        stickyHead: 'moving',\n                        displayIndices: false,\n                        sortable: false,\n                        highlightRows: false,\n                        stripedRows: false,\n                        disableSortReset: true,\n                    }}\n                />\n            </div>\n        </div>\n    );\n};\n\nenum ViewSection {\n    default,\n    tokens,\n    generate,\n}\n\nconst useViewSectionState = (defaultState: ViewSection) => {\n    const [section, setSection] = useState<ViewSection>(defaultState);\n\n    return {section, setSection};\n};\n\nexport const ManageTokensModalSections: React.FC<{passwordSha256?: string}> = ({\n    passwordSha256,\n}) => {\n    const {section, setSection} = useViewSectionState(ViewSection.tokens);\n\n    const content = useMemo(() => {\n        switch (section) {\n            case ViewSection.tokens:\n                return (\n                    <AuthenticationTokensSection\n                        passwordSha256={passwordSha256}\n                        onSuccessRemove={() => setSection(ViewSection.tokens)}\n                        onClickGenerateTokenButton={() => setSection(ViewSection.generate)}\n                    />\n                );\n            case ViewSection.generate:\n                return (\n                    <AuthenticationGenerateTokenFormSection\n                        onClose={() => setSection(ViewSection.tokens)}\n                    />\n                );\n            default:\n                return null;\n        }\n    }, [section]);\n\n    return (\n        <ManageTokensPasswordModalContextProvider>\n            <div className={block('content')}>{content}</div>\n        </ManageTokensPasswordModalContextProvider>\n    );\n};\n\nconst ManageTokenPasswordGuard = () => {\n    const {getPassword} = useManageTokensPasswordModalContext();\n    const dispatch = useDispatch();\n    const [passwordSha256, setPassword] = React.useState<string | undefined>();\n    const [open, setOpen] = React.useState(false);\n\n    React.useEffect(() => {\n        getPassword()\n            .then((passwordSha256) => {\n                setPassword(passwordSha256);\n                setOpen(true);\n            })\n            .catch(() => {\n                dispatch(closeManageTokensModal());\n            });\n    }, [getPassword]);\n\n    if (!open) {\n        return null;\n    }\n\n    return <ManageTokensModalSections passwordSha256={passwordSha256} />;\n};\n\nexport const ManageTokensModalContent = () => {\n    return (\n        <ManageTokensPasswordModalContextProvider>\n            <ManageTokenPasswordGuard />\n        </ManageTokensPasswordModalContextProvider>\n    );\n};\n","export async function sha256(str: string) {\n    const buf = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(str));\n\n    return [...new Uint8Array(buf)].map((x) => ('00' + x.toString(16)).slice(-2)).join('');\n}\n","import React from 'react';\nexport const AlertContext = React.createContext(null);\n","'use client';\nimport React from 'react';\nimport { AlertContext } from './AlertContext';\nexport const useAlertContext = () => {\n    const context = React.useContext(AlertContext);\n    if (!context)\n        throw new Error('Alert: `useAlertContext` hook is used out of \"AlertContext\"');\n    return context;\n};\n","'use client';\nimport React from 'react';\nimport { Button } from '../Button';\nimport { useAlertContext } from './useAlertContext';\nexport const AlertAction = (props) => {\n    const { view } = useAlertContext();\n    return React.createElement(Button, Object.assign({ view: view === 'filled' ? 'normal-contrast' : undefined }, props));\n};\n","import { block } from '../utils/cn';\nimport './Alert.css';\nexport const DEFAULT_ICON_SIZE = 18;\nexport const bAlert = block('alert');\n","'use client';\nimport React from 'react';\nimport { AlertContext } from './AlertContext';\nexport const AlertContextProvider = ({ layout, view, children }) => {\n    return React.createElement(AlertContext.Provider, { value: { layout, view } }, children);\n};\n","import React from 'react';\nimport { CircleCheck, CircleCheckFill, CircleInfo, CircleInfoFill, CircleXmark, CircleXmarkFill, Thunderbolt, ThunderboltFill, TriangleExclamation, TriangleExclamationFill, } from '@gravity-ui/icons';\nimport { Icon } from '../Icon';\nimport { colorText } from '../Text/colorText/colorText';\nimport { DEFAULT_ICON_SIZE, bAlert } from './constants';\nconst typeToIcon = {\n    danger: {\n        filled: CircleXmarkFill,\n        outlined: CircleXmark,\n    },\n    info: {\n        filled: CircleInfoFill,\n        outlined: CircleInfo,\n    },\n    success: {\n        filled: CircleCheckFill,\n        outlined: CircleCheck,\n    },\n    warning: {\n        filled: TriangleExclamationFill,\n        outlined: TriangleExclamation,\n    },\n    utility: {\n        filled: ThunderboltFill,\n        outlined: Thunderbolt,\n    },\n    normal: null,\n};\nexport const AlertIcon = ({ className, theme, view = 'filled', size = DEFAULT_ICON_SIZE, }) => {\n    const iconByTheme = typeToIcon[theme];\n    if (!iconByTheme) {\n        return null;\n    }\n    let color;\n    if (theme === 'success') {\n        color = 'positive';\n    }\n    else if (theme !== 'normal') {\n        color = theme;\n    }\n    return (React.createElement(\"div\", { className: bAlert('icon', colorText({ color }, className)) },\n        React.createElement(Icon, { data: iconByTheme[view], size: size })));\n};\n","import * as React from 'react';\nconst CircleXmarkFill = (props) => (React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: 16, height: 16, fill: \"none\", viewBox: \"0 0 16 16\" }, props),\n    React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM6.53 5.47a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z\", clipRule: \"evenodd\" })));\nexport default CircleXmarkFill;\n","import * as React from 'react';\nconst CircleXmark = (props) => (React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: 16, height: 16, fill: \"none\", viewBox: \"0 0 16 16\" }, props),\n    React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.53 5.47a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06L8 9.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L9.06 8l1.47-1.47a.75.75 0 1 0-1.06-1.06L8 6.94 6.53 5.47Z\", clipRule: \"evenodd\" })));\nexport default CircleXmark;\n","import * as React from 'react';\nconst CircleInfoFill = (props) => (React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: 16, height: 16, fill: \"none\", viewBox: \"0 0 16 16\" }, props),\n    React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1-9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 7.75a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-1.5 0V8.5A.75.75 0 0 1 8 7.75Z\", clipRule: \"evenodd\" })));\nexport default CircleInfoFill;\n","import * as React from 'react';\nconst CircleCheckFill = (props) => (React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: 16, height: 16, fill: \"none\", viewBox: \"0 0 16 16\" }, props),\n    React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.1-8.55a.75.75 0 1 0-1.2-.9L7.419 8.858 6.03 7.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.13-.08l3-4Z\", clipRule: \"evenodd\" })));\nexport default CircleCheckFill;\n","import * as React from 'react';\nconst TriangleExclamationFill = (props) => (React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: 16, height: 16, fill: \"none\", viewBox: \"0 0 16 16\" }, props),\n    React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M5.836 2.244c.962-1.665 3.366-1.665 4.328 0l4.917 8.505c.964 1.666-.239 3.751-2.164 3.751H3.083c-1.925 0-3.128-2.085-2.164-3.751l4.917-8.505ZM8 5a.75.75 0 0 1 .75.75v2a.75.75 0 1 1-1.5 0v-2A.75.75 0 0 1 8 5Zm1 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\", clipRule: \"evenodd\" })));\nexport default TriangleExclamationFill;\n","import * as React from 'react';\nconst ThunderboltFill = (props) => (React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: 16, height: 16, fill: \"none\", viewBox: \"0 0 16 16\" }, props),\n    React.createElement(\"path\", { fill: \"currentColor\", d: \"m14.61 6.914-7.632 8.08a1.614 1.614 0 0 1-2.69-1.66L5.5 10H2.677A1.677 1.677 0 0 1 1.12 7.7l2.323-5.807A2.216 2.216 0 0 1 5.5.5h4c.968 0 1.637.967 1.298 1.873L10 4.5h3.569a1.431 1.431 0 0 1 1.04 2.414Z\" })));\nexport default ThunderboltFill;\n","import { addComponentKeysets } from '../../utils/addComponentKeysets';\nimport en from './en.json';\nimport ru from './ru.json';\nconst COMPONENT = 'Alert';\nexport default addComponentKeysets({ en, ru }, COMPONENT);\n","import React from 'react';\nimport { Xmark } from '@gravity-ui/icons';\nimport { Button } from '../Button';\nimport { Card } from '../Card';\nimport { Icon } from '../Icon';\nimport { colorText } from '../Text';\nimport { Flex, spacing } from '../layout';\nimport { AlertAction } from './AlertAction';\nimport { AlertActions } from './AlertActions';\nimport { AlertContextProvider } from './AlertContextProvider';\nimport { AlertIcon } from './AlertIcon';\nimport { AlertTitle } from './AlertTitle';\nimport { DEFAULT_ICON_SIZE, bAlert } from './constants';\nimport i18n from './i18n';\nexport const Alert = (props) => {\n    const { theme = 'normal', view = 'filled', layout = 'vertical', message, className, corners, style, onClose, align, qa, } = props;\n    return (React.createElement(AlertContextProvider, { layout: layout, view: view },\n        React.createElement(Card, { style: style, className: bAlert({ corners }, spacing({ py: 4, px: 5 }, className)), theme: theme, view: view, qa: qa },\n            React.createElement(Flex, { gap: \"3\", alignItems: align },\n                typeof props.icon === 'undefined' ? (React.createElement(Alert.Icon, { theme: theme, view: view })) : (props.icon // ability to pass `null` as `icon` prop value\n                ),\n                React.createElement(Flex, { direction: layout === 'vertical' ? 'column' : 'row', gap: \"5\", grow: true },\n                    React.createElement(Flex, { gap: \"2\", grow: true, className: bAlert('text-content') },\n                        React.createElement(Flex, { direction: \"column\", gap: \"1\", grow: true, justifyContent: align },\n                            typeof props.title === 'string' ? (React.createElement(Alert.Title, { text: props.title })) : (props.title),\n                            message)),\n                    Array.isArray(props.actions) ? (React.createElement(Alert.Actions, { items: props.actions })) : (props.actions)),\n                onClose && (React.createElement(Button, { view: \"flat\", className: bAlert('close-btn'), onClick: onClose, extraProps: {\n                        'aria-label': i18n('label_close'),\n                    } },\n                    React.createElement(Icon, { data: Xmark, size: DEFAULT_ICON_SIZE, className: colorText({ color: 'secondary' }) })))))));\n};\nAlert.Icon = AlertIcon;\nAlert.Title = AlertTitle;\nAlert.Actions = AlertActions;\nAlert.Action = AlertAction;\n","import React from 'react';\nimport { Text } from '../Text';\nimport { bAlert } from './constants';\nexport const AlertTitle = ({ text, className }) => {\n    return (React.createElement(Text, { variant: \"subheader-2\", className: bAlert('title', className) }, text));\n};\n","'use client';\nimport React from 'react';\nimport { Flex } from '../layout';\nimport { AlertAction } from './AlertAction';\nimport { bAlert } from './constants';\nimport { useAlertContext } from './useAlertContext';\nexport const AlertActions = ({ items, children, className }) => {\n    const { layout } = useAlertContext();\n    return (React.createElement(Flex, { className: bAlert('actions', { minContent: layout === 'horizontal' }, className), direction: \"row\", gap: \"3\", wrap: true, alignItems: layout === 'horizontal' ? 'center' : 'flex-start' }, (items === null || items === void 0 ? void 0 : items.map(({ handler, text }, i) => (React.createElement(AlertAction, { key: i, onClick: handler }, text)))) || children));\n};\n","'use client';\nimport { __rest } from \"tslib\";\nimport React from 'react';\nimport { useActionHandlers } from '../../hooks';\nimport { Box } from '../layout';\nimport { block } from '../utils/cn';\nimport './Card.css';\nconst b = block('card');\nexport const Card = React.forwardRef(function Card(props, ref) {\n    const { type = 'container', theme, view, size = 'm', children, className, onClick, disabled, selected } = props, restProps = __rest(props, [\"type\", \"theme\", \"view\", \"size\", \"children\", \"className\", \"onClick\", \"disabled\", \"selected\"]);\n    const isTypeAction = type === 'action';\n    const isTypeSelection = type === 'selection';\n    const isTypeContainer = type === 'container';\n    /* Clickable card — only with type 'action' or 'selection' and not selected or disabled */\n    const hasAction = isTypeAction || isTypeSelection;\n    const isClickable = hasAction && Boolean(onClick) && !(disabled || selected);\n    /* Theme only with type 'container' */\n    const defaultTheme = isTypeContainer ? 'normal' : undefined;\n    /* View only with type 'container' and 'selection' */\n    const defaultView = isTypeContainer || isTypeSelection ? 'outlined' : undefined;\n    const handleClick = isClickable ? onClick : undefined;\n    const { onKeyDown } = useActionHandlers(onClick);\n    return (React.createElement(Box, Object.assign({ ref: ref, role: isClickable ? 'button' : undefined, className: b({\n            theme: theme || defaultTheme,\n            view: view || defaultView,\n            type,\n            selected,\n            size,\n            disabled,\n            clickable: isClickable,\n        }, className), onClick: handleClick, onKeyDown: isClickable ? onKeyDown : undefined, tabIndex: isClickable ? 0 : undefined }, restProps), children));\n});\n","import { useReducer } from 'react';\nvar toggleReducer = function (state, nextValue) {\n    return typeof nextValue === 'boolean' ? nextValue : !state;\n};\nvar useToggle = function (initialValue) {\n    return useReducer(toggleReducer, initialValue);\n};\nexport default useToggle;\n"],"names":["block","cn","CollapsedString","_ref","value","_ref$limit","limit","_useToggle","useToggle","_useToggle2","_slicedToArray","expanded","toggleExpanded","hasToggle","length","text","useMemo","slice","_jsxs","className","children","_jsx","ClickableText","onClick","prepareRoleListValue","roles","otherMembers","arguments","undefined","current","toAdd","toRemove","unrecognized","forEach_","item","isUnrecognized","isRequested","isApproved","isDepriving","push","currentArr","map","prepareItemOfCurrent","otherArr","title","data","frozen","newItems","concat","itemClassName","role","extraProps","_objectSpread","roleListValueToSubjectList","_toConsumableArray","manyListDataItemToSubjectList","manyListDataItem","map_","filter_","_ref2","removed","_ref3","_ref4","type","extractChangedSubjects","added","filter","_ref5","_ref6","user","group","_ref7","_ref8","DialogError","props","Block","makeErrorFields","errors","compact_","error","index","name","extras","FORM_ERROR","makeFormSubmitError","validationErrors","_defineProperty","importYTDFDialog","Component","YTDFDialog","withLazyLoading","React","_asyncToGenerator","_regeneratorRuntime","_callee","_context","prev","next","t0","sent","YTDialog","abrupt","stop","_React$useState","_React$useState2","mounted","setMounted","visible","_callee2","_context2","RoleListControl","EditableList","_callee3","_context3","TabFieldVertical","_callee4","_context4","getQTApiSetup","QT_CLUSTER","getQueryTrackerCluster","cluster","getClusterConfigByName","proxy","getClusterProxy","manageTokensGetList","credentials","dispatch","MANAGE_TOKENS_LIST","REQUEST","ytApiV4Id","listUserTokens","YTApiId","parameters","with_metadata","setup","then","SUCCESS","FAILURE","manageTokensRevokeToken","token_sha256","wrapApiPromiseByToaster","revokeToken","issueToken","autoHide","toasterName","successContent","openManageTokensModal","MANAGE_TOKENS_MODALS_OPEN","closeManageTokensModal","MANAGE_TOKENS_MODALS_CLOSE","ManageTokensPasswordModalContext","PasswordModal","_useSelector","setError","username","useSelector","getCurrentUserName","ytAuthCluster","getSettingsCluster","_Fragment","Dialog","open","hasCloseButton","onClose","handleCancel","headerProps","pristineSubmittable","modal","initialValues","onAdd","password","getState","values","sha256","password_sha256","axios","post","handleConfirm","_error$response","response","_x","apply","fields","Alert","message","required","caption","footerProps","propsButtonCancel","PromiseWaiter","_classCallCheck","promise","resolve","_d","reject","_e","_createClass","key","_this","this","Promise","d","e","ManageTokensPasswordModalContextProvider","isOAuth","isManageTokensInOAuthMode","_React$useState3","_React$useState4","setVisible","p","getPassword","create","Provider","Error","hash","useManageTokensPasswordModalContext","context","AuthenticationGenerateTokenFormSection","useThunkDispatch","_useState","useState","_useState2","_useState3","_useState4","token","setToken","theme","layout","actions","ClipboardButton","Button","size","view","form","description","manageTokensCreateToken","RevokeToken","_useState5","_useState6","Icon","awesome","Modal","content","onCancel","onConfirm","handleClickRemoveToken","onOutsideClick","AuthenticationTokensSection","onSuccessRemove","onClickGenerateTokenButton","passwordSha256","tokens","manageTokensSelector","tokenHash","DataTableYT","loaded","useThemeYT","noItemsText","rowClassName","columns","header","width","render","String","format","NO_VALUE","truncate_","moment","settings","stickyHead","displayIndices","sortable","highlightRows","stripedRows","disableSortReset","ViewSection","ManageTokensModalSections","defaultState","_useState7","_useState8","_useViewSectionState","section","setSection","generate","ManageTokenPasswordGuard","useDispatch","setPassword","setOpen","ManageTokensModalContent","_sha","str","buf","crypto","subtle","digest","TextEncoder","encode","Uint8Array","x","toString","join","AlertContext","useAlertContext","AlertAction","Object","assign","bAlert","AlertContextProvider","typeToIcon","danger","filled","xmlns","height","fill","viewBox","fillRule","clipRule","outlined","info","CircleInfo","success","CircleCheck","warning","TriangleExclamation","utility","Thunderbolt","normal","addComponentKeysets","en","corners","style","align","qa","Card","spacing","py","px","Flex","gap","alignItems","icon","direction","grow","justifyContent","Title","Array","isArray","Actions","items","i18n","I","Xmark","colorText","color","iconByTheme","Text","variant","minContent","wrap","handler","i","Action","b","ref","disabled","selected","restProps","isTypeSelection","isTypeContainer","isClickable","Boolean","defaultTheme","defaultView","handleClick","onKeyDown","useActionHandlers","Box","clickable","tabIndex","toggleReducer","state","nextValue","initialValue","useReducer"],"sourceRoot":""}

package/dist/public/build/js/{navigation-flow.eeb01518.chunk.js → navigation-flow.6d67215a.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_ytsaurus_ui=self.webpackChunk_ytsaurus_ui||[]).push([[1234],{78466:(n,e,t)=>{t.d(e,{L:()=>c}),t(77810);var r=t(92423),i=t(72679),a=t(39702),o=t(40319),l=t(64922);const u=function(n){return(0,l.jsx)("svg",(0,o.A)((0,o.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},n),{},{children:(0,l.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M3.47 10.97a.75.75 0 1 0 1.06 1.06l3.5-3.5a.75.75 0 0 0 0-1.06l-3.5-3.5a.75.75 0 0 0-1.06 1.06L6.44 8zm5 0a.75.75 0 1 0 1.06 1.06l3.5-3.5a.75.75 0 0 0 0-1.06l-3.5-3.5a.75.75 0 0 0-1.06 1.06L11.44 8z",clipRule:"evenodd"})}))};var s=(0,t(76872).A)("yt-expanded-button"),c=function(n){var e=n.className,t=n.expanded,o=n.inline,c=n.toggleExpanded,p=n.all,d=n.showText,v=n.qa,f=p?"Collapse All":"Collapse",m=p?"Expand All":"Expand";return(0,l.jsxs)(r.$,{className:s({inline:o},e),view:"flat-secondary",title:t?f:m,onClick:c,qa:v,children:[d&&(t?f:m)+" ",(0,l.jsx)(i.I,{className:s("expand",{expanded:t}),data:p?u:a.A,size:16})]})}},80545:(n,e,t)=>{t.d(e,{A:()=>u}),t(77810);var r=t(76872),i=t(73822),a=t(60620),o=t(64922),l=(0,r.A)("status-label");function u(n){var e=n.className,t=n.label,r=n.renderPlaque,u=function(n){var e;return null!==(e={materializing:"preparing",initializing:"preparing",preparing:"preparing",pending:"preparing",starting:"preparing",running:"running",completing:"running",failing:"running",aborting:"running",reviving:"running",suspended:"suspended",failed:"failed",completed:"completed",aborted:"aborted",Unknown:"unknown",Stopped:"suspended",Paused:"suspended",Working:"running",Draining:"running",Pausing:"running",Completed:"completed"}[n])&&void 0!==e?e:"unknown"}(t),s={preparing:"clock",running:"play-circle",suspended:"pause-circle",failed:"times-circle",completed:"check-circle",aborted:"times-circle",unknown:"question-circle"}[u],c={state:u};return t?(0,o.jsxs)("span",{className:l(null,r?l("plaque",c,e):l(c,e)),children:[(0,o.jsx)(a.A,{awesome:s}),(0,o.jsx)("span",{children:i.A.format.ReadableField(t)})]}):(0,o.jsx)("span",{})}},65549:(n,e,t)=>{t.r(e),t.d(e,{Flow:()=>Pn});var r=t(77810),i=t(15647),a=t(76872),o=t(6736),l=t(79726),u=t(92423),s=t(85137),c=t(64196),p=t(14780),d=t(28640),v=t(64772),f=t(60620),m=t(35074),h=t(80545),w=t(13685),x=t(51194),g=t(64714),j=t(76365),_=function(n){return n.flow.status.data},A=function(n){return n.flow.status.pipeline_path},b=t(54835),k=new j.A;function y(n){return function(e){return e(b.U.onRequest({pipeline_path:n})),g.QA.getPipelineState({parameters:{pipeline_path:n},cancellation:k.removeAllAndSave}).then((function(n){e(b.U.onSuccess({data:n}))}),(function(n){(0,j.m)(n)||e(b.U.onError({error:n}))}))}}function S(n){var e=n.pipeline_path,t=n.state;return function(n,r){var i="".concat(t,"Pipeline");return g.QA[i]({pipeline_path:e}).then((function(){A(r())===e&&n(y(e))}))}}var C=function(n){return n.flow.filters.flowViewMode},N=t(27497),M=t(57602),P=t(19538),$=t(7787),E=t(35441),F=t(14880),R=t(77318),T=t(82060),q=t(78466),z=t(40319),O=t(85655),Q=new j.A,W=t(18801),I=t(18472),U=t(27528),B=t.n(U),L=t(39760),D=t.n(L),H=["name"],Y=function(n){return n.flow.layout.pipeline_path},J=function(n){return n.flow.layout.error},V=(0,I.Mz)([function(n){return n.flow.layout.data},function(n){return n.flow.layout.expandedComputations},function(n){return n.flow.layout.expandedWorkers}],(function(n,e,t){return function(r){return"computations"===r?X(function(n){var e,t,r=null!==(e=null==n||null===(t=n.execution_spec)||void 0===t||null===(t=t.layout)||void 0===t?void 0:t.value)&&void 0!==e?e:{},i=r.jobs,a=void 0===i?{}:i,o=r.partitions;return B()(o,(function(e){var t,r,i=a[e.current_job_id],o=(null!=i?i:{}).worker_address,l=null==n?void 0:n.workers[o];return{name:e.computation_id,partition:null!==(t=e)&&void 0!==t?t:null,job:null!==(r=i)&&void 0!==r?r:null,worker:null!=l?l:null}}))}(n),e):X(function(n){var e,t,r=null!==(e=null==n||null===(t=n.execution_spec)||void 0===t||null===(t=t.layout)||void 0===t?void 0:t.value)&&void 0!==e?e:{},i=r.jobs,a=r.partitions,o=[],l=new Set;return D()(i,(function(e){var t=e.worker_address,r=e.partition_id,i=null==a?void 0:a[r],u=null==n?void 0:n.workers[t];o.push({name:t,partition:null!=i?i:null,job:null!=e?e:null,worker:null!=u?u:null}),l.add(t)})),D()(null==n?void 0:n.workers,(function(n){var e=n.address;l.has(e)||o.push({name:e,partition:null,job:null,worker:null})})),o}(n),t)}}));function X(n,e){var t=new Set(Object.keys(e)),r=[],i=new Map;if(n.forEach((function(n){var e,a=n.name,o=(0,W.A)(n,H),l=i.get(a);l||(l={$attributes:{name:a,expanded:t.has(a),job_count:0,worker_count:0,partition_count:0},$value:[]},i.set(a,l),r.push(l)),n.job&&++l.$attributes.job_count,n.worker&&++l.$attributes.worker_count,n.partition&&++l.$attributes.partition_count,null===(e=l.$value)||void 0===e||e.push(o)})),!t.size)return r;for(var a=[],o=0,l=r;o<l.length;o++){var u=l[o],s=u.$attributes.name;t.has(s)?a=a.concat(u,u.$value):a.push(u)}return a}var Z=t(64922),G=(0,a.A)("yt-navigation-flow-layout");function K(n){var e=n.path,t=n.viewMode,a=(0,i.wA)(),o=(0,i.d4)(Y),l=(0,i.d4)(J),u=(0,i.d4)(V),s=r.useMemo((function(){return u(t)}),[t,u]),c=e===o,p=function(n){var e=(0,i.wA)(),t=r.useMemo((function(){var t="computations"===n,r=[{name:t?"Computation / Partition Id":"Worker address / Partition Id",className:G("td-name"),render:function(n){var r,i=n.row;if("$attributes"in i){var a=i.$attributes,o=a.name,l=a.expanded;r=(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(q.L,{className:G("expand",{hidden:0===i.$value.length}),expanded:l,toggleExpanded:function(){e(t?function(n){var e=n.computation_id;return function(n){n(O.Cp.onExpandComputation({computation_id:e}))}}({computation_id:o}):function(n){var e=n.worker_address;return function(n){n(O.Cp.onExpandWorker({worker_address:e}))}}({worker_address:o})),requestAnimationFrame((function(){window.dispatchEvent(new Event("resize"))}))}}),(0,Z.jsxs)("span",{className:G("name-title"),children:[o," ",(0,Z.jsx)(d.A,{view:"flat-secondary",text:o,inlineMargins:!0,visibleOnRowHover:!0})]})]})}else{var u,s;r=(0,Z.jsxs)("span",{className:G("name-title",{level:"1"}),children:[null===(u=i.partition)||void 0===u?void 0:u.partition_id,(0,Z.jsx)(d.A,{view:"flat-secondary",text:null===(s=i.partition)||void 0===s?void 0:s.partition_id,inlineMargins:!0,visibleOnRowHover:!0})]})}return(0,Z.jsx)("div",{className:G("name"),children:r})}},{name:"Partition state",render:function(n){var e,t=n.row;return"partition"in t?null===(e=t.partition)||void 0===e?void 0:e.state:v.A.Number(t.$value.length)},width:120},{name:"Job Id",render:function(n){var e,t,r=n.row;return"partition"in r?(0,Z.jsxs)(Z.Fragment,{children:[null===(e=r.partition)||void 0===e?void 0:e.current_job_id," ",(0,Z.jsx)(d.A,{view:"flat-secondary",text:null===(t=r.partition)||void 0===t?void 0:t.current_job_id,inlineMargins:!0,visibleOnRowHover:!0})]}):v.A.Number(r.$attributes.job_count)},width:400},t?{name:"Worker address",render:function(n){var e,t,r=n.row;return"job"in r?(0,Z.jsxs)(Z.Fragment,{children:[null===(e=r.job)||void 0===e?void 0:e.worker_address,(0,Z.jsx)(d.A,{view:"flat-secondary",text:null===(t=r.job)||void 0===t?void 0:t.worker_address,inlineMargins:!0,visibleOnRowHover:!0})]}):v.A.Number(r.$attributes.worker_count)},width:400}:{name:"Computation",render:function(n){var e,t=n.row;return"partition"in t?null===(e=t.partition)||void 0===e?void 0:e.computation_id:v.A.Number(t.$attributes.partition_count)},width:400},{name:"actions",header:null,render:function(n){var e=n.row;return(0,Z.jsx)(F.A,{className:G("show-attributes"),title:"Details",attributes:e,withTooltip:!1})},width:50}];return r}),[n]);return t}(t),f=r.useCallback((function(){a(function(n){return function(e){return e(O.Cp.onRequest({pipeline_path:n})),g.QA.getFlowView({parameters:(0,z.A)({pipeline_path:n},{annotate_with_types:!0}),cancellation:Q.removeAllAndSave}).then((function(n){e(O.Cp.onSuccess({data:n}))}),(function(n){(0,j.m)(n)||e(O.Cp.onError({error:n}))}))}}(e))}),[e,a]);return(0,w.Tt)(f),c?(0,Z.jsxs)("div",{className:G(),children:[Boolean(l)&&(0,Z.jsx)(T.A,{error:l}),(0,Z.jsx)(R.Ay,{settings:R.ks,columns:p,data:s,useThemeYT:!0})]}):null}var nn=t(13322),en=t(28407),tn=t(9736),rn=t(70232),an=t.n(rn),on=t(22977),ln=function(n){return n.flow.staticSpec.data},un=function(n){return n.flow.staticSpec.pipeline_path},sn=function(n){return n.flow.staticSpec.error},cn=function(n){var e=n.flow.staticSpec,t=e.loading;return!e.loaded&&t},pn=function(n){return n.flow.dynamicSpec.data},dn=function(n){return n.flow.dynamicSpec.pipeline_path},vn=function(n){var e=n.flow.dynamicSpec,t=e.loading;return!e.loaded&&t},fn=new j.A;function mn(n){return function(e){return e(on.pX.onRequest({pipeline_path:n})),g.QA.getPipelineSpec({parameters:{pipeline_path:n},cancellation:fn.removeAllAndSave}).then((function(n){e(on.pX.onSuccess({data:n}))}),(function(n){(0,j.m)(n)||e(on.pX.onError({error:n}))}))}}function hn(n){return function(e){return e(on.Ep.onRequest({pipeline_path:n})),g.QA.getPipelineDynamicSpec({parameters:{pipeline_path:n},cancellation:fn.removeAllAndSave}).then((function(n){e(on.Ep.onSuccess({data:n}))}),(function(n){(0,j.m)(n)||e(on.Ep.onError({error:n}))}))}}var wn=t(4386),xn=t(90826),gn=t(20361),jn=t(81738),_n=t(38198),An=t(88358),bn=t(88923),kn=(0,a.A)("yt-pipeline-spec");function yn(n){var e=n.path,t=n.data,a=n.error,o=n.name,l=n.onSave,s=r.useState(!1),c=(0,tn.A)(s,2),p=c[0],d=c[1],v=(0,i.d4)(wn.eg);return(0,Z.jsxs)(r.Fragment,{children:[Boolean(a)&&(0,Z.jsx)(jn.A,{error:a}),(0,Z.jsx)(xn.A,{value:t,settings:v,virtualized:!0,folding:!0,extraTools:(0,Z.jsxs)(r.Fragment,{children:[(0,Z.jsx)(An.O,{value:t,settings:v,name:"pipeline_spec_".concat((0,bn.M)(e))}),(0,Z.jsxs)(u.$,{view:"outlined",onClick:function(){return d(!0)},children:[(0,Z.jsx)(f.A,{awesome:"pencil"}),"Edit ",o]})]})}),(0,Z.jsx)(Sn,{path:e,name:o,visible:p,onSpecApply:function(n){return l((0,z.A)((0,z.A)({},t),{},{spec:n}))},onClose:function(){return d(!1)},spec:null==t?void 0:t.spec,settings:v})]})}function Sn(n){var e=n.path,t=n.visible,i=n.spec,a=n.onClose,o=n.onSpecApply,l=n.name,u=n.settings,s=r.useState(),c=(0,tn.A)(s,2),p=c[0],d=c[1],v=r.useMemo((function(){return{value:JSON.stringify(i,null,4)}}),[i]);return t&&(0,Z.jsx)(gn.yZ,{visible:!0,size:"l",onClose:a,initialValues:{text:v,path:e},headerProps:{title:"Edit ".concat(l)},onAdd:function(){var n=(0,en.A)(an().mark((function n(e){var t;return an().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(d(void 0),!(t=e.getState().values.text).value){n.next=15;break}return n.prev=3,n.next=6,o(JSON.parse(t.value));case 6:return n.abrupt("return",n.sent);case 9:return n.prev=9,n.t0=n.catch(3),d(n.t0),n.abrupt("return",Promise.reject(n.t0));case 13:n.next=16;break;case 15:return n.abrupt("return",Promise.resolve());case 16:case"end":return n.stop()}}),n,null,[[3,9]])})));return function(e){return n.apply(this,arguments)}}(),fields:[{caption:"Pipeline path",name:"path",type:"plain"},{name:"text",caption:"Specification",type:"json",fullWidth:!0,extras:{className:kn("editor"),initialShowPreview:!1,unipikaSettings:u}}].concat((0,nn.A)((0,gn.Y)([p])))})}function Cn(n){var e=n.pipeline_path,t=(0,x._)(),a=(0,i.d4)(ln),o=(0,i.d4)(sn),l=(0,i.d4)(cn),u=r.useCallback((function(){t(mn(e))}),[t,e]);(0,w.Tt)(u);var s=r.useCallback((function(n){return t(function(n){var e=n.data,t=n.path;return function(n,r){return g.QA.setPipelineSpec({pipeline_path:t,expected_version:null==e?void 0:e.version},null==e?void 0:e.spec).then((function(){var e=un(r());e&&e===t&&n(mn(t))}))}}({path:e,data:n}))}),[e,t]);return l?(0,Z.jsx)(_n.A,{}):(0,Z.jsx)(yn,{path:e,data:a,error:o,name:"static specification",onSave:s})}function Nn(n){var e=n.pipeline_path,t=(0,x._)(),a=(0,i.d4)(pn),o=(0,i.d4)(sn),l=(0,i.d4)(vn),u=r.useCallback((function(){t(hn(e))}),[t,e]);(0,w.Tt)(u);var s=r.useCallback((function(n){return t(function(n){var e=n.data,t=n.path;return function(n,r){return g.QA.setPipelineDynamicSpec({pipeline_path:t,expected_version:null==e?void 0:e.version},null==e?void 0:e.spec).then((function(){var e=dn(r());t===e&&n(hn(t))}))}}({path:e,data:n}))}),[e,t]);return l?(0,Z.jsx)(_n.A,{}):(0,Z.jsx)(yn,{path:e,data:a,error:o,name:"dynamic specification",onSave:s})}var Mn=(0,a.A)("yt-navigation-flow");function Pn(){var n=(0,i.wA)(),e=(0,i.d4)(C),t=r.useMemo((function(){var n,e=null!==(n=$.Ay.getMonitoringComponentForNavigationFlow())&&void 0!==n?n:{},t=e.urlTemplate;return(e.component||t?P.g$:P.g$.filter((function(n){return"monitoring"!==n}))).map((function(n){return{value:n,content:v.A.ReadableField(n)}}))}),[]);return(0,Z.jsxs)("div",{className:Mn(),children:[(0,Z.jsx)(Fn,{}),(0,Z.jsx)(o.s,{className:Mn("toolbar"),children:(0,Z.jsx)(l.a,{options:t,value:e,onUpdate:function(e){return n((0,P.nP)(e))}})}),(0,Z.jsx)("div",{className:Mn("content",{view:e}),children:(0,Z.jsx)($n,{viewMode:e})})]})}function $n(n){var e=n.viewMode,t=(0,i.d4)(M.Yn);if(!t)return null;switch(e){case"static_spec":return(0,Z.jsx)(Cn,{pipeline_path:t});case"dynamic_spec":return(0,Z.jsx)(Nn,{pipeline_path:t});case"monitoring":return(0,Z.jsx)(Rn,{});case"workers":case"computations":return(0,Z.jsx)(K,{path:t,viewMode:e});case"graph":return(0,Z.jsx)(p.A,{header:"Warning",message:"'".concat(e,"' view mode is not implemented yet")});default:return(0,Z.jsx)(p.A,{header:"Unexpected behaviour",error:new Error("'".concat(e,"' view mode is not implemented"))})}}function En(){var n=(0,x._)(),e=(0,i.d4)(M.Yn),t=r.useCallback((function(){return n(y(e))}),[e,n]);(0,w.Tt)(t);var a=r.useMemo((function(){return{onStart:function(){return n(S({pipeline_path:e,state:"start"}))},onStop:function(){return n(S({pipeline_path:e,state:"stop"}))},onPause:function(){return n(S({pipeline_path:e,state:"pause"}))}}}),[n,e]),l=a.onStart,s=a.onStop,c=a.onPause;return(0,Z.jsxs)(o.s,{className:Mn("status-toolbar"),alignItems:"center",gap:2,children:[(0,Z.jsxs)(u.$,{view:"outlined",onClick:l,children:[(0,Z.jsx)(f.A,{awesome:"play-circle"})," Start"]}),(0,Z.jsxs)(u.$,{view:"outlined",onClick:c,children:[(0,Z.jsx)(f.A,{awesome:"pause-circle"})," Pause"]}),(0,Z.jsxs)(u.$,{view:"outlined",onClick:s,children:[(0,Z.jsx)(f.A,{awesome:"stop-circle"})," Stop"]})]})}function Fn(){var n=(0,i.d4)(_),e=(0,i.d4)(M.gu).leader_controller_address;return(0,Z.jsxs)(r.Fragment,{children:[(0,Z.jsxs)(o.s,{className:Mn("state"),alignItems:"center",gap:2,children:[(0,Z.jsx)(s.E,{variant:"header-1",children:"Processing catalog "}),(0,Z.jsx)(En,{})]}),(0,Z.jsx)(m.Ay,{items:[[{key:"status",value:(0,Z.jsx)(h.A,{label:n})}],[{key:"leader_controller_address",value:(0,Z.jsxs)(Z.Fragment,{children:[e,(0,Z.jsx)(d.A,{view:"flat-secondary",text:e,inlineMargins:!0})]}),className:Mn("meta-item")}]]})]})}function Rn(){var n,e=null!==(n=$.Ay.getMonitoringComponentForNavigationFlow())&&void 0!==n?n:{},t=e.component,r=e.title,a=e.urlTemplate,o=(0,i.d4)(M.gu),l=o.monitoring_cluster,u=o.monitoring_project,s=(0,i.d4)(N.dB);return t?(0,Z.jsx)(t,{cluster:s,monitoring_cluster:l,monitoring_project:u,attributes:o}):a?(0,Z.jsx)(c.N,{target:"_blank",href:(0,E.j)(a,{ytCluster:s,monitoring_cluster:l,monitoring_project:u}),children:r||"Monitoring"}):null}},39702:(n,e,t)=>{t.d(e,{A:()=>a});var r=t(40319),i=t(64922);const a=function(n){return(0,i.jsx)("svg",(0,r.A)((0,r.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},n),{},{children:(0,i.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.47 13.03a.75.75 0 0 1 0-1.06L9.44 8 5.47 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0",clipRule:"evenodd"})}))}}}]);
-//# sourceMappingURL=navigation-flow.eeb01518.chunk.js.map
+"use strict";(self.webpackChunk_ytsaurus_ui=self.webpackChunk_ytsaurus_ui||[]).push([[1234],{78466:(n,e,t)=>{t.d(e,{L:()=>c}),t(77810);var r=t(92423),i=t(72679),a=t(39702),o=t(40319),l=t(64922);const u=function(n){return(0,l.jsx)("svg",(0,o.A)((0,o.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},n),{},{children:(0,l.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M3.47 10.97a.75.75 0 1 0 1.06 1.06l3.5-3.5a.75.75 0 0 0 0-1.06l-3.5-3.5a.75.75 0 0 0-1.06 1.06L6.44 8zm5 0a.75.75 0 1 0 1.06 1.06l3.5-3.5a.75.75 0 0 0 0-1.06l-3.5-3.5a.75.75 0 0 0-1.06 1.06L11.44 8z",clipRule:"evenodd"})}))};var s=(0,t(76872).A)("yt-expanded-button"),c=function(n){var e=n.className,t=n.expanded,o=n.inline,c=n.toggleExpanded,p=n.all,d=n.showText,v=n.qa,f=p?"Collapse All":"Collapse",m=p?"Expand All":"Expand";return(0,l.jsxs)(r.$,{className:s({inline:o},e),view:"flat-secondary",title:t?f:m,onClick:c,qa:v,children:[d&&(t?f:m)+" ",(0,l.jsx)(i.I,{className:s("expand",{expanded:t}),data:p?u:a.A,size:16})]})}},80545:(n,e,t)=>{t.d(e,{A:()=>u}),t(77810);var r=t(76872),i=t(73822),a=t(60620),o=t(64922),l=(0,r.A)("status-label");function u(n){var e=n.className,t=n.label,r=n.renderPlaque,u=function(n){var e;return null!==(e={materializing:"preparing",initializing:"preparing",preparing:"preparing",pending:"preparing",starting:"preparing",running:"running",completing:"running",failing:"running",aborting:"running",reviving:"running",suspended:"suspended",failed:"failed",completed:"completed",aborted:"aborted",Unknown:"unknown",Stopped:"suspended",Paused:"suspended",Working:"running",Draining:"running",Pausing:"running",Completed:"completed"}[n])&&void 0!==e?e:"unknown"}(t),s={preparing:"clock",running:"play-circle",suspended:"pause-circle",failed:"times-circle",completed:"check-circle",aborted:"times-circle",unknown:"question-circle"}[u],c={state:u};return t?(0,o.jsxs)("span",{className:l(null,r?l("plaque",c,e):l(c,e)),children:[(0,o.jsx)(a.A,{awesome:s}),(0,o.jsx)("span",{children:i.A.format.ReadableField(t)})]}):(0,o.jsx)("span",{})}},65549:(n,e,t)=>{t.r(e),t.d(e,{Flow:()=>Pn});var r=t(77810),i=t(15647),a=t(76872),o=t(6736),l=t(79726),u=t(92423),s=t(85137),c=t(64196),p=t(14780),d=t(28640),v=t(64772),f=t(60620),m=t(35074),h=t(80545),w=t(13685),x=t(51194),g=t(64714),j=t(76365),_=function(n){return n.flow.status.data},A=function(n){return n.flow.status.pipeline_path},b=t(54835),k=new j.A;function y(n){return function(e){return e(b.U.onRequest({pipeline_path:n})),g.QA.getPipelineState({parameters:{pipeline_path:n},cancellation:k.removeAllAndSave}).then((function(n){e(b.U.onSuccess({data:n}))}),(function(n){(0,j.m)(n)||e(b.U.onError({error:n}))}))}}function S(n){var e=n.pipeline_path,t=n.state;return function(n,r){var i="".concat(t,"Pipeline");return g.QA[i]({pipeline_path:e}).then((function(){A(r())===e&&n(y(e))}))}}var C=function(n){return n.flow.filters.flowViewMode},N=t(27497),M=t(57602),P=t(19538),$=t(7787),E=t(35441),F=t(14880),R=t(77318),T=t(82060),q=t(78466),z=t(40319),O=t(85655),Q=new j.A,W=t(18801),I=t(18472),U=t(27528),B=t.n(U),L=t(39760),D=t.n(L),H=["name"],Y=function(n){return n.flow.layout.pipeline_path},J=function(n){return n.flow.layout.error},V=(0,I.Mz)([function(n){return n.flow.layout.data},function(n){return n.flow.layout.expandedComputations},function(n){return n.flow.layout.expandedWorkers}],(function(n,e,t){return function(r){return"computations"===r?X(function(n){var e,t,r=null!==(e=null==n||null===(t=n.execution_spec)||void 0===t||null===(t=t.layout)||void 0===t?void 0:t.value)&&void 0!==e?e:{},i=r.jobs,a=void 0===i?{}:i,o=r.partitions;return B()(o,(function(e){var t,r,i=a[e.current_job_id],o=(null!=i?i:{}).worker_address,l=null==n?void 0:n.workers[o];return{name:e.computation_id,partition:null!==(t=e)&&void 0!==t?t:null,job:null!==(r=i)&&void 0!==r?r:null,worker:null!=l?l:null}}))}(n),e):X(function(n){var e,t,r=null!==(e=null==n||null===(t=n.execution_spec)||void 0===t||null===(t=t.layout)||void 0===t?void 0:t.value)&&void 0!==e?e:{},i=r.jobs,a=r.partitions,o=[],l=new Set;return D()(i,(function(e){var t=e.worker_address,r=e.partition_id,i=null==a?void 0:a[r],u=null==n?void 0:n.workers[t];o.push({name:t,partition:null!=i?i:null,job:null!=e?e:null,worker:null!=u?u:null}),l.add(t)})),D()(null==n?void 0:n.workers,(function(n){var e=n.address;l.has(e)||o.push({name:e,partition:null,job:null,worker:null})})),o}(n),t)}}));function X(n,e){var t=new Set(Object.keys(e)),r=[],i=new Map;if(n.forEach((function(n){var e,a=n.name,o=(0,W.A)(n,H),l=i.get(a);l||(l={$attributes:{name:a,expanded:t.has(a),job_count:0,worker_count:0,partition_count:0},$value:[]},i.set(a,l),r.push(l)),n.job&&++l.$attributes.job_count,n.worker&&++l.$attributes.worker_count,n.partition&&++l.$attributes.partition_count,null===(e=l.$value)||void 0===e||e.push(o)})),!t.size)return r;for(var a=[],o=0,l=r;o<l.length;o++){var u=l[o],s=u.$attributes.name;t.has(s)?a=a.concat(u,u.$value):a.push(u)}return a}var Z=t(64922),G=(0,a.A)("yt-navigation-flow-layout");function K(n){var e=n.path,t=n.viewMode,a=(0,i.wA)(),o=(0,i.d4)(Y),l=(0,i.d4)(J),u=(0,i.d4)(V),s=r.useMemo((function(){return u(t)}),[t,u]),c=e===o,p=function(n){var e=(0,i.wA)(),t=r.useMemo((function(){var t="computations"===n,r=[{name:t?"Computation / Partition Id":"Worker address / Partition Id",className:G("td-name"),render:function(n){var r,i=n.row;if("$attributes"in i){var a=i.$attributes,o=a.name,l=a.expanded;r=(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(q.L,{className:G("expand",{hidden:0===i.$value.length}),expanded:l,toggleExpanded:function(){e(t?function(n){var e=n.computation_id;return function(n){n(O.Cp.onExpandComputation({computation_id:e}))}}({computation_id:o}):function(n){var e=n.worker_address;return function(n){n(O.Cp.onExpandWorker({worker_address:e}))}}({worker_address:o})),requestAnimationFrame((function(){window.dispatchEvent(new Event("resize"))}))}}),(0,Z.jsxs)("span",{className:G("name-title"),children:[o," ",(0,Z.jsx)(d.A,{view:"flat-secondary",text:o,inlineMargins:!0,visibleOnRowHover:!0})]})]})}else{var u,s;r=(0,Z.jsxs)("span",{className:G("name-title",{level:"1"}),children:[null===(u=i.partition)||void 0===u?void 0:u.partition_id,(0,Z.jsx)(d.A,{view:"flat-secondary",text:null===(s=i.partition)||void 0===s?void 0:s.partition_id,inlineMargins:!0,visibleOnRowHover:!0})]})}return(0,Z.jsx)("div",{className:G("name"),children:r})}},{name:"Partition state",render:function(n){var e,t=n.row;return"partition"in t?null===(e=t.partition)||void 0===e?void 0:e.state:v.A.Number(t.$value.length)},width:120},{name:"Job Id",render:function(n){var e,t,r=n.row;return"partition"in r?(0,Z.jsxs)(Z.Fragment,{children:[null===(e=r.partition)||void 0===e?void 0:e.current_job_id," ",(0,Z.jsx)(d.A,{view:"flat-secondary",text:null===(t=r.partition)||void 0===t?void 0:t.current_job_id,inlineMargins:!0,visibleOnRowHover:!0})]}):v.A.Number(r.$attributes.job_count)},width:400},t?{name:"Worker address",render:function(n){var e,t,r=n.row;return"job"in r?(0,Z.jsxs)(Z.Fragment,{children:[null===(e=r.job)||void 0===e?void 0:e.worker_address,(0,Z.jsx)(d.A,{view:"flat-secondary",text:null===(t=r.job)||void 0===t?void 0:t.worker_address,inlineMargins:!0,visibleOnRowHover:!0})]}):v.A.Number(r.$attributes.worker_count)},width:400}:{name:"Computation",render:function(n){var e,t=n.row;return"partition"in t?null===(e=t.partition)||void 0===e?void 0:e.computation_id:v.A.Number(t.$attributes.partition_count)},width:400},{name:"actions",header:null,render:function(n){var e=n.row;return(0,Z.jsx)(F.A,{className:G("show-attributes"),title:"Details",attributes:e,withTooltip:!1})},width:50}];return r}),[n]);return t}(t),f=r.useCallback((function(){a(function(n){return function(e){return e(O.Cp.onRequest({pipeline_path:n})),g.QA.getFlowView({parameters:(0,z.A)({pipeline_path:n},{annotate_with_types:!0}),cancellation:Q.removeAllAndSave}).then((function(n){e(O.Cp.onSuccess({data:n}))}),(function(n){(0,j.m)(n)||e(O.Cp.onError({error:n}))}))}}(e))}),[e,a]);return(0,w.Tt)(f),c?(0,Z.jsxs)("div",{className:G(),children:[Boolean(l)&&(0,Z.jsx)(T.A,{error:l}),(0,Z.jsx)(R.Ay,{settings:R.ks,columns:p,data:s,useThemeYT:!0})]}):null}var nn=t(13322),en=t(28407),tn=t(9736),rn=t(70232),an=t.n(rn),on=t(22977),ln=function(n){return n.flow.staticSpec.data},un=function(n){return n.flow.staticSpec.pipeline_path},sn=function(n){return n.flow.staticSpec.error},cn=function(n){var e=n.flow.staticSpec,t=e.loading;return!e.loaded&&t},pn=function(n){return n.flow.dynamicSpec.data},dn=function(n){return n.flow.dynamicSpec.pipeline_path},vn=function(n){var e=n.flow.dynamicSpec,t=e.loading;return!e.loaded&&t},fn=new j.A;function mn(n){return function(e){return e(on.pX.onRequest({pipeline_path:n})),g.QA.getPipelineSpec({parameters:{pipeline_path:n},cancellation:fn.removeAllAndSave}).then((function(n){e(on.pX.onSuccess({data:n}))}),(function(n){(0,j.m)(n)||e(on.pX.onError({error:n}))}))}}function hn(n){return function(e){return e(on.Ep.onRequest({pipeline_path:n})),g.QA.getPipelineDynamicSpec({parameters:{pipeline_path:n},cancellation:fn.removeAllAndSave}).then((function(n){e(on.Ep.onSuccess({data:n}))}),(function(n){(0,j.m)(n)||e(on.Ep.onError({error:n}))}))}}var wn=t(4386),xn=t(90826),gn=t(20361),jn=t(88794),_n=t(38198),An=t(88358),bn=t(88923),kn=(0,a.A)("yt-pipeline-spec");function yn(n){var e=n.path,t=n.data,a=n.error,o=n.name,l=n.onSave,s=r.useState(!1),c=(0,tn.A)(s,2),p=c[0],d=c[1],v=(0,i.d4)(wn.eg);return(0,Z.jsxs)(r.Fragment,{children:[Boolean(a)&&(0,Z.jsx)(jn.A,{error:a}),(0,Z.jsx)(xn.A,{value:t,settings:v,virtualized:!0,folding:!0,extraTools:(0,Z.jsxs)(r.Fragment,{children:[(0,Z.jsx)(An.O,{value:t,settings:v,name:"pipeline_spec_".concat((0,bn.M)(e))}),(0,Z.jsxs)(u.$,{view:"outlined",onClick:function(){return d(!0)},children:[(0,Z.jsx)(f.A,{awesome:"pencil"}),"Edit ",o]})]})}),(0,Z.jsx)(Sn,{path:e,name:o,visible:p,onSpecApply:function(n){return l((0,z.A)((0,z.A)({},t),{},{spec:n}))},onClose:function(){return d(!1)},spec:null==t?void 0:t.spec,settings:v})]})}function Sn(n){var e=n.path,t=n.visible,i=n.spec,a=n.onClose,o=n.onSpecApply,l=n.name,u=n.settings,s=r.useState(),c=(0,tn.A)(s,2),p=c[0],d=c[1],v=r.useMemo((function(){return{value:JSON.stringify(i,null,4)}}),[i]);return t&&(0,Z.jsx)(gn.yZ,{visible:!0,size:"l",onClose:a,initialValues:{text:v,path:e},headerProps:{title:"Edit ".concat(l)},onAdd:function(){var n=(0,en.A)(an().mark((function n(e){var t;return an().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(d(void 0),!(t=e.getState().values.text).value){n.next=15;break}return n.prev=3,n.next=6,o(JSON.parse(t.value));case 6:return n.abrupt("return",n.sent);case 9:return n.prev=9,n.t0=n.catch(3),d(n.t0),n.abrupt("return",Promise.reject(n.t0));case 13:n.next=16;break;case 15:return n.abrupt("return",Promise.resolve());case 16:case"end":return n.stop()}}),n,null,[[3,9]])})));return function(e){return n.apply(this,arguments)}}(),fields:[{caption:"Pipeline path",name:"path",type:"plain"},{name:"text",caption:"Specification",type:"json",fullWidth:!0,extras:{className:kn("editor"),initialShowPreview:!1,unipikaSettings:u}}].concat((0,nn.A)((0,gn.Y)([p])))})}function Cn(n){var e=n.pipeline_path,t=(0,x._)(),a=(0,i.d4)(ln),o=(0,i.d4)(sn),l=(0,i.d4)(cn),u=r.useCallback((function(){t(mn(e))}),[t,e]);(0,w.Tt)(u);var s=r.useCallback((function(n){return t(function(n){var e=n.data,t=n.path;return function(n,r){return g.QA.setPipelineSpec({pipeline_path:t,expected_version:null==e?void 0:e.version},null==e?void 0:e.spec).then((function(){var e=un(r());e&&e===t&&n(mn(t))}))}}({path:e,data:n}))}),[e,t]);return l?(0,Z.jsx)(_n.A,{}):(0,Z.jsx)(yn,{path:e,data:a,error:o,name:"static specification",onSave:s})}function Nn(n){var e=n.pipeline_path,t=(0,x._)(),a=(0,i.d4)(pn),o=(0,i.d4)(sn),l=(0,i.d4)(vn),u=r.useCallback((function(){t(hn(e))}),[t,e]);(0,w.Tt)(u);var s=r.useCallback((function(n){return t(function(n){var e=n.data,t=n.path;return function(n,r){return g.QA.setPipelineDynamicSpec({pipeline_path:t,expected_version:null==e?void 0:e.version},null==e?void 0:e.spec).then((function(){var e=dn(r());t===e&&n(hn(t))}))}}({path:e,data:n}))}),[e,t]);return l?(0,Z.jsx)(_n.A,{}):(0,Z.jsx)(yn,{path:e,data:a,error:o,name:"dynamic specification",onSave:s})}var Mn=(0,a.A)("yt-navigation-flow");function Pn(){var n=(0,i.wA)(),e=(0,i.d4)(C),t=r.useMemo((function(){var n,e=null!==(n=$.Ay.getMonitoringComponentForNavigationFlow())&&void 0!==n?n:{},t=e.urlTemplate;return(e.component||t?P.g$:P.g$.filter((function(n){return"monitoring"!==n}))).map((function(n){return{value:n,content:v.A.ReadableField(n)}}))}),[]);return(0,Z.jsxs)("div",{className:Mn(),children:[(0,Z.jsx)(Fn,{}),(0,Z.jsx)(o.s,{className:Mn("toolbar"),children:(0,Z.jsx)(l.a,{options:t,value:e,onUpdate:function(e){return n((0,P.nP)(e))}})}),(0,Z.jsx)("div",{className:Mn("content",{view:e}),children:(0,Z.jsx)($n,{viewMode:e})})]})}function $n(n){var e=n.viewMode,t=(0,i.d4)(M.Yn);if(!t)return null;switch(e){case"static_spec":return(0,Z.jsx)(Cn,{pipeline_path:t});case"dynamic_spec":return(0,Z.jsx)(Nn,{pipeline_path:t});case"monitoring":return(0,Z.jsx)(Rn,{});case"workers":case"computations":return(0,Z.jsx)(K,{path:t,viewMode:e});case"graph":return(0,Z.jsx)(p.A,{header:"Warning",message:"'".concat(e,"' view mode is not implemented yet")});default:return(0,Z.jsx)(p.A,{header:"Unexpected behaviour",error:new Error("'".concat(e,"' view mode is not implemented"))})}}function En(){var n=(0,x._)(),e=(0,i.d4)(M.Yn),t=r.useCallback((function(){return n(y(e))}),[e,n]);(0,w.Tt)(t);var a=r.useMemo((function(){return{onStart:function(){return n(S({pipeline_path:e,state:"start"}))},onStop:function(){return n(S({pipeline_path:e,state:"stop"}))},onPause:function(){return n(S({pipeline_path:e,state:"pause"}))}}}),[n,e]),l=a.onStart,s=a.onStop,c=a.onPause;return(0,Z.jsxs)(o.s,{className:Mn("status-toolbar"),alignItems:"center",gap:2,children:[(0,Z.jsxs)(u.$,{view:"outlined",onClick:l,children:[(0,Z.jsx)(f.A,{awesome:"play-circle"})," Start"]}),(0,Z.jsxs)(u.$,{view:"outlined",onClick:c,children:[(0,Z.jsx)(f.A,{awesome:"pause-circle"})," Pause"]}),(0,Z.jsxs)(u.$,{view:"outlined",onClick:s,children:[(0,Z.jsx)(f.A,{awesome:"stop-circle"})," Stop"]})]})}function Fn(){var n=(0,i.d4)(_),e=(0,i.d4)(M.gu).leader_controller_address;return(0,Z.jsxs)(r.Fragment,{children:[(0,Z.jsxs)(o.s,{className:Mn("state"),alignItems:"center",gap:2,children:[(0,Z.jsx)(s.E,{variant:"header-1",children:"Processing catalog "}),(0,Z.jsx)(En,{})]}),(0,Z.jsx)(m.Ay,{items:[[{key:"status",value:(0,Z.jsx)(h.A,{label:n})}],[{key:"leader_controller_address",value:(0,Z.jsxs)(Z.Fragment,{children:[e,(0,Z.jsx)(d.A,{view:"flat-secondary",text:e,inlineMargins:!0})]}),className:Mn("meta-item")}]]})]})}function Rn(){var n,e=null!==(n=$.Ay.getMonitoringComponentForNavigationFlow())&&void 0!==n?n:{},t=e.component,r=e.title,a=e.urlTemplate,o=(0,i.d4)(M.gu),l=o.monitoring_cluster,u=o.monitoring_project,s=(0,i.d4)(N.dB);return t?(0,Z.jsx)(t,{cluster:s,monitoring_cluster:l,monitoring_project:u,attributes:o}):a?(0,Z.jsx)(c.N,{target:"_blank",href:(0,E.j)(a,{ytCluster:s,monitoring_cluster:l,monitoring_project:u}),children:r||"Monitoring"}):null}},39702:(n,e,t)=>{t.d(e,{A:()=>a});var r=t(40319),i=t(64922);const a=function(n){return(0,i.jsx)("svg",(0,r.A)((0,r.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},n),{},{children:(0,i.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.47 13.03a.75.75 0 0 1 0-1.06L9.44 8 5.47 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0",clipRule:"evenodd"})}))}}}]);
+//# sourceMappingURL=navigation-flow.6d67215a.chunk.js.map