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

package/dist/components.cjs

@@ -2,7 +2,6 @@
 
 var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-require('@insforge/sdk');
 var react = require('@insforge/shared/react');
 var lucideReact = require('lucide-react');
 var zod = require('zod');
@@ -4897,7 +4896,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();
 }
@@ -4909,9 +4908,7 @@ function UserProfileModal({ onClose, onError }) {
   const [formData, setFormData] = React2.useState({});
   React2.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") {
@@ -4924,7 +4921,7 @@ function UserProfileModal({ onClose, onError }) {
   }, [user]);
   React2.useEffect(() => {
     setImageError(false);
-    const avatarUrl = user?.avatarUrl;
+    const avatarUrl = user?.profile?.avatar_url;
     if (!avatarUrl) {
       return;
     }
@@ -4942,7 +4939,7 @@ function UserProfileModal({ onClose, onError }) {
       }
     };
     void checkImageUrl();
-  }, [user?.avatarUrl]);
+  }, [user?.profile?.avatar_url]);
   const handleFieldChange = React2.useCallback((key, value) => {
     setFormData((prev2) => ({
       ...prev2,
@@ -4955,7 +4952,9 @@ function UserProfileModal({ onClose, onError }) {
     try {
       const { name, ...dynamicFields } = formData;
       const updateData = {
-        name
+        profile: {
+          name
+        }
       };
       if (Object.keys(dynamicFields).length > 0) {
         updateData.profile = dynamicFields;
@@ -4975,7 +4974,7 @@ function UserProfileModal({ onClose, onError }) {
   const handleCancel = React2.useCallback(() => {
     if (user) {
       const resetData = {
-        name: user.name || ""
+        name: user.profile?.name || ""
       };
       if (user.profile) {
         Object.entries(user.profile).forEach(([key, value]) => {
@@ -5012,12 +5011,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) {
@@ -5037,11 +5036,11 @@ function UserProfileModal({ onClose, onError }) {
       /* @__PURE__ */ jsxRuntime.jsx(ProfileModalCloseButton, { onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(ProfileModalBody, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ProfileAvatarSection, { children: /* @__PURE__ */ jsxRuntime.jsx(ProfileAvatar, { children: user.avatarUrl && !imageError ? /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(ProfileAvatarSection, { children: /* @__PURE__ */ jsxRuntime.jsx(ProfileAvatar, { children: user.profile?.avatar_url && !imageError ? /* @__PURE__ */ jsxRuntime.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 }) }),
@@ -5060,7 +5059,7 @@ function UserProfileModal({ onClose, onError }) {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(ProfileModalFooter, { children: isEditing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(ProfileButton, { onClick: handleCancel, disabled: isSaving, children: "Cancel" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ProfileButton, { $primary: true, onClick: handleSave, disabled: isSaving, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ProfileButton, { $primary: true, onClick: () => void handleSave(), disabled: isSaving, children: [
         isSaving && /* @__PURE__ */ jsxRuntime.jsx(ProfileSpinner, {}),
         isSaving ? "Saving..." : "Save"
       ] })
@@ -5083,7 +5082,7 @@ function UserButton({
   const menuRef = React2.useRef(null);
   React2.useEffect(() => {
     setImageError(false);
-    const avatarUrl = user?.avatarUrl;
+    const avatarUrl = user?.profile?.avatar_url;
     if (!avatarUrl) {
       return;
     }
@@ -5104,7 +5103,7 @@ function UserButton({
       }
     };
     void checkImageUrl();
-  }, [user?.avatarUrl]);
+  }, [user?.profile?.avatar_url]);
   React2.useEffect(() => {
     if (isOpen && dropdownRef.current) {
       const buttonRect = dropdownRef.current.getBoundingClientRect();
@@ -5148,7 +5147,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__ */ jsxRuntime.jsxs(UserButtonContainer, { ref: dropdownRef, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       UserButtonButton,
@@ -5158,16 +5157,16 @@ function UserButton({
         "aria-expanded": isOpen,
         "aria-haspopup": "true",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(UserButtonAvatar, { children: user.avatarUrl && !imageError ? /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(UserButtonAvatar, { children: user.profile?.avatar_url && !imageError ? /* @__PURE__ */ jsxRuntime.jsx(
             UserButtonAvatarImage,
             {
-              src: user.avatarUrl,
+              src: user.profile.avatar_url,
               alt: user.email,
               onError: () => setImageError(true)
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx(UserButtonAvatarInitials, { children: initials }) }),
           mode === "detailed" && /* @__PURE__ */ jsxRuntime.jsxs(UserButtonInfo, { children: [
-            user.name && /* @__PURE__ */ jsxRuntime.jsx(UserButtonName, { children: user.name }),
+            user.profile?.name && /* @__PURE__ */ jsxRuntime.jsx(UserButtonName, { children: user.profile.name }),
             /* @__PURE__ */ jsxRuntime.jsx(UserButtonEmail, { children: user.email })
           ] })
         ]
@@ -5192,13 +5191,7 @@ function UserButton({
         "Sign out"
       ] }) })
     ] }),
-    showProfileModal && /* @__PURE__ */ jsxRuntime.jsx(
-      UserProfileModal,
-      {
-        onClose: () => setShowProfileModal(false),
-        onError: onProfileError
-      }
-    )
+    showProfileModal && /* @__PURE__ */ jsxRuntime.jsx(UserProfileModal, { onClose: () => setShowProfileModal(false), onError: onProfileError })
   ] });
 }
 function Protect({