@feelflow/ffid-sdk 1.6.0 → 1.6.1

package/dist/{chunk-LILTOMJP.cjs → chunk-C254ATU6.cjs}

@@ -1294,6 +1294,10 @@ function FFIDUserMenu({
 }) {
   const { user, currentOrganization, logout, isLoading, isAuthenticated } = useFFID();
   const [isOpen, setIsOpen] = react.useState(false);
+  const [avatarError, setAvatarError] = react.useState(false);
+  react.useEffect(() => {
+    setAvatarError(false);
+  }, [user?.avatarUrl]);
   if (!isAuthenticated || !user) {
     return null;
   }
@@ -1330,7 +1334,16 @@ function FFIDUserMenu({
       children: displayName.charAt(0).toUpperCase()
     }
   );
-  const avatarElement = renderAvatar ? renderAvatar({ avatarUrl: user.avatarUrl, displayName: user.displayName, email: user.email }) : user.avatarUrl && isValidAvatarUrl(user.avatarUrl) ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: classNames.avatar, src: user.avatarUrl, alt: displayName, style: { width: SIZE_AVATAR_MD, height: SIZE_AVATAR_MD, borderRadius: "50%" } }) : defaultAvatar;
+  const avatarElement = renderAvatar ? renderAvatar({ avatarUrl: user.avatarUrl, displayName: user.displayName, email: user.email }) : user.avatarUrl && isValidAvatarUrl(user.avatarUrl) && !avatarError ? /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      className: classNames.avatar,
+      src: user.avatarUrl,
+      alt: displayName,
+      onError: () => setAvatarError(true),
+      style: { width: SIZE_AVATAR_MD, height: SIZE_AVATAR_MD, borderRadius: "50%" }
+    }
+  ) : defaultAvatar;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [className, classNames.container].filter(Boolean).join(" ") || void 0, style: { position: "relative" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",

package/dist/{chunk-4LSSBFZG.js → chunk-Q5XWUQHV.js}

@@ -1292,6 +1292,10 @@ function FFIDUserMenu({
 }) {
   const { user, currentOrganization, logout, isLoading, isAuthenticated } = useFFID();
   const [isOpen, setIsOpen] = useState(false);
+  const [avatarError, setAvatarError] = useState(false);
+  useEffect(() => {
+    setAvatarError(false);
+  }, [user?.avatarUrl]);
   if (!isAuthenticated || !user) {
     return null;
   }
@@ -1328,7 +1332,16 @@ function FFIDUserMenu({
       children: displayName.charAt(0).toUpperCase()
     }
   );
-  const avatarElement = renderAvatar ? renderAvatar({ avatarUrl: user.avatarUrl, displayName: user.displayName, email: user.email }) : user.avatarUrl && isValidAvatarUrl(user.avatarUrl) ? /* @__PURE__ */ jsx("img", { className: classNames.avatar, src: user.avatarUrl, alt: displayName, style: { width: SIZE_AVATAR_MD, height: SIZE_AVATAR_MD, borderRadius: "50%" } }) : defaultAvatar;
+  const avatarElement = renderAvatar ? renderAvatar({ avatarUrl: user.avatarUrl, displayName: user.displayName, email: user.email }) : user.avatarUrl && isValidAvatarUrl(user.avatarUrl) && !avatarError ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      className: classNames.avatar,
+      src: user.avatarUrl,
+      alt: displayName,
+      onError: () => setAvatarError(true),
+      style: { width: SIZE_AVATAR_MD, height: SIZE_AVATAR_MD, borderRadius: "50%" }
+    }
+  ) : defaultAvatar;
   return /* @__PURE__ */ jsxs("div", { className: [className, classNames.container].filter(Boolean).join(" ") || void 0, style: { position: "relative" }, children: [
     /* @__PURE__ */ jsx(
       "button",

package/dist/components/index.cjs

@@ -1,30 +1,30 @@
 'use strict';
 
-var chunkLILTOMJP_cjs = require('../chunk-LILTOMJP.cjs');
+var chunkC254ATU6_cjs = require('../chunk-C254ATU6.cjs');
 
 
 
 Object.defineProperty(exports, "FFIDAnnouncementBadge", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDAnnouncementBadge; }
+  get: function () { return chunkC254ATU6_cjs.FFIDAnnouncementBadge; }
 });
 Object.defineProperty(exports, "FFIDAnnouncementList", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDAnnouncementList; }
+  get: function () { return chunkC254ATU6_cjs.FFIDAnnouncementList; }
 });
 Object.defineProperty(exports, "FFIDLoginButton", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDLoginButton; }
