@jrapps/my_tickets_dashboard_modals_ui 0.0.3 → 0.1.0

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

@@ -265,7 +265,7 @@ var CreateManageTeamModal = import_react2.default.forwardRef(
       primaryButtonText: isSaving ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Loader, { size: "tiny" }) : "Save",
       primaryButtonOnClick: handleSave,
       primaryButtonProps: { disabled: !canEdit },
-      secondaryButtonText: !isSaving ? "Cancel" : void 0,
+      secondaryButtonText: !isSaving && state === "CREATE" ? "Cancel" : !isSaving && state === "EDIT" ? "Close" : void 0,
       secondaryButtonOnClick: () => onClose({ cancelled: true })
     } : {};
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Modal, { isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref, className, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/CreateManageTeamModal/index.ts", "../../../../src/components/CreateManageTeamModal/CreateManageTeamModal.tsx", "../../../../src/components/CreateManageTeamModal/useCreateManageTeamModal.ts", "../../../../src/components/CreateManageTeamModal/CreateManageTeamModal.types.ts", "../../../../src/components/CreateManageTeamModal/CreateManageTeamModal.css", "../../../../src/components/CreateManageTeamModal/permissions-accordion.tsx", "../../../../src/components/CreateManageTeamModal/team-permissions.ts"],
-  "sourcesContent": ["export { CreateManageTeamModal } from './CreateManageTeamModal';\nexport type { CreateManageTeamModalProps } from './CreateManageTeamModal.types';\n", "import React from 'react';\nimport type { CreateManageTeamModalProps } from './CreateManageTeamModal.types';\nimport { useCreateManageTeamModal } from './useCreateManageTeamModal';\nimport './CreateManageTeamModal.css';\nimport {\n  CustomModalLayout,\n  Box,\n  Text,\n  FormField,\n  Input,\n  ImageViewer,\n  Loader,\n  Modal,\n} from '@wix/design-system';\nimport '@wix/design-system/styles-studio.global.css';\nimport PermissionsAccordion from './permissions-accordion';\n\nexport const CreateManageTeamModal = React.forwardRef<HTMLDivElement, CreateManageTeamModalProps>(\n  ({ className, isOpen, id, state, permissions, onClose }, ref) => {\n    const {\n      teamData,\n      isLoading,\n      isSaving,\n      error,\n      handleFormChange,\n      handleSave,\n      handleAddImage,\n      canEdit,\n    } = useCreateManageTeamModal({ id, state, permissions, onClose });\n\n    const modalActions = !isLoading\n      ? {\n          primaryButtonText: isSaving ? <Loader size=\"tiny\" /> : 'Save',\n          primaryButtonOnClick: handleSave,\n          primaryButtonProps: { disabled: !canEdit },\n          secondaryButtonText: !isSaving ? 'Cancel' : undefined,\n          secondaryButtonOnClick: () => onClose({ cancelled: true }),\n        }\n      : {};\n\n    return (\n      <Modal isOpen={isOpen}>\n        <div ref={ref} className={className}>\n          <CustomModalLayout\n            width=\"520px\"\n            {...modalActions}\n            showHeaderDivider\n            showFooterDivider\n            title={state === 'EDIT' ? 'Edit Team' : 'Create Team'}\n            subtitle={\n              state === 'EDIT'\n                ? 'Make changes to the team details below.'\n                : 'Fill in the details to create a new team.'\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 data...\" />\n                  </Box>\n                ) : error ? (\n                  <Box WebkitJustifyContent=\"center\" alignContent=\"center\">\n                    <Loader size=\"medium\" status=\"error\" text={error} />\n                  </Box>\n                ) : (\n                  <>\n                    <Box direction=\"horizontal\" width=\"stretch\" gap=\"10px\">\n                      <FormField label=\"Team Picture\" required>\n                        <ImageViewer\n                          disabled={!canEdit}\n                          height=\"115px\"\n                          width=\"115px\"\n                          imageUrl={teamData?.teamPictureUrl || ''}\n                          onAddImage={handleAddImage}\n                        />\n                      </FormField>\n                      <Box direction=\"vertical\" width=\"stretch\" gap=\"10px\">\n                        <FormField label=\"Team Name\" required>\n                          <Input\n                            value={teamData?.name || ''}\n                            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                              handleFormChange('name', e.target.value)\n                            }\n                            disabled={!canEdit}\n                          />\n                        </FormField>\n                        <FormField label=\"Team Description\" required>\n                          <Input\n                            value={teamData?.description || ''}\n                            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                              handleFormChange('description', e.target.value)\n                            }\n                            disabled={!canEdit}\n                          />\n                        </FormField>\n                      </Box>\n                    </Box>\n                    <FormField label=\"Team Email\" required>\n                      <Input\n                        suffix={<Box verticalAlign=\"middle\">@mytickets.internal</Box>}\n                        type=\"email\"\n                        value={teamData?.email?.replace('@mytickets.internal', '') || ''}\n                        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                          handleFormChange('email', e.target.value)\n                        }\n                        disabled={!canEdit}\n                      />\n                    </FormField>\n                    <Box direction=\"horizontal\" width=\"stretch\" gap=\"10px\">\n                      <PermissionsAccordion\n                        selectedPermissions={teamData.permissions || []}\n                        onChange={(perms: string[]) => handleFormChange('permissions', perms)}\n                        disabled={!canEdit}\n                      />\n                    </Box>\n                  </>\n                )}\n              </Box>\n            }\n          />\n        </div>\n      </Modal>\n    );\n  },\n);\n\nCreateManageTeamModal.displayName = 'CreateManageTeamModal';\n", "/**\n * useCreateManageTeamModal\n *\n * Internal hook that encapsulates the logic for CreateManageTeamModal.\n * Keep this file focused on state and side-effects; keep JSX in CreateManageTeamModal.tsx.\n */\nimport { useState, useEffect } from 'react';\nimport { httpClient } from '@wix/essentials';\nimport { dashboard } from '@wix/dashboard';\nimport { type TeamData, DEFAULT_TEAM_DATA } from './CreateManageTeamModal.types';\n\ninterface UseCreateManageTeamModalParams {\n  id: string;\n  state: string;\n  permissions: Record<string, boolean>;\n  onClose: (params: {\n    newTeamData?: { _id: string; name: string; description: string; teamPictureUrl?: string };\n    cancelled?: boolean;\n  }) => void;\n}\n\nexport function useCreateManageTeamModal({\n  id,\n  state,\n  permissions,\n  onClose,\n}: UseCreateManageTeamModalParams) {\n  const [teamData, setTeamData] = useState<TeamData>(DEFAULT_TEAM_DATA);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const [isSaving, setIsSaving] = useState<boolean>(false);\n\n  const handleFormChange = (field: keyof TeamData, value: TeamData[keyof TeamData]) => {\n    setTeamData((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const validate = (): string | null => {\n    if (!teamData.name.trim()) return 'Team name is required.';\n    if (!teamData.email.trim()) return 'Team email is required.';\n    return null;\n  };\n\n  const handleSave = async () => {\n    const validationError = validate();\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    setIsSaving(true);\n    setError(null);\n\n    try {\n      const baseApiUrl = new URL(import.meta.url).origin;\n      const res = await httpClient.fetchWithAuth(\n        `${baseApiUrl}/api/teams/teams${state === 'EDIT' ? `?id=${id}` : ''}`,\n        {\n          method: state === 'EDIT' ? 'PUT' : 'POST',\n          body: JSON.stringify(teamData),\n        },\n      );\n      const data = await res.json();\n      if (data.success) {\n        onClose({\n          newTeamData: {\n            _id: data.team._id,\n            name: data.team.name,\n            description: data.team.description,\n            teamPictureUrl: data.team.teamPictureUrl,\n          },\n        });\n      }\n    } catch (err: unknown) {\n      console.error('Error saving team:', err instanceof Error ? err.message : String(err));\n      setError('Try again later.');\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handleAddImage = () => {\n    dashboard.openMediaManager({ multiSelect: false }).then((result: any) => {\n      if (result && result.items.length > 0) {\n        const imageUrl = result.items[0].url;\n        handleFormChange('teamPictureUrl', imageUrl);\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (state === 'EDIT') {\n      setIsLoading(true);\n      const fetchTeamDetails = async () => {\n        try {\n          const baseApiUrl = new URL(import.meta.url).origin;\n          const res = await httpClient.fetchWithAuth(\n            `${baseApiUrl}/api/teams/teams?id=${id}`,\n            {\n              method: 'GET',\n              headers: { 'Content-Type': 'application/json' },\n            },\n          );\n          const data = await res.json();\n          setTeamData(data.team || DEFAULT_TEAM_DATA);\n        } catch (err: unknown) {\n          console.error(\n            'Error fetching team details:',\n            err instanceof Error ? err.message : String(err),\n          );\n          setError('Try again later.');\n        } finally {\n          setIsLoading(false);\n        }\n      };\n      fetchTeamDetails();\n    }\n  }, [id, state]);\n\n  return {\n    teamData,\n    isLoading,\n    isSaving,\n    error,\n    handleFormChange,\n    handleSave,\n    handleAddImage,\n    canEdit: permissions['my-tickets-edit-teams'],\n  };\n}\n", "import type { HTMLAttributes } from 'react';\n\nexport interface CreateManageTeamModalProps extends HTMLAttributes<HTMLDivElement> {\n  isOpen: boolean;\n  id: string;\n  state: string;\n  permissions: Record<string, boolean>;\n  onClose: (params: { newTeamData?: { _id: string; name: string; description: string; teamPictureUrl?: string; }; cancelled?: boolean }) => void;\n}\n\nexport interface TeamModalProps {\n  isOpen: boolean;\n  id: string;\n  state: string;\n  permissions: Record<string, boolean>;\n  onClose: (params: { newTeamData?: { _id: string; name: string; description: string; teamPictureUrl?: string; }; cancelled?: boolean }) => void;\n}\n\nexport interface PermissionsAccordionProps {\n  selectedPermissions: string[];\n  onChange: (permissions: string[]) => void;\n  disabled: boolean;\n}\n\nexport interface TeamData {\n  _id?: string;\n  name: string;\n  description: string;\n  email: string;\n  teamPictureUrl?: string;\n  agents?: string[];\n  assignedTickets?: string[];\n  permissions?: string[];\n}\n\nexport const DEFAULT_TEAM_DATA: TeamData = {\n  name: '',\n  description: '',\n  teamPictureUrl: '',\n  email: '',\n  agents: [],\n  assignedTickets: [],\n  permissions: [],\n};", "if (typeof document !== 'undefined' && !document.getElementById(\"jrapps-style-41fecb36\")) {\n  const s = document.createElement('style');\n  s.id = \"jrapps-style-41fecb36\";\n  s.textContent = \".create-manage-team-modal {\\n  /* CreateManageTeamModal base styles */\\n}\\n\";\n  document.head.appendChild(s);\n}", "import type { FC } from 'react';\nimport {\n  Box,\n  FormField,\n  Accordion,\n  accordionItemBuilder,\n  Layout,\n  Cell,\n  Checkbox,\n} from '@wix/design-system';\n\nimport { TEAM_PERMISSIONS } from './team-permissions';\nimport type { PermissionsAccordionProps } from './CreateManageTeamModal.types'; // fixed import\n\nconst PermissionsAccordion: FC<PermissionsAccordionProps> = ({\n  selectedPermissions,\n  onChange,\n  disabled,\n}) => {\n  const groupedPermissions = TEAM_PERMISSIONS.reduce(\n    (acc, perm) => {\n      if (!acc[perm.category]) {\n        acc[perm.category] = [];\n      }\n      acc[perm.category].push(perm);\n      return acc;\n    },\n    {} as Record<string, typeof TEAM_PERMISSIONS[number][]>,\n  );\n\n  return (\n    <FormField label=\"Permissions\">\n      <Accordion\n        horizontalPadding=\"tiny\"\n        size=\"tiny\"\n        items={Object.entries(groupedPermissions).map(([category, categoryPermissions]) =>\n          accordionItemBuilder({\n            title: category,\n            children: (\n              <Box direction=\"vertical\" gap=\"small\">\n                <Layout>\n                  {categoryPermissions.map((perm) => (\n                    <Cell span={6} key={perm.id}> {/* fixed: use stable perm.id, not index */}\n                      <Checkbox\n                        checked={selectedPermissions?.includes(perm.id) || false}\n                        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                          const isChecked = e.target.checked;\n                          onChange(\n                            isChecked\n                              ? [...(selectedPermissions || []), perm.id]\n                              : selectedPermissions?.filter((p) => p !== perm.id) || [],\n                          );\n                        }}\n                        disabled={disabled}\n                      >\n                        {perm.name}\n                      </Checkbox>\n                    </Cell>\n                  ))}\n                </Layout>\n              </Box>\n            ),\n          }),\n        )}\n      />\n    </FormField>\n  );\n};\n\nexport default PermissionsAccordion;\n", "export const TEAM_PERMISSIONS = [\n  { \"id\": \"my-tickets-transfer-chat-to-agent\", \"name\": \"Transfer Chat to Agent\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-transfer-chat-to-team\", \"name\": \"Transfer Chat to Team\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-convert-chat-to-ticket\", \"name\": \"Convert Chat to Ticket\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-view-chats\", \"name\": \"View Chats\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-view-single-chat\", \"name\": \"View Single Chat\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-join-single-chat\", \"name\": \"Join Single Chat\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-end-single-chat\", \"name\": \"End Single Chat\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-view-single-ticket\", \"name\": \"View Single Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-single-ticket-send-message\", \"name\": \"Send Message to Single Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-close-single-ticket\", \"name\": \"Close Single Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-reopen-single-ticket\", \"name\": \"Reopen Single Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-change-ticket-priority\", \"name\": \"Change Ticket Priority\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-transfer-ticket\", \"name\": \"Transfer Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-change-agent-online-status\", \"name\": \"Change Agent Online Status\", \"category\": \"Agent\" },\n  { \"id\": \"my-tickets-notifications-enabled\", \"name\": \"Enable Notifications\", \"category\": \"Notification\" },\n  { \"id\": \"my-tickets-create-quick-chat\", \"name\": \"Create Quick Chat\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-edit-teams\", \"name\": \"Edit Teams\", \"category\": \"Team\" },\n  { \"id\": \"my-tickets-edit-accounts\", \"name\": \"Edit Accounts\", \"category\": \"Account\" },\n  { \"id\": \"my-tickets-view-teams\", \"name\": \"View Teams\", \"category\": \"Team\" },\n  { \"id\": \"my-tickets-view-accounts\", \"name\": \"View Accounts\", \"category\": \"Account\" },\n  { \"id\": \"my-tickets-create-teams\", \"name\": \"Create Teams\", \"category\": \"Team\" },\n  { \"id\": \"my-tickets-create-accounts\", \"name\": \"Create Accounts\", \"category\": \"Account\" },\n  { \"id\": \"my-tickets-view-all-tickets\", \"name\": \"View All Tickets\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-create-ticket\", \"name\": \"Create Ticket\", \"category\": \"Ticket\" },\n] as const;\n"],
-  "mappings": "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",
+  "sourcesContent": ["export { CreateManageTeamModal } from './CreateManageTeamModal';\nexport type { CreateManageTeamModalProps } from './CreateManageTeamModal.types';\n", "import React from 'react';\nimport type { CreateManageTeamModalProps } from './CreateManageTeamModal.types';\nimport { useCreateManageTeamModal } from './useCreateManageTeamModal';\nimport './CreateManageTeamModal.css';\nimport {\n  CustomModalLayout,\n  Box,\n  Text,\n  FormField,\n  Input,\n  ImageViewer,\n  Loader,\n  Modal,\n} from '@wix/design-system';\nimport '@wix/design-system/styles-studio.global.css';\nimport PermissionsAccordion from './permissions-accordion';\n\nexport const CreateManageTeamModal = React.forwardRef<HTMLDivElement, CreateManageTeamModalProps>(\n  ({ className, isOpen, id, state, permissions, onClose }, ref) => {\n    const {\n      teamData,\n      isLoading,\n      isSaving,\n      error,\n      handleFormChange,\n      handleSave,\n      handleAddImage,\n      canEdit,\n    } = useCreateManageTeamModal({ id, state, permissions, onClose });\n\n    const modalActions = !isLoading\n      ? {\n          primaryButtonText: isSaving ? <Loader size=\"tiny\" /> : 'Save',\n          primaryButtonOnClick: handleSave,\n          primaryButtonProps: { disabled: !canEdit },\n          secondaryButtonText: !isSaving && state === \"CREATE\" ? 'Cancel' : !isSaving && state === \"EDIT\" ? 'Close' : undefined,\n          secondaryButtonOnClick: () => onClose({ cancelled: true }),\n        }\n      : {};\n\n    return (\n      <Modal isOpen={isOpen}>\n        <div ref={ref} className={className}>\n          <CustomModalLayout\n            width=\"520px\"\n            {...modalActions}\n            showHeaderDivider\n            showFooterDivider\n            title={state === 'EDIT' ? 'Edit Team' : 'Create Team'}\n            subtitle={\n              state === 'EDIT'\n                ? 'Make changes to the team details below.'\n                : 'Fill in the details to create a new team.'\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 data...\" />\n                  </Box>\n                ) : error ? (\n                  <Box WebkitJustifyContent=\"center\" alignContent=\"center\">\n                    <Loader size=\"medium\" status=\"error\" text={error} />\n                  </Box>\n                ) : (\n                  <>\n                    <Box direction=\"horizontal\" width=\"stretch\" gap=\"10px\">\n                      <FormField label=\"Team Picture\" required>\n                        <ImageViewer\n                          disabled={!canEdit}\n                          height=\"115px\"\n                          width=\"115px\"\n                          imageUrl={teamData?.teamPictureUrl || ''}\n                          onAddImage={handleAddImage}\n                        />\n                      </FormField>\n                      <Box direction=\"vertical\" width=\"stretch\" gap=\"10px\">\n                        <FormField label=\"Team Name\" required>\n                          <Input\n                            value={teamData?.name || ''}\n                            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                              handleFormChange('name', e.target.value)\n                            }\n                            disabled={!canEdit}\n                          />\n                        </FormField>\n                        <FormField label=\"Team Description\" required>\n                          <Input\n                            value={teamData?.description || ''}\n                            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                              handleFormChange('description', e.target.value)\n                            }\n                            disabled={!canEdit}\n                          />\n                        </FormField>\n                      </Box>\n                    </Box>\n                    <FormField label=\"Team Email\" required>\n                      <Input\n                        suffix={<Box verticalAlign=\"middle\">@mytickets.internal</Box>}\n                        type=\"email\"\n                        value={teamData?.email?.replace('@mytickets.internal', '') || ''}\n                        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                          handleFormChange('email', e.target.value)\n                        }\n                        disabled={!canEdit}\n                      />\n                    </FormField>\n                    <Box direction=\"horizontal\" width=\"stretch\" gap=\"10px\">\n                      <PermissionsAccordion\n                        selectedPermissions={teamData.permissions || []}\n                        onChange={(perms: string[]) => handleFormChange('permissions', perms)}\n                        disabled={!canEdit}\n                      />\n                    </Box>\n                  </>\n                )}\n              </Box>\n            }\n          />\n        </div>\n      </Modal>\n    );\n  },\n);\n\nCreateManageTeamModal.displayName = 'CreateManageTeamModal';\n", "/**\n * useCreateManageTeamModal\n *\n * Internal hook that encapsulates the logic for CreateManageTeamModal.\n * Keep this file focused on state and side-effects; keep JSX in CreateManageTeamModal.tsx.\n */\nimport { useState, useEffect } from 'react';\nimport { httpClient } from '@wix/essentials';\nimport { dashboard } from '@wix/dashboard';\nimport { type TeamData, DEFAULT_TEAM_DATA } from './CreateManageTeamModal.types';\n\ninterface UseCreateManageTeamModalParams {\n  id: string;\n  state: string;\n  permissions: Record<string, boolean>;\n  onClose: (params: {\n    newTeamData?: { _id: string; name: string; description: string; teamPictureUrl?: string };\n    cancelled?: boolean;\n  }) => void;\n}\n\nexport function useCreateManageTeamModal({\n  id,\n  state,\n  permissions,\n  onClose,\n}: UseCreateManageTeamModalParams) {\n  const [teamData, setTeamData] = useState<TeamData>(DEFAULT_TEAM_DATA);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const [isSaving, setIsSaving] = useState<boolean>(false);\n\n  const handleFormChange = (field: keyof TeamData, value: TeamData[keyof TeamData]) => {\n    setTeamData((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const validate = (): string | null => {\n    if (!teamData.name.trim()) return 'Team name is required.';\n    if (!teamData.email.trim()) return 'Team email is required.';\n    return null;\n  };\n\n  const handleSave = async () => {\n    const validationError = validate();\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    setIsSaving(true);\n    setError(null);\n\n    try {\n      const baseApiUrl = new URL(import.meta.url).origin;\n      const res = await httpClient.fetchWithAuth(\n        `${baseApiUrl}/api/teams/teams${state === 'EDIT' ? `?id=${id}` : ''}`,\n        {\n          method: state === 'EDIT' ? 'PUT' : 'POST',\n          body: JSON.stringify(teamData),\n        },\n      );\n      const data = await res.json();\n      if (data.success) {\n        onClose({\n          newTeamData: {\n            _id: data.team._id,\n            name: data.team.name,\n            description: data.team.description,\n            teamPictureUrl: data.team.teamPictureUrl,\n          },\n        });\n      }\n    } catch (err: unknown) {\n      console.error('Error saving team:', err instanceof Error ? err.message : String(err));\n      setError('Try again later.');\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handleAddImage = () => {\n    dashboard.openMediaManager({ multiSelect: false }).then((result: any) => {\n      if (result && result.items.length > 0) {\n        const imageUrl = result.items[0].url;\n        handleFormChange('teamPictureUrl', imageUrl);\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (state === 'EDIT') {\n      setIsLoading(true);\n      const fetchTeamDetails = async () => {\n        try {\n          const baseApiUrl = new URL(import.meta.url).origin;\n          const res = await httpClient.fetchWithAuth(\n            `${baseApiUrl}/api/teams/teams?id=${id}`,\n            {\n              method: 'GET',\n              headers: { 'Content-Type': 'application/json' },\n            },\n          );\n          const data = await res.json();\n          setTeamData(data.team || DEFAULT_TEAM_DATA);\n        } catch (err: unknown) {\n          console.error(\n            'Error fetching team details:',\n            err instanceof Error ? err.message : String(err),\n          );\n          setError('Try again later.');\n        } finally {\n          setIsLoading(false);\n        }\n      };\n      fetchTeamDetails();\n    }\n  }, [id, state]);\n\n  return {\n    teamData,\n    isLoading,\n    isSaving,\n    error,\n    handleFormChange,\n    handleSave,\n    handleAddImage,\n    canEdit: permissions['my-tickets-edit-teams'],\n  };\n}\n", "import type { HTMLAttributes } from 'react';\n\nexport interface CreateManageTeamModalProps extends HTMLAttributes<HTMLDivElement> {\n  isOpen: boolean;\n  id: string;\n  state: string;\n  permissions: Record<string, boolean>;\n  onClose: (params: { newTeamData?: { _id: string; name: string; description: string; teamPictureUrl?: string; }; cancelled?: boolean }) => void;\n}\n\nexport interface TeamModalProps {\n  isOpen: boolean;\n  id: string;\n  state: string;\n  permissions: Record<string, boolean>;\n  onClose: (params: { newTeamData?: { _id: string; name: string; description: string; teamPictureUrl?: string; }; cancelled?: boolean }) => void;\n}\n\nexport interface PermissionsAccordionProps {\n  selectedPermissions: string[];\n  onChange: (permissions: string[]) => void;\n  disabled: boolean;\n}\n\nexport interface TeamData {\n  _id?: string;\n  name: string;\n  description: string;\n  email: string;\n  teamPictureUrl?: string;\n  agents?: string[];\n  assignedTickets?: string[];\n  permissions?: string[];\n}\n\nexport const DEFAULT_TEAM_DATA: TeamData = {\n  name: '',\n  description: '',\n  teamPictureUrl: '',\n  email: '',\n  agents: [],\n  assignedTickets: [],\n  permissions: [],\n};", "if (typeof document !== 'undefined' && !document.getElementById(\"jrapps-style-41fecb36\")) {\n  const s = document.createElement('style');\n  s.id = \"jrapps-style-41fecb36\";\n  s.textContent = \".create-manage-team-modal {\\n  /* CreateManageTeamModal base styles */\\n}\\n\";\n  document.head.appendChild(s);\n}", "import type { FC } from 'react';\nimport {\n  Box,\n  FormField,\n  Accordion,\n  accordionItemBuilder,\n  Layout,\n  Cell,\n  Checkbox,\n} from '@wix/design-system';\n\nimport { TEAM_PERMISSIONS } from './team-permissions';\nimport type { PermissionsAccordionProps } from './CreateManageTeamModal.types'; // fixed import\n\nconst PermissionsAccordion: FC<PermissionsAccordionProps> = ({\n  selectedPermissions,\n  onChange,\n  disabled,\n}) => {\n  const groupedPermissions = TEAM_PERMISSIONS.reduce(\n    (acc, perm) => {\n      if (!acc[perm.category]) {\n        acc[perm.category] = [];\n      }\n      acc[perm.category].push(perm);\n      return acc;\n    },\n    {} as Record<string, typeof TEAM_PERMISSIONS[number][]>,\n  );\n\n  return (\n    <FormField label=\"Permissions\">\n      <Accordion\n        horizontalPadding=\"tiny\"\n        size=\"tiny\"\n        items={Object.entries(groupedPermissions).map(([category, categoryPermissions]) =>\n          accordionItemBuilder({\n            title: category,\n            children: (\n              <Box direction=\"vertical\" gap=\"small\">\n                <Layout>\n                  {categoryPermissions.map((perm) => (\n                    <Cell span={6} key={perm.id}> {/* fixed: use stable perm.id, not index */}\n                      <Checkbox\n                        checked={selectedPermissions?.includes(perm.id) || false}\n                        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                          const isChecked = e.target.checked;\n                          onChange(\n                            isChecked\n                              ? [...(selectedPermissions || []), perm.id]\n                              : selectedPermissions?.filter((p) => p !== perm.id) || [],\n                          );\n                        }}\n                        disabled={disabled}\n                      >\n                        {perm.name}\n                      </Checkbox>\n                    </Cell>\n                  ))}\n                </Layout>\n              </Box>\n            ),\n          }),\n        )}\n      />\n    </FormField>\n  );\n};\n\nexport default PermissionsAccordion;\n", "export const TEAM_PERMISSIONS = [\n  { \"id\": \"my-tickets-transfer-chat-to-agent\", \"name\": \"Transfer Chat to Agent\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-transfer-chat-to-team\", \"name\": \"Transfer Chat to Team\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-convert-chat-to-ticket\", \"name\": \"Convert Chat to Ticket\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-view-chats\", \"name\": \"View Chats\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-view-single-chat\", \"name\": \"View Single Chat\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-join-single-chat\", \"name\": \"Join Single Chat\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-end-single-chat\", \"name\": \"End Single Chat\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-view-single-ticket\", \"name\": \"View Single Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-single-ticket-send-message\", \"name\": \"Send Message to Single Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-close-single-ticket\", \"name\": \"Close Single Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-reopen-single-ticket\", \"name\": \"Reopen Single Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-change-ticket-priority\", \"name\": \"Change Ticket Priority\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-transfer-ticket\", \"name\": \"Transfer Ticket\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-change-agent-online-status\", \"name\": \"Change Agent Online Status\", \"category\": \"Agent\" },\n  { \"id\": \"my-tickets-notifications-enabled\", \"name\": \"Enable Notifications\", \"category\": \"Notification\" },\n  { \"id\": \"my-tickets-create-quick-chat\", \"name\": \"Create Quick Chat\", \"category\": \"Chat\" },\n  { \"id\": \"my-tickets-edit-teams\", \"name\": \"Edit Teams\", \"category\": \"Team\" },\n  { \"id\": \"my-tickets-edit-accounts\", \"name\": \"Edit Accounts\", \"category\": \"Account\" },\n  { \"id\": \"my-tickets-view-teams\", \"name\": \"View Teams\", \"category\": \"Team\" },\n  { \"id\": \"my-tickets-view-accounts\", \"name\": \"View Accounts\", \"category\": \"Account\" },\n  { \"id\": \"my-tickets-create-teams\", \"name\": \"Create Teams\", \"category\": \"Team\" },\n  { \"id\": \"my-tickets-create-accounts\", \"name\": \"Create Accounts\", \"category\": \"Account\" },\n  { \"id\": \"my-tickets-view-all-tickets\", \"name\": \"View All Tickets\", \"category\": \"Ticket\" },\n  { \"id\": \"my-tickets-create-ticket\", \"name\": \"Create Ticket\", \"category\": \"Ticket\" },\n] as const;\n"],
+  "mappings": "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",
   "names": ["import_react", "import_design_system", "import_jsx_runtime", "React"]
 }

