strapi-plugin-firebase-authentication 1.1.0 → 1.1.7

package/README.md

@@ -42,7 +42,7 @@ A production-ready Strapi v5 plugin that seamlessly integrates Firebase Authenti
 - `POST /api/firebase-authentication` - Exchange Firebase token for Strapi JWT
 - `POST /api/firebase-authentication/emailLogin` - Direct email/password login
 - `POST /api/firebase-authentication/forgotPassword` - Request password reset
-- `POST /api/firebase-authentication/resetPassword` - Reset with JWT token
+- `POST /api/firebase-authentication/resetPassword` - Authenticated password change (requires JWT)
 - `POST /api/firebase-authentication/requestMagicLink` - Passwordless login
 - `GET /api/firebase-authentication/config` - Get public configuration
 
@@ -284,32 +284,66 @@ module.exports = () => ({
 
 ### Public Endpoints
 
-| Method | Endpoint                                        | Purpose                                |
-| ------ | ----------------------------------------------- | -------------------------------------- |
-| POST   | `/api/firebase-authentication`                  | Exchange Firebase token for Strapi JWT |
-| POST   | `/api/firebase-authentication/emailLogin`       | Email/password login (no SDK required) |
-| POST   | `/api/firebase-authentication/forgotPassword`   | Request password reset email           |
-| POST   | `/api/firebase-authentication/resetPassword`    | Reset password with JWT token          |
-| POST   | `/api/firebase-authentication/requestMagicLink` | Request passwordless login email       |
-| GET    | `/api/firebase-authentication/config`           | Get public configuration               |
+| Method | Endpoint                                        | Purpose                                      |
+| ------ | ----------------------------------------------- | -------------------------------------------- |
+| POST   | `/api/firebase-authentication`                  | Exchange Firebase token for Strapi JWT       |
+| POST   | `/api/firebase-authentication/emailLogin`       | Email/password login (no SDK required)       |
+| POST   | `/api/firebase-authentication/forgotPassword`   | Request password reset email                 |
+| POST   | `/api/firebase-authentication/resetPassword`    | Authenticated password change (requires JWT) |
+| POST   | `/api/firebase-authentication/requestMagicLink` | Request passwordless login email             |
+| GET    | `/api/firebase-authentication/config`           | Get public configuration                     |
+
+### Password Reset Flow
+
+There are two distinct password reset approaches in this plugin:
+
+#### 1. Forgot Password Flow (Email-Based)
+
+**For users who forgot their password:**
+
+1. User requests reset: `POST /api/firebase-authentication/forgotPassword` with `{ "email": "user@example.com" }`
+2. Firebase sends email with link to Firebase's hosted password reset page
+3. User clicks link → Opens Firebase's secure hosted UI
+4. User enters new password on Firebase's page
+5. After success → Redirects to configured continue URL
+6. User logs in normally with new password
+
+**Configuration:** Set `passwordResetUrl` in Firebase Authentication settings (this is where users land AFTER resetting their password on Firebase's page).
+
+#### 2. Authenticated Password Change
+
+**For admin-initiated resets or users changing their own password:**
+
+- **Endpoint:** `POST /api/firebase-authentication/resetPassword`
+- **Requires:** Valid JWT in `Authorization` header + `{ "password": "newpassword" }` in body
+- **Use cases:**
+  - Admin resetting a user's password via admin panel
+  - Authenticated user changing their own password
+- **Returns:** Updated user object + fresh JWT for auto-login
+
+**Note:** This endpoint is NOT part of the forgot password email flow. Use `forgotPassword` for email-based password reset.
 
 ### Admin Endpoints
 
+Admin endpoints use the admin API type (no `/api` prefix) and require admin authentication.
+
 **User Management:**
 | Method | Endpoint | Purpose |
 |--------|----------|---------|
-| GET | `/api/firebase-authentication/content-internal-api/users` | List/search users |
-| POST | `/api/firebase-authentication/content-internal-api/users` | Create user |
-| GET | `/api/firebase-authentication/content-internal-api/users/:id` | Get user |
-| PUT | `/api/firebase-authentication/content-internal-api/users/:id` | Update user |
-| DELETE | `/api/firebase-authentication/content-internal-api/users/:id` | Delete user |
-| PUT | `/api/firebase-authentication/content-internal-api/users/resetPassword/:id` | Reset password |
+| GET | `/firebase-authentication/users` | List/search users |
+| POST | `/firebase-authentication/users` | Create user |
+| GET | `/firebase-authentication/users/:id` | Get user |
+| PUT | `/firebase-authentication/users/:id` | Update user |
+| DELETE | `/firebase-authentication/users/:id` | Delete user |
+| PUT | `/firebase-authentication/users/resetPassword/:id` | Reset password |
 
 **Settings Management:**
 | Method | Endpoint | Purpose |
 |--------|----------|---------|
-| GET/POST/DELETE | `/api/firebase-authentication/settings/firebase-config` | Manage Firebase config |
-| POST | `/api/firebase-authentication/settings/password-config` | Update password/magic link settings |
+| GET | `/firebase-authentication/settings/firebase-config` | Get Firebase config |
+| POST | `/firebase-authentication/settings/firebase-config` | Upload Firebase config |
+| DELETE | `/firebase-authentication/settings/firebase-config` | Delete Firebase config |
+| POST | `/firebase-authentication/settings/password-config` | Update password/magic link settings |
 
 ---
 

package/dist/_chunks/{App-Bl6D4TFu.mjs → App-C49N6om4.mjs}

@@ -5,14 +5,14 @@ import { Provider } from "@radix-ui/react-tooltip";
 import React, { useState, useCallback, useMemo, useEffect, useRef, useLayoutEffect } from "react";
 import { Link, Flex, Box, Button, Tooltip, Tbody, Tr, Td, Checkbox, Typography, Modal, Table, Thead, Th, SingleSelect, SingleSelectOption, SearchForm, Searchbar, IconButton, Dialog, Tabs, TextInput, Alert, Field, Toggle, Divider } from "@strapi/design-system";
 import { useIntl } from "react-intl";
-import { i as isArguments_1, a as isBufferExports, b as isTypedArray_1, c as isLength_1, d as isFunction_1, _ as _getTag, e as _Stack, f as _equalArrays, g as _equalByTag, h as isObjectLike_1, j as getDefaultExportFromCjs, k as _baseGetTag, l as _MapCache, m as _Symbol, P as PLUGIN_ID, n as getAugmentedNamespace, o as commonjsGlobal } from "./index-4hUrKd7Y.mjs";
+import { i as isArguments_1, a as isBufferExports, b as isTypedArray_1, c as isLength_1, d as isFunction_1, _ as _getTag, e as _Stack, f as _equalArrays, g as _equalByTag, h as isObjectLike_1, j as getDefaultExportFromCjs, k as _baseGetTag, l as _MapCache, m as _Symbol, P as PLUGIN_ID, n as getAugmentedNamespace, o as commonjsGlobal } from "./index-FAW4iPgh.mjs";
 import { ArrowLeft, Key, Trash, WarningCircle, CaretUp, CaretDown, Search, Plus, Pencil } from "@strapi/icons";
 import styled from "styled-components";
 import { RxCheck, RxCross2 } from "react-icons/rx";
 import { AiOutlineUserAdd, AiFillPhone, AiFillMail, AiFillYahoo, AiFillGithub, AiFillTwitterCircle, AiFillFacebook, AiFillApple, AiFillGoogleCircle } from "react-icons/ai";
 import { MdPassword } from "react-icons/md";
-import { g as getFirebaseConfig$1 } from "./api-B01IAVEC.mjs";
-import PhoneInput from "react-phone-input-2";
+import { g as getFirebaseConfig$1 } from "./api-DrAXGM3H.mjs";
+import * as PhoneInputModule from "react-phone-input-2";
 import "react-phone-input-2/lib/style.css";
 import validator from "validator";
 function arrayPush$1(array, values) {
@@ -2522,11 +2522,11 @@ const FirebaseTable = ({
     });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(BulkActionsBar, { paddingLeft: 0, paddingRight: 0, children: /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", gap: 4, children: [
+    /* @__PURE__ */ jsx(BulkActionsBar, { paddingLeft: 0, paddingRight: 0, children: /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", justifyContent: "space-between", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", gap: 2, wrap: "nowrap", children: [
         action,
         hasSelection && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(Typography, { variant: "omega", fontWeight: "semiBold", children: [
+          /* @__PURE__ */ jsxs(Typography, { variant: "omega", fontWeight: "semiBold", style: { whiteSpace: "nowrap" }, children: [
             selectedCount,
             " ",
             selectedCount === 1 ? "entry" : "entries",
@@ -2539,10 +2539,20 @@ const FirebaseTable = ({
               startIcon: /* @__PURE__ */ jsx(Trash, {}),
               onClick: () => setShowBulkDeleteDialog(true),
               size: "S",
+              style: { whiteSpace: "nowrap" },
               children: "Delete"
             }
           ),
-          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: clearSelection, size: "S", children: "Deselect all" })
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              onClick: clearSelection,
+              size: "S",
+              style: { whiteSpace: "nowrap" },
+              children: "Deselect all"
+            }
+          )
         ] })
       ] }),
       createAction
@@ -2669,7 +2679,7 @@ const sendResetEmail = async (userId) => {
   return result;
 };
 const getFirebaseConfig = async () => {
-  const url = `/${PLUGIN_ID}/config`;
+  const url = `/api/${PLUGIN_ID}/config`;
   try {
     const { get: get2 } = getFetchClient();
     const { data: config } = await get2(url, {
@@ -2956,7 +2966,7 @@ var objectInspect = function inspect_(obj, options, depth, seen) {
     var ys = arrObjKeys(obj, inspect2);
     var isPlainObject = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
     var protoTag = obj instanceof Object ? "" : "null prototype";
-    var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr(obj), 8, -1) : protoTag ? "Object" : "";
+    var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr$1(obj), 8, -1) : protoTag ? "Object" : "";
     var constructorTag = isPlainObject || typeof obj.constructor !== "function" ? "" : obj.constructor.name ? obj.constructor.name + " " : "";
     var tag = constructorTag + (stringTag || protoTag ? "[" + $join.call($concat$1.call([], stringTag || [], protoTag || []), ": ") + "] " : "");
     if (ys.length === 0) {
@@ -2981,25 +2991,25 @@ function canTrustToString(obj) {
   return !toStringTag || !(typeof obj === "object" && (toStringTag in obj || typeof obj[toStringTag] !== "undefined"));
 }
 function isArray$3(obj) {
-  return toStr(obj) === "[object Array]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Array]" && canTrustToString(obj);
 }
 function isDate(obj) {
-  return toStr(obj) === "[object Date]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Date]" && canTrustToString(obj);
 }
 function isRegExp$1(obj) {
-  return toStr(obj) === "[object RegExp]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object RegExp]" && canTrustToString(obj);
 }
 function isError(obj) {
-  return toStr(obj) === "[object Error]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Error]" && canTrustToString(obj);
 }
 function isString(obj) {
-  return toStr(obj) === "[object String]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object String]" && canTrustToString(obj);
 }
 function isNumber(obj) {
-  return toStr(obj) === "[object Number]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Number]" && canTrustToString(obj);
 }
 function isBoolean(obj) {
-  return toStr(obj) === "[object Boolean]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Boolean]" && canTrustToString(obj);
 }
 function isSymbol(obj) {
   if (hasShammedSymbols) {
@@ -3035,7 +3045,7 @@ var hasOwn$1 = Object.prototype.hasOwnProperty || function(key) {
 function has$3(obj, key) {
   return hasOwn$1.call(obj, key);
 }
-function toStr(obj) {
+function toStr$1(obj) {
   return objectToString.call(obj);
 }
 function nameOf(f) {
@@ -3344,7 +3354,7 @@ var syntax = SyntaxError;
 var uri = URIError;
 var abs$1 = Math.abs;
 var floor$1 = Math.floor;
-var max$1 = Math.max;
+var max$2 = Math.max;
 var min$1 = Math.min;
 var pow$1 = Math.pow;
 var round$1 = Math.round;
@@ -3473,99 +3483,78 @@ function requireObject_getPrototypeOf() {
   Object_getPrototypeOf = $Object2.getPrototypeOf || null;
   return Object_getPrototypeOf;
 }
-var implementation;
-var hasRequiredImplementation;
-function requireImplementation() {
-  if (hasRequiredImplementation) return implementation;
-  hasRequiredImplementation = 1;
-  var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
-  var toStr2 = Object.prototype.toString;
-  var max2 = Math.max;
-  var funcType = "[object Function]";
-  var concatty = function concatty2(a3, b2) {
-    var arr = [];
-    for (var i2 = 0; i2 < a3.length; i2 += 1) {
-      arr[i2] = a3[i2];
-    }
-    for (var j = 0; j < b2.length; j += 1) {
-      arr[j + a3.length] = b2[j];
-    }
-    return arr;
-  };
-  var slicy = function slicy2(arrLike, offset) {
-    var arr = [];
-    for (var i2 = offset, j = 0; i2 < arrLike.length; i2 += 1, j += 1) {
-      arr[j] = arrLike[i2];
-    }
-    return arr;
-  };
-  var joiny = function(arr, joiner) {
-    var str = "";
-    for (var i2 = 0; i2 < arr.length; i2 += 1) {
-      str += arr[i2];
-      if (i2 + 1 < arr.length) {
-        str += joiner;
-      }
+var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
+var toStr = Object.prototype.toString;
+var max$1 = Math.max;
+var funcType = "[object Function]";
+var concatty = function concatty2(a3, b2) {
+  var arr = [];
+  for (var i2 = 0; i2 < a3.length; i2 += 1) {
+    arr[i2] = a3[i2];
+  }
+  for (var j = 0; j < b2.length; j += 1) {
+    arr[j + a3.length] = b2[j];
+  }
+  return arr;
+};
+var slicy = function slicy2(arrLike, offset) {
+  var arr = [];
+  for (var i2 = offset, j = 0; i2 < arrLike.length; i2 += 1, j += 1) {
+    arr[j] = arrLike[i2];
+  }
+  return arr;
+};
+var joiny = function(arr, joiner) {
+  var str = "";
+  for (var i2 = 0; i2 < arr.length; i2 += 1) {
+    str += arr[i2];
+    if (i2 + 1 < arr.length) {
+      str += joiner;
     }
-    return str;
-  };
-  implementation = function bind2(that) {
-    var target = this;
-    if (typeof target !== "function" || toStr2.apply(target) !== funcType) {
-      throw new TypeError(ERROR_MESSAGE + target);
-    }
-    var args = slicy(arguments, 1);
-    var bound;
-    var binder = function() {
-      if (this instanceof bound) {
-        var result = target.apply(
-          this,
-          concatty(args, arguments)
-        );
-        if (Object(result) === result) {
-          return result;
-        }
-        return this;
-      }
-      return target.apply(
-        that,
+  }
+  return str;
+};
+var implementation$1 = function bind(that) {
+  var target = this;
+  if (typeof target !== "function" || toStr.apply(target) !== funcType) {
+    throw new TypeError(ERROR_MESSAGE + target);
+  }
+  var args = slicy(arguments, 1);
+  var bound;
+  var binder = function() {
+    if (this instanceof bound) {
+      var result = target.apply(
+        this,
         concatty(args, arguments)
       );
-    };
-    var boundLength = max2(0, target.length - args.length);
-    var boundArgs = [];
-    for (var i2 = 0; i2 < boundLength; i2++) {
-      boundArgs[i2] = "$" + i2;
-    }
-    bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
-    if (target.prototype) {
-      var Empty = function Empty2() {
-      };
-      Empty.prototype = target.prototype;
-      bound.prototype = new Empty();
-      Empty.prototype = null;
+      if (Object(result) === result) {
+        return result;
+      }
+      return this;
     }
-    return bound;
+    return target.apply(
+      that,
+      concatty(args, arguments)
+    );
   };
-  return implementation;
-}
-var functionBind;
-var hasRequiredFunctionBind;
-function requireFunctionBind() {
-  if (hasRequiredFunctionBind) return functionBind;
-  hasRequiredFunctionBind = 1;
-  var implementation2 = requireImplementation();
-  functionBind = Function.prototype.bind || implementation2;
-  return functionBind;
-}
-var functionCall;
-var hasRequiredFunctionCall;
-function requireFunctionCall() {
-  if (hasRequiredFunctionCall) return functionCall;
-  hasRequiredFunctionCall = 1;
-  functionCall = Function.prototype.call;
-  return functionCall;
-}
+  var boundLength = max$1(0, target.length - args.length);
+  var boundArgs = [];
+  for (var i2 = 0; i2 < boundLength; i2++) {
+    boundArgs[i2] = "$" + i2;
+  }
+  bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
+  if (target.prototype) {
+    var Empty = function Empty2() {
+    };
+    Empty.prototype = target.prototype;
+    bound.prototype = new Empty();
+    Empty.prototype = null;
+  }
+  return bound;
+};
+var implementation = implementation$1;
+var functionBind = Function.prototype.bind || implementation;
+var functionCall = Function.prototype.call;
 var functionApply;
 var hasRequiredFunctionApply;
 function requireFunctionApply() {
@@ -3575,14 +3564,14 @@ function requireFunctionApply() {
   return functionApply;
 }
 var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
-var bind$2 = requireFunctionBind();
+var bind$2 = functionBind;
 var $apply$1 = requireFunctionApply();
-var $call$2 = requireFunctionCall();
+var $call$2 = functionCall;
 var $reflectApply = reflectApply;
 var actualApply = $reflectApply || bind$2.call($call$2, $apply$1);
-var bind$1 = requireFunctionBind();
+var bind$1 = functionBind;
 var $TypeError$4 = type;
-var $call$1 = requireFunctionCall();
+var $call$1 = functionCall;
 var $actualApply = actualApply;
 var callBindApplyHelpers = function callBindBasic(args) {
   if (args.length < 1 || typeof args[0] !== "function") {
@@ -3648,8 +3637,8 @@ function requireHasown() {
   hasRequiredHasown = 1;
   var call = Function.prototype.call;
   var $hasOwn = Object.prototype.hasOwnProperty;
-  var bind2 = requireFunctionBind();
-  hasown = bind2.call(call, $hasOwn);
+  var bind3 = functionBind;
+  hasown = bind3.call(call, $hasOwn);
   return hasown;
 }
 var undefined$1;
@@ -3663,7 +3652,7 @@ var $TypeError$3 = type;
 var $URIError = uri;
 var abs = abs$1;
 var floor = floor$1;
-var max = max$1;
+var max = max$2;
 var min = min$1;
 var pow = pow$1;
 var round = round$1;
@@ -3697,7 +3686,7 @@ var getProto = requireGetProto();
 var $ObjectGPO = requireObject_getPrototypeOf();
 var $ReflectGPO = requireReflect_getPrototypeOf();
 var $apply = requireFunctionApply();
-var $call = requireFunctionCall();
+var $call = functionCall;
 var needsEval = {};
 var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined$1 : getProto(Uint8Array);
 var INTRINSICS = {
@@ -3868,13 +3857,13 @@ var LEGACY_ALIASES = {
   "%WeakMapPrototype%": ["WeakMap", "prototype"],
   "%WeakSetPrototype%": ["WeakSet", "prototype"]
 };
-var bind = requireFunctionBind();
+var bind2 = functionBind;
 var hasOwn = requireHasown();
-var $concat = bind.call($call, Array.prototype.concat);
-var $spliceApply = bind.call($apply, Array.prototype.splice);
-var $replace = bind.call($call, String.prototype.replace);
-var $strSlice = bind.call($call, String.prototype.slice);
-var $exec = bind.call($call, RegExp.prototype.exec);
+var $concat = bind2.call($call, Array.prototype.concat);
+var $spliceApply = bind2.call($apply, Array.prototype.splice);
+var $replace = bind2.call($call, String.prototype.replace);
+var $strSlice = bind2.call($call, String.prototype.slice);
+var $exec = bind2.call($call, RegExp.prototype.exec);
 var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
 var reEscapeChar = /\\(\\)?/g;
 var stringToPath = function stringToPath2(string) {
@@ -5372,6 +5361,60 @@ const HomePage = () => {
     ] })
   ] });
 };
+const PhoneInput = PhoneInputModule.default || PhoneInputModule;
+console.log("🔍 ==================== UserFormFields Debug Start ====================");
+console.log("📦 Import Inspection:");
+console.log("  Field:", Field);
+console.log("  Field type:", typeof Field);
+console.log("  Field constructor:", Field?.constructor?.name);
+console.log("  Field.Root:", Field.Root);
+console.log("  Field.Root type:", typeof Field.Root);
+console.log("  Field.Root $$typeof:", Field.Root?.$$typeof);
+console.log("  Field.Root displayName:", Field.Root?.displayName);
+console.log("  Field.Label:", Field.Label);
+console.log("  Field.Label type:", typeof Field.Label);
+console.log("  Field.Label $$typeof:", Field.Label?.$$typeof);
+console.log("  Field.Error:", Field.Error);
+console.log("  Field.Error type:", typeof Field.Error);
+console.log("  Field.Error $$typeof:", Field.Error?.$$typeof);
+console.log("  Field.Hint:", Field.Hint);
+console.log("  Field.Hint type:", typeof Field.Hint);
+console.log("  TextInput:", TextInput);
+console.log("  TextInput type:", typeof TextInput);
+console.log("  TextInput $$typeof:", TextInput?.$$typeof);
+console.log("  Toggle:", Toggle);
+console.log("  Toggle type:", typeof Toggle);
+console.log("  Toggle $$typeof:", Toggle?.$$typeof);
+console.log("  PhoneInput:", PhoneInput);
+console.log("  PhoneInput type:", typeof PhoneInput);
+console.log("  PhoneInput $$typeof:", PhoneInput?.$$typeof);
+console.log("  PhoneInput displayName:", PhoneInput?.displayName);
+console.log("🧩 Testing React.createElement:");
+try {
+  const testRoot = React.createElement(Field.Root, { children: "test" });
+  console.log("  ✅ Field.Root createElement succeeded:", testRoot);
+} catch (e2) {
+  console.error("  ❌ Field.Root createElement FAILED:", e2);
+}
+try {
+  const testLabel = React.createElement(Field.Label, { children: "test" });
+  console.log("  ✅ Field.Label createElement succeeded:", testLabel);
+} catch (e2) {
+  console.error("  ❌ Field.Label createElement FAILED:", e2);
+}
+try {
+  const testInput = React.createElement(TextInput, { value: "test" });
+  console.log("  ✅ TextInput createElement succeeded:", testInput);
+} catch (e2) {
+  console.error("  ❌ TextInput createElement FAILED:", e2);
+}
+try {
+  const testToggle = React.createElement(Toggle, { checked: false });
+  console.log("  ✅ Toggle createElement succeeded:", testToggle);
+} catch (e2) {
+  console.error("  ❌ Toggle createElement FAILED:", e2);
+}
+console.log("🔍 ==================== UserFormFields Debug End ====================");
 const StyledPhoneInputWrapper = styled.div`
   width: 100%;
 
@@ -5526,6 +5569,19 @@ const UserFormFields = ({
   isPasswordRequired = false,
   hasBeenTouched = false
 }) => {
+  console.log("🎨 UserFormFields RENDER START");
+  console.log("  Props received:", {
+    userData,
+    emailError,
+    phoneError,
+    showPasswordHint,
+    isPasswordRequired,
+    hasBeenTouched
+  });
+  console.log("  About to render Field.Root, type:", typeof Field.Root);
+  console.log("  About to render TextInput, type:", typeof TextInput);
+  console.log("  About to render Toggle, type:", typeof Toggle);
+  console.log("  About to render PhoneInput, type:", typeof PhoneInput);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       Field.Root,
@@ -5755,7 +5811,14 @@ const useUserForm = (initialData = {}) => {
     isSubmitDisabled
   };
 };
+console.log("🔷 CreateUserForm - Component Imports:");
+console.log("  UserFormFields:", UserFormFields);
+console.log("  UserFormFields type:", typeof UserFormFields);
+console.log("  UserFormFields $$typeof:", UserFormFields?.$$typeof);
+console.log("  UserFormLayout:", UserFormLayout);
+console.log("  UserFormLayout type:", typeof UserFormLayout);
 const CreateUserForm = () => {
+  console.log("🔷 CreateUserForm RENDERING");
   const [isLoading, setIsLoading] = useState(false);
   const { toggleNotification } = useNotification();
   const navigate = useNavigate();
@@ -5799,20 +5862,25 @@ const CreateUserForm = () => {
         isSubmitButtonDisabled: isSubmitDisabled
       }
     ),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(UserFormLayout, { children: /* @__PURE__ */ jsx(
-      UserFormFields,
-      {
-        userData,
-        onTextInputChange: handlers.onTextInputChange,
-        onPhoneChange: handlers.onPhoneChange,
-        onToggleInputChange: handlers.onToggleInputChange,
-        onEmailBlur: handlers.onEmailBlur,
-        emailError,
-        phoneError,
-        isPasswordRequired: true,
-        hasBeenTouched
-      }
-    ) }) })
+    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(UserFormLayout, { children: (() => {
+      console.log("🎯 About to render UserFormFields, component:", UserFormFields);
+      console.log("🎯 UserFormFields typeof:", typeof UserFormFields);
+      console.log("🎯 UserFormFields.$$typeof:", UserFormFields?.$$typeof);
+      return /* @__PURE__ */ jsx(
+        UserFormFields,
+        {
+          userData,
+          onTextInputChange: handlers.onTextInputChange,
+          onPhoneChange: handlers.onPhoneChange,
+          onToggleInputChange: handlers.onToggleInputChange,
+          onEmailBlur: handlers.onEmailBlur,
+          emailError,
+          phoneError,
+          isPasswordRequired: true,
+          hasBeenTouched
+        }
+      );
+    })() }) })
   ] });
 };
 const PasswordResetButton = ({
@@ -5846,6 +5914,7 @@ const PasswordResetButton = ({
   }
   return button;
 };
+console.log("🔶 EditUserForm - UserFormFields import:", UserFormFields, "type:", typeof UserFormFields);
 const MetaWrapper = styled(Box)`
   width: 100%;
   display: flex;
@@ -6143,6 +6212,11 @@ const EditUserForm = ({ data }) => {
     )
   ] });
 };
+console.log("📤 forms/index.ts Re-export Debug:");
+console.log("  UserFormFields from import:", UserFormFields);
+console.log("  UserFormFields type:", typeof UserFormFields);
+console.log("  UserFormLayout from import:", UserFormLayout);
+console.log("  UserFormLayout type:", typeof UserFormLayout);
 const EditView = () => {
   const { id } = useParams();
   const { toggleNotification } = useNotification();