@equinor/amplify-component-lib 9.16.0-beta.0 → 9.16.0-beta.1

package/dist/organisms/ToggleGroup/ToggleGroupOption.js

@@ -1,58 +1,58 @@
-import{forwardRef as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"styled-components";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import{colors as o,shape as s,spacings as c}from"src/atoms/style";const l=r.button`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{forwardRef as r}from"react";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.button`
   display: flex;
   align-items: center;
-  padding: calc(${c.medium_small} / 2); // 6px in comfortable
+  padding: calc(${t.medium_small} / 2); // 6px in comfortable
   > span {
-    color: ${o.text.static_icons__tertiary.rgba};
-    padding: ${c.x_small} calc(${c.medium_small} / 2);
+    color: ${e.text.static_icons__tertiary.rgba};
+    padding: ${t.x_small} calc(${t.medium_small} / 2);
   }
   > svg {
-    fill: ${o.text.static_icons__tertiary.rgba};
+    fill: ${e.text.static_icons__tertiary.rgba};
   }
   &:first-child {
-    border-radius: ${s.button.borderRadius} 0 0 ${s.button.borderRadius};
+    border-radius: ${n.button.borderRadius} 0 0 ${n.button.borderRadius};
   }
 
   &:last-child {
-    border-radius: 0 ${s.button.borderRadius} ${s.button.borderRadius} 0;
+    border-radius: 0 ${n.button.borderRadius} ${n.button.borderRadius} 0;
   }
   &:hover {
-    background: ${o.interactive.table__cell__fill_hover.rgba};
+    background: ${e.interactive.table__cell__fill_hover.rgba};
     > span {
-      color: ${o.text.static_icons__secondary.rgba};
+      color: ${e.text.static_icons__secondary.rgba};
     }
     > svg {
-      fill: ${o.text.static_icons__secondary.rgba};
+      fill: ${e.text.static_icons__secondary.rgba};
     }
   }
 
   &[aria-checked='true'] {
-    background: ${o.interactive.primary__selected_highlight.rgba};
+    background: ${e.interactive.primary__selected_highlight.rgba};
     > span {
-      color: ${o.interactive.primary__resting.rgba};
+      color: ${e.interactive.primary__resting.rgba};
     }
     > svg {
-      fill: ${o.interactive.primary__resting.rgba};
+      fill: ${e.interactive.primary__resting.rgba};
     }
     &:hover {
-      background: ${o.interactive.primary__selected_hover.rgba};
+      background: ${e.interactive.primary__selected_hover.rgba};
       > span {
-        color: ${o.interactive.primary__hover.rgba};
+        color: ${e.interactive.primary__hover.rgba};
       }
       > svg {
-        fill: ${o.interactive.primary__hover.rgba};
+        fill: ${e.interactive.primary__hover.rgba};
       }
     }
   }
 
   &:disabled {
     cursor: not-allowed;
-    background: ${o.interactive.disabled__fill.rgba};
+    background: ${e.interactive.disabled__fill.rgba};
     > span {
-      color: ${o.interactive.disabled__text.rgba};
+      color: ${e.interactive.disabled__text.rgba};
     }
     > svg {
-      fill: ${o.interactive.disabled__text.rgba};
+      fill: ${e.interactive.disabled__text.rgba};
     }
   }
-`,u=e(({checked:e,onToggle:r,icon:o,disabled:s,...c},u)=>{let d=()=>{r(!e)};return n(l,{ref:u,"aria-checked":e,onClick:d,disabled:s,...c,children:[o?t(i,{data:o,size:24}):null,`label`in c?t(a,{as:`span`,variant:`button`,group:`navigation`,children:c.label}):null]})});u.displayName=`ToggleGroupOption`;export{u as ToggleGroupOption};
+`,u=r(({checked:e,onToggle:t,icon:n,disabled:r,...o},u)=>{let d=()=>{t(!e)};return c(l,{ref:u,"aria-checked":e,onClick:d,disabled:r,...o,children:[n?s(i,{data:n,size:24}):null,`label`in o?s(a,{as:`span`,variant:`button`,group:`navigation`,children:o.label}):null]})});u.displayName=`ToggleGroupOption`;export{u as ToggleGroupOption};

package/dist/organisms/TopBar/Account/Account.js

@@ -1 +1 @@
-import{TopBarMenu as e}from"../TopBarMenu.js";import{useActiveImpersonationUser as t}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as n}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{useMappedRoles as r}from"./ImpersonateMenu/hooks/useMappedRoles.js";import{useStopImpersonation as i}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{ImpersonateMenu as a}from"./ImpersonateMenu/ImpersonateMenu.js";import{ButtonWrapper as o,Container as s,TextContent as c}from"./Account.styles.js";import{AccountAvatar as l}from"./AccountAvatar.js";import{AccountButton as u}from"./AccountButton.js";import{ActiveUserImpersonationButton as ee}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as d}from"./ImpersonateButton.js";import{RoleChips as te}from"./RoleChips.js";import{RoleList as f}from"./RoleList.js";import{useAuth as p}from"src/providers/AuthProvider/AuthProvider";import{useCallback as m,useEffect as h,useMemo as g,useRef as _,useState as v}from"react";import{Fragment as y,jsx as b,jsxs as x}from"react/jsx-runtime";import{EnvironmentType as S}from"src/atoms/enums/Environment";import{environment as C}from"src/atoms/utils/auth_environment";import{log_out as w}from"@equinor/eds-icons";import{Icon as T,Typography as E}from"@equinor/eds-core-react";import{Button as D}from"src/molecules/Button/Button";import{impersonateUserDtoToFullName as O}from"src/organisms/TopBar/Account/ImpersonateMenu/Impersonate.utils";const k=({renderCustomButton:k,hideRoles:A=!1,useDisplayNameForRole:j=!1,children:M,availableFields:N,availableWells:ne})=>{let P=C.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),F=C.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),I=C.getAppName(import.meta.env.VITE_NAME),{account:L,roles:R,logout:z}=p(),[B,V]=v(!1),[H,U]=v(!1),W=_(null),{data:G=!0}=n(),{data:K}=t(),{mutate:q}=i(),J=r(K?K.roles:R??[],j),Y=K?O(K):L?.name,X=K?K.uniqueName:L?.username,Z=()=>V(!1),Q=m(()=>{V(e=>!e),U(!1)},[]),$=()=>{U(!0),V(!1)},re=()=>U(!1);h(()=>{K&&K.appName!=null&&K.appName.toUpperCase()!=I.toUpperCase()&&q()},[K,I,q]);let ie=g(()=>k?k(W,Q):null,[k,Q]);return x(y,{children:[ie||b(u,{ref:W,onClick:Q}),x(e,{open:B,title:`Account`,onClose:Z,anchorEl:W.current,children:[x(s,{children:[K&&b(ee,{onClick:$}),b(l,{}),x(c,{children:[b(E,{variant:`h6`,children:Y}),b(E,{children:X})]}),J&&!A&&b(y,{children:J.length<=3?b(te,{roles:J}):b(f,{roles:J})}),M,G&&P!==S.PRODUCTION&&F&&b(d,{onOpenImpersonateMenu:$,onClose:Z})]}),b(o,{children:x(D,{variant:`ghost`,onClick:z,children:[b(T,{data:w}),`Log out`]})})]}),b(a,{open:H,onClose:re,anchorEl:W.current,availableFields:N,availableWells:ne})]})};k.displayName=`TopBar.Account`;export{k as Account};
+import{EnvironmentType as e}from"../../../atoms/enums/Environment.js";import{environment as t}from"../../../atoms/utils/auth_environment.js";import{useAuth as n}from"../../../providers/AuthProvider/AuthProvider.js";import{Button as r}from"../../../molecules/Button/Button.js";import{TopBarMenu as i}from"../TopBarMenu.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as o}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{useMappedRoles as s}from"./ImpersonateMenu/hooks/useMappedRoles.js";import{useStopImpersonation as c}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{ButtonWrapper as l,Container as u,TextContent as d}from"./Account.styles.js";import{impersonateUserDtoToFullName as f}from"./ImpersonateMenu/Impersonate.utils.js";import{ImpersonateMenu as p}from"./ImpersonateMenu/ImpersonateMenu.js";import{AccountAvatar as m}from"./AccountAvatar.js";import{AccountButton as h}from"./AccountButton.js";import{ActiveUserImpersonationButton as g}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as _}from"./ImpersonateButton.js";import{RoleChips as v}from"./RoleChips.js";import{RoleList as ee}from"./RoleList.js";import{useCallback as te,useEffect as y,useMemo as b,useRef as x,useState as S}from"react";import{Icon as C,Typography as w}from"@equinor/eds-core-react";import{Fragment as T,jsx as E,jsxs as D}from"react/jsx-runtime";import{log_out as O}from"@equinor/eds-icons";const k=({renderCustomButton:k,hideRoles:A=!1,useDisplayNameForRole:j=!1,children:M,availableFields:N,availableWells:ne})=>{let P=t.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),F=t.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),I=t.getAppName(import.meta.env.VITE_NAME),{account:L,roles:R,logout:z}=n(),[B,V]=S(!1),[H,U]=S(!1),W=x(null),{data:G=!0}=o(),{data:K}=a(),{mutate:q}=c(),J=s(K?K.roles:R??[],j),Y=K?f(K):L?.name,X=K?K.uniqueName:L?.username,Z=()=>V(!1),Q=te(()=>{V(e=>!e),U(!1)},[]),$=()=>{U(!0),V(!1)},re=()=>U(!1);y(()=>{K&&K.appName!=null&&K.appName.toUpperCase()!=I.toUpperCase()&&q()},[K,I,q]);let ie=b(()=>k?k(W,Q):null,[k,Q]);return D(T,{children:[ie||E(h,{ref:W,onClick:Q}),D(i,{open:B,title:`Account`,onClose:Z,anchorEl:W.current,children:[D(u,{children:[K&&E(g,{onClick:$}),E(m,{}),D(d,{children:[E(w,{variant:`h6`,children:Y}),E(w,{children:X})]}),J&&!A&&E(T,{children:J.length<=3?E(v,{roles:J}):E(ee,{roles:J})}),M,G&&P!==e.PRODUCTION&&F&&E(_,{onOpenImpersonateMenu:$,onClose:Z})]}),E(l,{children:D(r,{variant:`ghost`,onClick:z,children:[E(C,{data:O}),`Log out`]})})]}),E(p,{open:H,onClose:re,anchorEl:W.current,availableFields:N,availableWells:ne})]})};k.displayName=`TopBar.Account`;export{k as Account};

