@ionite/react 0.0.24-beta.20260910.1 → 0.0.24-beta.20260915.2

package/dist/index.d.ts

@@ -159,4 +159,4 @@ declare function TenantProvider({ id, strategy, children }: TenantProviderProps)
 declare function useTenant(): TenantContextValue;
 /** Non-throwing variant; returns undefined when no TenantProvider is present (parity with `useOptionalSSOContext`). */
 declare function useOptionalTenant(): TenantContextValue | undefined;
-export { useTenant, useSSOContext, useOptionalTenant, useOptionalSSOContext, useOptionalCIAMContext, useCIAMProviders, useCIAMContext, silentLogger, logoutCustomer, logout, getCustomer, defaultLogger, createTenantUrls, WorkforceUser2 as WorkforceUser, UseCIAMProvidersResult, TenantUrls, TenantRoutingStrategy2 as TenantRoutingStrategy, TenantProviderProps, TenantProvider, TenantPathNamespace, TenantContextValue, SignedOut, SignedIn, SignInLoading, SSOProvider, Logger5 as Logger, IdTokenClaims, Customer2 as Customer, CIAMProviderType, CIAMProviderListProps, CIAMProviderList, CIAMProviderDescriptor3 as CIAMProviderDescriptor, CIAMProviderColors, CIAMProviderBranding, CIAMProvider, AuthenticatedUser };
+export { AuthenticatedUser, CIAMProvider, CIAMProviderBranding, CIAMProviderColors, CIAMProviderDescriptor3 as CIAMProviderDescriptor, CIAMProviderList, CIAMProviderListProps, CIAMProviderType, Customer2 as Customer, IdTokenClaims, Logger5 as Logger, SSOProvider, SignInLoading, SignedIn, SignedOut, TenantContextValue, TenantPathNamespace, TenantProvider, TenantProviderProps, TenantRoutingStrategy2 as TenantRoutingStrategy, TenantUrls, UseCIAMProvidersResult, WorkforceUser2 as WorkforceUser, createTenantUrls, defaultLogger, getCustomer, logout, logoutCustomer, silentLogger, useCIAMContext, useCIAMProviders, useOptionalCIAMContext, useOptionalSSOContext, useOptionalTenant, useSSOContext, useTenant };

package/dist/index.js

