@fluid-app/rep-sdk 0.1.1 → 0.1.2

package/dist/index.js

@@ -193,6 +193,7 @@ function createFluidClient(config) {
     }
     if (response.status === 401) {
       effectiveOnAuthError();
+      return null;
     }
     if (!response.ok) {
       try {
@@ -353,6 +354,16 @@ function createFluidClient(config) {
 var ThemeContext = createContext(null);
 function applyThemeVariables(theme, container) {
   const target = container ?? document.documentElement;
+  const toRemove = [];
+  for (let i = 0; i < target.style.length; i++) {
+    const prop = target.style[i];
+    if (prop.startsWith("--fluid-")) {
+      toRemove.push(prop);
+    }
+  }
+  for (const prop of toRemove) {
+    target.style.removeProperty(prop);
+  }
   for (const [key, value] of Object.entries(theme.config)) {
     target.style.setProperty(`--fluid-${key}`, value);
   }
@@ -419,7 +430,11 @@ function FluidProvider({
   const configRef = useRef(config);
   configRef.current = config;
   const client = useMemo(
-    () => createFluidClient(configRef.current),
+    () => createFluidClient({
+      ...configRef.current,
+      getAuthToken: () => configRef.current.getAuthToken?.() ?? null,
+      onAuthError: () => configRef.current.onAuthError?.()
+    }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [config.baseUrl]
   );
@@ -472,10 +487,12 @@ var URL_PARAMS = {
   COMPANY_TOKEN: "fluidCompanyToken"
 };
 
-// src/auth/url-token.ts
+// src/auth/browser-utils.ts
 function isBrowser() {
-  return typeof window !== "undefined";
+  return typeof window !== "undefined" && typeof document !== "undefined";
 }
+
+// src/auth/url-token.ts
 function extractTokenFromUrl(tokenKey = URL_PARAMS.USER_TOKEN) {
   if (!isBrowser()) {
     return null;
@@ -546,11 +563,8 @@ function extractAllTokensFromUrl(userTokenKey = URL_PARAMS.USER_TOKEN, companyTo
 }
 
 // src/auth/token-storage.ts
-function isBrowser2() {
-  return typeof window !== "undefined" && typeof document !== "undefined";
-}
 function parseCookies() {
-  if (!isBrowser2()) {
+  if (!isBrowser()) {
     return {};
   }
   const cookies = {};
@@ -567,7 +581,7 @@ function parseCookies() {
   return cookies;
 }
 function setCookie(name, value, options = {}) {
-  if (!isBrowser2()) {
+  if (!isBrowser()) {
     return;
   }
   const {
@@ -586,13 +600,13 @@ function setCookie(name, value, options = {}) {
   document.cookie = cookieString;
 }
 function deleteCookie(name, path = "/") {
-  if (!isBrowser2()) {
+  if (!isBrowser()) {
     return;
   }
   document.cookie = `${name}=; path=${path}; max-age=0`;
 }
 function getStoredToken(config) {
-  if (!isBrowser2()) {
+  if (!isBrowser()) {
     return null;
   }
   const cookieKey = config?.cookieKey ?? STORAGE_KEYS.AUTH_COOKIE;
@@ -609,7 +623,7 @@ function getStoredToken(config) {
   }
 }
 function storeToken(token, config) {
-  if (!isBrowser2()) {
+  if (!isBrowser()) {
     return;
   }
   const cookieKey = config?.cookieKey ?? STORAGE_KEYS.AUTH_COOKIE;
@@ -632,7 +646,7 @@ function storeToken(token, config) {
   }
 }
 function clearTokens(config) {
-  if (!isBrowser2()) {
+  if (!isBrowser()) {
     return;
   }
   const cookieKey = config?.cookieKey ?? STORAGE_KEYS.AUTH_COOKIE;
@@ -649,16 +663,31 @@ function clearTokens(config) {
 function hasStoredToken(config) {
   return getStoredToken(config) !== null;
 }
+
+// src/auth/types.ts
+var USER_TYPES = {
+  admin: "admin",
+  rep: "rep",
+  root_admin: "root_admin",
+  customer: "customer"
+};
+function isUserType(value) {
+  return Object.values(USER_TYPES).includes(value);
+}
+
+// src/auth/token-utils.ts
 function extractPayloadFromJose(decoded) {
+  const rawUserType = decoded.user_type;
+  const rawOgUserType = decoded.og_user_type;
   return {
-    id: decoded.id,
-    email: decoded.email,
-    full_name: decoded.full_name,
-    user_type: decoded.user_type ?? "rep",
-    og_user_type: decoded.og_user_type,
-    company_id: decoded.company_id,
+    id: typeof decoded.id === "number" ? decoded.id : void 0,
+    email: typeof decoded.email === "string" ? decoded.email : void 0,
+    full_name: typeof decoded.full_name === "string" ? decoded.full_name : void 0,
+    user_type: typeof rawUserType === "string" && isUserType(rawUserType) ? rawUserType : "rep",
+    og_user_type: typeof rawOgUserType === "string" && isUserType(rawOgUserType) ? rawOgUserType : void 0,
+    company_id: typeof decoded.company_id === "number" ? decoded.company_id : void 0,
     exp: decoded.exp,
-    auth_type: decoded.auth_type
+    auth_type: typeof decoded.auth_type === "string" ? decoded.auth_type : void 0
   };
 }
 function decodeToken(token) {
@@ -748,17 +777,6 @@ async function verifyToken(token, jwksUrl) {
   }
 }
 
-// src/auth/types.ts
-var USER_TYPES = {
-  admin: "admin",
-  rep: "rep",
-  root_admin: "root_admin",
-  customer: "customer"
-};
-function isUserType(value) {
-  return Object.values(USER_TYPES).includes(value);
-}
-
 // src/auth/dev-utils.ts
 function isDevBypassActive(devBypass) {
   if (!devBypass) return false;
@@ -770,12 +788,14 @@ function isDevBypassActive(devBypass) {
 }
 function createDevUser() {
   return {
-    id: 0,
+    id: 99999,
+    // Dev placeholder — avoids falsy 0
     email: "dev@localhost",
     full_name: "Dev User",
     user_type: USER_TYPES.rep,
     og_user_type: void 0,
-    company_id: 0,
+    company_id: 99999,
+    // Dev placeholder — avoids falsy 0
     exp: void 0,
     // Never expires
     auth_type: "dev_bypass"
@@ -794,7 +814,11 @@ function FluidAuthProvider({
   const [error, setError] = useState(null);
   useEffect(() => {
     const initializeAuth = async () => {
-      const handleAuthFailure = resolveAuthFailureHandler(config?.onAuthFailure, config?.authUrl);
+      const handleAuthFailure = () => {
+        const current = configRef.current;
+        const handler = resolveAuthFailureHandler(current?.onAuthFailure, current?.authUrl);
+        handler();
+      };
       try {
         if (isDevBypassActive(config?.devBypass)) {
           const envToken = import.meta.env.VITE_DEV_TOKEN;
@@ -1917,7 +1941,19 @@ function AuthError({
     }
   );
 }
+var SPIN_STYLE_ID = "fluid-auth-loading-spin";
+function ensureSpinStyle() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(SPIN_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = SPIN_STYLE_ID;
+  style.textContent = `@keyframes spin { to { transform: rotate(360deg); } }`;
+  document.head.appendChild(style);
+}
 function AuthLoading() {
+  useEffect(() => {
+    ensureSpinStyle();
+  }, []);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1954,12 +1990,7 @@ function AuthLoading() {
             },
             children: "Authenticating..."
           }
-        ),
-        /* @__PURE__ */ jsx("style", { children: `
-        @keyframes spin {
-          to { transform: rotate(360deg); }
-        }
-      ` })
+        )
       ]
     }
   );