package/dist/cjs/components/{CreateManageUsermodal → ManageCreateUserModal}/index.js

@@ -27,21 +27,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/CreateManageUsermodal/index.ts
-var CreateManageUsermodal_exports = {};
-__export(CreateManageUsermodal_exports, {
-  CreateManageUsermodal: () => CreateManageUsermodal
+// src/components/ManageCreateUserModal/index.ts
+var ManageCreateUserModal_exports = {};
+__export(ManageCreateUserModal_exports, {
+  ManageCreateUserModal: () => ManageCreateUserModal
 });
-module.exports = __toCommonJS(CreateManageUsermodal_exports);
+module.exports = __toCommonJS(ManageCreateUserModal_exports);
 
-// src/components/CreateManageUsermodal/CreateManageUsermodal.tsx
+// src/components/ManageCreateUserModal/ManageCreateUserModal.tsx
 var import_react2 = __toESM(require("react"));
 
-// src/components/CreateManageUsermodal/useCreateManageUsermodal.ts
+// src/components/ManageCreateUserModal/useManageCreateUserModal.ts
 var import_react = require("react");
 var import_essentials = require("@wix/essentials");
 
-// src/components/CreateManageUsermodal/CreateManageUsermodal.types.ts
+// src/components/ManageCreateUserModal/ManageCreateUserModal.types.ts
 var DEFAULT_USER_DATA = {
   _id: "",
   passcode: "",
@@ -56,9 +56,9 @@ var DEFAULT_USER_DATA = {
   isAdmin: false
 };
 
-// src/components/CreateManageUsermodal/useCreateManageUsermodal.ts
+// src/components/ManageCreateUserModal/useManageCreateUserModal.ts
 var BASE_API_URL = new URL("").origin;
-function useCreateManageUsermodal({ id, state }) {
+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);
@@ -139,22 +139,22 @@ function useCreateManageUsermodal({ id, state }) {
   };
 }
 
-// src/components/CreateManageUsermodal/CreateManageUsermodal.css
-if (typeof document !== "undefined" && !document.getElementById("jrapps-style-266a891e")) {
+// src/components/ManageCreateUserModal/ManageCreateUserModal.css
+if (typeof document !== "undefined" && !document.getElementById("jrapps-style-03331631")) {
   const s = document.createElement("style");
-  s.id = "jrapps-style-266a891e";
-  s.textContent = ".create-manage-usermodal {\n  /* CreateManageUsermodal base styles */\n}\n";
+  s.id = "jrapps-style-03331631";
+  s.textContent = ".manage-create-user-modal {\n  /* ManageCreateUserModal base styles */\n}\n";
   document.head.appendChild(s);
 }
 
-// src/components/CreateManageUsermodal/CreateManageUsermodal.tsx
+// 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 CreateManageUsermodal = import_react2.default.forwardRef(
+var ManageCreateUserModal = import_react2.default.forwardRef(
   ({ className, id, state, permissions, isOpen, onClose }, ref) => {
-    const { userData, isLoading, isSaving, error, teams, handleFormChange, handleSave } = useCreateManageUsermodal({ id, state });
+    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 = () => {
@@ -274,5 +274,5 @@ var CreateManageUsermodal = import_react2.default.forwardRef(
     ) });
   }
 );
-CreateManageUsermodal.displayName = "CreateManageUsermodal";
+ManageCreateUserModal.displayName = "ManageCreateUserModal";
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/{CreateManageUsermodal → ManageCreateUserModal}/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/CreateManageUsermodal/index.ts", "../../../../src/components/CreateManageUsermodal/CreateManageUsermodal.tsx", "../../../../src/components/CreateManageUsermodal/useCreateManageUsermodal.ts", "../../../../src/components/CreateManageUsermodal/CreateManageUsermodal.types.ts", "../../../../src/components/CreateManageUsermodal/CreateManageUsermodal.css"],
-  "sourcesContent": ["export { CreateManageUsermodal } from './CreateManageUsermodal';\nexport type { CreateManageUsermodalProps } from './CreateManageUsermodal.types';\n", "import React from 'react';\nimport type { CreateManageUsermodalProps } from './CreateManageUsermodal.types';\nimport { useCreateManageUsermodal } from './useCreateManageUsermodal';\nimport './CreateManageUsermodal.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 CreateManageUsermodal = React.forwardRef<HTMLDivElement, CreateManageUsermodalProps>(\n  ({ className, id, state, permissions, isOpen, onClose }, ref) => {\n    const { userData, isLoading, isSaving, error, teams, handleFormChange, handleSave } =\n      useCreateManageUsermodal({ 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\nCreateManageUsermodal.displayName = 'CreateManageUsermodal';\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 './CreateManageUsermodal.types';\nimport { DEFAULT_USER_DATA } from './CreateManageUsermodal.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 UseCreateManageUsermodalOptions {\n  id: string;\n  state: string;\n}\n\nexport function useCreateManageUsermodal({ id, state }: UseCreateManageUsermodalOptions) {\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 CreateManageUsermodalProps 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-266a891e\")) {\n  const s = document.createElement('style');\n  s.id = \"jrapps-style-266a891e\";\n  s.textContent = \".create-manage-usermodal {\\n  /* CreateManageUsermodal base styles */\\n}\\n\";\n  document.head.appendChild(s);\n}"],
+  "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"]
 }

