@streamoid/settings 0.4.5 → 0.4.7

package/dist/index.d.mts

@@ -1090,23 +1090,6 @@ interface MemberListFrameProps {
     children?: ReactNode;
 }
 declare function MemberListFrame({ header, emptyText, isEmpty, grow, maxHeight, contentMinWidth, children, }: MemberListFrameProps): react.JSX.Element;
-/**
- * A small pill marking a workspace member who is *also* a member of the
- * organization above this workspace.
- *
- * It answers a question neither list used to acknowledge: removing someone
- * here may not remove all their access. Per the org contract, admins of the
- * parent organization keep implicit access to its workspaces, and a workspace
- * set to organization-wide visibility is readable by every org member.
- *
- * Derived by intersecting this workspace's members with the organization's, so
- * it states a fact both APIs already report — it is not a guess at an
- * "inherited permission" flag, which no endpoint exposes.
- */
-declare function OrgMembershipTag({ organizationName, isOrgAdmin, }: {
-    organizationName?: string | null;
-    isOrgAdmin?: boolean;
-}): react.JSX.Element;
 
 type SettingsTooltipPlacement = "right" | "top" | "bottom";
 interface SettingsTooltipProps {
@@ -1273,4 +1256,4 @@ declare function SettingsAdaptersProvider({ adapters, children, }: {
  */
 declare function useSettingsAdapters(): SettingsAdapters;
 
-export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrgMembershipTag, OrganizationContent, type OrganizationData, type OrganizationInvite, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };
+export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };

package/dist/index.d.ts

@@ -1090,23 +1090,6 @@ interface MemberListFrameProps {
     children?: ReactNode;
 }
 declare function MemberListFrame({ header, emptyText, isEmpty, grow, maxHeight, contentMinWidth, children, }: MemberListFrameProps): react.JSX.Element;
-/**
- * A small pill marking a workspace member who is *also* a member of the
- * organization above this workspace.
- *
- * It answers a question neither list used to acknowledge: removing someone
- * here may not remove all their access. Per the org contract, admins of the
- * parent organization keep implicit access to its workspaces, and a workspace
- * set to organization-wide visibility is readable by every org member.
- *
- * Derived by intersecting this workspace's members with the organization's, so
- * it states a fact both APIs already report — it is not a guess at an
- * "inherited permission" flag, which no endpoint exposes.
- */
-declare function OrgMembershipTag({ organizationName, isOrgAdmin, }: {
-    organizationName?: string | null;
-    isOrgAdmin?: boolean;
-}): react.JSX.Element;
 
 type SettingsTooltipPlacement = "right" | "top" | "bottom";
 interface SettingsTooltipProps {
@@ -1273,4 +1256,4 @@ declare function SettingsAdaptersProvider({ adapters, children, }: {
  */
 declare function useSettingsAdapters(): SettingsAdapters;
 
-export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrgMembershipTag, OrganizationContent, type OrganizationData, type OrganizationInvite, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };
+export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };

package/dist/index.js

@@ -31,7 +31,6 @@ __export(index_exports, {
   InviteUpdateModal: () => InviteUpdateModal,
   MemberListFrame: () => MemberListFrame,
   MemberListToolbar: () => MemberListToolbar,
-  OrgMembershipTag: () => OrgMembershipTag,
   OrganizationContent: () => OrganizationContent,
   OrganizationInviteModal: () => OrganizationInviteModal,
   OrganizationModal: () => OrganizationModal,
@@ -3815,28 +3814,17 @@ function MemberListFrame({
     }
   );
 }
-function OrgMembershipTag({
-  organizationName,
-  isOrgAdmin
+function RoleChip({
+  role,
+  label
 }) {
-  const org = organizationName?.trim() || "the organization";
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    "span",
+    import_ui4.ScRole,
     {
-      className: "shrink-0 whitespace-nowrap",
-      style: {
-        fontFamily: T7.font,
-        fontSize: T7.fsXs,
-        fontWeight: 500,
-        lineHeight: T7.lhSm,
-        padding: "1px 8px",
-        borderRadius: "var(--radius-full)",
-        color: isOrgAdmin ? T7.primary : T7.muted,
-        border: `1px solid ${isOrgAdmin ? T7.primary : T7.borderSubtle}`,
-        backgroundColor: "transparent"
-      },
-      title: isOrgAdmin ? `Admin of ${org} \u2014 keeps access to this workspace regardless of what is set here. Manage under Organization \u203A People.` : `Also a member of ${org}. Manage their organization role under Organization \u203A People.`,
-      children: isOrgAdmin ? "org admin" : "in org"
+      type: role,
+      label,
+      className: "shrink-0",
+      style: { width: "auto", minWidth: "5rem" }
     }
   );
 }
@@ -4244,8 +4232,6 @@ function AccessIcons({ permissions }) {
 function TeamRow({
   member,
   variant,
-  orgMembership,
-  organizationName,
   onClick,
   onCancelInvite,
   onResendInvite
@@ -4311,23 +4297,13 @@ function TeamRow({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center shrink-0", style: { gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            import_ui5.ScRole,
-            {
-              type: member.permissions.role,
-              label: member.permissions.role === "admin" ? "Admin" : "Member",
-              className: "shrink-0"
-            }
-          ),
-          orgMembership && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            OrgMembershipTag,
-            {
-              organizationName,
-              isOrgAdmin: orgMembership.isOrgAdmin
-            }
-          )
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex items-center shrink-0", style: { gap: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          RoleChip,
+          {
+            role: member.permissions.role === "admin" ? "admin" : "member",
+            label: member.permissions.role === "admin" ? "Workspace admin" : "Member"
+          }
+        ) }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AccessIcons, { permissions: member.permissions }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
@@ -4394,7 +4370,7 @@ function TeamsContent({
   organizationName,
   hiddenApps
 } = {}) {
-  const { auth, api, organization, workspace, toast } = useSettingsAdapters();
+  const { auth, api, workspace, toast } = useSettingsAdapters();
   const user = auth.user;
   const [activeTab, setActiveTab] = (0, import_react8.useState)("active");
   const [activeMembers, setActiveMembers] = (0, import_react8.useState)([]);
@@ -4404,9 +4380,6 @@ function TeamsContent({
   const [highestRole, setHighestRole] = (0, import_react8.useState)("admin");
   const [searchQuery, setSearchQuery] = (0, import_react8.useState)("");
   const [loadingData, setLoadingData] = (0, import_react8.useState)(false);
-  const [orgMemberRoles, setOrgMemberRoles] = (0, import_react8.useState)(
-    () => /* @__PURE__ */ new Map()
-  );
   const [modal, setModal] = (0, import_react8.useState)({
     open: false,
     mode: "invite"
@@ -4485,37 +4458,6 @@ function TeamsContent({
       }
     }
   ];
-  const organizationId = organization.current?.id ?? null;
-  (0, import_react8.useEffect)(() => {
-    if (!organizationId) {
-      setOrgMemberRoles(/* @__PURE__ */ new Map());
-      return;
-    }
-    let cancelled = false;
-    organization.fetchMembers().then((members2) => {
-      if (cancelled) return;
-      const next = /* @__PURE__ */ new Map();
-      for (const m of members2) {
-        const email = m.user?.email?.trim().toLowerCase();
-        if (email) next.set(email, m.role);
-      }
-      setOrgMemberRoles(next);
-    }).catch(() => {
-      if (!cancelled) setOrgMemberRoles(/* @__PURE__ */ new Map());
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [organizationId, organization]);
-  const orgMembershipFor = (0, import_react8.useCallback)(
-    (email) => {
-      const key = email?.trim().toLowerCase();
-      if (!key || orgMemberRoles.size === 0) return void 0;
-      const role = orgMemberRoles.get(key);
-      return role ? { isOrgAdmin: role === "admin" } : void 0;
-    },
-    [orgMemberRoles]
-  );
   const fetchData = (0, import_react8.useCallback)(async () => {
     setLoadingData(true);
     try {
@@ -4846,8 +4788,6 @@ function TeamsContent({
             {
               member,
               variant: activeTab,
-              orgMembership: orgMembershipFor(member.userEmail),
-              organizationName,
               onClick: activeTab === "active" ? () => openUpdateModal(member) : void 0,
               onCancelInvite: () => void handleCancelPendingInvite(member),
               onResendInvite: () => void handleResendPendingInvite(member)
@@ -5987,11 +5927,10 @@ function MemberRow({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_ui8.ScRole,
+          RoleChip,
           {
-            type: member.role,
-            label: member.role === "admin" ? "Admin" : "Member",
-            className: "shrink-0"
+            role: member.role === "admin" ? "admin" : "member",
+            label: member.role === "admin" ? "Org admin" : "Member"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -6096,11 +6035,10 @@ function InviteRow({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_ui8.ScRole,
+          RoleChip,
           {
-            type: role === "admin" ? "admin" : "member",
-            label: role === "admin" ? "Admin" : "Member",
-            className: "shrink-0"
+            role: role === "admin" ? "admin" : "member",
+            label: role === "admin" ? "Org admin" : "Member"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(

package/dist/index.mjs

@@ -2398,7 +2398,7 @@ function SettingsTooltip({
 
 // src/teams-content.tsx
 import { useState as useState6, useEffect as useEffect6, useCallback as useCallback2 } from "react";
-import { ScTableHeader, ScRole, ScPendingAction } from "@streamoid/ui";
+import { ScTableHeader, ScPendingAction } from "@streamoid/ui";
 import { ScButton as ScButton3 } from "@streamoid/ui";
 import {
   SiconUserAdd,
@@ -3642,7 +3642,7 @@ function InviteUpdateModal({
 }
 
 // src/member-list.tsx
-import { ScTabSwitcher, ScTabComp, ScOnlyField } from "@streamoid/ui";
+import { ScTabSwitcher, ScTabComp, ScOnlyField, ScRole } from "@streamoid/ui";
 import { SiconSearch as SiconSearch2 } from "@streamoid/icons";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var T7 = {
@@ -3797,28 +3797,17 @@ function MemberListFrame({
     }
   );
 }
-function OrgMembershipTag({
-  organizationName,
-  isOrgAdmin
+function RoleChip({
+  role,
+  label
 }) {
-  const org = organizationName?.trim() || "the organization";
   return /* @__PURE__ */ jsx11(
-    "span",
+    ScRole,
     {
-      className: "shrink-0 whitespace-nowrap",
-      style: {
-        fontFamily: T7.font,
-        fontSize: T7.fsXs,
-        fontWeight: 500,
-        lineHeight: T7.lhSm,
-        padding: "1px 8px",
-        borderRadius: "var(--radius-full)",
-        color: isOrgAdmin ? T7.primary : T7.muted,
-        border: `1px solid ${isOrgAdmin ? T7.primary : T7.borderSubtle}`,
-        backgroundColor: "transparent"
-      },
-      title: isOrgAdmin ? `Admin of ${org} \u2014 keeps access to this workspace regardless of what is set here. Manage under Organization \u203A People.` : `Also a member of ${org}. Manage their organization role under Organization \u203A People.`,
-      children: isOrgAdmin ? "org admin" : "in org"
+      type: role,
+      label,
+      className: "shrink-0",
+      style: { width: "auto", minWidth: "5rem" }
     }
   );
 }
@@ -4226,8 +4215,6 @@ function AccessIcons({ permissions }) {
 function TeamRow({
   member,
   variant,
-  orgMembership,
-  organizationName,
   onClick,
   onCancelInvite,
   onResendInvite
@@ -4293,23 +4280,13 @@ function TeamRow({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center shrink-0", style: { gap: 6 }, children: [
-          /* @__PURE__ */ jsx12(
-            ScRole,
-            {
-              type: member.permissions.role,
-              label: member.permissions.role === "admin" ? "Admin" : "Member",
-              className: "shrink-0"
-            }
-          ),
-          orgMembership && /* @__PURE__ */ jsx12(
-            OrgMembershipTag,
-            {
-              organizationName,
-              isOrgAdmin: orgMembership.isOrgAdmin
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsx12("div", { className: "flex items-center shrink-0", style: { gap: 6 }, children: /* @__PURE__ */ jsx12(
+          RoleChip,
+          {
+            role: member.permissions.role === "admin" ? "admin" : "member",
+            label: member.permissions.role === "admin" ? "Workspace admin" : "Member"
+          }
+        ) }),
         /* @__PURE__ */ jsx12(AccessIcons, { permissions: member.permissions }),
         /* @__PURE__ */ jsx12(
           "div",
@@ -4376,7 +4353,7 @@ function TeamsContent({
   organizationName,
   hiddenApps
 } = {}) {
-  const { auth, api, organization, workspace, toast } = useSettingsAdapters();
+  const { auth, api, workspace, toast } = useSettingsAdapters();
   const user = auth.user;
   const [activeTab, setActiveTab] = useState6("active");
   const [activeMembers, setActiveMembers] = useState6([]);
@@ -4386,9 +4363,6 @@ function TeamsContent({
   const [highestRole, setHighestRole] = useState6("admin");
   const [searchQuery, setSearchQuery] = useState6("");
   const [loadingData, setLoadingData] = useState6(false);
-  const [orgMemberRoles, setOrgMemberRoles] = useState6(
-    () => /* @__PURE__ */ new Map()
-  );
   const [modal, setModal] = useState6({
     open: false,
     mode: "invite"
@@ -4467,37 +4441,6 @@ function TeamsContent({
       }
     }
   ];
-  const organizationId = organization.current?.id ?? null;
-  useEffect6(() => {
-    if (!organizationId) {
-      setOrgMemberRoles(/* @__PURE__ */ new Map());
-      return;
-    }
-    let cancelled = false;
-    organization.fetchMembers().then((members2) => {
-      if (cancelled) return;
-      const next = /* @__PURE__ */ new Map();
-      for (const m of members2) {
-        const email = m.user?.email?.trim().toLowerCase();
-        if (email) next.set(email, m.role);
-      }
-      setOrgMemberRoles(next);
-    }).catch(() => {
-      if (!cancelled) setOrgMemberRoles(/* @__PURE__ */ new Map());
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [organizationId, organization]);
-  const orgMembershipFor = useCallback2(
-    (email) => {
-      const key = email?.trim().toLowerCase();
-      if (!key || orgMemberRoles.size === 0) return void 0;
-      const role = orgMemberRoles.get(key);
-      return role ? { isOrgAdmin: role === "admin" } : void 0;
-    },
-    [orgMemberRoles]
-  );
   const fetchData = useCallback2(async () => {
     setLoadingData(true);
     try {
@@ -4828,8 +4771,6 @@ function TeamsContent({
             {
               member,
               variant: activeTab,
-              orgMembership: orgMembershipFor(member.userEmail),
-              organizationName,
               onClick: activeTab === "active" ? () => openUpdateModal(member) : void 0,
               onCancelInvite: () => void handleCancelPendingInvite(member),
               onResendInvite: () => void handleResendPendingInvite(member)
@@ -4923,7 +4864,7 @@ function TeamsContent({
 
 // src/organization-content.tsx
 import { useCallback as useCallback3, useEffect as useEffect9, useState as useState9 } from "react";
-import { ScRole as ScRole2, ScButton as ScButton5 } from "@streamoid/ui";
+import { ScButton as ScButton5 } from "@streamoid/ui";
 import { SiconUserAdd as SiconUserAdd2, SiconGlobe as SiconGlobe2 } from "@streamoid/icons";
 
 // src/organization-invite-modal.tsx
@@ -5969,11 +5910,10 @@ function MemberRow({
           }
         ),
         /* @__PURE__ */ jsx15(
-          ScRole2,
+          RoleChip,
           {
-            type: member.role,
-            label: member.role === "admin" ? "Admin" : "Member",
-            className: "shrink-0"
+            role: member.role === "admin" ? "admin" : "member",
+            label: member.role === "admin" ? "Org admin" : "Member"
           }
         ),
         /* @__PURE__ */ jsx15(
@@ -6078,11 +6018,10 @@ function InviteRow({
           ] })
         ] }),
         /* @__PURE__ */ jsx15(
-          ScRole2,
+          RoleChip,
           {
-            type: role === "admin" ? "admin" : "member",
-            label: role === "admin" ? "Admin" : "Member",
-            className: "shrink-0"
+            role: role === "admin" ? "admin" : "member",
+            label: role === "admin" ? "Org admin" : "Member"
           }
         ),
         /* @__PURE__ */ jsx15(
@@ -12146,7 +12085,6 @@ export {
   InviteUpdateModal,
   MemberListFrame,
   MemberListToolbar,
-  OrgMembershipTag,
   OrganizationContent,
   OrganizationInviteModal,
   OrganizationModal,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/settings",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",