@jrapps/my_tickets_dashboard_modals_ui 0.0.2 → 0.1.0

package/dist/esm/chunks/chunk-4WLRHNEL.js

@@ -0,0 +1,324 @@
+// src/components/CreateManageTeamModal/CreateManageTeamModal.tsx
+import React from "react";
+
+// src/components/CreateManageTeamModal/useCreateManageTeamModal.ts
+import { useState, useEffect } from "react";
+import { httpClient } from "@wix/essentials";
+import { dashboard } from "@wix/dashboard";
+
+// src/components/CreateManageTeamModal/CreateManageTeamModal.types.ts
+var DEFAULT_TEAM_DATA = {
+  name: "",
+  description: "",
+  teamPictureUrl: "",
+  email: "",
+  agents: [],
+  assignedTickets: [],
+  permissions: []
+};
+
+// src/components/CreateManageTeamModal/useCreateManageTeamModal.ts
+function useCreateManageTeamModal({
+  id,
+  state,
+  permissions,
+  onClose
+}) {
+  const [teamData, setTeamData] = useState(DEFAULT_TEAM_DATA);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [isSaving, setIsSaving] = useState(false);
+  const handleFormChange = (field, value) => {
+    setTeamData((prev) => ({ ...prev, [field]: value }));
+  };
+  const validate = () => {
+    if (!teamData.name.trim()) return "Team name is required.";
+    if (!teamData.email.trim()) return "Team email is required.";
+    return null;
+  };
+  const handleSave = async () => {
+    const validationError = validate();
+    if (validationError) {
+      setError(validationError);
+      return;
+    }
+    setIsSaving(true);
+    setError(null);
+    try {
+      const baseApiUrl = new URL(import.meta.url).origin;
+      const res = await httpClient.fetchWithAuth(
+        `${baseApiUrl}/api/teams/teams${state === "EDIT" ? `?id=${id}` : ""}`,
+        {
+          method: state === "EDIT" ? "PUT" : "POST",
+          body: JSON.stringify(teamData)
+        }
+      );
+      const data = await res.json();
+      if (data.success) {
+        onClose({
+          newTeamData: {
+            _id: data.team._id,
+            name: data.team.name,
+            description: data.team.description,
+            teamPictureUrl: data.team.teamPictureUrl
+          }
+        });
+      }
+    } catch (err) {
+      console.error("Error saving team:", err instanceof Error ? err.message : String(err));
+      setError("Try again later.");
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const handleAddImage = () => {
+    dashboard.openMediaManager({ multiSelect: false }).then((result) => {
+      if (result && result.items.length > 0) {
+        const imageUrl = result.items[0].url;
+        handleFormChange("teamPictureUrl", imageUrl);
+      }
+    });
+  };
+  useEffect(() => {
+    if (state === "EDIT") {
+      setIsLoading(true);
+      const fetchTeamDetails = async () => {
+        try {
+          const baseApiUrl = new URL(import.meta.url).origin;
+          const res = await httpClient.fetchWithAuth(
+            `${baseApiUrl}/api/teams/teams?id=${id}`,
+            {
+              method: "GET",
+              headers: { "Content-Type": "application/json" }
+            }
+          );
+          const data = await res.json();
+          setTeamData(data.team || DEFAULT_TEAM_DATA);
+        } catch (err) {
+          console.error(
+            "Error fetching team details:",
+            err instanceof Error ? err.message : String(err)
+          );
+          setError("Try again later.");
+        } finally {
+          setIsLoading(false);
+        }
+      };
+      fetchTeamDetails();
+    }
+  }, [id, state]);
+  return {
+    teamData,
+    isLoading,
+    isSaving,
+    error,
+    handleFormChange,
+    handleSave,
+    handleAddImage,
+    canEdit: permissions["my-tickets-edit-teams"]
+  };
+}
+
+// src/components/CreateManageTeamModal/CreateManageTeamModal.css
+if (typeof document !== "undefined" && !document.getElementById("jrapps-style-41fecb36")) {
+  const s = document.createElement("style");
+  s.id = "jrapps-style-41fecb36";
+  s.textContent = ".create-manage-team-modal {\n  /* CreateManageTeamModal base styles */\n}\n";
+  document.head.appendChild(s);
+}
+
+// src/components/CreateManageTeamModal/CreateManageTeamModal.tsx
+import {
+  CustomModalLayout,
+  Box as Box2,
+  Text,
+  FormField as FormField2,
+  Input,
+  ImageViewer,
+  Loader,
+  Modal
+} from "@wix/design-system";
+import "@wix/design-system/styles-studio.global.css";
+
+// src/components/CreateManageTeamModal/permissions-accordion.tsx
+import {
+  Box,
+  FormField,
+  Accordion,
+  accordionItemBuilder,
+  Layout,
+  Cell,
+  Checkbox
+} from "@wix/design-system";
+
+// src/components/CreateManageTeamModal/team-permissions.ts
+var TEAM_PERMISSIONS = [
+  { "id": "my-tickets-transfer-chat-to-agent", "name": "Transfer Chat to Agent", "category": "Chat" },
+  { "id": "my-tickets-transfer-chat-to-team", "name": "Transfer Chat to Team", "category": "Chat" },
+  { "id": "my-tickets-convert-chat-to-ticket", "name": "Convert Chat to Ticket", "category": "Chat" },
+  { "id": "my-tickets-view-chats", "name": "View Chats", "category": "Chat" },
+  { "id": "my-tickets-view-single-chat", "name": "View Single Chat", "category": "Chat" },
+  { "id": "my-tickets-join-single-chat", "name": "Join Single Chat", "category": "Chat" },
+  { "id": "my-tickets-end-single-chat", "name": "End Single Chat", "category": "Chat" },
+  { "id": "my-tickets-view-single-ticket", "name": "View Single Ticket", "category": "Ticket" },
+  { "id": "my-tickets-single-ticket-send-message", "name": "Send Message to Single Ticket", "category": "Ticket" },
+  { "id": "my-tickets-close-single-ticket", "name": "Close Single Ticket", "category": "Ticket" },
+  { "id": "my-tickets-reopen-single-ticket", "name": "Reopen Single Ticket", "category": "Ticket" },
+  { "id": "my-tickets-change-ticket-priority", "name": "Change Ticket Priority", "category": "Ticket" },
+  { "id": "my-tickets-transfer-ticket", "name": "Transfer Ticket", "category": "Ticket" },
+  { "id": "my-tickets-change-agent-online-status", "name": "Change Agent Online Status", "category": "Agent" },
+  { "id": "my-tickets-notifications-enabled", "name": "Enable Notifications", "category": "Notification" },
+  { "id": "my-tickets-create-quick-chat", "name": "Create Quick Chat", "category": "Chat" },
+  { "id": "my-tickets-edit-teams", "name": "Edit Teams", "category": "Team" },
+  { "id": "my-tickets-edit-accounts", "name": "Edit Accounts", "category": "Account" },
+  { "id": "my-tickets-view-teams", "name": "View Teams", "category": "Team" },
+  { "id": "my-tickets-view-accounts", "name": "View Accounts", "category": "Account" },
+  { "id": "my-tickets-create-teams", "name": "Create Teams", "category": "Team" },
+  { "id": "my-tickets-create-accounts", "name": "Create Accounts", "category": "Account" },
+  { "id": "my-tickets-view-all-tickets", "name": "View All Tickets", "category": "Ticket" },
+  { "id": "my-tickets-create-ticket", "name": "Create Ticket", "category": "Ticket" }
+];
+
+// src/components/CreateManageTeamModal/permissions-accordion.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var PermissionsAccordion = ({
+  selectedPermissions,
+  onChange,
+  disabled
+}) => {
+  const groupedPermissions = TEAM_PERMISSIONS.reduce(
+    (acc, perm) => {
+      if (!acc[perm.category]) {
+        acc[perm.category] = [];
+      }
+      acc[perm.category].push(perm);
+      return acc;
+    },
+    {}
+  );
+  return /* @__PURE__ */ jsx(FormField, { label: "Permissions", children: /* @__PURE__ */ jsx(
+    Accordion,
+    {
+      horizontalPadding: "tiny",
+      size: "tiny",
+      items: Object.entries(groupedPermissions).map(
+        ([category, categoryPermissions]) => accordionItemBuilder({
+          title: category,
+          children: /* @__PURE__ */ jsx(Box, { direction: "vertical", gap: "small", children: /* @__PURE__ */ jsx(Layout, { children: categoryPermissions.map((perm) => /* @__PURE__ */ jsxs(Cell, { span: 6, children: [
+            " ",
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: selectedPermissions?.includes(perm.id) || false,
+                onChange: (e) => {
+                  const isChecked = e.target.checked;
+                  onChange(
+                    isChecked ? [...selectedPermissions || [], perm.id] : selectedPermissions?.filter((p) => p !== perm.id) || []
+                  );
+                },
+                disabled,
+                children: perm.name
+              }
+            )
+          ] }, perm.id)) }) })
+        })
+      )
+    }
+  ) });
+};
+var permissions_accordion_default = PermissionsAccordion;
+
+// src/components/CreateManageTeamModal/CreateManageTeamModal.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CreateManageTeamModal = React.forwardRef(
+  ({ className, isOpen, id, state, permissions, onClose }, ref) => {
+    const {
+      teamData,
+      isLoading,
+      isSaving,
+      error,
+      handleFormChange,
+      handleSave,
+      handleAddImage,
+      canEdit
+    } = useCreateManageTeamModal({ id, state, permissions, onClose });
+    const modalActions = !isLoading ? {
+      primaryButtonText: isSaving ? /* @__PURE__ */ jsx2(Loader, { size: "tiny" }) : "Save",
+      primaryButtonOnClick: handleSave,
+      primaryButtonProps: { disabled: !canEdit },
+      secondaryButtonText: !isSaving && state === "CREATE" ? "Cancel" : !isSaving && state === "EDIT" ? "Close" : void 0,
+      secondaryButtonOnClick: () => onClose({ cancelled: true })
+    } : {};
+    return /* @__PURE__ */ jsx2(Modal, { isOpen, children: /* @__PURE__ */ jsx2("div", { ref, className, children: /* @__PURE__ */ jsx2(
+      CustomModalLayout,
+      {
+        width: "520px",
+        ...modalActions,
+        showHeaderDivider: true,
+        showFooterDivider: true,
+        title: state === "EDIT" ? "Edit Team" : "Create Team",
+        subtitle: state === "EDIT" ? "Make changes to the team details below." : "Fill in the details to create a new team.",
+        footnote: /* @__PURE__ */ jsx2(Box2, { alignContent: "center", children: /* @__PURE__ */ jsxs2(Text, { size: "small", children: [
+          "Powered by ",
+          /* @__PURE__ */ jsx2(Text, { size: "small", weight: "bold", children: "My Tickets" })
+        ] }) }),
+        content: /* @__PURE__ */ jsx2(Box2, { direction: "vertical", width: "stretch", gap: "10px", children: isLoading ? /* @__PURE__ */ jsx2(Box2, { WebkitJustifyContent: "center", alignContent: "center", children: /* @__PURE__ */ jsx2(Loader, { size: "medium", status: "loading", text: "Loading data..." }) }) : error ? /* @__PURE__ */ jsx2(Box2, { WebkitJustifyContent: "center", alignContent: "center", children: /* @__PURE__ */ jsx2(Loader, { size: "medium", status: "error", text: error }) }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+          /* @__PURE__ */ jsxs2(Box2, { direction: "horizontal", width: "stretch", gap: "10px", children: [
+            /* @__PURE__ */ jsx2(FormField2, { label: "Team Picture", required: true, children: /* @__PURE__ */ jsx2(
+              ImageViewer,
+              {
+                disabled: !canEdit,
+                height: "115px",
+                width: "115px",
+                imageUrl: teamData?.teamPictureUrl || "",
+                onAddImage: handleAddImage
+              }
+            ) }),
+            /* @__PURE__ */ jsxs2(Box2, { direction: "vertical", width: "stretch", gap: "10px", children: [
+              /* @__PURE__ */ jsx2(FormField2, { label: "Team Name", required: true, children: /* @__PURE__ */ jsx2(
+                Input,
+                {
+                  value: teamData?.name || "",
+                  onChange: (e) => handleFormChange("name", e.target.value),
+                  disabled: !canEdit
+                }
+              ) }),
+              /* @__PURE__ */ jsx2(FormField2, { label: "Team Description", required: true, children: /* @__PURE__ */ jsx2(
+                Input,
+                {
+                  value: teamData?.description || "",
+                  onChange: (e) => handleFormChange("description", e.target.value),
+                  disabled: !canEdit
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2(FormField2, { label: "Team Email", required: true, children: /* @__PURE__ */ jsx2(
+            Input,
+            {
+              suffix: /* @__PURE__ */ jsx2(Box2, { verticalAlign: "middle", children: "@mytickets.internal" }),
+              type: "email",
+              value: teamData?.email?.replace("@mytickets.internal", "") || "",
+              onChange: (e) => handleFormChange("email", e.target.value),
+              disabled: !canEdit
+            }
+          ) }),
+          /* @__PURE__ */ jsx2(Box2, { direction: "horizontal", width: "stretch", gap: "10px", children: /* @__PURE__ */ jsx2(
+            permissions_accordion_default,
+            {
+              selectedPermissions: teamData.permissions || [],
+              onChange: (perms) => handleFormChange("permissions", perms),
+              disabled: !canEdit
+            }
+          ) })
+        ] }) })
+      }
+    ) }) });
+  }
+);
+CreateManageTeamModal.displayName = "CreateManageTeamModal";
+
+export {
+  CreateManageTeamModal
+};
+//# sourceMappingURL=chunk-4WLRHNEL.js.map

package/dist/esm/chunks/chunk-4WLRHNEL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../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": ["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": ["Box", "FormField", "jsx", "jsxs", "Box", "FormField"]
+}

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

@@ -0,0 +1,7 @@
+import {
+  CreateManageTeamModal
+} from "../../chunks/chunk-4WLRHNEL.js";
+export {
+  CreateManageTeamModal
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+import {
+  ManageCreateUserModal
+} from "../../chunks/chunk-2GZEVEZL.js";
+export {
+  ManageCreateUserModal
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,7 +1,15 @@
+import {
+  CreateManageTeamModal
+} from "./chunks/chunk-4WLRHNEL.js";
+import {
+  ManageCreateUserModal
+} from "./chunks/chunk-2GZEVEZL.js";
 import {
   ManageTicketModal
 } from "./chunks/chunk-O2PNODDQ.js";
 export {
+  CreateManageTeamModal,
+  ManageCreateUserModal,
   ManageTicketModal
 };
 //# sourceMappingURL=index.js.map

package/dist/types/components/CreateManageTeamModal/CreateManageTeamModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CreateManageTeamModalProps } from './CreateManageTeamModal.types';
+import './CreateManageTeamModal.css';
+import '@wix/design-system/styles-studio.global.css';
+export declare const CreateManageTeamModal: React.ForwardRefExoticComponent<CreateManageTeamModalProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CreateManageTeamModal.d.ts.map

package/dist/types/components/CreateManageTeamModal/CreateManageTeamModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateManageTeamModal.d.ts","sourceRoot":"","sources":["../../../../src/components/CreateManageTeamModal/CreateManageTeamModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAEhF,OAAO,6BAA6B,CAAC;AAWrC,OAAO,6CAA6C,CAAC;AAGrD,eAAO,MAAM,qBAAqB,mGAkHjC,CAAC"}

package/dist/types/components/CreateManageTeamModal/CreateManageTeamModal.types.d.ts

@@ -0,0 +1,48 @@
+import type { HTMLAttributes } from 'react';
+export interface CreateManageTeamModalProps extends HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+    id: string;
+    state: string;
+    permissions: Record<string, boolean>;
+    onClose: (params: {
+        newTeamData?: {
+            _id: string;
+            name: string;
+            description: string;
+            teamPictureUrl?: string;
+        };
+        cancelled?: boolean;
+    }) => void;
+}
+export interface TeamModalProps {
+    isOpen: boolean;
+    id: string;
+    state: string;
+    permissions: Record<string, boolean>;
+    onClose: (params: {
+        newTeamData?: {
+            _id: string;
+            name: string;
+            description: string;
+            teamPictureUrl?: string;
+        };
+        cancelled?: boolean;
+    }) => void;
+}
+export interface PermissionsAccordionProps {
+    selectedPermissions: string[];
+    onChange: (permissions: string[]) => void;
+    disabled: boolean;
+}
+export interface TeamData {
+    _id?: string;
+    name: string;
+    description: string;
+    email: string;
+    teamPictureUrl?: string;
+    agents?: string[];
+    assignedTickets?: string[];
+    permissions?: string[];
+}
+export declare const DEFAULT_TEAM_DATA: TeamData;
+//# sourceMappingURL=CreateManageTeamModal.types.d.ts.map

package/dist/types/components/CreateManageTeamModal/CreateManageTeamModal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateManageTeamModal.types.d.ts","sourceRoot":"","sources":["../../../../src/components/CreateManageTeamModal/CreateManageTeamModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,0BAA2B,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChF,MAAM,EAAE,OAAO,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,OAAO,EAAE,CAAC,MAAM,EAAE;QAAE,WAAW,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,WAAW,EAAE,MAAM,CAAC;YAAC,cAAc,CAAC,EAAE,MAAM,CAAC;SAAE,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAChJ;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,OAAO,EAAE,CAAC,MAAM,EAAE;QAAE,WAAW,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,WAAW,EAAE,MAAM,CAAC;YAAC,cAAc,CAAC,EAAE,MAAM,CAAC;SAAE,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAChJ;AAED,MAAM,WAAW,yBAAyB;IACxC,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,EAAE,QAQ/B,CAAC"}

package/dist/types/components/CreateManageTeamModal/index.d.ts

@@ -0,0 +1,3 @@
+export { CreateManageTeamModal } from './CreateManageTeamModal';
+export type { CreateManageTeamModalProps } from './CreateManageTeamModal.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/CreateManageTeamModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CreateManageTeamModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/types/components/CreateManageTeamModal/permissions-accordion.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import type { PermissionsAccordionProps } from './CreateManageTeamModal.types';
+declare const PermissionsAccordion: FC<PermissionsAccordionProps>;
+export default PermissionsAccordion;
+//# sourceMappingURL=permissions-accordion.d.ts.map

package/dist/types/components/CreateManageTeamModal/permissions-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/CreateManageTeamModal/permissions-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYhC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE/E,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAqDvD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/types/components/CreateManageTeamModal/team-permissions.d.ts

@@ -0,0 +1,98 @@
+export declare const TEAM_PERMISSIONS: readonly [{
+    readonly id: "my-tickets-transfer-chat-to-agent";
+    readonly name: "Transfer Chat to Agent";
+    readonly category: "Chat";
+}, {
+    readonly id: "my-tickets-transfer-chat-to-team";
+    readonly name: "Transfer Chat to Team";
+    readonly category: "Chat";
+}, {
+    readonly id: "my-tickets-convert-chat-to-ticket";
+    readonly name: "Convert Chat to Ticket";
+    readonly category: "Chat";
+}, {
+    readonly id: "my-tickets-view-chats";
+    readonly name: "View Chats";
+    readonly category: "Chat";
+}, {
+    readonly id: "my-tickets-view-single-chat";
+    readonly name: "View Single Chat";
+    readonly category: "Chat";
+}, {
+    readonly id: "my-tickets-join-single-chat";
+    readonly name: "Join Single Chat";
+    readonly category: "Chat";
+}, {
+    readonly id: "my-tickets-end-single-chat";
+    readonly name: "End Single Chat";
+    readonly category: "Chat";
+}, {
+    readonly id: "my-tickets-view-single-ticket";
+    readonly name: "View Single Ticket";
+    readonly category: "Ticket";
+}, {
+    readonly id: "my-tickets-single-ticket-send-message";
+    readonly name: "Send Message to Single Ticket";
+    readonly category: "Ticket";
+}, {
+    readonly id: "my-tickets-close-single-ticket";
+    readonly name: "Close Single Ticket";
+    readonly category: "Ticket";
+}, {
+    readonly id: "my-tickets-reopen-single-ticket";
+    readonly name: "Reopen Single Ticket";
+    readonly category: "Ticket";
+}, {
+    readonly id: "my-tickets-change-ticket-priority";
+    readonly name: "Change Ticket Priority";
+    readonly category: "Ticket";
+}, {
+    readonly id: "my-tickets-transfer-ticket";
+    readonly name: "Transfer Ticket";
+    readonly category: "Ticket";
+}, {
+    readonly id: "my-tickets-change-agent-online-status";
+    readonly name: "Change Agent Online Status";
+    readonly category: "Agent";
+}, {
+    readonly id: "my-tickets-notifications-enabled";
+    readonly name: "Enable Notifications";
+    readonly category: "Notification";
+}, {
+    readonly id: "my-tickets-create-quick-chat";
+    readonly name: "Create Quick Chat";
+    readonly category: "Chat";
+}, {
+    readonly id: "my-tickets-edit-teams";
+    readonly name: "Edit Teams";
+    readonly category: "Team";
+}, {
+    readonly id: "my-tickets-edit-accounts";
+    readonly name: "Edit Accounts";
+    readonly category: "Account";
+}, {
+    readonly id: "my-tickets-view-teams";
+    readonly name: "View Teams";
+    readonly category: "Team";
+}, {
+    readonly id: "my-tickets-view-accounts";
+    readonly name: "View Accounts";
+    readonly category: "Account";
+}, {
+    readonly id: "my-tickets-create-teams";
+    readonly name: "Create Teams";
+    readonly category: "Team";
+}, {
+    readonly id: "my-tickets-create-accounts";
+    readonly name: "Create Accounts";
+    readonly category: "Account";
+}, {
+    readonly id: "my-tickets-view-all-tickets";
+    readonly name: "View All Tickets";
+    readonly category: "Ticket";
+}, {
+    readonly id: "my-tickets-create-ticket";
+    readonly name: "Create Ticket";
+    readonly category: "Ticket";
+}];
+//# sourceMappingURL=team-permissions.d.ts.map

package/dist/types/components/CreateManageTeamModal/team-permissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-permissions.d.ts","sourceRoot":"","sources":["../../../../src/components/CreateManageTeamModal/team-permissions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBnB,CAAC"}

package/dist/types/components/CreateManageTeamModal/useCreateManageTeamModal.d.ts

@@ -0,0 +1,27 @@
+import { type TeamData } from './CreateManageTeamModal.types';
+interface UseCreateManageTeamModalParams {
+    id: string;
+    state: string;
+    permissions: Record<string, boolean>;
+    onClose: (params: {
+        newTeamData?: {
+            _id: string;
+            name: string;
+            description: string;
+            teamPictureUrl?: string;
+        };
+        cancelled?: boolean;
+    }) => void;
+}
+export declare function useCreateManageTeamModal({ id, state, permissions, onClose, }: UseCreateManageTeamModalParams): {
+    teamData: TeamData;
+    isLoading: boolean;
+    isSaving: boolean;
+    error: string | null;
+    handleFormChange: (field: keyof TeamData, value: TeamData[keyof TeamData]) => void;
+    handleSave: () => Promise<void>;
+    handleAddImage: () => void;
+    canEdit: boolean;
+};
+export {};
+//# sourceMappingURL=useCreateManageTeamModal.d.ts.map