package/dist/cjs/index.js

@@ -31,7 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   CreateManageTeamModal: () => CreateManageTeamModal,
-  CreateManageUsermodal: () => CreateManageUsermodal,
+  ManageCreateUserModal: () => ManageCreateUserModal,
   ManageTicketModal: () => ManageTicketModal
 });
 module.exports = __toCommonJS(src_exports);
@@ -267,7 +267,7 @@ var CreateManageTeamModal = import_react2.default.forwardRef(
       primaryButtonText: isSaving ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Loader, { size: "tiny" }) : "Save",
       primaryButtonOnClick: handleSave,
       primaryButtonProps: { disabled: !canEdit },
-      secondaryButtonText: !isSaving ? "Cancel" : void 0,
+      secondaryButtonText: !isSaving && state === "CREATE" ? "Cancel" : !isSaving && state === "EDIT" ? "Close" : void 0,
       secondaryButtonOnClick: () => onClose({ cancelled: true })
     } : {};
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Modal, { isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref, className, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -339,14 +339,14 @@ var CreateManageTeamModal = import_react2.default.forwardRef(
 );
 CreateManageTeamModal.displayName = "CreateManageTeamModal";
 
-// src/components/CreateManageUsermodal/CreateManageUsermodal.tsx
+// src/components/ManageCreateUserModal/ManageCreateUserModal.tsx
 var import_react4 = __toESM(require("react"));
 
-// src/components/CreateManageUsermodal/useCreateManageUsermodal.ts
+// src/components/ManageCreateUserModal/useManageCreateUserModal.ts
 var import_react3 = require("react");
 var import_essentials2 = require("@wix/essentials");
 
-// src/components/CreateManageUsermodal/CreateManageUsermodal.types.ts
+// src/components/ManageCreateUserModal/ManageCreateUserModal.types.ts
 var DEFAULT_USER_DATA = {
   _id: "",
   passcode: "",
@@ -361,9 +361,9 @@ var DEFAULT_USER_DATA = {
   isAdmin: false
 };
 
-// src/components/CreateManageUsermodal/useCreateManageUsermodal.ts
+// src/components/ManageCreateUserModal/useManageCreateUserModal.ts
 var BASE_API_URL = new URL("").origin;
-function useCreateManageUsermodal({ id, state }) {
+function useManageCreateUserModal({ id, state }) {
   const [userData, setUserData] = (0, import_react3.useState)(DEFAULT_USER_DATA);
   const [isLoading, setIsLoading] = (0, import_react3.useState)(true);
   const [isSaving, setIsSaving] = (0, import_react3.useState)(false);
@@ -444,22 +444,22 @@ function useCreateManageUsermodal({ id, state }) {
   };
 }
 
-// src/components/CreateManageUsermodal/CreateManageUsermodal.css
-if (typeof document !== "undefined" && !document.getElementById("jrapps-style-266a891e")) {
+// src/components/ManageCreateUserModal/ManageCreateUserModal.css
+if (typeof document !== "undefined" && !document.getElementById("jrapps-style-03331631")) {
   const s = document.createElement("style");
-  s.id = "jrapps-style-266a891e";
-  s.textContent = ".create-manage-usermodal {\n  /* CreateManageUsermodal base styles */\n}\n";
+  s.id = "jrapps-style-03331631";
+  s.textContent = ".manage-create-user-modal {\n  /* ManageCreateUserModal base styles */\n}\n";
   document.head.appendChild(s);
 }
 
-// src/components/CreateManageUsermodal/CreateManageUsermodal.tsx
+// src/components/ManageCreateUserModal/ManageCreateUserModal.tsx
 var import_design_system3 = require("@wix/design-system");
 var import_styles_studio_global2 = require("@wix/design-system/styles-studio.global.css");
 var import_dashboard2 = require("@wix/dashboard");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var CreateManageUsermodal = import_react4.default.forwardRef(
+var ManageCreateUserModal = import_react4.default.forwardRef(
   ({ className, id, state, permissions, isOpen, onClose }, ref) => {
-    const { userData, isLoading, isSaving, error, teams, handleFormChange, handleSave } = useCreateManageUsermodal({ id, state });
+    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 = () => {
@@ -579,7 +579,7 @@ var CreateManageUsermodal = import_react4.default.forwardRef(
     ) });
   }
 );
-CreateManageUsermodal.displayName = "CreateManageUsermodal";
+ManageCreateUserModal.displayName = "ManageCreateUserModal";
 
 // src/components/ManageTicketModal/ManageTicketModal.tsx
 var import_react6 = __toESM(require("react"));