@@ -1,604 +1 @@
-// 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
-};
+import{defaultLogger as Pr,silentLogger as Er}from"@ionite/core";import{silentLogger as ue}from"@ionite/core";import{createContext as ce,useContext as X,useMemo as le}from"react";import{silentLogger as b}from"@ionite/core";import{useCallback as I,useEffect as W,useRef as q,useState as k}from"react";var ie=/^[a-zA-Z0-9._-]{1,1024}$/;function ae(e,r){if(!e.trim())throw Error(`${r} storageKey must be a non-empty string.`);if(!ie.test(e))throw Error(`${r} storageKey must be 1-1024 characters and contain only letters, numbers, dots, underscores, and hyphens.`)}function x(e,r,t){if(r===void 0||r==="")return e;return ae(r,t),r}function z(e,r,t,n=b){if(typeof window>"u")return null;try{let o=e==="local"?localStorage:sessionStorage,s=o.getItem(r);if(!s)return null;let i=JSON.parse(s),a=t.validate(i);if(!a)return o.removeItem(r),null;let u=t.revive(a);if(t.isExpired(u))return o.removeItem(r),null;return u}catch(o){return n.error("Error loading auth record from storage:",o),null}}async function B(e,r,t,n=b){try{let o=await fetch(e,t);if(o.status===401)return{kind:"unauthenticated"};if(!o.ok){let a=Error(`Failed to fetch auth record: ${o.status} ${o.statusText}`);return n.error("Error fetching auth record from URL:",a),{kind:"error",error:a}}let s=await o.json(),i=r.validate(s);if(!i){let a=Error("Auth record from server failed validation.");return n.error("Error validating auth record from URL:",a),{kind:"error",error:a}}return{kind:"ok",value:r.revive(i)}}catch(o){let s=o instanceof Error?o:Error(String(o));return n.error("Error fetching auth record from URL:",s),{kind:"error",error:s}}}function R(e){let{url:r,storage:t,storageKey:n,disableListener:o,logoutEventName:s,codec:i}=e,[a,u]=k(null),[d,c]=k(!!r),[g,p]=k(null),T=q(e.fetchInit);T.current=e.fetchInit;let m=q(e.log);m.current=e.log;let v=I((l)=>{if(t==="memory"||typeof window>"u")return;try{let C=t==="local"?localStorage:sessionStorage;if(l===null)C.removeItem(n);else C.setItem(n,JSON.stringify(l))}catch(C){m.current.error("Error saving auth record to storage:",C)}},[t,n]),S=I((l)=>{u(l),v(l)},[v]),A=I(()=>{if(t==="memory")return null;return z(t,n,i,m.current)},[t,n,i]),f=I(async()=>{if(!r)return;c(!0);try{let l=await B(r,i,T.current,m.current);if(l.kind==="ok")u(l.value),p(null),v(l.value);else if(l.kind==="unauthenticated")u(null),p(null),v(null);else p(l.error)}finally{c(!1)}},[r,i,v]);return W(()=>{let l=A();if(l)u(l);if(r)f();else c(!1)},[A,r,f]),W(()=>{if(o||t==="memory")return;let l=(L)=>{if(L.key!==n)return;if(L.newValue===null){u(null);return}try{let w=JSON.parse(L.newValue),_=i.validate(w);if(!_)return;let F=i.revive(_);if(i.isExpired(F)){u(null);return}u(F)}catch(w){m.current.error("Error parsing auth record from storage event:",w)}},C=()=>{u(null),p(null)};return window.addEventListener("storage",l),window.addEventListener(s,C),()=>{window.removeEventListener("storage",l),window.removeEventListener(s,C)}},[o,t,n,s,i]),{value:a,setValue:S,isLoading:d,error:g}}async function G(e,r,t){let{storageKey:n,storage:o,fetchInit:s,log:i=b}=t;if(o==="local"||o==="session"){let a=z(o,n,r,i);if(a)return a}if(e){let a=await B(e,r,s,i);if(a.kind==="ok")return a.value}return}async function P(e,r,t){try{let n=await fetch(e,{...t?.fetchInit,headers:{Accept:"application/json",...t?.fetchInit?.headers}});if(!n.ok)return{success:!1,error:`HTTP ${n.status}`};let o=await n.json();if(!o.success)return{success:!1,error:o.message||"Logout failed"};let s=typeof o.redirect==="string"?o.redirect:void 0;if(typeof window<"u"){let i=x(r.defaultStorageKey,t?.storageKey,r.providerLabel);if(localStorage.removeItem(i),sessionStorage.removeItem(i),window.dispatchEvent(new CustomEvent(r.logoutEventName)),s&&t?.navigate!==!1)window.location.assign(s)}return{success:!0,redirect:s}}catch(n){return{success:!1,error:n instanceof Error?n.message:"Network error"}}}import{jsx as me}from"react/jsx-runtime";var O="ion.ciam.customer",J="ion-ciam-logout",M="CIAMProvider",Y={validate(e){if(!e||typeof e!=="object")return null;let r=e;if(typeof r.userName!=="string"||typeof r.name!=="string"||typeof r.email!=="string")return null;return e},revive(e){if(e.ciam?.expires)e.ciam.expires=new Date(e.ciam.expires);return e},isExpired(e){let r=e.ciam?.expires;if(!r)return!1;let t=r instanceof Date?r.getTime():new Date(r).getTime();return Number.isFinite(t)&&t<=Date.now()}},N=ce(void 0);function de({storageKey:e,customerUrl:r,storage:t="memory",disableListener:n=!1,fetchInit:o,log:s=ue,children:i}){let a=x(O,e,M),{value:u,setValue:d,isLoading:c,error:g}=R({url:r,storage:t,storageKey:a,disableListener:n,logoutEventName:J,codec:Y,fetchInit:o,log:s}),p=le(()=>({customer:u,setCustomer:d,isLoading:c,error:g}),[u,d,c,g]);return me(N.Provider,{value:p,children:i})}function ge(){let e=X(N);if(e===void 0)throw Error("useCIAMContext must be used within a CIAMProvider");return e}function y(){return X(N)}async function fe(e,r){return G(e,Y,{storageKey:x(O,r?.storageKey,M),storage:r?.storage??"memory",fetchInit:r?.fetchInit,log:r?.log})}async function pe(e,r){return P(e,{defaultStorageKey:O,logoutEventName:J,providerLabel:M},r)}import{silentLogger as H}from"@ionite/core";import{useCallback as ve,useEffect as Ce,useState as E}from"react";import{jsx as U,jsxs as D}from"react/jsx-runtime";function Z(e,r=H){let[t,n]=E([]),[o,s]=E(Boolean(e)),[i,a]=E(null),u=ve(()=>{if(!e)return;let d=!1;return s(!0),a(null),fetch(e,{headers:{Accept:"application/json"}}).then(async(c)=>{if(!c.ok)throw Error(`Failed to fetch CIAM providers: ${c.status} ${c.statusText}`);let g=await c.json();if(!d)n(Array.isArray(g.providers)?g.providers:[])}).catch((c)=>{let g=c instanceof Error?c:Error(String(c));if(r.error("Error fetching CIAM providers:",g),!d)n([]),a(g)}).finally(()=>{if(!d)s(!1)}),()=>{d=!0}},[e,r]);return Ce(()=>u(),[u]),{providers:t,isLoading:o,error:i,refresh:u}}function ye(e,r){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:(r==="dark"?e.colors?.dark:e.colors?.light)??(r==="dark"?"#1f1f1f":"#ffffff"),color:r==="dark"?"#ffffff":"#111111",textDecoration:"none",font:"inherit",cursor:"pointer"}}function he({providersUrl:e,limit:r,theme:t="light",renderProvider:n,loadingFallback:o,emptyFallback:s,errorFallback:i,moreLabel:a="Show more",className:u,log:d=H}){let{providers:c,isLoading:g,error:p,refresh:T}=Z(e,d),[m,v]=E(!1);if(g)return o??null;if(p)return i?i(p,T):s??null;if(c.length===0)return s??null;let S=!m&&typeof r==="number"&&r>0?c.slice(0,r):c,A=S.length<c.length;return D("div",{className:u,style:{display:"flex",flexDirection:"column",gap:"0.5rem"},"data-ion-ciam-providers":"",children:[S.map((f)=>n?U("span",{children:n(f)},f.name):D("a",{href:f.loginUrl,style:ye(f,t),"data-ion-ciam-provider":f.name,children:[f.iconUrl?U("img",{src:f.iconUrl,alt:"",width:20,height:20,"aria-hidden":"true"}):null,D("span",{children:["Continue with ",f.displayName]})]},f.name)),A?U("button",{type:"button",onClick:()=>v(!0),"data-ion-ciam-show-more":"",children:a}):null]})}import{silentLogger as xe}from"@ionite/core";import{createContext as Te,useContext as j,useMemo as Se}from"react";import{jsx as Ee}from"react/jsx-runtime";var Q="ion.sso.user",ee="ion-sso-logout",re="SSOProvider",Ae={validate(e){if(!e||typeof e!=="object")return null;let r=e;if(typeof r.userName!=="string"||typeof r.name!=="string"||typeof r.email!=="string")return null;return e},revive(e){if(e.sso?.expires)e.sso.expires=new Date(e.sso.expires);return e},isExpired(e){let r=e.sso?.expires;if(!r)return!1;let t=r instanceof Date?r.getTime():new Date(r).getTime();return Number.isFinite(t)&&t<=Date.now()}},K=Te(void 0);function Ie({storageKey:e,userUrl:r,storage:t="memory",disableListener:n=!1,fetchInit:o,log:s=xe,children:i}){let a=x(Q,e,re),{value:u,setValue:d,isLoading:c,error:g}=R({url:r,storage:t,storageKey:a,disableListener:n,logoutEventName:ee,codec:Ae,fetchInit:o,log:s}),p=Se(()=>({user:u,setUser:d,isLoading:c,error:g}),[u,d,c,g]);return Ee(K.Provider,{value:p,children:i})}function Re(){let e=j(K);if(e===void 0)throw Error("useSSOContext must be used within a SSOProvider");return e}function h(){return j(K)}async function Pe(e,r){return P(e,{defaultStorageKey:Q,logoutEventName:ee,providerLabel:re},r)}import{jsx as ke,Fragment as we}from"react/jsx-runtime";function Le({complete:e=!1,audience:r="workforce",children:t}){let n=h(),o=y();if((r==="customer"?!!o?.isLoading:!!n?.isLoading)&&!e)return ke(we,{children:t});return null}import{jsx as Me,Fragment as Oe}from"react/jsx-runtime";function be({audience:e="workforce",children:r}){let t=h(),n=y();if(e==="customer"?!!n?.customer:!!t?.user)return Me(Oe,{children:r});return null}import{jsx as De,Fragment as Ue}from"react/jsx-runtime";function Ne({audience:e="workforce",children:r}){let t=h(),n=y(),o=e==="customer"?!!n?.customer:!!t?.user,s=e==="customer"?!!n?.isLoading:!!t?.isLoading;if(o||s)return null;return De(Ue,{children:r})}import{buildTenantPath as te,DEFAULT_TENANT_API_NAMESPACE as Ke,DEFAULT_TENANT_UI_NAMESPACE as Ve,normalizeTenantRoutingStrategy as oe}from"@ionite/core";import{createContext as _e,useContext as ne,useMemo as Fe}from"react";import{jsx as ze}from"react/jsx-runtime";var V=_e(null);function se(e,r){let t=oe(r),n=t.ui??Ve,o=t.api??Ke;return{ui:(s="/")=>te(e,s,n),api:(s="/")=>te(e,s,o)}}function We({id:e,strategy:r,children:t}){let n=Fe(()=>{let o=oe(r);return{id:e,strategy:o,urls:se(e,o)}},[r,e]);return ze(V.Provider,{value:n,children:t})}function qe(){let e=ne(V);if(!e)throw Error("useTenant() must be used within a TenantProvider");return e}function $e(){return ne(V)??void 0}export{de as CIAMProvider,he as CIAMProviderList,Ie as SSOProvider,Le as SignInLoading,be as SignedIn,Ne as SignedOut,We as TenantProvider,se as createTenantUrls,Pr as defaultLogger,fe as getCustomer,Pe as logout,pe as logoutCustomer,Er as silentLogger,ge as useCIAMContext,Z as useCIAMProviders,y as useOptionalCIAMContext,h as useOptionalSSOContext,$e as useOptionalTenant,Re as useSSOContext,qe as useTenant};

package/package.json

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