+  get: function () { return chunkC254ATU6_cjs.FFIDLoginButton; }
 });
 Object.defineProperty(exports, "FFIDOrganizationSwitcher", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDOrganizationSwitcher; }
+  get: function () { return chunkC254ATU6_cjs.FFIDOrganizationSwitcher; }
 });
 Object.defineProperty(exports, "FFIDSubscriptionBadge", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDSubscriptionBadge; }
+  get: function () { return chunkC254ATU6_cjs.FFIDSubscriptionBadge; }
 });
 Object.defineProperty(exports, "FFIDUserMenu", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDUserMenu; }
+  get: function () { return chunkC254ATU6_cjs.FFIDUserMenu; }
 });

package/dist/components/index.js

@@ -1 +1 @@
-export { FFIDAnnouncementBadge, FFIDAnnouncementList, FFIDLoginButton, FFIDOrganizationSwitcher, FFIDSubscriptionBadge, FFIDUserMenu } from '../chunk-4LSSBFZG.js';
+export { FFIDAnnouncementBadge, FFIDAnnouncementList, FFIDLoginButton, FFIDOrganizationSwitcher, FFIDSubscriptionBadge, FFIDUserMenu } from '../chunk-Q5XWUQHV.js';

package/dist/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkLILTOMJP_cjs = require('./chunk-LILTOMJP.cjs');
+var chunkC254ATU6_cjs = require('./chunk-C254ATU6.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function withFFIDAuth(Component, options = {}) {
   const WrappedComponent = (props) => {
-    const { isLoading, isAuthenticated, login } = chunkLILTOMJP_cjs.useFFIDContext();
+    const { isLoading, isAuthenticated, login } = chunkC254ATU6_cjs.useFFIDContext();
     const hasRedirected = react.useRef(false);
     react.useEffect(() => {
       if (!isLoading && !isAuthenticated && options.redirectToLogin && !hasRedirected.current) {
@@ -31,82 +31,82 @@ function withFFIDAuth(Component, options = {}) {
 
 Object.defineProperty(exports, "DEFAULT_API_BASE_URL", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.DEFAULT_API_BASE_URL; }
+  get: function () { return chunkC254ATU6_cjs.DEFAULT_API_BASE_URL; }
 });
 Object.defineProperty(exports, "FFIDAnnouncementBadge", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDAnnouncementBadge; }
+  get: function () { return chunkC254ATU6_cjs.FFIDAnnouncementBadge; }
 });
 Object.defineProperty(exports, "FFIDAnnouncementList", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDAnnouncementList; }
+  get: function () { return chunkC254ATU6_cjs.FFIDAnnouncementList; }
 });
 Object.defineProperty(exports, "FFIDLoginButton", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDLoginButton; }
+  get: function () { return chunkC254ATU6_cjs.FFIDLoginButton; }
 });
 Object.defineProperty(exports, "FFIDOrganizationSwitcher", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDOrganizationSwitcher; }
+  get: function () { return chunkC254ATU6_cjs.FFIDOrganizationSwitcher; }
 });
 Object.defineProperty(exports, "FFIDProvider", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDProvider; }
+  get: function () { return chunkC254ATU6_cjs.FFIDProvider; }
 });
 Object.defineProperty(exports, "FFIDSubscriptionBadge", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDSubscriptionBadge; }
+  get: function () { return chunkC254ATU6_cjs.FFIDSubscriptionBadge; }
 });
 Object.defineProperty(exports, "FFIDUserMenu", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFIDUserMenu; }
