@jrapps/my_tickets_dashboard_modals_ui 0.0.2 → 0.1.0

package/dist/cjs/components/ManageCreateUserModal/index.js

@@ -0,0 +1,278 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ManageCreateUserModal/index.ts
+var ManageCreateUserModal_exports = {};
+__export(ManageCreateUserModal_exports, {
+  ManageCreateUserModal: () => ManageCreateUserModal
+});
+module.exports = __toCommonJS(ManageCreateUserModal_exports);
+
+// src/components/ManageCreateUserModal/ManageCreateUserModal.tsx
+var import_react2 = __toESM(require("react"));
+
+// src/components/ManageCreateUserModal/useManageCreateUserModal.ts
+var import_react = require("react");
+var import_essentials = require("@wix/essentials");
+
+// src/components/ManageCreateUserModal/ManageCreateUserModal.types.ts
+var DEFAULT_USER_DATA = {
+  _id: "",
+  passcode: "",
+  userId: "",
+  email: "",
+  name: "",
+  phoneNumber: "",
+  role: "",
+  team: "",
+  profilePictureUrl: "",
+  assignedTickets: [],
+  isAdmin: false
+};
+
+// src/components/ManageCreateUserModal/useManageCreateUserModal.ts
+var BASE_API_URL = new URL("").origin;
+function useManageCreateUserModal({ id, state }) {
+  const [userData, setUserData] = (0, import_react.useState)(DEFAULT_USER_DATA);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [isSaving, setIsSaving] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(false);
+  const [teams, setTeams] = (0, import_react.useState)([]);
+  const handleFormChange = (field, value) => {
+    setUserData((prev) => ({ ...prev, [field]: value }));
+  };
+  (0, import_react.useEffect)(() => {
+    const fetchTeams = async () => {
+      try {
+        const response = await import_essentials.httpClient.fetchWithAuth(`${BASE_API_URL}/api/teams/teams`);
+        const result = await response.json();
+        if (!result.success) throw new Error(result.error || "Failed to fetch teams");
+        setTeams(result.teams || []);
+      } catch (err) {
+        console.error("Error fetching teams data:", err);
+      }
+    };
+    const fetchUser = async () => {
+      try {
+        const response = await import_essentials.httpClient.fetchWithAuth(`${BASE_API_URL}/api/users/users?id=${id}`);
+        const result = await response.json();
+        if (!result.success) throw new Error(result.error || "Failed to fetch user data");
+        setUserData(result.user || DEFAULT_USER_DATA);
+      } catch (err) {
+        console.error("Error fetching user data:", err);
+        setError(true);
+      }
+    };
+    const init = async () => {
+      setIsLoading(true);
+      await Promise.all([
+        fetchTeams(),
+        ...state === "EDIT" ? [fetchUser()] : []
+      ]);
+      setIsLoading(false);
+    };
+    init();
+  }, [id, state]);
+  const handleSave = async (onClose) => {
+    setIsSaving(true);
+    try {
+      const emailWithDomain = userData.email.includes("@") ? userData.email : `${userData.email}@mytickets.internal`;
+      const payload = {
+        ...userData,
+        email: emailWithDomain,
+        // Only include passcode in the payload when the user has typed one.
+        ...userData.passcode ? { passcode: userData.passcode } : {}
+      };
+      delete payload.passcode;
+      const res = await import_essentials.httpClient.fetchWithAuth(
+        `${BASE_API_URL}/api/users/users${state === "EDIT" ? `?id=${id}` : ""}`,
+        {
+          method: state === "EDIT" ? "PUT" : "POST",
+          body: JSON.stringify(payload)
+        }
+      );
+      const data = await res.json();
+      if (data.success) {
+        onClose({ newUserData: data.user });
+      }
+    } catch (err) {
+      console.error("Error saving user:", err instanceof Error ? err.message : String(err));
+      setError(true);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  return {
+    userData,
+    isLoading,
+    isSaving,
+    error,
+    teams,
+    handleFormChange,
+    handleSave
+  };
+}
+
+// src/components/ManageCreateUserModal/ManageCreateUserModal.css
+if (typeof document !== "undefined" && !document.getElementById("jrapps-style-03331631")) {
+  const s = document.createElement("style");
+  s.id = "jrapps-style-03331631";
+  s.textContent = ".manage-create-user-modal {\n  /* ManageCreateUserModal base styles */\n}\n";
+  document.head.appendChild(s);
+}
+
+// src/components/ManageCreateUserModal/ManageCreateUserModal.tsx
+var import_design_system = require("@wix/design-system");
+var import_styles_studio_global = require("@wix/design-system/styles-studio.global.css");
+var import_dashboard = require("@wix/dashboard");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ManageCreateUserModal = import_react2.default.forwardRef(
+  ({ className, id, state, permissions, isOpen, onClose }, ref) => {
+    const { userData, isLoading, isSaving, error, teams, handleFormChange, handleSave } = useManageCreateUserModal({ id, state });
+    const canEdit = permissions["my-tickets-edit-accounts"];
+    const isDefaultAdmin = userData.role === "DEFAULT_ADMIN";
+    const handleAddImage = () => {
+      import_dashboard.dashboard.openMediaManager({ multiSelect: false }).then((result) => {
+        if (result && result.items.length > 0) {
+          handleFormChange("profilePictureUrl", result.items[0].url);
+        }
+      });
+    };
+    const modalActionProps = isLoading ? {} : {
+      primaryButtonText: isSaving ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Loader, { size: "tiny" }) : "Save",
+      secondaryButtonText: !isSaving ? state === "CREATE" ? "Cancel" : "Close" : void 0,
+      primaryButtonProps: { disabled: !canEdit },
+      primaryButtonOnClick: () => handleSave(onClose),
+      secondaryButtonOnClick: () => onClose()
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Modal, { isOpen, ref, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_design_system.CustomModalLayout,
+      {
+        width: "500px",
+        ...modalActionProps,
+        showHeaderDivider: true,
+        showFooterDivider: true,
+        title: state === "EDIT" ? "Edit User Account" : "Create User Account",
+        subtitle: state === "EDIT" ? "Make changes to the user account details below." : "Fill in the details to create a new user account.",
+        footnote: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Box, { alignContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design_system.Text, { size: "small", children: [
+          "Powered by ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Text, { size: "small", weight: "bold", children: "My Tickets" })
+        ] }) }),
+        content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Box, { direction: "vertical", width: "stretch", gap: "10px", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Box, { WebkitJustifyContent: "center", alignContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Loader, { size: "medium", status: "loading", text: "Loading User..." }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Box, { WebkitJustifyContent: "center", alignContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Loader, { size: "medium", status: "error", text: "Please try again later." }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design_system.Box, { direction: "horizontal", width: "stretch", gap: "10px", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Profile Picture", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_design_system.ImageViewer,
+              {
+                height: "115px",
+                width: "115px",
+                imageUrl: userData.profilePictureUrl,
+                onAddImage: handleAddImage
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design_system.Box, { direction: "vertical", width: "stretch", gap: "10px", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_design_system.FormField,
+                {
+                  label: state === "EDIT" ? "New Passcode (leave blank to keep)" : "Passcode",
+                  required: state !== "EDIT",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_design_system.Input,
+                    {
+                      type: "password",
+                      value: userData.passcode,
+                      onChange: (e) => handleFormChange("passcode", e.target.value),
+                      disabled: !canEdit
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Team", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_design_system.Dropdown,
+                {
+                  disabled: !canEdit || isDefaultAdmin,
+                  options: isDefaultAdmin ? [] : teams.map((team) => ({ id: String(team._id), value: String(team.name) })),
+                  selectedId: typeof userData.team === "object" && !isDefaultAdmin ? userData.team._id : "",
+                  onSelect: (option) => handleFormChange("team", { _id: String(option.id), name: String(option.value) })
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Box, { direction: "horizontal", width: "stretch", gap: "10px", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Name", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_design_system.Input,
+            {
+              value: userData.name,
+              onChange: (e) => handleFormChange("name", e.target.value),
+              disabled: !canEdit
+            }
+          ) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Box, { direction: "horizontal", width: "stretch", gap: "10px", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Email", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_design_system.Input,
+            {
+              suffix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Box, { verticalAlign: "middle", children: "@mytickets.internal" }),
+              type: "email",
+              value: userData.email.replace("@mytickets.internal", ""),
+              onChange: (e) => handleFormChange("email", e.target.value),
+              disabled: !canEdit || isDefaultAdmin
+            }
+          ) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Phone Number", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_design_system.Input,
+            {
+              type: "tel",
+              value: userData.phoneNumber,
+              onChange: (e) => handleFormChange("phoneNumber", e.target.value),
+              disabled: !canEdit || isDefaultAdmin
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design_system.Box, { direction: "horizontal", width: "stretch", gap: "10px", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Role", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_design_system.Input,
+              {
+                value: userData.role,
+                onChange: (e) => handleFormChange("role", e.target.value),
+                disabled: !canEdit || isDefaultAdmin
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Is Admin", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_design_system.ToggleSwitch,
+              {
+                size: "small",
+                checked: userData.isAdmin,
+                onChange: () => handleFormChange("isAdmin", !userData.isAdmin),
+                disabled: !canEdit || isDefaultAdmin
+              }
+            ) })
+          ] })
+        ] }) })
+      }
+    ) });
+  }
+);
+ManageCreateUserModal.displayName = "ManageCreateUserModal";
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ManageCreateUserModal/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ManageCreateUserModal/index.ts", "../../../../src/components/ManageCreateUserModal/ManageCreateUserModal.tsx", "../../../../src/components/ManageCreateUserModal/useManageCreateUserModal.ts", "../../../../src/components/ManageCreateUserModal/ManageCreateUserModal.types.ts", "../../../../src/components/ManageCreateUserModal/ManageCreateUserModal.css"],
+  "sourcesContent": ["export { ManageCreateUserModal } from './ManageCreateUserModal';\nexport type { ManageCreateUserModalProps } from './ManageCreateUserModal.types';\n", "import React from 'react';\nimport type { ManageCreateUserModalProps } from './ManageCreateUserModal.types';\nimport { useManageCreateUserModal } from './useManageCreateUserModal';\nimport './ManageCreateUserModal.css';\nimport {\n  CustomModalLayout,\n  Box,\n  Text,\n  FormField,\n  Input,\n  ImageViewer,\n  Dropdown,\n  ToggleSwitch,\n  Loader,\n  Modal,\n} from '@wix/design-system';\nimport '@wix/design-system/styles-studio.global.css';\nimport { dashboard } from '@wix/dashboard';\n\nexport const ManageCreateUserModal = React.forwardRef<HTMLDivElement, ManageCreateUserModalProps>(\n  ({ className, id, state, permissions, isOpen, onClose }, ref) => {\n    const { userData, isLoading, isSaving, error, teams, handleFormChange, handleSave } =\n      useManageCreateUserModal({ id, state });\n\n    const canEdit = permissions['my-tickets-edit-accounts'];\n    const isDefaultAdmin = userData.role === 'DEFAULT_ADMIN';\n\n    const handleAddImage = () => {\n      dashboard.openMediaManager({ multiSelect: false }).then((result: any) => {\n        if (result && result.items.length > 0) {\n          handleFormChange('profilePictureUrl', result.items[0].url);\n        }\n      });\n    };\n\n    // Build modal action props only when not loading, to avoid a flash of buttons during fetch.\n    const modalActionProps = isLoading\n      ? {}\n      : {\n          primaryButtonText: isSaving ? <Loader size=\"tiny\" /> : 'Save',\n          secondaryButtonText: !isSaving\n            ? state === 'CREATE'\n              ? 'Cancel'\n              : 'Close'\n            : undefined,\n          primaryButtonProps: { disabled: !canEdit },\n          primaryButtonOnClick: () => handleSave(onClose),\n          secondaryButtonOnClick: () => onClose(),\n        };\n\n    return (\n      <Modal isOpen={isOpen} ref={ref}>\n        <CustomModalLayout\n          width=\"500px\"\n          {...modalActionProps}\n          showHeaderDivider\n          showFooterDivider\n          title={state === 'EDIT' ? 'Edit User Account' : 'Create User Account'}\n          subtitle={\n            state === 'EDIT'\n              ? 'Make changes to the user account details below.'\n              : 'Fill in the details to create a new user account.'\n          }\n          footnote={\n            <Box alignContent=\"center\">\n              <Text size=\"small\">\n                Powered by <Text size=\"small\" weight=\"bold\">My Tickets</Text>\n              </Text>\n            </Box>\n          }\n          content={\n            <Box direction=\"vertical\" width=\"stretch\" gap=\"10px\">\n              {isLoading ? (\n                <Box WebkitJustifyContent=\"center\" alignContent=\"center\">\n                  <Loader size=\"medium\" status=\"loading\" text=\"Loading User...\" />\n                </Box>\n              ) : error ? (\n                <Box WebkitJustifyContent=\"center\" alignContent=\"center\">\n                  <Loader size=\"medium\" status=\"error\" text=\"Please try again later.\" />\n                </Box>\n              ) : (\n                <>\n                  <Box direction=\"horizontal\" width=\"stretch\" gap=\"10px\">\n                    <FormField label=\"Profile Picture\" required>\n                      <ImageViewer\n                        height=\"115px\"\n                        width=\"115px\"\n                        imageUrl={userData.profilePictureUrl}\n                        onAddImage={handleAddImage}\n                      />\n                    </FormField>\n                    <Box direction=\"vertical\" width=\"stretch\" gap=\"10px\">\n                      <FormField\n                        label={state === 'EDIT' ? 'New Passcode (leave blank to keep)' : 'Passcode'}\n                        required={state !== 'EDIT'}\n                      >\n                        <Input\n                          type=\"password\"\n                          value={userData.passcode}\n                          onChange={(e: any) => handleFormChange('passcode', e.target.value)}\n                          disabled={!canEdit}\n                        />\n                      </FormField>\n                      <FormField label=\"Team\" required>\n                        <Dropdown\n                          disabled={!canEdit || isDefaultAdmin}\n                          options={\n                            isDefaultAdmin\n                              ? []\n                              : teams.map((team) => ({ id: String(team._id), value: String(team.name) }))\n                          }\n                          selectedId={\n                            typeof userData.team === 'object' && !isDefaultAdmin\n                              ? userData.team._id\n                              : ''\n                          }\n                          onSelect={(option: any) =>\n                            handleFormChange('team', { _id: String(option.id), name: String(option.value) })\n                          }\n                        />\n                      </FormField>\n                    </Box>\n                  </Box>\n\n                  <Box direction=\"horizontal\" width=\"stretch\" gap=\"10px\">\n                    <FormField label=\"Name\" required>\n                      <Input\n                        value={userData.name}\n                        onChange={(e: any) => handleFormChange('name', e.target.value)}\n                        disabled={!canEdit}\n                      />\n                    </FormField>\n                  </Box>\n\n                  <Box direction=\"horizontal\" width=\"stretch\" gap=\"10px\">\n                    <FormField label=\"Email\" required>\n                      <Input\n                        suffix={<Box verticalAlign=\"middle\">@mytickets.internal</Box>}\n                        type=\"email\"\n                        // Strip the domain for display; it is re-appended in handleSave before sending.\n                        value={userData.email.replace('@mytickets.internal', '')}\n                        onChange={(e: any) => handleFormChange('email', e.target.value)}\n                        disabled={!canEdit || isDefaultAdmin}\n                      />\n                    </FormField>\n                  </Box>\n\n                  <FormField label=\"Phone Number\" required>\n                    <Input\n                      type=\"tel\"\n                      value={userData.phoneNumber}\n                      onChange={(e: any) => handleFormChange('phoneNumber', e.target.value)}\n                      disabled={!canEdit || isDefaultAdmin}\n                    />\n                  </FormField>\n\n                  <Box direction=\"horizontal\" width=\"stretch\" gap=\"10px\">\n                    <FormField label=\"Role\" required>\n                      <Input\n                        value={userData.role}\n                        onChange={(e: any) => handleFormChange('role', e.target.value)}\n                        disabled={!canEdit || isDefaultAdmin}\n                      />\n                    </FormField>\n                    <FormField label=\"Is Admin\" required>\n                      <ToggleSwitch\n                        size=\"small\"\n                        checked={userData.isAdmin}\n                        onChange={() => handleFormChange('isAdmin', !userData.isAdmin)}\n                        disabled={!canEdit || isDefaultAdmin}\n                      />\n                    </FormField>\n                  </Box>\n                </>\n              )}\n            </Box>\n          }\n        />\n      </Modal>\n    );\n  },\n);\n\nManageCreateUserModal.displayName = 'ManageCreateUserModal';\n", "/**\n * useCreateManageUsermodal\n *\n * Encapsulates all state and side-effects for CreateManageUsermodal.\n * Keep JSX in CreateManageUsermodal.tsx.\n */\nimport { useState, useEffect } from 'react';\nimport { httpClient } from '@wix/essentials';\nimport type { UserData } from './ManageCreateUserModal.types';\nimport { DEFAULT_USER_DATA } from './ManageCreateUserModal.types';\n\n// Computed once at module level \u2014 avoids repeating the expression in every fetch call.\nconst BASE_API_URL = new URL(import.meta.url).origin;\n\ninterface UseManageCreateUsermodalOptions {\n  id: string;\n  state: string;\n}\n\nexport function useManageCreateUserModal({ id, state }: UseManageCreateUsermodalOptions) {\n  const [userData, setUserData] = useState<UserData>(DEFAULT_USER_DATA);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [isSaving, setIsSaving] = useState<boolean>(false);\n  const [error, setError] = useState<boolean>(false);\n  const [teams, setTeams] = useState<{ _id: string; name: string }[]>([]);\n\n  const handleFormChange = (field: keyof UserData, value: UserData[keyof UserData]) => {\n    setUserData((prev) => ({ ...prev, [field]: value }));\n  };\n\n  useEffect(() => {\n    // Teams are needed in both CREATE and EDIT modes.\n    const fetchTeams = async () => {\n      try {\n        const response = await httpClient.fetchWithAuth(`${BASE_API_URL}/api/teams/teams`);\n        const result = await response.json();\n        if (!result.success) throw new Error(result.error || 'Failed to fetch teams');\n        setTeams(result.teams || []);\n      } catch (err) {\n        console.error('Error fetching teams data:', err);\n      }\n    };\n\n    const fetchUser = async () => {\n      try {\n        const response = await httpClient.fetchWithAuth(`${BASE_API_URL}/api/users/users?id=${id}`);\n        const result = await response.json();\n        if (!result.success) throw new Error(result.error || 'Failed to fetch user data');\n        setUserData(result.user || DEFAULT_USER_DATA);\n      } catch (err) {\n        console.error('Error fetching user data:', err);\n        setError(true);\n      }\n    };\n\n    const init = async () => {\n      setIsLoading(true);\n      // Always fetch teams \u2014 the Team dropdown is present in both modes.\n      await Promise.all([\n        fetchTeams(),\n        ...(state === 'EDIT' ? [fetchUser()] : []),\n      ]);\n      setIsLoading(false);\n    };\n\n    init();\n  }, [id, state]);\n\n  const handleSave = async (\n    onClose: (result?: { newUserData?: { _id: string; name: string; email: string; team: string; role: string; isAdmin: boolean } }) => void,\n  ) => {\n    setIsSaving(true);\n    try {\n      // Build payload: omit passcode when empty (EDIT with no password change),\n      // and always send email with the domain suffix.\n      const emailWithDomain = userData.email.includes('@')\n        ? userData.email\n        : `${userData.email}@mytickets.internal`;\n\n      const payload: Partial<UserData> & { email: string } = {\n        ...userData,\n        email: emailWithDomain,\n        // Only include passcode in the payload when the user has typed one.\n        ...(userData.passcode ? { passcode: userData.passcode } : {}),\n      };\n      // Never send the passcode field as userId.\n      delete (payload as any).passcode;\n\n      const res = await httpClient.fetchWithAuth(\n        `${BASE_API_URL}/api/users/users${state === 'EDIT' ? `?id=${id}` : ''}`,\n        {\n          method: state === 'EDIT' ? 'PUT' : 'POST',\n          body: JSON.stringify(payload),\n        },\n      );\n      const data = await res.json();\n      if (data.success) {\n        onClose({ newUserData: data.user });\n      }\n    } catch (err: unknown) {\n      console.error('Error saving user:', err instanceof Error ? err.message : String(err));\n      setError(true);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  return {\n    userData,\n    isLoading,\n    isSaving,\n    error,\n    teams,\n    handleFormChange,\n    handleSave,\n  };\n}\n", "import type { HTMLAttributes } from 'react';\n\nexport interface ManageCreateUserModalProps extends HTMLAttributes<HTMLDivElement> {\n  id: string;\n  state: string;\n  permissions: Record<string, boolean>;\n  isOpen: boolean;\n  onClose: (result?: { newUserData?: { _id: string; name: string; email: string; team: string; role: string; isAdmin: boolean }; cancelled?: boolean }) => void;\n}\n\nexport interface AccountModalProps {\n  id: string;\n  state: string;\n  permissions: Record<string, boolean>;\n  isOpen: boolean;\n  onClose: (result?: { newUserData?: { _id: string; name: string; email: string; team: string; role: string; isAdmin: boolean }; cancelled?: boolean }) => void;\n}\n\nexport interface UserData {\n  _id?: string;\n  // passcode is kept separate from userId \u2014 never sent back to the server as the user's ID\n  passcode: string;\n  userId: string;\n  email: string;\n  name: string;\n  phoneNumber: string;\n  role: string;\n  team: { _id: string; name: string } | string;\n  profilePictureUrl: string;\n  assignedTickets: string[];\n  isAdmin: boolean;\n}\n\nexport const DEFAULT_USER_DATA: UserData = {\n  _id: '',\n  passcode: '',\n  userId: '',\n  email: '',\n  name: '',\n  phoneNumber: '',\n  role: '',\n  team: '',\n  profilePictureUrl: '',\n  assignedTickets: [],\n  isAdmin: false,\n};\n", "if (typeof document !== 'undefined' && !document.getElementById(\"jrapps-style-03331631\")) {\n  const s = document.createElement('style');\n  s.id = \"jrapps-style-03331631\";\n  s.textContent = \".manage-create-user-modal {\\n  /* ManageCreateUserModal base styles */\\n}\\n\";\n  document.head.appendChild(s);\n}"],
+  "mappings": "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",
+  "names": ["import_react", "React"]
+}