@ateam-ai-mobile/ui 0.1.1 → 0.1.2

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Message, JobProgress, UIAction, TenantMembership } from '@ateam-ai-mobile/core';
+import { Message, JobProgress, UIAction, AdasSession, TenantMembership } from '@ateam-ai-mobile/core';
 import * as react from 'react';
 import react__default from 'react';
 import { PluginSurfaceMeta, PlatformPluginManifest } from '@ateam-ai-mobile/plugin-runtime';
@@ -152,12 +152,15 @@ interface Props$1 {
 declare function WidgetWebView({ visible, title, bundleUrl, onClose }: Props$1): react_jsx_runtime.JSX.Element;
 
 interface TenantPickerProps {
-    /** Called with the picked tenant. Host mints a JWT for it and re-inits. */
-    onSelect: (tenant: TenantMembership) => void;
+    /** Called after a successful SDK-driven switch (host navigates/refreshes). */
+    onSwitched?: (session: AdasSession) => void;
+    /** Intercept the tap instead of switching — for fully custom host flows.
+     *  When provided, the SDK does NOT call switchTenant(). */
+    onSelect?: (tenant: TenantMembership) => void;
     /** Highlight the active tenant. Defaults to the SDK config's tenant. */
     currentTenantId?: string;
 }
-declare function TenantPicker({ onSelect, currentTenantId }: TenantPickerProps): react_jsx_runtime.JSX.Element;
+declare function TenantPicker({ onSwitched, onSelect, currentTenantId }: TenantPickerProps): react_jsx_runtime.JSX.Element;
 
 declare function Lightbox(): react_jsx_runtime.JSX.Element | null;
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Message, JobProgress, UIAction, TenantMembership } from '@ateam-ai-mobile/core';
+import { Message, JobProgress, UIAction, AdasSession, TenantMembership } from '@ateam-ai-mobile/core';
 import * as react from 'react';
 import react__default from 'react';
 import { PluginSurfaceMeta, PlatformPluginManifest } from '@ateam-ai-mobile/plugin-runtime';
@@ -152,12 +152,15 @@ interface Props$1 {
 declare function WidgetWebView({ visible, title, bundleUrl, onClose }: Props$1): react_jsx_runtime.JSX.Element;
 
 interface TenantPickerProps {
-    /** Called with the picked tenant. Host mints a JWT for it and re-inits. */
-    onSelect: (tenant: TenantMembership) => void;
+    /** Called after a successful SDK-driven switch (host navigates/refreshes). */
+    onSwitched?: (session: AdasSession) => void;
+    /** Intercept the tap instead of switching — for fully custom host flows.
+     *  When provided, the SDK does NOT call switchTenant(). */
+    onSelect?: (tenant: TenantMembership) => void;
     /** Highlight the active tenant. Defaults to the SDK config's tenant. */
     currentTenantId?: string;
 }
-declare function TenantPicker({ onSelect, currentTenantId }: TenantPickerProps): react_jsx_runtime.JSX.Element;
+declare function TenantPicker({ onSwitched, onSelect, currentTenantId }: TenantPickerProps): react_jsx_runtime.JSX.Element;
 
 declare function Lightbox(): react_jsx_runtime.JSX.Element | null;
 

package/dist/index.js

@@ -1918,9 +1918,10 @@ var import_react_native13 = require("react-native");
 var import_core15 = require("@ateam-ai-mobile/core");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var fontFam5 = import_react_native13.Platform.OS === "ios" ? "SF Pro Rounded" : void 0;
-function TenantPicker({ onSelect, currentTenantId }) {
+function TenantPicker({ onSwitched, onSelect, currentTenantId }) {
   const [tenants, setTenants] = (0, import_react11.useState)(null);
   const [error, setError] = (0, import_react11.useState)(null);
+  const [switching, setSwitching] = (0, import_react11.useState)(null);
   const active = currentTenantId ?? (0, import_core15.getTenant)();
   (0, import_react11.useEffect)(() => {
     let cancelled = false;
@@ -1933,6 +1934,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 (0, import_core15.switchTenant)(t.id);
+      onSwitched?.(session);
+    } catch (e) {
+      setError(e?.message || "Could not switch team");
+    } finally {
+      setSwitching(null);
+    }
+  };
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.error, children: error });
   if (!tenants) {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.View, { style: styles12.loading, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.ActivityIndicator, { color: import_core15.ada.orange }) });
@@ -1940,12 +1958,14 @@ function TenantPicker({ onSelect, currentTenantId }) {
   if (tenants.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.empty, children: "No teams found for this account." });
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.View, { style: styles12.list, children: tenants.map((t) => {
     const isActive = t.id === active;
+    const isSwitching = switching === t.id;
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       import_react_native13.Pressable,
       {
         accessibilityRole: "button",
         accessibilityLabel: `Team ${t.name}${isActive ? ", current" : ""}`,
-        onPress: () => onSelect(t),
+        disabled: !!switching,
+        onPress: () => handlePress(t),
         style: [styles12.row, isActive && styles12.rowActive],
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.View, { style: styles12.dot }),
@@ -1953,7 +1973,7 @@ function TenantPicker({ onSelect, currentTenantId }) {
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.name, children: t.name }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.slug, children: t.id })
           ] }),
-          isActive && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.check, children: "\u2713" })
+          isSwitching ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.ActivityIndicator, { color: import_core15.ada.orange }) : isActive ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native13.Text, { style: styles12.check, children: "\u2713" }) : null
         ]
       },
       t.id