package/dist/organisms/TopBar/Account/Account.styles.js

@@ -1,46 +1,46 @@
-import e from"styled-components";import{animation as t,colors as n,shape as r,spacings as i}from"src/atoms/style";import{Chip as a}from"src/molecules/Chip/Chip";const o=e.button`
+import{animation as e}from"../../../atoms/style/animation.js";import{colors as t}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import{shape as r}from"../../../atoms/style/index.js";import{Chip as i}from"../../../molecules/Chip/Chip.js";import a from"styled-components";const o=a.button`
   border-radius: 50%;
   padding: 0;
-  outline-offset: ${i.x_small};
+  outline-offset: ${n.x_small};
   background: none;
   cursor: pointer;
-`,s=e.div`
-  padding: ${i.medium} ${i.medium} 0 ${i.medium};
+`,s=a.div`
+  padding: ${n.medium} ${n.medium} 0 ${n.medium};
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: ${i.small};
-`,c=e.div`
+  gap: ${n.small};
+`,c=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-`,l=e.div`
+`,l=a.div`
   display: grid;
-  margin-top: ${i.x_large};
+  margin-top: ${n.x_large};
   justify-content: center;
-`,u=e.button`
+`,u=a.button`
   display: grid;
   grid-template-columns: auto 1fr auto;
   align-items: center;
-  gap: ${i.medium_small};
+  gap: ${n.medium_small};
   width: 100%;
-  padding: ${i.small};
+  padding: ${n.small};
   border-radius: ${r.button.borderRadius};
-  background: ${n.ui.background__light.rgba};
-  transition: background ${t.transitionMS};
+  background: ${t.ui.background__light.rgba};
+  transition: background ${e.transitionMS};
 
   > span {
-    color: ${n.interactive.primary__resting.rgba};
+    color: ${t.interactive.primary__resting.rgba};
   }
 
   > svg {
-    fill: ${n.interactive.primary__resting.rgba};
+    fill: ${t.interactive.primary__resting.rgba};
   }
 
   &:hover {
-    background: ${n.interactive.primary__hover_alt.rgba};
+    background: ${t.interactive.primary__hover_alt.rgba};
   }
-`;e.section`
+`,d=a.section`
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -48,10 +48,10 @@ import e from"styled-components";import{animation as t,colors as n,shape as r,sp
   max-height: 200px;
   overflow-y: auto;
   overflow-x: hidden;
-  gap: ${i.small};
-  margin-top: ${i.small};
-`,e(a)`
-  background: ${n.ui.background__light.rgba};
-  border: 1px solid ${n.ui.background__medium.rgba};
-  color: ${n.text.static_icons__default.rgba};
-`;export{l as ButtonWrapper,s as Container,u as OpenImpersonationMenuButton,o as ProfileButton,c as TextContent};
+  gap: ${n.small};
+  margin-top: ${n.small};
+`,f=a(i)`
+  background: ${t.ui.background__light.rgba};
+  border: 1px solid ${t.ui.background__medium.rgba};
+  color: ${t.text.static_icons__default.rgba};
+`;export{l as ButtonWrapper,s as Container,u as OpenImpersonationMenuButton,o as ProfileButton,f as RoleChip,d as RolesContainer,c as TextContent};

package/dist/organisms/TopBar/Account/AccountAvatar.js

@@ -1,11 +1,11 @@
-import{useActiveImpersonationUser as e}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useAuth as t}from"src/providers/AuthProvider/AuthProvider";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{colors as a,spacings as o}from"src/atoms/style";import{Chip as s}from"src/molecules/Chip/Chip";import{ImpersonateAvatar as c}from"src/organisms/TopBar/Account/ImpersonateAvatar";import{ProfileAvatar as l}from"src/molecules/ProfileAvatar/ProfileAvatar";const u=i.div`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useAuth as n}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as r}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as i}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ImpersonateAvatar as o}from"./ImpersonateAvatar.js";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.div`
   position: relative;
-  margin-bottom: ${o.small};
-`,d=i(s)`
+  margin-bottom: ${t.small};
+`,d=s(r)`
   position: absolute;
-  bottom: calc(${o.x_small} * -1);
+  bottom: calc(${t.x_small} * -1);
   left: 50%;
   transform: translateX(-50%);
-  background: ${a.interactive.warning__resting.rgba};
-  outline-color: ${a.interactive.warning__resting.rgba};
-`,f=()=>{let{account:i,photo:a}=t(),{data:o}=e();return o?r(u,{children:[n(c,{size:64}),n(d,{children:`Impersonating`})]}):n(l,{size:64,name:i?.name,url:a})};export{f as AccountAvatar};
+  background: ${e.interactive.warning__resting.rgba};
+  outline-color: ${e.interactive.warning__resting.rgba};
+`,f=()=>{let{account:e,photo:t}=n(),{data:r}=a();return r?l(u,{children:[c(o,{size:64}),c(d,{children:`Impersonating`})]}):c(i,{size:64,name:e?.name,url:t})};export{f as AccountAvatar};

package/dist/organisms/TopBar/Account/AccountButton.js

@@ -1,9 +1,9 @@
-import{useActiveImpersonationUser as e}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ProfileButton as t}from"./Account.styles.js";import{ImpersonateAvatar as n}from"./ImpersonateAvatar.js";import{useAuth as r}from"src/providers/AuthProvider/AuthProvider";import{forwardRef as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import s from"styled-components";import{colors as c,spacings as l}from"src/atoms/style";import{Chip as u}from"src/molecules/Chip/Chip";import{ProfileAvatar as d}from"src/molecules/ProfileAvatar/ProfileAvatar";const f=s.div`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useAuth as n}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as r}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as i}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ProfileButton as o}from"./Account.styles.js";import{ImpersonateAvatar as s}from"./ImpersonateAvatar.js";import{forwardRef as c}from"react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=l.div`
   display: flex;
   align-items: center;
