3 lines
6.0 KiB
JavaScript
3 lines
6.0 KiB
JavaScript
import{jsx as i,jsxs as r}from"react/jsx-runtime";import*as x from"react";import{useState as L,useMemo as v}from"react";import{u as C,l as $,P as O,a as F}from"./Page-0WGWoSmH.js";import{D as G,E as N}from"./EmptyRow-5y1xH7SM.js";import{_ as S,f as D,c as E,u as P,a as w,G as M,g as U,B as y,b as j,T as A}from"./index-CmO9OReA.js";import{a as R,b as B,D as b}from"./DataListItemRow-DeNdWxot.js";import{D as T,a as f}from"./DataListItemCells-BpP3eQ2n.js";import{S as u,a as h}from"./SplitItem-BnWN2col.js";import{L as _}from"./Label-IH7etj-H.js";import"react-dom";import"./grip-vertical-icon-DJL1P1Zf.js";const k={modifiers:{fill:"pf-m-fill",gutter:"pf-m-gutter"},stack:"pf-l-stack",stackItem:"pf-l-stack__item"},z=e=>{var{hasGutter:a=!1,className:n="",children:s=null,component:t="div"}=e,o=S(e,["hasGutter","className","children","component"]);const c=t;return x.createElement(c,Object.assign({},o,{className:D(k.stack,a&&k.modifiers.gutter,n)}),s)};z.displayName="Stack";const g=e=>{var{isFilled:a=!1,className:n="",children:s=null}=e,t=S(e,["isFilled","className","children"]);return x.createElement("div",Object.assign({},t,{className:D(k.stackItem,a&&k.modifiers.fill,n)}),s)};g.displayName="StackItem";const K={name:"LinkIcon",height:512,width:512,svgPath:"M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z",yOffset:0,xOffset:0},q=E(K),H={name:"UnlinkIcon",height:512,width:512,svgPath:"M304.083 405.907c4.686 4.686 4.686 12.284 0 16.971l-44.674 44.674c-59.263 59.262-155.693 59.266-214.961 0-59.264-59.265-59.264-155.696 0-214.96l44.675-44.675c4.686-4.686 12.284-4.686 16.971 0l39.598 39.598c4.686 4.686 4.686 12.284 0 16.971l-44.675 44.674c-28.072 28.073-28.072 73.75 0 101.823 28.072 28.072 73.75 28.073 101.824 0l44.674-44.674c4.686-4.686 12.284-4.686 16.971 0l39.597 39.598zm-56.568-260.216c4.686 4.686 12.284 4.686 16.971 0l44.674-44.674c28.072-28.075 73.75-28.073 101.824 0 28.072 28.073 28.072 73.75 0 101.823l-44.675 44.674c-4.686 4.686-4.686 12.284 0 16.971l39.598 39.598c4.686 4.686 12.284 4.686 16.971 0l44.675-44.675c59.265-59.265 59.265-155.695 0-214.96-59.266-59.264-155.695-59.264-214.961 0l-44.674 44.674c-4.686 4.686-4.686 12.284 0 16.971l39.597 39.598zm234.828 359.28l22.627-22.627c9.373-9.373 9.373-24.569 0-33.941L63.598 7.029c-9.373-9.373-24.569-9.373-33.941 0L7.029 29.657c-9.373 9.373-9.373 24.569 0 33.941l441.373 441.373c9.373 9.372 24.569 9.372 33.941 0z",yOffset:0,xOffset:0},J=E(H),I=({account:e,isLinked:a=!1,refresh:n})=>{const{t:s}=P(),t=w(),{addAlert:o,addError:c}=M(),m=async l=>{try{await C(t,l),o(s("unLinkSuccess")),n()}catch(d){c(s("unLinkError",{error:d}).toString())}},p=async l=>{try{const{accountLinkUri:d}=await $(t,l);location.href=d}catch(d){c(s("linkError",{error:d}).toString())}};return i(R,{id:`${e.providerAlias}-idp`,"aria-label":s("linkedAccounts"),children:r(B,{"data-testid":`linked-accounts/${e.providerName}`,children:[i(T,{dataListCells:[i(f,{children:r(u,{children:[i(h,{className:"pf-u-mr-sm",children:i(U,{icon:e.providerName})}),i(h,{className:"pf-u-my-xs",isFilled:!0,children:i("span",{id:`${e.providerAlias}-idp-name`,children:e.displayName})})]})},"idp"),i(f,{children:i(u,{children:i(h,{className:"pf-u-my-xs",isFilled:!0,children:i("span",{id:`${e.providerAlias}-idp-label`,children:i(_,{color:e.social?"blue":"green",children:s(e.social?"socialLogin":"systemDefined")})})})})},"label"),i(f,{width:5,children:i(u,{children:i(h,{className:"pf-u-my-xs",isFilled:!0,children:i("span",{id:`${e.providerAlias}-idp-username`,children:e.linkedUsername})})})},"username")]}),r(G,{"aria-labelledby":s("link"),"aria-label":s("unLink"),id:"setPasswordAction",children:[a&&r(y,{id:`${e.providerAlias}-idp-unlink`,variant:"link",onClick:()=>m(e),children:[i(J,{size:"sm"})," ",s("unLink")]}),!a&&r(y,{id:`${e.providerAlias}-idp-link`,variant:"link",onClick:()=>p(e),children:[i(q,{size:"sm"})," ",s("link")]})]})]},e.providerName)},e.providerName)},te=()=>{const{t:e}=P(),a=w(),[n,s]=L([]),[t,o]=L(1),c=()=>o(t+1);j(l=>F({signal:l,context:a}),s,[t]);const m=v(()=>n.filter(l=>l.connected),[n]),p=v(()=>n.filter(l=>!l.connected),[n]);return i(O,{title:e("linkedAccounts"),description:e("linkedAccountsIntroMessage"),children:r(z,{hasGutter:!0,children:[r(g,{children:[i(A,{headingLevel:"h2",className:"pf-u-mb-lg",size:"xl",children:e("linkedLoginProviders")}),i(b,{id:"linked-idps","aria-label":e("linkedLoginProviders"),children:m.length>0?m.map(l=>i(I,{account:l,isLinked:!0,refresh:c},l.providerName)):i(N,{message:e("linkedEmpty")})})]}),r(g,{children:[i(A,{headingLevel:"h2",className:"pf-u-mt-xl pf-u-mb-lg",size:"xl",children:e("unlinkedLoginProviders")}),i(b,{id:"unlinked-idps","aria-label":e("unlinkedLoginProviders"),children:p.length>0?p.map(l=>i(I,{account:l,refresh:c},l.providerName)):i(N,{message:e("unlinkedEmpty")})})]})]})})};export{te as LinkedAccounts,te as default};
|
|
//# sourceMappingURL=LinkedAccounts-Cuk5SgEy.js.map
|