@ionite/react 0.0.24-beta.20260907.2 → 0.0.24-beta.20260907.3

package/dist/index.js

@@ -1 +1,604 @@
-import{defaultLogger as VM,silentLogger as _M}from"@ionite/core";import{silentLogger as ZW}from"@ionite/core";import{createContext as $W,useContext as i,useMemo as OW}from"react";import{silentLogger as S}from"@ionite/core";import{useCallback as R,useEffect as v,useRef as c,useState as U}from"react";var JW=/^[a-zA-Z0-9._-]{1,1024}$/;function QW(W,M){if(!W.trim())throw Error(`${M} storageKey must be a non-empty string.`);if(!JW.test(W))throw Error(`${M} storageKey must be 1-1024 characters and contain only letters, numbers, dots, underscores, and hyphens.`)}function D(W,M,C){if(M===void 0||M==="")return W;return QW(M,C),M}function n(W,M,C,H=S){if(typeof window>"u")return null;try{let q=W==="local"?localStorage:sessionStorage,J=q.getItem(M);if(!J)return null;let Q=JSON.parse(J),Z=C.validate(Q);if(!Z)return q.removeItem(M),null;let $=C.revive(Z);if(C.isExpired($))return q.removeItem(M),null;return $}catch(q){return H.error("Error loading auth record from storage:",q),null}}async function g(W,M,C,H=S){try{let q=await fetch(W,C);if(q.status===401)return{kind:"unauthenticated"};if(!q.ok){let Z=Error(`Failed to fetch auth record: ${q.status} ${q.statusText}`);return H.error("Error fetching auth record from URL:",Z),{kind:"error",error:Z}}let J=await q.json(),Q=M.validate(J);if(!Q){let Z=Error("Auth record from server failed validation.");return H.error("Error validating auth record from URL:",Z),{kind:"error",error:Z}}return{kind:"ok",value:M.revive(Q)}}catch(q){let J=q instanceof Error?q:Error(String(q));return H.error("Error fetching auth record from URL:",J),{kind:"error",error:J}}}function V(W){let{url:M,storage:C,storageKey:H,disableListener:q,logoutEventName:J,codec:Q}=W,[Z,$]=U(null),[I,O]=U(!!M),[X,P]=U(null),N=c(W.fetchInit);N.current=W.fetchInit;let z=c(W.log);z.current=W.log;let A=R((B)=>{if(C==="memory"||typeof window>"u")return;try{let f=C==="local"?localStorage:sessionStorage;if(B===null)f.removeItem(H);else f.setItem(H,JSON.stringify(B))}catch(f){z.current.error("Error saving auth record to storage:",f)}},[C,H]),w=R((B)=>{$(B),A(B)},[A]),j=R(()=>{if(C==="memory")return null;return n(C,H,Q,z.current)},[C,H,Q]),Y=R(async()=>{if(!M)return;O(!0);try{let B=await g(M,Q,N.current,z.current);if(B.kind==="ok")$(B.value),P(null),A(B.value);else if(B.kind==="unauthenticated")$(null),P(null),A(null);else P(B.error)}finally{O(!1)}},[M,Q,A]);return v(()=>{let B=j();if(B)$(B);if(M)Y();else O(!1)},[j,M,Y]),v(()=>{if(q||C==="memory")return;let B=(F)=>{if(F.key!==H)return;if(F.newValue===null){$(null);return}try{let x=JSON.parse(F.newValue),E=Q.validate(x);if(!E)return;let u=Q.revive(E);if(Q.isExpired(u)){$(null);return}$(u)}catch(x){z.current.error("Error parsing auth record from storage event:",x)}},f=()=>{$(null),P(null)};return window.addEventListener("storage",B),window.addEventListener(J,f),()=>{window.removeEventListener("storage",B),window.removeEventListener(J,f)}},[q,C,H,J,Q]),{value:Z,setValue:w,isLoading:I,error:X}}async function d(W,M,C){let{storageKey:H,storage:q,fetchInit:J,log:Q=S}=C;if(q==="local"||q==="session"){let Z=n(q,H,M,Q);if(Z)return Z}if(W){let Z=await g(W,M,J,Q);if(Z.kind==="ok")return Z.value}return}async function _(W,M,C){try{let H=await fetch(W,{...C?.fetchInit,headers:{Accept:"application/json",...C?.fetchInit?.headers}});if(!H.ok)return{success:!1,error:`HTTP ${H.status}`};let q=await H.json();if(!q.success)return{success:!1,error:q.message||"Logout failed"};let J=typeof q.redirect==="string"?q.redirect:void 0;if(typeof window<"u"){let Q=D(M.defaultStorageKey,C?.storageKey,M.providerLabel);if(localStorage.removeItem(Q),sessionStorage.removeItem(Q),window.dispatchEvent(new CustomEvent(M.logoutEventName)),J&&C?.navigate!==!1)window.location.assign(J)}return{success:!0,redirect:J}}catch(H){return{success:!1,error:H instanceof Error?H.message:"Network error"}}}import{jsx as PW}from"react/jsx-runtime";var m="ion.ciam.customer",l="ion-ciam-logout",T="CIAMProvider",s={validate(W){if(!W||typeof W!=="object")return null;let M=W;if(typeof M.userName!=="string"||typeof M.name!=="string"||typeof M.email!=="string")return null;return W},revive(W){if(W.ciam?.expires)W.ciam.expires=new Date(W.ciam.expires);return W},isExpired(W){let M=W.ciam?.expires;if(!M)return!1;let C=M instanceof Date?M.getTime():new Date(M).getTime();return Number.isFinite(C)&&C<=Date.now()}},y=$W(void 0);function BW({storageKey:W,customerUrl:M,storage:C="memory",disableListener:H=!1,fetchInit:q,log:J=ZW,children:Q}){let Z=D(m,W,T),{value:$,setValue:I,isLoading:O,error:X}=V({url:M,storage:C,storageKey:Z,disableListener:H,logoutEventName:l,codec:s,fetchInit:q,log:J}),P=OW(()=>({customer:$,setCustomer:I,isLoading:O,error:X}),[$,I,O,X]);return PW(y.Provider,{value:P,children:Q})}function IW(){let W=i(y);if(W===void 0)throw Error("useCIAMContext must be used within a CIAMProvider");return W}function G(){return i(y)}async function XW(W,M){return d(W,s,{storageKey:D(m,M?.storageKey,T),storage:M?.storage??"memory",fetchInit:M?.fetchInit,log:M?.log})}async function YW(W,M){return _(W,{defaultStorageKey:m,logoutEventName:l,providerLabel:T},M)}import{silentLogger as a}from"@ionite/core";import{useCallback as zW,useEffect as AW,useState as b}from"react";import{jsx as h,jsxs as K}from"react/jsx-runtime";function t(W,M=a){let[C,H]=b([]),[q,J]=b(Boolean(W)),[Q,Z]=b(null),$=zW(()=>{if(!W)return;let I=!1;return J(!0),Z(null),fetch(W,{headers:{Accept:"application/json"}}).then(async(O)=>{if(!O.ok)throw Error(`Failed to fetch CIAM providers: ${O.status} ${O.statusText}`);let X=await O.json();if(!I)H(Array.isArray(X.providers)?X.providers:[])}).catch((O)=>{let X=O instanceof Error?O:Error(String(O));if(M.error("Error fetching CIAM providers:",X),!I)H([]),Z(X)}).finally(()=>{if(!I)J(!1)}),()=>{I=!0}},[W,M]);return AW(()=>{return $()},[$]),{providers:C,isLoading:q,error:Q,refresh:$}}function fW(W,M){return{display:"flex",alignItems:"center",gap:"0.5rem",width:"100%",padding:"0.625rem 0.875rem",border:"1px solid rgba(0,0,0,0.15)",borderRadius:"0.5rem",background:(M==="dark"?W.colors?.dark:W.colors?.light)??(M==="dark"?"#1f1f1f":"#ffffff"),color:M==="dark"?"#ffffff":"#111111",textDecoration:"none",font:"inherit",cursor:"pointer"}}function GW({providersUrl:W,limit:M,theme:C="light",renderProvider:H,loadingFallback:q,emptyFallback:J,errorFallback:Q,moreLabel:Z="Show more",className:$,log:I=a}){let{providers:O,isLoading:X,error:P,refresh:N}=t(W,I),[z,A]=b(!1);if(X)return q??null;if(P)return Q?Q(P,N):J??null;if(O.length===0)return J??null;let w=!z&&typeof M==="number"&&M>0?O.slice(0,M):O,j=w.length<O.length;return K("div",{className:$,style:{display:"flex",flexDirection:"column",gap:"0.5rem"},"data-ion-ciam-providers":"",children:[w.map((Y)=>H?h("span",{children:H(Y)},Y.name):K("a",{href:Y.loginUrl,style:fW(Y,C),"data-ion-ciam-provider":Y.name,children:[Y.iconUrl?h("img",{src:Y.iconUrl,alt:"",width:20,height:20,"aria-hidden":"true"}):null,K("span",{children:["Continue with ",Y.displayName]})]},Y.name)),j?h("button",{type:"button",onClick:()=>A(!0),"data-ion-ciam-show-more":"",children:Z}):null]})}import{silentLogger as kW}from"@ionite/core";import{createContext as DW,useContext as o,useMemo as NW}from"react";import{jsx as _W}from"react/jsx-runtime";var r="ion.sso.user",e="ion-sso-logout",WW="SSOProvider",wW={validate(W){if(!W||typeof W!=="object")return null;let M=W;if(typeof M.userName!=="string"||typeof M.name!=="string"||typeof M.email!=="string")return null;return W},revive(W){if(W.sso?.expires)W.sso.expires=new Date(W.sso.expires);return W},isExpired(W){let M=W.sso?.expires;if(!M)return!1;let C=M instanceof Date?M.getTime():new Date(M).getTime();return Number.isFinite(C)&&C<=Date.now()}},L=DW(void 0);function jW({storageKey:W,userUrl:M,storage:C="memory",disableListener:H=!1,fetchInit:q,log:J=kW,children:Q}){let Z=D(r,W,WW),{value:$,setValue:I,isLoading:O,error:X}=V({url:M,storage:C,storageKey:Z,disableListener:H,logoutEventName:e,codec:wW,fetchInit:q,log:J}),P=NW(()=>({user:$,setUser:I,isLoading:O,error:X}),[$,I,O,X]);return _W(L.Provider,{value:P,children:Q})}function RW(){let W=o(L);if(W===void 0)throw Error("useSSOContext must be used within a SSOProvider");return W}function k(){return o(L)}async function VW(W,M){return _(W,{defaultStorageKey:r,logoutEventName:e,providerLabel:WW},M)}import{jsx as xW,Fragment as FW}from"react/jsx-runtime";function bW({complete:W=!1,audience:M="workforce",children:C}){let H=k(),q=G();if((M==="customer"?!!q?.isLoading:!!H?.isLoading)&&!W)return xW(FW,{children:C});return null}import{jsx as mW,Fragment as SW}from"react/jsx-runtime";function UW({audience:W="workforce",children:M}){let C=k(),H=G();if(W==="customer"?!!H?.customer:!!C?.user)return mW(SW,{children:M});return null}import{jsx as hW,Fragment as yW}from"react/jsx-runtime";function TW({audience:W="workforce",children:M}){let C=k(),H=G(),q=W==="customer"?!!H?.customer:!!C?.user,J=W==="customer"?!!H?.isLoading:!!C?.isLoading;if(q||J)return null;return hW(yW,{children:M})}import{buildTenantPath as MW,DEFAULT_TENANT_API_NAMESPACE as KW,DEFAULT_TENANT_UI_NAMESPACE as LW,normalizeTenantRoutingStrategy as CW}from"@ionite/core";import{createContext as pW,useContext as qW,useMemo as EW}from"react";import{jsx as nW}from"react/jsx-runtime";var p=pW(null);function HW(W,M){let C=CW(M),H=C.ui??LW,q=C.api??KW;return{ui:(J="/")=>MW(W,J,H),api:(J="/")=>MW(W,J,q)}}function uW({id:W,strategy:M,children:C}){let H=EW(()=>{let q=CW(M);return{id:W,strategy:q,urls:HW(W,q)}},[M,W]);return nW(p.Provider,{value:H,children:C})}function vW(){let W=qW(p);if(!W)throw Error("useTenant() must be used within a TenantProvider");return W}function cW(){return qW(p)??void 0}export{vW as useTenant,RW as useSSOContext,cW as useOptionalTenant,k as useOptionalSSOContext,G as useOptionalCIAMContext,t as useCIAMProviders,IW as useCIAMContext,_M as silentLogger,YW as logoutCustomer,VW as logout,XW as getCustomer,VM as defaultLogger,HW as createTenantUrls,uW as TenantProvider,TW as SignedOut,UW as SignedIn,bW as SignInLoading,jW as SSOProvider,GW as CIAMProviderList,BW as CIAMProvider};
+// packages/react/src/index.ts
+import { defaultLogger, silentLogger as silentLogger5 } from "@ionite/core";
+
+// packages/react/src/ciam-provider.tsx
+import { silentLogger as silentLogger2 } from "@ionite/core";
+import { createContext, useContext, useMemo } from "react";
+
+// packages/react/src/auth-resource.tsx
+import { silentLogger } from "@ionite/core";
+import { useCallback, useEffect, useRef, useState } from "react";
+var VALID_STORAGE_KEY = /^[a-zA-Z0-9._-]{1,1024}$/;
+function validateStorageKey(key, providerLabel) {
+  if (!key.trim()) {
+    throw new Error(`${providerLabel} storageKey must be a non-empty string.`);
+  }
+  if (!VALID_STORAGE_KEY.test(key)) {
+    throw new Error(`${providerLabel} storageKey must be 1-1024 characters and contain only letters, numbers, dots, underscores, and hyphens.`);
+  }
+}
+function resolveStorageKey(defaultKey, storageKey, providerLabel) {
+  if (storageKey === undefined || storageKey === "") {
+    return defaultKey;
+  }
+  validateStorageKey(storageKey, providerLabel);
+  return storageKey;
+}
+function loadFromStorageForKey(storage, storageKey, codec, log = silentLogger) {
+  if (typeof window === "undefined")
+    return null;
+  try {
+    const store = storage === "local" ? localStorage : sessionStorage;
+    const raw = store.getItem(storageKey);
+    if (!raw)
+      return null;
+    const parsed = JSON.parse(raw);
+    const validated = codec.validate(parsed);
+    if (!validated) {
+      store.removeItem(storageKey);
+      return null;
+    }
+    const revived = codec.revive(validated);
+    if (codec.isExpired(revived)) {
+      store.removeItem(storageKey);
+      return null;
+    }
+    return revived;
+  } catch (error) {
+    log.error("Error loading auth record from storage:", error);
+    return null;
+  }
+}
+async function fetchResourceFromServer(url, codec, fetchInit, log = silentLogger) {
+  try {
+    const response = await fetch(url, fetchInit);
+    if (response.status === 401) {
+      return { kind: "unauthenticated" };
+    }
+    if (!response.ok) {
+      const error = new Error(`Failed to fetch auth record: ${response.status} ${response.statusText}`);
+      log.error("Error fetching auth record from URL:", error);
+      return { kind: "error", error };
+    }
+    const data = await response.json();
+    const validated = codec.validate(data);
+    if (!validated) {
+      const error = new Error("Auth record from server failed validation.");
+      log.error("Error validating auth record from URL:", error);
+      return { kind: "error", error };
+    }
+    return { kind: "ok", value: codec.revive(validated) };
+  } catch (err) {
+    const error = err instanceof Error ? err : new Error(String(err));
+    log.error("Error fetching auth record from URL:", error);
+    return { kind: "error", error };
+  }
+}
+function useAuthResource(options) {
+  const { url, storage, storageKey, disableListener, logoutEventName, codec } = options;
+  const [value, setValueState] = useState(null);
+  const [isLoading, setIsLoading] = useState(!!url);
+  const [error, setError] = useState(null);
+  const fetchInitRef = useRef(options.fetchInit);
+  fetchInitRef.current = options.fetchInit;
+  const logRef = useRef(options.log);
+  logRef.current = options.log;
+  const saveToStorage = useCallback((next) => {
+    if (storage === "memory" || typeof window === "undefined")
+      return;
+    try {
+      const store = storage === "local" ? localStorage : sessionStorage;
+      if (next === null) {
+        store.removeItem(storageKey);
+      } else {
+        store.setItem(storageKey, JSON.stringify(next));
+      }
+    } catch (err) {
+      logRef.current.error("Error saving auth record to storage:", err);
+    }
+  }, [storage, storageKey]);
+  const setValue = useCallback((next) => {
+    setValueState(next);
+    saveToStorage(next);
+  }, [saveToStorage]);
+  const loadFromStorage = useCallback(() => {
+    if (storage === "memory")
+      return null;
+    return loadFromStorageForKey(storage, storageKey, codec, logRef.current);
+  }, [storage, storageKey, codec]);
+  const refresh = useCallback(async () => {
+    if (!url)
+      return;
+    setIsLoading(true);
+    try {
+      const outcome = await fetchResourceFromServer(url, codec, fetchInitRef.current, logRef.current);
+      if (outcome.kind === "ok") {
+        setValueState(outcome.value);
+        setError(null);
+        saveToStorage(outcome.value);
+      } else if (outcome.kind === "unauthenticated") {
+        setValueState(null);
+        setError(null);
+        saveToStorage(null);
+      } else {
+        setError(outcome.error);
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  }, [url, codec, saveToStorage]);
+  useEffect(() => {
+    const stored = loadFromStorage();
+    if (stored)
+      setValueState(stored);
+    if (url) {
+      refresh();
+    } else {
+      setIsLoading(false);
+    }
+  }, [loadFromStorage, url, refresh]);
+  useEffect(() => {
+    if (disableListener || storage === "memory")
+      return;
+    const handleStorageChange = (event) => {
+      if (event.key !== storageKey)
+        return;
+      if (event.newValue === null) {
+        setValueState(null);
+        return;
+      }
+      try {
+        const parsed = JSON.parse(event.newValue);
+        const validated = codec.validate(parsed);
+        if (!validated)
+          return;
+        const revived = codec.revive(validated);
+        if (codec.isExpired(revived)) {
+          setValueState(null);
+          return;
+        }
+        setValueState(revived);
+      } catch (err) {
+        logRef.current.error("Error parsing auth record from storage event:", err);
+      }
+    };
+    const handleLogout = () => {
+      setValueState(null);
+      setError(null);
+    };
+    window.addEventListener("storage", handleStorageChange);
+    window.addEventListener(logoutEventName, handleLogout);
+    return () => {
+      window.removeEventListener("storage", handleStorageChange);
+      window.removeEventListener(logoutEventName, handleLogout);
+    };
+  }, [disableListener, storage, storageKey, logoutEventName, codec]);
+  return { value, setValue, isLoading, error };
+}
+async function getResource(url, codec, options) {
+  const { storageKey, storage, fetchInit, log = silentLogger } = options;
+  if (storage === "local" || storage === "session") {
+    const fromStorage = loadFromStorageForKey(storage, storageKey, codec, log);
+    if (fromStorage)
+      return fromStorage;
+  }
+  if (url) {
+    const outcome = await fetchResourceFromServer(url, codec, fetchInit, log);
+    if (outcome.kind === "ok")
+      return outcome.value;
+  }
+  return;
+}
+async function logoutResource(logoutUrl, config, options) {
+  try {
+    const response = await fetch(logoutUrl, {
+      ...options?.fetchInit,
+      headers: { Accept: "application/json", ...options?.fetchInit?.headers }
+    });
+    if (!response.ok) {
+      return { success: false, error: `HTTP ${response.status}` };
+    }
+    const data = await response.json();
+    if (!data.success) {
+      return { success: false, error: data.message || "Logout failed" };
+    }
+    const redirect = typeof data.redirect === "string" ? data.redirect : undefined;
+    if (typeof window !== "undefined") {
+      const key = resolveStorageKey(config.defaultStorageKey, options?.storageKey, config.providerLabel);
+      localStorage.removeItem(key);
+      sessionStorage.removeItem(key);
+      window.dispatchEvent(new CustomEvent(config.logoutEventName));
+      if (redirect && options?.navigate !== false) {
+        window.location.assign(redirect);
+      }
+    }
+    return { success: true, redirect };
+  } catch (error) {
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : "Network error"
+    };
+  }
+}
+
+// packages/react/src/ciam-provider.tsx
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_STORAGE_KEY = "ion.ciam.customer";
+var LOGOUT_EVENT = "ion-ciam-logout";
+var PROVIDER_LABEL = "CIAMProvider";
+var customerCodec = {
+  validate(raw) {
+    if (!raw || typeof raw !== "object")
+      return null;
+    const candidate = raw;
+    if (typeof candidate.userName !== "string" || typeof candidate.name !== "string" || typeof candidate.email !== "string") {
+      return null;
+    }
+    return raw;
+  },
+  revive(customer) {
+    if (customer.ciam?.expires) {
+      customer.ciam.expires = new Date(customer.ciam.expires);
+    }
+    return customer;
+  },
+  isExpired(customer) {
+    const expires = customer.ciam?.expires;
+    if (!expires)
+      return false;
+    const time = expires instanceof Date ? expires.getTime() : new Date(expires).getTime();
+    return Number.isFinite(time) && time <= Date.now();
+  }
+};
+var CTX = createContext(undefined);
+function CIAMProvider({
+  storageKey: storageKeyProp,
+  customerUrl,
+  storage = "memory",
+  disableListener = false,
+  fetchInit,
+  log = silentLogger2,
+  children
+}) {
+  const storageKey = resolveStorageKey(DEFAULT_STORAGE_KEY, storageKeyProp, PROVIDER_LABEL);
+  const { value, setValue, isLoading, error } = useAuthResource({
+    url: customerUrl,
+    storage,
+    storageKey,
+    disableListener,
+    logoutEventName: LOGOUT_EVENT,
+    codec: customerCodec,
+    fetchInit,
+    log
+  });
+  const contextValue = useMemo(() => ({ customer: value, setCustomer: setValue, isLoading, error }), [value, setValue, isLoading, error]);
+  return /* @__PURE__ */ jsx(CTX.Provider, {
+    value: contextValue,
+    children
+  });
+}
+function useCIAMContext() {
+  const context = useContext(CTX);
+  if (context === undefined) {
+    throw new Error("useCIAMContext must be used within a CIAMProvider");
+  }
+  return context;
+}
+function useOptionalCIAMContext() {
+  return useContext(CTX);
+}
+async function getCustomer(customerUrl, options) {
+  return getResource(customerUrl, customerCodec, {
+    storageKey: resolveStorageKey(DEFAULT_STORAGE_KEY, options?.storageKey, PROVIDER_LABEL),
+    storage: options?.storage ?? "memory",
+    fetchInit: options?.fetchInit,
+    log: options?.log
+  });
+}
+async function logoutCustomer(logoutUrl, options) {
+  return logoutResource(logoutUrl, { defaultStorageKey: DEFAULT_STORAGE_KEY, logoutEventName: LOGOUT_EVENT, providerLabel: PROVIDER_LABEL }, options);
+}
+// packages/react/src/ciam-providers.tsx
+import { silentLogger as silentLogger3 } from "@ionite/core";
+import { useCallback as useCallback2, useEffect as useEffect2, useState as useState2 } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function useCIAMProviders(providersUrl, log = silentLogger3) {
+  const [providers, setProviders] = useState2([]);
+  const [isLoading, setIsLoading] = useState2(Boolean(providersUrl));
+  const [error, setError] = useState2(null);
+  const refresh = useCallback2(() => {
+    if (!providersUrl)
+      return;
+    let cancelled = false;
+    setIsLoading(true);
+    setError(null);
+    fetch(providersUrl, { headers: { Accept: "application/json" } }).then(async (response) => {
+      if (!response.ok) {
+        throw new Error(`Failed to fetch CIAM providers: ${response.status} ${response.statusText}`);
+      }
+      const data = await response.json();
+      if (!cancelled)
+        setProviders(Array.isArray(data.providers) ? data.providers : []);
+    }).catch((err) => {
+      const normalized = err instanceof Error ? err : new Error(String(err));
+      log.error("Error fetching CIAM providers:", normalized);
+      if (!cancelled) {
+        setProviders([]);
+        setError(normalized);
+      }
+    }).finally(() => {
+      if (!cancelled)
+        setIsLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [providersUrl, log]);
+  useEffect2(() => {
+    const cleanup = refresh();
+    return cleanup;
+  }, [refresh]);
+  return { providers, isLoading, error, refresh };
+}
+function providerButtonStyle(provider, theme) {
+  const background = theme === "dark" ? provider.colors?.dark : provider.colors?.light;
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.5rem",
+    width: "100%",
+    padding: "0.625rem 0.875rem",
+    border: "1px solid rgba(0,0,0,0.15)",
+    borderRadius: "0.5rem",
+    background: background ?? (theme === "dark" ? "#1f1f1f" : "#ffffff"),
+    color: theme === "dark" ? "#ffffff" : "#111111",
+    textDecoration: "none",
+    font: "inherit",
+    cursor: "pointer"
+  };
+}
+function CIAMProviderList({
+  providersUrl,
+  limit,
+  theme = "light",
+  renderProvider,
+  loadingFallback,
+  emptyFallback,
+  errorFallback,
+  moreLabel = "Show more",
+  className,
+  log = silentLogger3
+}) {
+  const { providers, isLoading, error, refresh } = useCIAMProviders(providersUrl, log);
+  const [expanded, setExpanded] = useState2(false);
+  if (isLoading) {
+    return loadingFallback ?? null;
+  }
+  if (error) {
+    return errorFallback ? errorFallback(error, refresh) : emptyFallback ?? null;
+  }
+  if (providers.length === 0) {
+    return emptyFallback ?? null;
+  }
+  const visible = !expanded && typeof limit === "number" && limit > 0 ? providers.slice(0, limit) : providers;
+  const hasMore = visible.length < providers.length;
+  return /* @__PURE__ */ jsxs("div", {
+    className,
+    style: { display: "flex", flexDirection: "column", gap: "0.5rem" },
+    "data-ion-ciam-providers": "",
+    children: [
+      visible.map((provider) => renderProvider ? /* @__PURE__ */ jsx2("span", {
+        children: renderProvider(provider)
+      }, provider.name) : /* @__PURE__ */ jsxs("a", {
+        href: provider.loginUrl,
+        style: providerButtonStyle(provider, theme),
+        "data-ion-ciam-provider": provider.name,
+        children: [
+          provider.iconUrl ? /* @__PURE__ */ jsx2("img", {
+            src: provider.iconUrl,
+            alt: "",
+            width: 20,
+            height: 20,
+            "aria-hidden": "true"
+          }) : null,
+          /* @__PURE__ */ jsxs("span", {
+            children: [
+              "Continue with ",
+              provider.displayName
+            ]
+          })
+        ]
+      }, provider.name)),
+      hasMore ? /* @__PURE__ */ jsx2("button", {
+        type: "button",
+        onClick: () => setExpanded(true),
+        "data-ion-ciam-show-more": "",
+        children: moreLabel
+      }) : null
+    ]
+  });
+}
+// packages/react/src/sso-provider.tsx
+import { silentLogger as silentLogger4 } from "@ionite/core";
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var DEFAULT_STORAGE_KEY2 = "ion.sso.user";
+var LOGOUT_EVENT2 = "ion-sso-logout";
+var PROVIDER_LABEL2 = "SSOProvider";
+var userCodec = {
+  validate(raw) {
+    if (!raw || typeof raw !== "object")
+      return null;
+    const candidate = raw;
+    if (typeof candidate.userName !== "string" || typeof candidate.name !== "string" || typeof candidate.email !== "string") {
+      return null;
+    }
+    return raw;
+  },
+  revive(user) {
+    if (user.sso?.expires) {
+      user.sso.expires = new Date(user.sso.expires);
+    }
+    return user;
+  },
+  isExpired(user) {
+    const expires = user.sso?.expires;
+    if (!expires)
+      return false;
+    const time = expires instanceof Date ? expires.getTime() : new Date(expires).getTime();
+    return Number.isFinite(time) && time <= Date.now();
+  }
+};
+var CTX2 = createContext2(undefined);
+function SSOProvider({
+  storageKey: storageKeyProp,
+  userUrl,
+  storage = "memory",
+  disableListener = false,
+  fetchInit,
+  log = silentLogger4,
+  children
+}) {
+  const storageKey = resolveStorageKey(DEFAULT_STORAGE_KEY2, storageKeyProp, PROVIDER_LABEL2);
+  const { value, setValue, isLoading, error } = useAuthResource({
+    url: userUrl,
+    storage,
+    storageKey,
+    disableListener,
+    logoutEventName: LOGOUT_EVENT2,
+    codec: userCodec,
+    fetchInit,
+    log
+  });
+  const contextValue = useMemo2(() => ({ user: value, setUser: setValue, isLoading, error }), [value, setValue, isLoading, error]);
+  return /* @__PURE__ */ jsx3(CTX2.Provider, {
+    value: contextValue,
+    children
+  });
+}
+function useSSOContext() {
+  const context = useContext2(CTX2);
+  if (context === undefined) {
+    throw new Error("useSSOContext must be used within a SSOProvider");
+  }
+  return context;
+}
+function useOptionalSSOContext() {
+  return useContext2(CTX2);
+}
+async function logout(logoutUrl, options) {
+  return logoutResource(logoutUrl, { defaultStorageKey: DEFAULT_STORAGE_KEY2, logoutEventName: LOGOUT_EVENT2, providerLabel: PROVIDER_LABEL2 }, options);
+}
+
+// packages/react/src/sign-in-loading.tsx
+import { jsx as jsx4, Fragment } from "react/jsx-runtime";
+function SignInLoading({
+  complete = false,
+  audience = "workforce",
+  children
+}) {
+  const sso = useOptionalSSOContext();
+  const ciam = useOptionalCIAMContext();
+  const isLoading = audience === "customer" ? !!ciam?.isLoading : !!sso?.isLoading;
+  if (isLoading && !complete)
+    return /* @__PURE__ */ jsx4(Fragment, {
+      children
+    });
+  return null;
+}
+// packages/react/src/signed-in.tsx
+import { jsx as jsx5, Fragment as Fragment2 } from "react/jsx-runtime";
+function SignedIn({
+  audience = "workforce",
+  children
+}) {
+  const sso = useOptionalSSOContext();
+  const ciam = useOptionalCIAMContext();
+  const present = audience === "customer" ? !!ciam?.customer : !!sso?.user;
+  if (present)
+    return /* @__PURE__ */ jsx5(Fragment2, {
+      children
+    });
+  return null;
+}
+// packages/react/src/signed-out.tsx
+import { jsx as jsx6, Fragment as Fragment3 } from "react/jsx-runtime";
+function SignedOut({
+  audience = "workforce",
+  children
+}) {
+  const sso = useOptionalSSOContext();
+  const ciam = useOptionalCIAMContext();
+  const present = audience === "customer" ? !!ciam?.customer : !!sso?.user;
+  const isLoading = audience === "customer" ? !!ciam?.isLoading : !!sso?.isLoading;
+  if (present || isLoading)
+    return null;
+  return /* @__PURE__ */ jsx6(Fragment3, {
+    children
+  });
+}
+// packages/react/src/tenant-context.tsx
+import {
+  buildTenantPath,
+  DEFAULT_TENANT_API_NAMESPACE,
+  DEFAULT_TENANT_UI_NAMESPACE,
+  normalizeTenantRoutingStrategy
+} from "@ionite/core";
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var TenantContext = createContext3(null);
+function createTenantUrls(id, strategy) {
+  const normalized = normalizeTenantRoutingStrategy(strategy);
+  const uiNamespace = normalized.ui ?? DEFAULT_TENANT_UI_NAMESPACE;
+  const apiNamespace = normalized.api ?? DEFAULT_TENANT_API_NAMESPACE;
+  return {
+    ui: (restPath = "/") => buildTenantPath(id, restPath, uiNamespace),
+    api: (restPath = "/") => buildTenantPath(id, restPath, apiNamespace)
+  };
+}
+function TenantProvider({ id, strategy, children }) {
+  const value = useMemo3(() => {
+    const normalized = normalizeTenantRoutingStrategy(strategy);
+    return {
+      id,
+      strategy: normalized,
+      urls: createTenantUrls(id, normalized)
+    };
+  }, [strategy, id]);
+  return /* @__PURE__ */ jsx7(TenantContext.Provider, {
+    value,
+    children
+  });
+}
+function useTenant() {
+  const value = useContext3(TenantContext);
+  if (!value) {
+    throw new Error("useTenant() must be used within a TenantProvider");
+  }
+  return value;
+}
+function useOptionalTenant() {
+  return useContext3(TenantContext) ?? undefined;
+}
+export {
+  useTenant,
+  useSSOContext,
+  useOptionalTenant,
+  useOptionalSSOContext,
+  useOptionalCIAMContext,
+  useCIAMProviders,
+  useCIAMContext,
+  silentLogger5 as silentLogger,
+  logoutCustomer,
+  logout,
+  getCustomer,
+  defaultLogger,
+  createTenantUrls,
+  TenantProvider,
+  SignedOut,
+  SignedIn,
+  SignInLoading,
+  SSOProvider,
+  CIAMProviderList,
+  CIAMProvider
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionite/react",
-  "version": "0.0.24-beta.20260907.2",
+  "version": "0.0.24-beta.20260907.3",
   "description": "ionite React Components",
   "private": false,
   "author": "ionite",
@@ -24,7 +24,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@ionite/core": "0.0.24-beta.20260907.2"
+    "@ionite/core": "0.0.24-beta.20260907.3"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",