-  gap: ${l.xx_small};
-`,p=s(u)`
-  background: ${c.interactive.warning__resting.rgba};
+  gap: ${t.xx_small};
+`,p=l(r)`
+  background: ${e.interactive.warning__resting.rgba};
   outline: none;
   padding: 0;
-`,m=i(({onClick:i},s)=>{let{account:c,photo:l}=r(),{data:u}=e(),m=u?.roles?.sort()??[];return o(f,{children:[m.at(0)&&a(p,{children:m[0]}),m.length>1&&a(p,{children:`+${m.length-1}`}),a(t,{ref:s,onClick:i,children:u?a(n,{size:36}):a(d,{size:36,name:c?.name,url:l})})]})});m.displayName=`AccountButton`;export{m as AccountButton};
+`,m=c(({onClick:e},t)=>{let{account:r,photo:c}=n(),{data:l}=a(),m=l?.roles?.sort()??[];return d(f,{children:[m.at(0)&&u(p,{children:m[0]}),m.length>1&&u(p,{children:`+${m.length-1}`}),u(o,{ref:t,onClick:e,children:l?u(s,{size:36}):u(i,{size:36,name:r?.name,url:c})})]})});m.displayName=`AccountButton`;export{m as AccountButton};

package/dist/organisms/TopBar/Account/ActiveUserImpersonationButton.js

@@ -1,11 +1,11 @@
-import{OpenImpersonationMenuButton as e}from"./Account.styles.js";import{useAuth as t}from"src/providers/AuthProvider/AuthProvider";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{arrow_forward as i,engineering as a}from"@equinor/eds-icons";import o from"styled-components";import{Icon as s,Typography as c}from"@equinor/eds-core-react";import{colors as l,spacings as u}from"src/atoms/style";const d=o.div`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useAuth as n}from"../../../providers/AuthProvider/AuthProvider.js";import{OpenImpersonationMenuButton as r}from"./Account.styles.js";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{arrow_forward as l,engineering as u}from"@equinor/eds-icons";const d=o.div`
   display: flex;
   align-items: center;
-  gap: ${u.x_small};
+  gap: ${t.x_small};
   > hr {
-    background: ${l.text.static_icons__tertiary.rgba};
+    background: ${e.text.static_icons__tertiary.rgba};
     width: 4px;
     height: 4px;
     border-radius: 50%;
   }
-`,f=({onClick:o})=>{let{account:u}=t();return r(e,{onClick:o,children:[n(s,{data:a}),r(d,{children:[n(c,{variant:`breadcrumb`,group:`navigation`,children:u?.name?.split(` `).at(0)}),n(`hr`,{}),n(c,{variant:`breadcrumb`,group:`navigation`,color:l.text.static_icons__tertiary.rgba,children:u?.username})]}),n(s,{data:i})]})};export{f as ActiveUserImpersonationButton};
+`,f=({onClick:t})=>{let{account:o}=n();return c(r,{onClick:t,children:[s(i,{data:u}),c(d,{children:[s(a,{variant:`breadcrumb`,group:`navigation`,children:o?.name?.split(` `).at(0)}),s(`hr`,{}),s(a,{variant:`breadcrumb`,group:`navigation`,color:e.text.static_icons__tertiary.rgba,children:o?.username})]}),s(i,{data:l})]})};export{f as ActiveUserImpersonationButton};

package/dist/organisms/TopBar/Account/ImpersonateAvatar.js

@@ -1,8 +1,8 @@
-import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{colors as n}from"src/atoms/style";import{ProfileAvatar as r}from"src/molecules/ProfileAvatar/ProfileAvatar";import{useActiveImpersonationUser as i}from"src/organisms/TopBar/Account/ImpersonateMenu/hooks/useActiveImpersonationUser";const a=t.div`
+import{colors as e}from"../../../atoms/style/colors.js";import{ProfileAvatar as t}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as n}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
   width: fit-content;
-  border: 2px solid ${n.interactive.warning__resting.rgba};
+  border: 2px solid ${e.interactive.warning__resting.rgba};
   border-radius: 50%;
   > div:first-child {
-    background: ${n.interactive.warning__text.rgba};
+    background: ${e.interactive.warning__text.rgba};
   }
-`,o=({size:t,fullName:n})=>{let{data:o}=i();return e(a,{children:e(r,{size:t,name:n||o?.firstName})})};export{o as ImpersonateAvatar};
+`,o=({size:e,fullName:r})=>{let{data:o}=n();return i(a,{children:i(t,{size:e,name:r||o?.firstName})})};export{o as ImpersonateAvatar};

package/dist/organisms/TopBar/Account/ImpersonateButton.js

@@ -1,8 +1,8 @@
-import{useActiveImpersonationUser as e}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useStopImpersonation as t}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{OpenImpersonationMenuButton as n}from"./Account.styles.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{arrow_forward as a,assignment_user as o,do_not_disturb as s}from"@equinor/eds-icons";import c from"styled-components";import{Button as l,DotProgress as u,Icon as d,Typography as f}from"@equinor/eds-core-react";import{colors as p,spacings as m}from"src/atoms/style";const h=c(l)`
-  margin-top: ${m.large};
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useActiveImpersonationUser as n}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useStopImpersonation as r}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{OpenImpersonationMenuButton as i}from"./Account.styles.js";import{Button as a,DotProgress as o,Icon as s,Typography as c}from"@equinor/eds-core-react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{arrow_forward as f,assignment_user as p,do_not_disturb as m}from"@equinor/eds-icons";const h=l(a)`
+  margin-top: ${t.large};
   width: 100%;
   height: 48px;
   svg {
-    fill: ${p.interactive.danger__resting.rgba};
+    fill: ${e.interactive.danger__resting.rgba};
   }
-`,g=({onOpenImpersonateMenu:c,onClose:l})=>{let{data:p}=e(),{mutateAsync:m,isPending:g}=t(),_=async()=>{await m(),l()};return p&&g?r(h,{variant:`outlined`,color:`danger`,children:r(u,{})}):p?i(h,{variant:`outlined`,color:`danger`,onClick:_,children:[r(d,{data:s}),`End impersonation`]}):i(n,{onClick:c,children:[r(d,{data:o}),r(f,{variant:`button`,group:`navigation`,as:`span`,children:`Impersonate`}),r(d,{data:a})]})};export{g as ImpersonateButton};
+`,g=({onOpenImpersonateMenu:e,onClose:t})=>{let{data:a}=n(),{mutateAsync:l,isPending:g}=r();return a&&g?u(h,{variant:`outlined`,color:`danger`,children:u(o,{})}):a?d(h,{variant:`outlined`,color:`danger`,onClick:async()=>{await l(),t()},children:[u(s,{data:m}),`End impersonation`]}):d(i,{onClick:e,children:[u(s,{data:p}),u(c,{variant:`button`,group:`navigation`,as:`span`,children:`Impersonate`}),u(s,{data:f})]})};export{g as ImpersonateButton};

