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

package/dist/components.d.cts

@@ -183,7 +183,7 @@ interface UserProfileModalProps {
 }
 /**
  * User profile modal component.
- * Displays user profile information with edit capability for allowed fields.
+ * Displays user profile information with edit capability for name.
  */
 declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react_jsx_runtime.JSX.Element | null;
 

package/dist/components.d.ts

@@ -183,7 +183,7 @@ interface UserProfileModalProps {
 }
 /**
  * User profile modal component.
- * Displays user profile information with edit capability for allowed fields.
+ * Displays user profile information with edit capability for name.
  */
 declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react_jsx_runtime.JSX.Element | null;
 

package/dist/components.js

@@ -4874,30 +4874,17 @@ var ProfileSpinner = styled.div`
     }
   }
 `;
-var READ_ONLY_FIELDS = ["id", "email", "avatar_url", "created_at", "updated_at"];
-var HIDDEN_FIELDS = ["id", "avatar_url"];
-function formatFieldLabel(key) {
-  return key.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").toLowerCase();
-}
 function UserProfileModal({ onClose, onError }) {
   const { user, updateUser, isLoaded } = useInsforge();
   const [isEditing, setIsEditing] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
   const [imageError, setImageError] = useState(false);
-  const [formData, setFormData] = useState({});
+  const [name, setName] = useState("");
   useEffect(() => {
-    if (user) {
-      const initialData = {};
-      if (user.profile) {
-        Object.entries(user.profile).forEach(([key, value]) => {
-          if (!HIDDEN_FIELDS.includes(key) && typeof value === "string") {
-            initialData[key] = value;
-          }
-        });
-      }
-      setFormData(initialData);
+    if (user?.profile?.name) {
+      setName(user.profile.name);
     }
-  }, [user]);
+  }, [user?.profile?.name]);
   useEffect(() => {
     setImageError(false);
     const avatarUrl = user?.profile?.avatar_url;
@@ -4919,26 +4906,11 @@ function UserProfileModal({ onClose, onError }) {
     };
     void checkImageUrl();
   }, [user?.profile?.avatar_url]);
-  const handleFieldChange = useCallback((key, value) => {
-    setFormData((prev2) => ({
-      ...prev2,
-      [key]: value
-    }));
-  }, []);
   const handleSave = useCallback(async () => {
     if (!user) return;
     setIsSaving(true);
     try {
-      const { name, ...dynamicFields } = formData;
-      const updateData = {
-        profile: {
-          name
-        }
-      };
-      if (Object.keys(dynamicFields).length > 0) {
-        updateData.profile = dynamicFields;
-      }
-      const result = await updateUser(updateData);
+      const result = await updateUser({ profile: { name } });
       if (result?.error) {
         onError?.(result.error);
       } else {
@@ -4949,23 +4921,11 @@ function UserProfileModal({ onClose, onError }) {
     } finally {
       setIsSaving(false);
     }
-  }, [user, formData, updateUser, onError]);
+  }, [user, name, updateUser, onError]);
   const handleCancel = useCallback(() => {
-    if (user) {
-      const resetData = {
-        name: user.profile?.name || ""
-      };
-      if (user.profile) {
-        Object.entries(user.profile).forEach(([key, value]) => {
-          if (!HIDDEN_FIELDS.includes(key) && typeof value === "string") {
-            resetData[key] = value;
-          }
-        });
-      }
-      setFormData(resetData);
-    }
+    setName(user?.profile?.name || "");
     setIsEditing(false);
-  }, [user]);
+  }, [user?.profile?.name]);
   const handleOverlayClick = useCallback(
     (e) => {
       if (e.target === e.currentTarget) {
@@ -4991,24 +4951,6 @@ function UserProfileModal({ onClose, onError }) {
     return null;
   }
   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.profile?.name || "",
-    readOnly: false
-  });
-  if (user.profile) {
-    Object.entries(user.profile).forEach(([key, value]) => {
-      if (!HIDDEN_FIELDS.includes(key) && typeof value === "string") {
-        fields.push({
-          key,
-          value: isEditing ? formData[key] ?? value : value,
-          readOnly: READ_ONLY_FIELDS.includes(key)
-        });
-      }
-    });
-  }
   return /* @__PURE__ */ jsx(ProfileModalOverlay, { onClick: handleOverlayClick, children: /* @__PURE__ */ jsxs(ProfileModalContainer, { onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxs(ProfileModalHeader, { children: [
       /* @__PURE__ */ jsx(ProfileModalTitle, { children: "Profile" }),
@@ -5023,18 +4965,25 @@ function UserProfileModal({ onClose, onError }) {
           onError: () => setImageError(true)
         }
       ) : initials }) }),
-      /* @__PURE__ */ jsx(ProfileFieldsContainer, { children: fields.map(({ key, value, readOnly }) => /* @__PURE__ */ jsxs(ProfileField, { children: [
-        /* @__PURE__ */ jsx(ProfileFieldLabel, { children: formatFieldLabel(key) }),
-        isEditing && !readOnly ? /* @__PURE__ */ jsx(
-          ProfileFieldInput,
-          {
-            type: "text",
-            value: formData[key] ?? value,
-            onChange: (e) => handleFieldChange(key, e.target.value),
-            disabled: isSaving
-          }
-        ) : /* @__PURE__ */ jsx(ProfileFieldValue, { children: value || "-" })
-      ] }, key)) })
+      /* @__PURE__ */ jsxs(ProfileFieldsContainer, { children: [
+        /* @__PURE__ */ jsxs(ProfileField, { children: [
+          /* @__PURE__ */ jsx(ProfileFieldLabel, { children: "email" }),
+          /* @__PURE__ */ jsx(ProfileFieldValue, { children: user.email })
+        ] }),
+        /* @__PURE__ */ jsxs(ProfileField, { children: [
+          /* @__PURE__ */ jsx(ProfileFieldLabel, { children: "name" }),
+          isEditing ? /* @__PURE__ */ jsx(
+            ProfileFieldInput,
+            {
+              type: "text",
+              value: name,
+              onChange: (e) => setName(e.target.value),
+              disabled: isSaving,
+              placeholder: "Enter your name"
+            }
+          ) : /* @__PURE__ */ jsx(ProfileFieldValue, { children: user.profile?.name || "-" })
+        ] })
+      ] })
     ] }),
     /* @__PURE__ */ jsx(ProfileModalFooter, { children: isEditing ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(ProfileButton, { onClick: handleCancel, disabled: isSaving, children: "Cancel" }),