@insforge/react 1.0.5-dev.0 → 1.0.5-dev.2

package/dist/components.js

@@ -1,7 +1,6 @@
 import * as React2 from 'react';
 import { createContext, forwardRef, useContext, useState, useMemo, useRef, useEffect, useCallback, isValidElement, cloneElement } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@insforge/sdk';
 import { InsforgeContext } from '@insforge/shared/react';
 import { AlertTriangle, Check, EyeOff, Eye, Loader2, CircleCheck, X, User, LogOut } from 'lucide-react';
 import { z } from 'zod';
@@ -4876,7 +4875,7 @@ var ProfileSpinner = styled.div`
   }
 `;
 var READ_ONLY_FIELDS = ["id", "email", "avatar_url", "created_at", "updated_at"];
-var HIDDEN_FIELDS = ["id"];
+var HIDDEN_FIELDS = ["id", "avatar_url"];
 function formatFieldLabel(key) {
   return key.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").toLowerCase();
 }
@@ -4888,9 +4887,7 @@ function UserProfileModal({ onClose, onError }) {
   const [formData, setFormData] = useState({});
   useEffect(() => {
     if (user) {
-      const initialData = {
-        name: user.name || ""
-      };
+      const initialData = {};
       if (user.profile) {
         Object.entries(user.profile).forEach(([key, value]) => {
           if (!HIDDEN_FIELDS.includes(key) && typeof value === "string") {
@@ -4903,7 +4900,7 @@ function UserProfileModal({ onClose, onError }) {
   }, [user]);
   useEffect(() => {
     setImageError(false);
-    const avatarUrl = user?.avatarUrl;
+    const avatarUrl = user?.profile?.avatar_url;
     if (!avatarUrl) {
       return;
     }
@@ -4921,7 +4918,7 @@ function UserProfileModal({ onClose, onError }) {
       }
     };
     void checkImageUrl();
-  }, [user?.avatarUrl]);
+  }, [user?.profile?.avatar_url]);
   const handleFieldChange = useCallback((key, value) => {
     setFormData((prev2) => ({
       ...prev2,
@@ -4934,7 +4931,9 @@ function UserProfileModal({ onClose, onError }) {
     try {
       const { name, ...dynamicFields } = formData;
       const updateData = {
-        name
+        profile: {
+          name
+        }
       };
       if (Object.keys(dynamicFields).length > 0) {
         updateData.profile = dynamicFields;
@@ -4954,7 +4953,7 @@ function UserProfileModal({ onClose, onError }) {
   const handleCancel = useCallback(() => {
     if (user) {
       const resetData = {
-        name: user.name || ""
+        name: user.profile?.name || ""
       };
       if (user.profile) {
         Object.entries(user.profile).forEach(([key, value]) => {
@@ -4991,12 +4990,12 @@ function UserProfileModal({ onClose, onError }) {
   if (!isLoaded || !user) {
     return null;
   }
-  const initials = user.name ? user.name.charAt(0).toUpperCase() : user.email.split("@")[0].slice(0, 2).toUpperCase();
+  const initials = user.profile?.name ? user.profile.name.charAt(0).toUpperCase() : user.email.split("@")[0].slice(0, 2).toUpperCase();
   const fields = [];
   fields.push({ key: "email", value: user.email, readOnly: true });
   fields.push({
     key: "name",
-    value: isEditing ? formData.name || "" : user.name || "",
+    value: isEditing ? formData.name || "" : user.profile?.name || "",
     readOnly: false
   });
   if (user.profile) {
@@ -5016,11 +5015,11 @@ function UserProfileModal({ onClose, onError }) {
       /* @__PURE__ */ jsx(ProfileModalCloseButton, { onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
     ] }),
     /* @__PURE__ */ jsxs(ProfileModalBody, { children: [
-      /* @__PURE__ */ jsx(ProfileAvatarSection, { children: /* @__PURE__ */ jsx(ProfileAvatar, { children: user.avatarUrl && !imageError ? /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(ProfileAvatarSection, { children: /* @__PURE__ */ jsx(ProfileAvatar, { children: user.profile?.avatar_url && !imageError ? /* @__PURE__ */ jsx(
         ProfileAvatarImage,
         {
-          src: user.avatarUrl,
-          alt: user.name || user.email,
+          src: user.profile.avatar_url,
+          alt: user.profile?.name || user.email,
           onError: () => setImageError(true)
         }
       ) : initials }) }),
@@ -5039,7 +5038,7 @@ function UserProfileModal({ onClose, onError }) {
     ] }),
     /* @__PURE__ */ jsx(ProfileModalFooter, { children: isEditing ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(ProfileButton, { onClick: handleCancel, disabled: isSaving, children: "Cancel" }),
-      /* @__PURE__ */ jsxs(ProfileButton, { $primary: true, onClick: handleSave, disabled: isSaving, children: [
+      /* @__PURE__ */ jsxs(ProfileButton, { $primary: true, onClick: () => void handleSave(), disabled: isSaving, children: [
         isSaving && /* @__PURE__ */ jsx(ProfileSpinner, {}),
         isSaving ? "Saving..." : "Save"
       ] })
@@ -5062,7 +5061,7 @@ function UserButton({
   const menuRef = useRef(null);
   useEffect(() => {
     setImageError(false);
-    const avatarUrl = user?.avatarUrl;
+    const avatarUrl = user?.profile?.avatar_url;
     if (!avatarUrl) {
       return;
     }
@@ -5083,7 +5082,7 @@ function UserButton({
       }
     };
     void checkImageUrl();
-  }, [user?.avatarUrl]);
+  }, [user?.profile?.avatar_url]);
   useEffect(() => {
     if (isOpen && dropdownRef.current) {
       const buttonRect = dropdownRef.current.getBoundingClientRect();
@@ -5127,7 +5126,7 @@ function UserButton({
   if (!user) {
     return null;
   }
-  const initials = user.name ? user.name.charAt(0).toUpperCase() : user.email.split("@")[0].slice(0, 2).toUpperCase();
+  const initials = user.profile?.name ? user.profile.name.charAt(0).toUpperCase() : user.email.split("@")[0].slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsxs(UserButtonContainer, { ref: dropdownRef, children: [
     /* @__PURE__ */ jsxs(
       UserButtonButton,
@@ -5137,16 +5136,16 @@ function UserButton({
         "aria-expanded": isOpen,
         "aria-haspopup": "true",
         children: [
-          /* @__PURE__ */ jsx(UserButtonAvatar, { children: user.avatarUrl && !imageError ? /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(UserButtonAvatar, { children: user.profile?.avatar_url && !imageError ? /* @__PURE__ */ jsx(
             UserButtonAvatarImage,
             {
-              src: user.avatarUrl,
+              src: user.profile.avatar_url,
               alt: user.email,
               onError: () => setImageError(true)
             }
           ) : /* @__PURE__ */ jsx(UserButtonAvatarInitials, { children: initials }) }),
           mode === "detailed" && /* @__PURE__ */ jsxs(UserButtonInfo, { children: [
-            user.name && /* @__PURE__ */ jsx(UserButtonName, { children: user.name }),
+            user.profile?.name && /* @__PURE__ */ jsx(UserButtonName, { children: user.profile.name }),
             /* @__PURE__ */ jsx(UserButtonEmail, { children: user.email })
           ] })
         ]
@@ -5171,13 +5170,7 @@ function UserButton({
         "Sign out"
       ] }) })
     ] }),
-    showProfileModal && /* @__PURE__ */ jsx(
-      UserProfileModal,
-      {
-        onClose: () => setShowProfileModal(false),
-        onError: onProfileError
-      }
-    )
+    showProfileModal && /* @__PURE__ */ jsx(UserProfileModal, { onClose: () => setShowProfileModal(false), onError: onProfileError })
   ] });
 }
 function Protect({