package/dist/organisms/TopBar/Account/ImpersonateMenu/Actions.js

@@ -1,11 +1,11 @@
-import{useActiveImpersonationUser as e}from"./hooks/useActiveImpersonationUser.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{spacings as r}from"src/atoms/style/spacings";import i from"styled-components";import{Button as a,DotProgress as o,Typography as s}from"@equinor/eds-core-react";import{useStartImpersonation as c}from"src/organisms/TopBar/Account/ImpersonateMenu/hooks/useStartImpersonation";const l=i.div`
+import{spacings as e}from"../../../../atoms/style/spacings.js";import{useActiveImpersonationUser as t}from"./hooks/useActiveImpersonationUser.js";import{useStartImpersonation as n}from"./hooks/useStartImpersonation.js";import{Button as r,DotProgress as i,Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
   display: flex;
   flex-direction: column;
-  gap: ${r.medium};
-  padding: ${r.medium};
+  gap: ${e.medium};
+  padding: ${e.medium};
   width: 25rem;
-`,u=i.section`
+`,u=o.section`
   display: flex;
   justify-content: flex-end;
-  gap: ${r.small};
-`,d=({selectedUniqueName:r,onCancel:i})=>{let{data:d}=e(),{mutateAsync:f,isPending:p}=c(),m=async()=>{await f(r),i()};return n(l,{children:[t(s,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),n(u,{children:[t(a,{variant:`outlined`,onClick:i,children:`Cancel`}),p?t(a,{children:t(o,{})}):t(a,{onClick:m,disabled:r===``||r===d?.uniqueName,children:`Impersonate`})]})]})};export{d as Actions};
+  gap: ${e.small};
+`,d=({selectedUniqueName:e,onCancel:o})=>{let{data:d}=t(),{mutateAsync:f,isPending:p}=n();return c(l,{children:[s(a,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),p?s(r,{children:s(i,{})}):s(r,{onClick:async()=>{await f(e),o()},disabled:e===``||e===d?.uniqueName,children:`Impersonate`})]})]})};export{d as Actions};

package/dist/organisms/TopBar/Account/ImpersonateMenu/CreateNewUserButton.js

@@ -1,12 +1,12 @@
-import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{exit_to_app as r}from"@equinor/eds-icons";import i from"styled-components";import{Icon as a,Typography as o}from"@equinor/eds-core-react";import{animation as s,spacings as c}from"src/atoms/style";const{colors:l}=e,u=i.button`
+import{tokens as e}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{animation as t}from"../../../../atoms/style/animation.js";import{spacings as n}from"../../../../atoms/style/spacings.js";import{Icon as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{exit_to_app as c}from"@equinor/eds-icons";const{colors:l}=e,u=a.button`
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
-  padding: ${c.medium};
-  transition: background ${s.transitionMS};
+  padding: ${n.medium};
+  transition: background ${t.transitionMS};
   border-top: 1px solid ${l.ui.background__medium.rgba};
   border-bottom: 1px solid ${l.ui.background__medium.rgba};
   &:hover {
     background: ${l.interactive.primary__hover_alt.rgba};
   }
-`,d=({onClick:e})=>n(u,{onClick:e,children:[n(`div`,{children:[t(o,{variant:`overline`,children:`Missing a persona?`}),t(o,{variant:`h6`,children:`Create users to impersonate`})]}),t(a,{color:l.interactive.primary__resting.rgba,data:r})]});export{d as CreateNewUserButton};
+`,d=({onClick:e})=>s(u,{onClick:e,children:[s(`div`,{children:[o(i,{variant:`overline`,children:`Missing a persona?`}),o(i,{variant:`h6`,children:`Create users to impersonate`})]}),o(r,{color:l.interactive.primary__resting.rgba,data:c})]});export{d as CreateNewUserButton};

package/dist/organisms/TopBar/Account/ImpersonateMenu/CreateOrEditUser/CreateOrEditUser.js

