@ateam-ai-mobile/ui 0.1.1 → 0.1.2

package/dist/index.mjs

@@ -1893,12 +1893,13 @@ var styles11 = StyleSheet11.create({
 // src/TenantPicker.tsx
 import { useEffect as useEffect7, useState as useState8 } from "react";
 import { View as View13, Text as Text9, Pressable as Pressable7, ActivityIndicator as ActivityIndicator5, StyleSheet as StyleSheet12, Platform as Platform8 } from "react-native";
-import { ada as ada9, fontSize as fontSize5, borderRadius as borderRadius5, listMyTenants, getTenant as getTenant4 } from "@ateam-ai-mobile/core";
+import { ada as ada9, fontSize as fontSize5, borderRadius as borderRadius5, listMyTenants, switchTenant, getTenant as getTenant4 } from "@ateam-ai-mobile/core";
 import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var fontFam5 = Platform8.OS === "ios" ? "SF Pro Rounded" : void 0;
-function TenantPicker({ onSelect, currentTenantId }) {
+function TenantPicker({ onSwitched, onSelect, currentTenantId }) {
   const [tenants, setTenants] = useState8(null);
   const [error, setError] = useState8(null);
+  const [switching, setSwitching] = useState8(null);
   const active = currentTenantId ?? getTenant4();
   useEffect7(() => {
     let cancelled = false;
@@ -1911,6 +1912,23 @@ function TenantPicker({ onSelect, currentTenantId }) {
       cancelled = true;
     };
   }, []);
+  const handlePress = async (t) => {
+    if (t.id === active || switching) return;
+    if (onSelect) {
+      onSelect(t);
+      return;
+    }
+    setError(null);
+    setSwitching(t.id);
+    try {
+      const session = await switchTenant(t.id);
+      onSwitched?.(session);
+    } catch (e) {
+      setError(e?.message || "Could not switch team");
+    } finally {
+      setSwitching(null);
+    }
+  };
   if (error) return /* @__PURE__ */ jsx14(Text9, { style: styles12.error, children: error });
   if (!tenants) {
     return /* @__PURE__ */ jsx14(View13, { style: styles12.loading, children: /* @__PURE__ */ jsx14(ActivityIndicator5, { color: ada9.orange }) });
@@ -1918,12 +1936,14 @@ function TenantPicker({ onSelect, currentTenantId }) {
   if (tenants.length === 0) return /* @__PURE__ */ jsx14(Text9, { style: styles12.empty, children: "No teams found for this account." });
   return /* @__PURE__ */ jsx14(View13, { style: styles12.list, children: tenants.map((t) => {
     const isActive = t.id === active;
+    const isSwitching = switching === t.id;
     return /* @__PURE__ */ jsxs11(
       Pressable7,
       {
         accessibilityRole: "button",
         accessibilityLabel: `Team ${t.name}${isActive ? ", current" : ""}`,
-        onPress: () => onSelect(t),
+        disabled: !!switching,
+        onPress: () => handlePress(t),
         style: [styles12.row, isActive && styles12.rowActive],
         children: [
           /* @__PURE__ */ jsx14(View13, { style: styles12.dot }),
@@ -1931,7 +1951,7 @@ function TenantPicker({ onSelect, currentTenantId }) {
             /* @__PURE__ */ jsx14(Text9, { style: styles12.name, children: t.name }),
             /* @__PURE__ */ jsx14(Text9, { style: styles12.slug, children: t.id })
           ] }),
-          isActive && /* @__PURE__ */ jsx14(Text9, { style: styles12.check, children: "\u2713" })
+          isSwitching ? /* @__PURE__ */ jsx14(ActivityIndicator5, { color: ada9.orange }) : isActive ? /* @__PURE__ */ jsx14(Text9, { style: styles12.check, children: "\u2713" }) : null
         ]
       },
       t.id