@jrapps/my_tickets_dashboard_modals_ui 0.0.2 → 0.1.0

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

@@ -0,0 +1,339 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/CreateManageTeamModal/index.ts
+var CreateManageTeamModal_exports = {};
+__export(CreateManageTeamModal_exports, {
+  CreateManageTeamModal: () => CreateManageTeamModal
+});
+module.exports = __toCommonJS(CreateManageTeamModal_exports);
+
+// src/components/CreateManageTeamModal/CreateManageTeamModal.tsx
+var import_react2 = __toESM(require("react"));
+
+// src/components/CreateManageTeamModal/useCreateManageTeamModal.ts
+var import_react = require("react");
+var import_essentials = require("@wix/essentials");
+var import_dashboard = require("@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] = (0, import_react.useState)(DEFAULT_TEAM_DATA);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [isSaving, setIsSaving] = (0, import_react.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("").origin;
+      const res = await import_essentials.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 = () => {
+    import_dashboard.dashboard.openMediaManager({ multiSelect: false }).then((result) => {
+      if (result && result.items.length > 0) {
+        const imageUrl = result.items[0].url;
+        handleFormChange("teamPictureUrl", imageUrl);
+      }
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    if (state === "EDIT") {
+      setIsLoading(true);
+      const fetchTeamDetails = async () => {
+        try {
+          const baseApiUrl = new URL("").origin;
+          const res = await import_essentials.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
+var import_design_system2 = require("@wix/design-system");
+var import_styles_studio_global = require("@wix/design-system/styles-studio.global.css");
+
+// src/components/CreateManageTeamModal/permissions-accordion.tsx
+var import_design_system = require("@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
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Permissions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_design_system.Accordion,
+    {
+      horizontalPadding: "tiny",
+      size: "tiny",
+      items: Object.entries(groupedPermissions).map(
+        ([category, categoryPermissions]) => (0, import_design_system.accordionItemBuilder)({
+          title: category,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Box, { direction: "vertical", gap: "small", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Layout, { children: categoryPermissions.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design_system.Cell, { span: 6, children: [
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_design_system.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
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CreateManageTeamModal = import_react2.default.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__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.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__ */ (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)(
+      import_design_system2.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__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Box, { alignContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system2.Text, { size: "small", children: [
+          "Powered by ",
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Text, { size: "small", weight: "bold", children: "My Tickets" })
+        ] }) }),
+        content: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Box, { direction: "vertical", width: "stretch", gap: "10px", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Box, { WebkitJustifyContent: "center", alignContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Loader, { size: "medium", status: "loading", text: "Loading data..." }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Box, { WebkitJustifyContent: "center", alignContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Loader, { size: "medium", status: "error", text: error }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system2.Box, { direction: "horizontal", width: "stretch", gap: "10px", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.FormField, { label: "Team Picture", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_design_system2.ImageViewer,
+              {
+                disabled: !canEdit,
+                height: "115px",
+                width: "115px",
+                imageUrl: teamData?.teamPictureUrl || "",
+                onAddImage: handleAddImage
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system2.Box, { direction: "vertical", width: "stretch", gap: "10px", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.FormField, { label: "Team Name", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_design_system2.Input,
+                {
+                  value: teamData?.name || "",
+                  onChange: (e) => handleFormChange("name", e.target.value),
+                  disabled: !canEdit
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.FormField, { label: "Team Description", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_design_system2.Input,
+                {
+                  value: teamData?.description || "",
+                  onChange: (e) => handleFormChange("description", e.target.value),
+                  disabled: !canEdit
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.FormField, { label: "Team Email", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_design_system2.Input,
+            {
+              suffix: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Box, { verticalAlign: "middle", children: "@mytickets.internal" }),
+              type: "email",
+              value: teamData?.email?.replace("@mytickets.internal", "") || "",
+              onChange: (e) => handleFormChange("email", e.target.value),
+              disabled: !canEdit
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Box, { direction: "horizontal", width: "stretch", gap: "10px", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            permissions_accordion_default,
+            {
+              selectedPermissions: teamData.permissions || [],
+              onChange: (perms) => handleFormChange("permissions", perms),
+              disabled: !canEdit
+            }
+          ) })
+        ] }) })
+      }
+    ) }) });
+  }
+);
+CreateManageTeamModal.displayName = "CreateManageTeamModal";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 && 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"]
+}