@@ -1 +1 @@
-import{useCreateImpersonation as e}from"../hooks/useCreateImpersonation.js";import{useEditImpersonation as t}from"../hooks/useEditImpersonation.js";import{Header as n}from"../Impersonate.styles.js";import{Container as r,Section as i}from"./CreateOrEditUser.styles.js";import{useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{environment as d}from"src/atoms/utils/auth_environment";import{arrow_back as f}from"@equinor/eds-icons";import{Button as p,DotProgress as m,Icon as h,Typography as g}from"@equinor/eds-core-react";import{TextField as _}from"src/molecules/TextField/TextField";import{SingleSelect as v}from"src/molecules/Select/SingleSelect/SingleSelect";import{ComboBox as y}from"src/molecules/Select/ComboBox/ComboBox";import{useAllAppRoles as b}from"src/organisms/TopBar/Account/ImpersonateMenu/hooks/useAllAppRoles";const x=({editingUser:x,onBack:S,availableFields:C,availableWells:w})=>{let T=s(!1),[E,D]=c([]),[O,k]=c(``),[A,j]=c(``),[M,N]=c(``),[P,F]=c(void 0),[I,L]=c(void 0),{data:R,isLoading:z}=b();a(()=>{if(x&&R&&!T.current){if(T.current=!0,D(x.roles.map(e=>{let t=R.find(t=>t.value===e);return t?{value:e,label:t.displayName}:{value:e,label:e}})),C){let e=C.find(e=>e.uuid==x.field)?.name??void 0;F(e)}if(w){let e=w.find(e=>e==x.well)??void 0;L(e)}k(x.firstName),j(x.lastName),N(x.email??``)}},[R,x,T,C,w]);let B=o(()=>R?.map(e=>({value:e.value,label:e.displayName}))??[],[R]),V=C?.map(e=>({value:e.uuid??``,label:e.name??``}))??[],H=w?.map(e=>({value:e,label:e}))??[],{mutateAsync:U,isPending:W}=e(),{mutateAsync:G,isPending:K}=t(),q=W||K,J=o(()=>O===``||A===``||E.length===0,[O,A,E.length]),Y=e=>{k(e.target.value)},X=e=>{j(e.target.value)},Z=e=>{N(e.target.value)},Q=e=>{D(e)},$=e=>{F(e?.value)},ee=e=>{L(e?.value)},te=async()=>{x?(await G({id:x.id,firstName:O,lastName:A,fullName:`${O} ${A}`,email:M===``?void 0:M,field:P,well:I,roles:E.map(e=>e.value).sort(),uniqueName:x.uniqueName,appName:x.appName,activeUsers:[]}),S()):(await U({firstName:O,lastName:A,field:P,well:I,email:M===``?void 0:M,roles:E.map(e=>e.value).sort(),uniqueName:`${O}.${A}`.toLowerCase(),appName:d.getAppName(import.meta.env.VITE_NAME),activeUsers:[]}),S())};return u(r,{children:[u(n,{children:[l(p,{variant:`ghost_icon`,onClick:S,children:l(h,{data:f})}),l(g,{variant:`h6`,children:x?`Edit user`:`Create new user`})]}),u(i,{children:[l(_,{id:`first-name`,label:`First name`,placeholder:`Add first name...`,value:O,onChange:Y}),l(_,{id:`last-name`,label:`Last name`,placeholder:`Add last name...`,value:A,onChange:X}),l(_,{id:`email`,label:`E-mail`,placeholder:`Add e-mail...`,meta:`Optional`,value:M,onChange:Z})]}),u(i,{children:[V&&V.length>0&&l(v,{placeholder:`Select field...`,label:`Field`,meta:`Optional (For internal application role purposes)`,value:V.find(e=>e.value===P),onSelect:$,items:V}),H&&H.length>0&&l(v,{label:`Well`,placeholder:`Select well...`,meta:`Optional (For internal application role purposes)`,value:H.find(e=>e.value===I),onSelect:ee,items:H})]}),l(i,{children:l(y,{label:`Roles`,placeholder:`Select roles...`,values:E,onSelect:Q,items:B,loading:z})}),u(i,{children:[l(p,{variant:`outlined`,onClick:S,children:`Cancel`}),q?l(p,{children:l(m,{})}):l(p,{onClick:te,disabled:J,children:x?`Save`:`Create`})]})]})};export{x as CreateOrEditUser};
+import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{TextField as t}from"../../../../../molecules/TextField/TextField.js";import{ComboBox as n}from"../../../../../molecules/Select/ComboBox/ComboBox.js";import{SingleSelect as r}from"../../../../../molecules/Select/SingleSelect/SingleSelect.js";import{useAllAppRoles as i}from"../hooks/useAllAppRoles.js";import{useCreateImpersonation as a}from"../hooks/useCreateImpersonation.js";import{useEditImpersonation as o}from"../hooks/useEditImpersonation.js";import{Header as s}from"../Impersonate.styles.js";import{Container as c,Section as l}from"./CreateOrEditUser.styles.js";import{useEffect as u,useMemo as d,useRef as f,useState as p}from"react";import{Button as m,DotProgress as h,Icon as g,Typography as _}from"@equinor/eds-core-react";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{arrow_back as b}from"@equinor/eds-icons";const x=({editingUser:x,onBack:S,availableFields:C,availableWells:w})=>{let T=f(!1),[E,D]=p([]),[O,k]=p(``),[A,j]=p(``),[M,N]=p(``),[P,F]=p(void 0),[I,L]=p(void 0),{data:R,isLoading:z}=i();u(()=>{if(x&&R&&!T.current){if(T.current=!0,D(x.roles.map(e=>{let t=R.find(t=>t.value===e);return t?{value:e,label:t.displayName}:{value:e,label:e}})),C){let e=C.find(e=>e.uuid==x.field)?.name??void 0;F(e)}if(w){let e=w.find(e=>e==x.well)??void 0;L(e)}k(x.firstName),j(x.lastName),N(x.email??``)}},[R,x,T,C,w]);let B=d(()=>R?.map(e=>({value:e.value,label:e.displayName}))??[],[R]),V=C?.map(e=>({value:e.uuid??``,label:e.name??``}))??[],H=w?.map(e=>({value:e,label:e}))??[],{mutateAsync:U,isPending:W}=a(),{mutateAsync:G,isPending:K}=o(),q=W||K,J=d(()=>O===``||A===``||E.length===0,[O,A,E.length]);return y(c,{children:[y(s,{children:[v(m,{variant:`ghost_icon`,onClick:S,children:v(g,{data:b})}),v(_,{variant:`h6`,children:x?`Edit user`:`Create new user`})]}),y(l,{children:[v(t,{id:`first-name`,label:`First name`,placeholder:`Add first name...`,value:O,onChange:e=>{k(e.target.value)}}),v(t,{id:`last-name`,label:`Last name`,placeholder:`Add last name...`,value:A,onChange:e=>{j(e.target.value)}}),v(t,{id:`email`,label:`E-mail`,placeholder:`Add e-mail...`,meta:`Optional`,value:M,onChange:e=>{N(e.target.value)}})]}),y(l,{children:[V&&V.length>0&&v(r,{placeholder:`Select field...`,label:`Field`,meta:`Optional (For internal application role purposes)`,value:V.find(e=>e.value===P),onSelect:e=>{F(e?.value)},items:V}),H&&H.length>0&&v(r,{label:`Well`,placeholder:`Select well...`,meta:`Optional (For internal application role purposes)`,value:H.find(e=>e.value===I),onSelect:e=>{L(e?.value)},items:H})]}),v(l,{children:v(n,{label:`Roles`,placeholder:`Select roles...`,values:E,onSelect:e=>{D(e)},items:B,loading:z})}),y(l,{children:[v(m,{variant:`outlined`,onClick:S,children:`Cancel`}),q?v(m,{children:v(h,{})}):v(m,{onClick:async()=>{x?(await G({id:x.id,firstName:O,lastName:A,fullName:`${O} ${A}`,email:M===``?void 0:M,field:P,well:I,roles:E.map(e=>e.value).sort(),uniqueName:x.uniqueName,appName:x.appName,activeUsers:[]}),S()):(await U({firstName:O,lastName:A,field:P,well:I,email:M===``?void 0:M,roles:E.map(e=>e.value).sort(),uniqueName:`${O}.${A}`.toLowerCase(),appName:e.getAppName(import.meta.env.VITE_NAME),activeUsers:[]}),S())},disabled:J,children:x?`Save`:`Create`})]})]})};export{x as CreateOrEditUser};

package/dist/organisms/TopBar/Account/ImpersonateMenu/CreateOrEditUser/CreateOrEditUser.styles.js

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"src/atoms/style/spacings";import n from"styled-components";const{colors:r}=e,i=n.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../../../../atoms/style/spacings.js";import n from"styled-components";const{colors:r}=e,i=n.div`
   display: flex;
   flex-direction: column;
   gap: ${t.medium};

package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.js

@@ -1 +1 @@
-import{Header as e}from"../Impersonate.styles.js";import{useDeleteImpersonation as t}from"../hooks/useDeleteImpersonation.js";import{Container as n}from"./DeleteUser.styles.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useSnackbar as a}from"src/providers/SnackbarProvider/SnackbarProvider";import{arrow_back as o,delete_to_trash as s}from"@equinor/eds-icons";import{DotProgress as c,Icon as l,Typography as u}from"@equinor/eds-core-react";import{colors as d}from"src/atoms/style";import{Button as f}from"src/molecules/Button/Button";import{RoleChip as p,RolesContainer as m,TextContent as h}from"src/organisms/TopBar/Account/Account.styles";import{ImpersonateAvatar as g}from"src/organisms/TopBar/Account/ImpersonateAvatar";const _=({user:_,onBack:v})=>{let{mutateAsync:y,isPending:b}=t(),{showSnackbar:x}=a(),S=`${_.firstName} ${_.lastName}`,C=async()=>{await y(_),x(`Deleted user "${S}" successfully`),v()};return i(n,{children:[i(e,{children:[r(f,{variant:`ghost_icon`,onClick:v,children:r(l,{data:o})}),r(u,{variant:`h6`,children:`Delete user`})]}),i(`section`,{children:[r(u,{variant:`h4`,children:`You are deleting a user`}),i(u,{variant:`caption`,color:d.text.static_icons__tertiary.rgba,children:[`Are you sure you want to delete user "`,S,`"?`]})]}),r(g,{size:64,fullName:S}),i(h,{children:[r(u,{variant:`h6`,children:S}),r(u,{children:_.uniqueName})]}),r(m,{children:_.roles.map(e=>r(p,{children:e},e))}),i(`div`,{children:[b?r(f,{variant:`outlined`,color:`danger`,children:r(c,{color:`tertiary`})}):i(f,{variant:`outlined`,color:`danger`,onClick:C,children:[r(l,{data:s}),` Delete user`]}),r(f,{variant:`ghost`,onClick:v,children:`Cancel`})]})]})};export{_ as DeleteUser};
+import{colors as e}from"../../../../../atoms/style/colors.js";import{useSnackbar as t}from"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import{Button as n}from"../../../../../molecules/Button/Button.js";import{Header as r}from"../Impersonate.styles.js";import{useDeleteImpersonation as i}from"../hooks/useDeleteImpersonation.js";import{Container as a}from"./DeleteUser.styles.js";import{RoleChip as o,RolesContainer as s,TextContent as c}from"../../Account.styles.js";import{ImpersonateAvatar as l}from"../../ImpersonateAvatar.js";import{DotProgress as u,Icon as d,Typography as f}from"@equinor/eds-core-react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{arrow_back as h,delete_to_trash as g}from"@equinor/eds-icons";const _=({user:_,onBack:v})=>{let{mutateAsync:y,isPending:b}=i(),{showSnackbar:x}=t(),S=`${_.firstName} ${_.lastName}`;return m(a,{children:[m(r,{children:[p(n,{variant:`ghost_icon`,onClick:v,children:p(d,{data:h})}),p(f,{variant:`h6`,children:`Delete user`})]}),m(`section`,{children:[p(f,{variant:`h4`,children:`You are deleting a user`}),m(f,{variant:`caption`,color:e.text.static_icons__tertiary.rgba,children:[`Are you sure you want to delete user "`,S,`"?`]})]}),p(l,{size:64,fullName:S}),m(c,{children:[p(f,{variant:`h6`,children:S}),p(f,{children:_.uniqueName})]}),p(s,{children:_.roles.map(e=>p(o,{children:e},e))}),m(`div`,{children:[b?p(n,{variant:`outlined`,color:`danger`,children:p(u,{color:`tertiary`})}):m(n,{variant:`outlined`,color:`danger`,onClick:async()=>{await y(_),x(`Deleted user "${S}" successfully`),v()},children:[p(d,{data:g}),` Delete user`]}),p(n,{variant:`ghost`,onClick:v,children:`Cancel`})]})]})};export{_ as DeleteUser};

package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.styles.js

@@ -1,19 +1,19 @@
-import e from"styled-components";import{spacings as t}from"src/atoms/style";const n=e.div`
+import{spacings as e}from"../../../../../atoms/style/spacings.js";import t from"styled-components";const n=t.div`
   display: flex;
   flex-direction: column;
   min-width: 20rem;
   > section:nth-child(2) {
-    margin-top: ${t.medium};
+    margin-top: ${e.medium};
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 0 ${t.medium};
-    margin-bottom: ${t.medium};
+    padding: 0 ${e.medium};
+    margin-bottom: ${e.medium};
   }
   > section:nth-child(5) {
     max-width: unset;
-    margin-bottom: ${t.large};
-    padding: 0 ${t.medium};
+    margin-bottom: ${e.large};
+    padding: 0 ${e.medium};
   }
   > div:nth-child(3) {
     align-self: center;
@@ -21,7 +21,7 @@ import e from"styled-components";import{spacings as t}from"src/atoms/style";cons
   > div:last-child {
     display: flex;
     flex-direction: column;
-    gap: ${t.x_small};
-    padding: 0 ${t.medium};
+    gap: ${e.x_small};
+    padding: 0 ${e.medium};
   }
 `;export{n as Container};

package/dist/organisms/TopBar/Account/ImpersonateMenu/Impersonate.constants.js

@@ -1 +1 @@
-const e=`activeImpersonationUser`,t=`createImpersonation`,n=`getImpersonationUsers`,r=`canImpersonate`,i=`stopImpersonation`,a=`availableRoles`,o=[e,t,`setActiveImpersonation`,n,r,i,a],s={predicate:e=>{for(let t of e.queryKey)if(o.some(e=>e===t))return!1;return!0}};export{e as ACTIVE_USERIMPERSONATION,a as AVAILABLE_ROLES,r as CAN_IMPERSONATE,t as CREATE_IMPERSONATION,n as GET_ALL_IMPERSONATIONS,s as IMPERSONATE_QUERY_FILTER,i as STOP_IMPERSONATION};
+const e=`activeImpersonationUser`,t=`createImpersonation`,n=`setActiveImpersonation`,r=`getImpersonationUsers`,i=`canImpersonate`,a=`stopImpersonation`,o=`availableRoles`,s=[e,t,n,r,i,a,o],c={predicate:e=>{for(let t of e.queryKey)if(s.some(e=>e===t))return!1;return!0}};export{e as ACTIVE_USERIMPERSONATION,o as AVAILABLE_ROLES,i as CAN_IMPERSONATE,t as CREATE_IMPERSONATION,r as GET_ALL_IMPERSONATIONS,c as IMPERSONATE_QUERY_FILTER,n as SET_ACTIVE_IMPERSONATION,a as STOP_IMPERSONATION};

package/dist/organisms/TopBar/Account/ImpersonateMenu/Impersonate.styles.js

@@ -1,7 +1,7 @@
-import e from"styled-components";import{colors as t,spacings as n}from"src/atoms/style";const r=e.header`
+import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import n from"styled-components";const r=n.header`
   display: flex;
   align-items: center;
-  gap: ${n.medium};
-  padding: 0 ${n.small} ${n.small};
-  border-bottom: 1px solid ${t.ui.background__medium.rgba};
+  gap: ${t.medium};
+  padding: 0 ${t.small} ${t.small};
+  border-bottom: 1px solid ${e.ui.background__medium.rgba};
 `;export{r as Header};

package/dist/organisms/TopBar/Account/ImpersonateMenu/Impersonate.utils.js

@@ -0,0 +1 @@
+function e(e){return`${e.firstName} ${e.lastName}`}export{e as impersonateUserDtoToFullName};

package/dist/organisms/TopBar/Account/ImpersonateMenu/ImpersonateMenu.js

@@ -1 +1 @@
-import{useActiveImpersonationUser as e}from"./hooks/useActiveImpersonationUser.js";import{CreateOrEditUser as t}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as n}from"./DeleteUser/DeleteUser.js";import{useGetAllImpersonationUsersForApp as r}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as i}from"./Actions.js";import{CreateNewUserButton as a}from"./CreateNewUserButton.js";import{Content as o,Header as s,NoUsersText as c}from"./ImpersonateMenu.styles.js";import{UserImpersonation as l}from"./UserImpersonation.js";import{useEffect as u,useState as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{Menu as m,Typography as h}from"@equinor/eds-core-react";import{impersonateUserDtoToFullName as g}from"src/organisms/TopBar/Account/ImpersonateMenu/Impersonate.utils";import{Search as _}from"src/molecules/Search/Search";const v=({open:v,onClose:y,anchorEl:b,availableFields:x,availableWells:S})=>{let[C,w]=d(!1),[T,E]=d(void 0),[D,O]=d(void 0),[k,A]=d(``),[j,M]=d(``),{data:N}=r(),{data:P}=e(),F=N?.filter(e=>g(e).toLowerCase().includes(j.toLowerCase()));u(()=>{!v&&P&&k!==P.uniqueName?A(P.uniqueName):!v&&!P&&k!==``&&A(``)},[P,v,k]);let I=()=>{y()},L=()=>w(!0),R=()=>{w(!1),T&&E(void 0)},z=()=>{w(!1),T&&E(void 0),I()},B=e=>{E(N?.find(t=>t.uniqueName===e)),w(!0)},V=e=>{O(N?.find(t=>t.uniqueName===e))},H=()=>{O(void 0)},U=e=>{M(e.target.value)};return v?C?f(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:f(t,{editingUser:T,onBack:R,availableFields:x,availableWells:S})}):D?f(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:f(n,{user:D,onBack:H})}):p(m,{open:!0,anchorEl:b,onClose:I,placement:`bottom-end`,style:{width:`400px`},children:[p(s,{children:[f(h,{variant:`h6`,children:`Impersonate`}),f(h,{variant:`caption`,children:`Select a user to impersonate`}),f(_,{placeholder:`Search users`,value:j,onChange:U})]}),f(o,{children:F&&F.length>0?F?.map(e=>f(l,{...e,selected:k===e.uniqueName,onClick:A,onEdit:B,onDelete:V},e.uniqueName)):f(c,{children:`No items found`})}),f(a,{onClick:L}),f(i,{selectedUniqueName:k,onCancel:y})]}):null};export{v as ImpersonateMenu};
+import{Search as e}from"../../../../molecules/Search/Search.js";import{useActiveImpersonationUser as t}from"./hooks/useActiveImpersonationUser.js";import{CreateOrEditUser as n}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as r}from"./DeleteUser/DeleteUser.js";import{useGetAllImpersonationUsersForApp as i}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as a}from"./Actions.js";import{CreateNewUserButton as o}from"./CreateNewUserButton.js";import{Content as s,Header as c,NoUsersText as l}from"./ImpersonateMenu.styles.js";import{impersonateUserDtoToFullName as u}from"./Impersonate.utils.js";import{UserImpersonation as d}from"./UserImpersonation.js";import{useEffect as f,useState as p}from"react";import{Menu as m,Typography as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=({open:v,onClose:y,anchorEl:b,availableFields:x,availableWells:S})=>{let[C,w]=p(!1),[T,E]=p(void 0),[D,O]=p(void 0),[k,A]=p(``),[j,M]=p(``),{data:N}=i(),{data:P}=t(),F=N?.filter(e=>u(e).toLowerCase().includes(j.toLowerCase()));f(()=>{!v&&P&&k!==P.uniqueName?A(P.uniqueName):!v&&!P&&k!==``&&A(``)},[P,v,k]);let I=()=>{y()},L=()=>w(!0),R=()=>{w(!1),T&&E(void 0)},z=()=>{w(!1),T&&E(void 0),I()},B=e=>{E(N?.find(t=>t.uniqueName===e)),w(!0)},V=e=>{O(N?.find(t=>t.uniqueName===e))};return v?C?g(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:g(n,{editingUser:T,onBack:R,availableFields:x,availableWells:S})}):D?g(m,{open:!0,anchorEl:b,onClose:z,placement:`bottom-end`,style:{width:`400px`},children:g(r,{user:D,onBack:()=>{O(void 0)}})}):_(m,{open:!0,anchorEl:b,onClose:I,placement:`bottom-end`,style:{width:`400px`},children:[_(c,{children:[g(h,{variant:`h6`,children:`Impersonate`}),g(h,{variant:`caption`,children:`Select a user to impersonate`}),g(e,{placeholder:`Search users`,value:j,onChange:e=>{M(e.target.value)}})]}),g(s,{children:F&&F.length>0?F?.map(e=>g(d,{...e,selected:k===e.uniqueName,onClick:A,onEdit:B,onDelete:V},e.uniqueName)):g(l,{children:`No items found`})}),g(o,{onClick:L}),g(a,{selectedUniqueName:k,onCancel:y})]}):null};export{v as ImpersonateMenu};