+  get: function () { return chunkC254ATU6_cjs.FFIDUserMenu; }
 });
 Object.defineProperty(exports, "FFID_ANNOUNCEMENTS_ERROR_CODES", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.FFID_ANNOUNCEMENTS_ERROR_CODES; }
+  get: function () { return chunkC254ATU6_cjs.FFID_ANNOUNCEMENTS_ERROR_CODES; }
 });
 Object.defineProperty(exports, "createFFIDAnnouncementsClient", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.createFFIDAnnouncementsClient; }
+  get: function () { return chunkC254ATU6_cjs.createFFIDAnnouncementsClient; }
 });
 Object.defineProperty(exports, "createFFIDClient", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.createFFIDClient; }
+  get: function () { return chunkC254ATU6_cjs.createFFIDClient; }
 });
 Object.defineProperty(exports, "createTokenStore", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.createTokenStore; }
+  get: function () { return chunkC254ATU6_cjs.createTokenStore; }
 });
 Object.defineProperty(exports, "generateCodeChallenge", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.generateCodeChallenge; }
+  get: function () { return chunkC254ATU6_cjs.generateCodeChallenge; }
 });
 Object.defineProperty(exports, "generateCodeVerifier", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.generateCodeVerifier; }
+  get: function () { return chunkC254ATU6_cjs.generateCodeVerifier; }
 });
 Object.defineProperty(exports, "retrieveCodeVerifier", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.retrieveCodeVerifier; }
+  get: function () { return chunkC254ATU6_cjs.retrieveCodeVerifier; }
 });
 Object.defineProperty(exports, "storeCodeVerifier", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.storeCodeVerifier; }
+  get: function () { return chunkC254ATU6_cjs.storeCodeVerifier; }
 });
 Object.defineProperty(exports, "useFFID", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.useFFID; }
+  get: function () { return chunkC254ATU6_cjs.useFFID; }
 });
 Object.defineProperty(exports, "useFFIDAnnouncements", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.useFFIDAnnouncements; }
+  get: function () { return chunkC254ATU6_cjs.useFFIDAnnouncements; }
 });
 Object.defineProperty(exports, "useSubscription", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.useSubscription; }
+  get: function () { return chunkC254ATU6_cjs.useSubscription; }
 });
 Object.defineProperty(exports, "withSubscription", {
   enumerable: true,
-  get: function () { return chunkLILTOMJP_cjs.withSubscription; }
+  get: function () { return chunkC254ATU6_cjs.withSubscription; }
 });
 exports.withFFIDAuth = withFFIDAuth;

package/dist/index.js

@@ -1,5 +1,5 @@
-import { useFFIDContext } from './chunk-4LSSBFZG.js';
-export { DEFAULT_API_BASE_URL, FFIDAnnouncementBadge, FFIDAnnouncementList, FFIDLoginButton, FFIDOrganizationSwitcher, FFIDProvider, FFIDSubscriptionBadge, FFIDUserMenu, FFID_ANNOUNCEMENTS_ERROR_CODES, createFFIDAnnouncementsClient, createFFIDClient, createTokenStore, generateCodeChallenge, generateCodeVerifier, retrieveCodeVerifier, storeCodeVerifier, useFFID, useFFIDAnnouncements, useSubscription, withSubscription } from './chunk-4LSSBFZG.js';
+import { useFFIDContext } from './chunk-Q5XWUQHV.js';
+export { DEFAULT_API_BASE_URL, FFIDAnnouncementBadge, FFIDAnnouncementList, FFIDLoginButton, FFIDOrganizationSwitcher, FFIDProvider, FFIDSubscriptionBadge, FFIDUserMenu, FFID_ANNOUNCEMENTS_ERROR_CODES, createFFIDAnnouncementsClient, createFFIDClient, createTokenStore, generateCodeChallenge, generateCodeVerifier, retrieveCodeVerifier, storeCodeVerifier, useFFID, useFFIDAnnouncements, useSubscription, withSubscription } from './chunk-Q5XWUQHV.js';
 import { useRef, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feelflow/ffid-sdk",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "FeelFlow ID Platform SDK for React/Next.js applications",
   "keywords": [
     "feelflow",