package/dist/organisms/TopBar/Account/ImpersonateMenu/ImpersonateMenu.styles.js

@@ -1,17 +1,17 @@
-import e from"styled-components";import{Typography as t}from"@equinor/eds-core-react";import{colors as n,spacings as r}from"src/atoms/style";const i=e.header`
-  padding: ${r.medium};
+import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";const i=r.header`
+  padding: ${t.medium};
   display: flex;
   flex-direction: column;
-  border-bottom: 1px solid ${n.ui.background__medium.rgba};
+  border-bottom: 1px solid ${e.ui.background__medium.rgba};
   > div:has(input) {
-    margin-top: ${r.medium};
+    margin-top: ${t.medium};
   }
-`,a=e.section`
+`,a=r.section`
   overflow: auto;
   max-height: 15rem;
   display: flex;
   flex-direction: column;
-`,o=e(t)`
-  color: ${n.text.static_icons__tertiary.rgba};
-  margin: ${r.medium} auto ${r.medium} ${r.medium};
+`,o=r(n)`
+  color: ${e.text.static_icons__tertiary.rgba};
+  margin: ${t.medium} auto ${t.medium} ${t.medium};
 `;export{a as Content,i as Header,o as NoUsersText};

package/dist/organisms/TopBar/Account/ImpersonateMenu/UserImpersonation.js

@@ -1,16 +1,16 @@
-import{useMappedRoles as e}from"./hooks/useMappedRoles.js";import{Container as t,RoleChip as n,RoleChipContainer as r}from"./UserImpersonation.styles.js";import{useRef as i,useState as a}from"react";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{colors as l}from"src/atoms/style/colors";import{account_circle as u,check as d,delete_to_trash as f,edit as p,more_horizontal as m}from"@equinor/eds-icons";import h from"styled-components";import{Button as g,Icon as _,Menu as v,Typography as y}from"@equinor/eds-core-react";import{OptionalTooltip as b}from"src/molecules/OptionalTooltip/OptionalTooltip";import{ListItem as x}from"src/molecules/ListItem/ListItem";import{impersonateUserDtoToFullName as S}from"src/organisms/TopBar/Account/ImpersonateMenu/Impersonate.utils";const C=h(x)`
+import{colors as e}from"../../../../atoms/style/colors.js";import{OptionalTooltip as t}from"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{ListItem as n}from"../../../../molecules/ListItem/ListItem.js";import{useMappedRoles as r}from"./hooks/useMappedRoles.js";import{Container as i,RoleChip as a,RoleChipContainer as o}from"./UserImpersonation.styles.js";import{impersonateUserDtoToFullName as s}from"./Impersonate.utils.js";import{useRef as c,useState as l}from"react";import{Button as u,Icon as d,Menu as f,Typography as p}from"@equinor/eds-core-react";import m from"styled-components";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{account_circle as v,check as y,delete_to_trash as b,edit as x,more_horizontal as S}from"@equinor/eds-icons";const C=m(n)`
   svg {
-    fill: ${l.interactive.danger__resting.rgba};
+    fill: ${e.interactive.danger__resting.rgba};
   }
   p {
-    color: ${l.interactive.danger__resting.rgba};
+    color: ${e.interactive.danger__resting.rgba};
   }
   &:disabled {
     svg {
-      fill: ${l.interactive.disabled__text.rgba};
+      fill: ${e.interactive.disabled__text.rgba};
     }
   }
   &:hover:not(:disabled) {
-    background: ${l.interactive.danger__highlight.rgba};
+    background: ${e.interactive.danger__highlight.rgba};
   }
-`,w=({firstName:h,lastName:w,uniqueName:T,roles:E,activeUsers:D,selected:O,onClick:k,onEdit:A,onDelete:j})=>{let[M,N]=a(!1),P=i(null),F=S({firstName:h,lastName:w}),I=e(E),L=()=>N(e=>!e),R=()=>N(!1),z=e=>{e.target!==P.current&&k(T)},B=()=>{A(T),R()},V=()=>{j(T),R()};return c(o,{children:[c(t,{$selected:O,onClick:z,"data-testid":`impersonation-user`,children:[s(_,{color:l.text.static_icons__tertiary.rgba,data:u}),s(b,{title:F,placement:`top`,children:s(y,{"data-testid":`name`,children:F})}),c(r,{$selected:O,children:[s(b,{title:I.at(0)?.label,placement:`top`,children:s(n,{"data-testid":`role`,children:I[0].label})}),I.length>1&&s(b,{title:I.slice(1).map(e=>e.label).join(`, `),children:s(n,{"data-testid":`additional-roles`,children:`+${I.length-1}`})})]}),O&&s(_,{data:d,color:l.interactive.primary__resting.rgba}),s(g,{variant:`ghost_icon`,ref:P,onClick:L,children:s(_,{data:m})})]}),M&&c(v,{open:!0,anchorEl:P.current,placement:`right-start`,onClose:R,children:[s(x,{label:`Edit user`,onClick:B,leadingContent:p}),s(b,{title:D.length>0?`Cannot delete user with active sessions`:void 0,children:s(C,{label:`Delete user`,onClick:V,disabled:D.length>0,leadingContent:f})})]})]})};export{w as UserImpersonation};
+`,w=({firstName:m,lastName:w,uniqueName:T,roles:E,activeUsers:D,selected:O,onClick:k,onEdit:A,onDelete:j})=>{let[M,N]=l(!1),P=c(null),F=s({firstName:m,lastName:w}),I=r(E),L=()=>N(e=>!e),R=()=>N(!1),z=e=>{e.target!==P.current&&k(T)},B=()=>{A(T),R()},V=()=>{j(T),R()};return _(h,{children:[_(i,{$selected:O,onClick:z,"data-testid":`impersonation-user`,children:[g(d,{color:e.text.static_icons__tertiary.rgba,data:v}),g(t,{title:F,placement:`top`,children:g(p,{"data-testid":`name`,children:F})}),_(o,{$selected:O,children:[g(t,{title:I.at(0)?.label,placement:`top`,children:g(a,{"data-testid":`role`,children:I[0].label})}),I.length>1&&g(t,{title:I.slice(1).map(e=>e.label).join(`, `),children:g(a,{"data-testid":`additional-roles`,children:`+${I.length-1}`})})]}),O&&g(d,{data:y,color:e.interactive.primary__resting.rgba}),g(u,{variant:`ghost_icon`,ref:P,onClick:L,children:g(d,{data:S})})]}),M&&_(f,{open:!0,anchorEl:P.current,placement:`right-start`,onClose:R,children:[g(n,{label:`Edit user`,onClick:B,leadingContent:x}),g(t,{title:D.length>0?`Cannot delete user with active sessions`:void 0,children:g(C,{label:`Delete user`,onClick:V,disabled:D.length>0,leadingContent:b})})]})]})};export{w as UserImpersonation};

package/dist/organisms/TopBar/Account/ImpersonateMenu/UserImpersonation.styles.js

@@ -1,17 +1,17 @@
-import e,{css as t}from"styled-components";import{animation as n,colors as r,spacings as i}from"src/atoms/style";import{Chip as a}from"src/molecules/Chip/Chip";const o=e.div`
+import{animation as e}from"../../../../atoms/style/animation.js";import{colors as t}from"../../../../atoms/style/colors.js";import{spacings as n}from"../../../../atoms/style/spacings.js";import{Chip as r}from"../../../../molecules/Chip/Chip.js";import i,{css as a}from"styled-components";const o=i.div`
   display: grid;
   grid-template-columns: minmax(auto, 1fr) auto 1fr 24px 36px;
   align-items: center;
-  gap: ${i.small};
-  height: calc(32px + ${i.medium} * 2);
+  gap: ${n.small};
+  height: calc(32px + ${n.medium} * 2);
   flex-shrink: 0;
-  padding: 0 ${i.medium};
-  background: ${({$selected:e})=>e?r.interactive.primary__selected_highlight.rgba:`transparent`};
-  transition: background ${n.transitionMS};
+  padding: 0 ${n.medium};
+  background: ${({$selected:e})=>e?t.interactive.primary__selected_highlight.rgba:`transparent`};
+  transition: background ${e.transitionMS};
 
   &:hover {
     cursor: pointer;
-    background: ${({$selected:e})=>e?r.interactive.primary__selected_hover.rgba:r.interactive.primary__hover_alt.rgba};
+    background: ${({$selected:e})=>e?t.interactive.primary__selected_hover.rgba:t.interactive.primary__hover_alt.rgba};
   }
   > p {
     white-space: nowrap;
@@ -24,7 +24,7 @@ import e,{css as t}from"styled-components";import{animation as n,colors as r,spa
   > button {
     grid-column: 5;
   }
-`,s=e(a)`
+`,s=i(r)`
   &,
   div,
   span {
@@ -35,17 +35,17 @@ import e,{css as t}from"styled-components";import{animation as n,colors as r,spa
   }
   height: fit-content;
   padding: 0;
-  color: ${r.text.static_icons__primary_white.rgba};
-  background: ${r.text.static_icons__tertiary.rgba};
-`,c=e.div`
+  color: ${t.text.static_icons__primary_white.rgba};
+  background: ${t.text.static_icons__tertiary.rgba};
+`,c=i.div`
   display: flex;
   align-items: center;
-  gap: ${i.small};
-  ${({$selected:e})=>e?t`
+  gap: ${n.small};
+  ${({$selected:e})=>e?a`
       > div {
-        background: ${r.interactive.primary__resting.rgba};
-        color: ${r.text.static_icons__primary_white.rgba};
-        outline-color: ${r.interactive.primary__resting.rgba};
+        background: ${t.interactive.primary__resting.rgba};
+        color: ${t.text.static_icons__primary_white.rgba};
+        outline-color: ${t.interactive.primary__resting.rgba};
       }
     `:``}
 `;export{o as Container,s as RoleChip,c as RoleChipContainer};

package/dist/organisms/TopBar/Account/ImpersonateMenu/hooks/useActiveImpersonationUser.js

@@ -1 +1 @@
-import{ACTIVE_USERIMPERSONATION as e}from"../Impersonate.constants.js";import{ApiError as t,ImpersonateUserService as n}from"@equinor/subsurface-app-management";import{useQuery as r}from"@tanstack/react-query";import{environment as i}from"src/atoms/utils/auth_environment";function a(){return r({queryKey:[e],queryFn:async()=>{try{let e=await n.getActiveUser();return e===void 0?null:e}catch(e){if(e instanceof t&&(e.status===204||e.status===404))return null}},enabled:i.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{a as useActiveImpersonationUser};
+import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{ACTIVE_USERIMPERSONATION as t}from"../Impersonate.constants.js";import{ApiError as n,ImpersonateUserService as r}from"@equinor/subsurface-app-management";import{useQuery as i}from"@tanstack/react-query";function a(){return i({queryKey:[t],queryFn:async()=>{try{let e=await r.getActiveUser();return e===void 0?null:e}catch(e){if(e instanceof n&&(e.status===204||e.status===404))return null}},enabled:e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{a as useActiveImpersonationUser};

package/dist/organisms/TopBar/Account/ImpersonateMenu/hooks/useAllAppRoles.js

@@ -1 +1 @@
-import{AVAILABLE_ROLES as e}from"../Impersonate.constants.js";import{AmplifyApplicationService as t}from"@equinor/subsurface-app-management";import{useQuery as n}from"@tanstack/react-query";import{environment as r}from"src/atoms/utils/auth_environment";function i(i=!0){return n({queryKey:[e],queryFn:()=>t.getAllAppRoles(r.getApiClientId(import.meta.env.VITE_API_CLIENT_ID)),enabled:i&&!!r.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),staleTime:1/0,gcTime:1/0})}export{i as useAllAppRoles};
+import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{AVAILABLE_ROLES as t}from"../Impersonate.constants.js";import{AmplifyApplicationService as n}from"@equinor/subsurface-app-management";import{useQuery as r}from"@tanstack/react-query";function i(i=!0){return r({queryKey:[t],queryFn:()=>n.getAllAppRoles(e.getApiClientId(import.meta.env.VITE_API_CLIENT_ID)),enabled:i&&!!e.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),staleTime:1/0,gcTime:1/0})}export{i as useAllAppRoles};

package/dist/organisms/TopBar/Account/ImpersonateMenu/hooks/useCanImpersonate.js

@@ -1 +1 @@
-import{CAN_IMPERSONATE as e}from"../Impersonate.constants.js";import{ImpersonateUserService as t}from"@equinor/subsurface-app-management";import{useQuery as n}from"@tanstack/react-query";import{environment as r}from"src/atoms/utils/auth_environment";function i(){return n({queryKey:[e],queryFn:()=>t.canImpersonate(),enabled:r.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{i as useCanImpersonate};
+import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{CAN_IMPERSONATE as t}from"../Impersonate.constants.js";import{ImpersonateUserService as n}from"@equinor/subsurface-app-management";import{useQuery as r}from"@tanstack/react-query";function i(){return r({queryKey:[t],queryFn:()=>n.canImpersonate(),enabled:e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{i as useCanImpersonate};