@jrapps/my_tickets_dashboard_modals_ui 0.0.2

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

@@ -0,0 +1,314 @@
+"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/ManageTicketModal/index.ts
+var ManageTicketModal_exports = {};
+__export(ManageTicketModal_exports, {
+  ManageTicketModal: () => ManageTicketModal
+});
+module.exports = __toCommonJS(ManageTicketModal_exports);
+
+// src/components/ManageTicketModal/ManageTicketModal.tsx
+var import_react2 = __toESM(require("react"));
+
+// src/components/ManageTicketModal/useManageTicketModal.ts
+var import_react = require("react");
+var import_essentials = require("@wix/essentials");
+var BASE_URL = new URL("").origin;
+var STATE_CONFIG = {
+  STATUS_CHANGE: {
+    title: "Change Status",
+    getUrl: (id, value) => `${BASE_URL}/api/tickets/update-ticket-status?id=${id}&status=${value}`,
+    getPayload: (value) => ({ newStatus: value })
+  },
+  PRIORITY_CHANGE: {
+    title: "Change Priority",
+    getUrl: (id, value) => `${BASE_URL}/api/tickets/update-ticket-priority?id=${id}&priority=${value}`,
+    getPayload: (value) => ({ newPriority: value })
+  },
+  TRANSFER_TICKET: {
+    title: "Transfer Ticket",
+    getUrl: (id, value) => `${BASE_URL}/api/tickets/transfer-ticket?id=${id}&teamId=${value}`,
+    getPayload: (value) => ({ newTeamId: value })
+  }
+};
+function useManageTicketModal({ id, state, onClose }) {
+  const [isSaving, setIsSaving] = (0, import_react.useState)(false);
+  const [newStatus, setNewStatus] = (0, import_react.useState)("");
+  const [newPriority, setNewPriority] = (0, import_react.useState)("");
+  const [selectedTeam, setSelectedTeam] = (0, import_react.useState)("");
+  const [teams, setTeams] = (0, import_react.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const [isError, setIsError] = (0, import_react.useState)(false);
+  const modalTitle = STATE_CONFIG[state]?.title ?? "Manage Ticket";
+  (0, import_react.useEffect)(() => {
+    if (state !== "TRANSFER_TICKET") {
+      setIsLoading(false);
+      setIsError(false);
+      return;
+    }
+    setIsLoading(true);
+    setIsError(false);
+    const fetchTeams = async () => {
+      try {
+        const response = await import_essentials.httpClient.fetchWithAuth(`${BASE_URL}/api/teams/teams`);
+        const data = await response.json();
+        setTeams(data.teams);
+      } catch (error) {
+        console.error("Error fetching teams:", error);
+        setIsError(true);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchTeams();
+  }, [id, state]);
+  const handleSave = async () => {
+    const config = STATE_CONFIG[state];
+    if (!config) return;
+    const valueMap = {
+      STATUS_CHANGE: newStatus,
+      PRIORITY_CHANGE: newPriority,
+      TRANSFER_TICKET: selectedTeam
+    };
+    const value = valueMap[state];
+    if (!value) return;
+    setIsSaving(true);
+    try {
+      await import_essentials.httpClient.fetchWithAuth(config.getUrl(id, value), { method: "PUT" });
+      onClose(config.getPayload(value));
+    } catch (error) {
+      console.error("Error saving:", error);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const handleCancel = () => onClose({ cancelled: true });
+  return {
+    // State
+    isSaving,
+    isLoading,
+    isError,
+    teams,
+    newStatus,
+    newPriority,
+    selectedTeam,
+    modalTitle,
+    // Setters
+    setNewStatus,
+    setNewPriority,
+    setSelectedTeam,
+    // Handlers
+    handleSave,
+    handleCancel
+  };
+}
+
+// src/components/ManageTicketModal/ManageTicketModal.tsx
+var import_design_system4 = require("@wix/design-system");
+var import_styles_studio_global = require("@wix/design-system/styles-studio.global.css");
+
+// src/components/ManageTicketModal/status-change-content.tsx
+var import_design_system = require("@wix/design-system");
+var import_jsx_runtime = require("react/jsx-runtime");
+var STATUS_LABELS = {
+  closed: "Closed",
+  in_progress: "In Progress",
+  open: "Open"
+};
+var StatusChangeContent = ({ currentStatus, newStatus, onStatusChange }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design_system.Box, { direction: "vertical", width: "stretch", gap: "10px", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Current Status", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Input, { value: STATUS_LABELS[currentStatus] ?? currentStatus, disabled: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "New Status", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_design_system.Dropdown,
+      {
+        options: [
+          { id: "open", value: "Open" },
+          { id: "in_progress", value: "In Progress" },
+          { id: "closed", value: "Closed" }
+        ],
+        placeholder: "Select new status",
+        selectedId: newStatus || "",
+        popoverProps: { appendTo: "window", zIndex: 9999 },
+        onSelect: (option) => onStatusChange(option?.id ?? "")
+      }
+    ) })
+  ] });
+};
+var status_change_content_default = StatusChangeContent;
+
+// src/components/ManageTicketModal/priority-change-content.tsx
+var import_design_system2 = require("@wix/design-system");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PRIORITY_LABELS = {
+  high: "High",
+  medium: "Medium",
+  low: "Low"
+};
+var PriorityChangeContent = ({ currentPriority, newPriority, onPriorityChange }) => {
+  return /* @__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: "Current Priority", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Input, { value: PRIORITY_LABELS[currentPriority] ?? currentPriority, disabled: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.FormField, { label: "New Priority", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_design_system2.Dropdown,
+      {
+        options: [
+          { id: "high", value: "High" },
+          { id: "medium", value: "Medium" },
+          { id: "low", value: "Low" }
+        ],
+        placeholder: "Select new priority",
+        selectedId: newPriority || "",
+        popoverProps: { appendTo: "window", zIndex: 9999 },
+        onSelect: (option) => onPriorityChange(option?.id ?? "")
+      }
+    ) })
+  ] });
+};
+var priority_change_content_default = PriorityChangeContent;
+
+// src/components/ManageTicketModal/transfer-ticket-content.tsx
+var import_design_system3 = require("@wix/design-system");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TransferTicketContent = ({ currentTeam, teams, selectedTeam, onTeamChange }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.Box, { direction: "vertical", width: "stretch", gap: "10px", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.FormField, { label: "Current Team", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.Input, { value: currentTeam, disabled: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.FormField, { label: "New Team", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_design_system3.Dropdown,
+      {
+        options: teams.map((team) => ({ id: team._id, value: team.name })),
+        placeholder: "Select new team",
+        selectedId: selectedTeam || "",
+        popoverProps: { appendTo: "window", zIndex: 9999 },
+        onSelect: (option) => onTeamChange(option?.id ?? "")
+      }
+    ) })
+  ] });
+};
+var transfer_ticket_content_default = TransferTicketContent;
+
+// src/components/ManageTicketModal/ManageTicketModal.css
+if (typeof document !== "undefined" && !document.getElementById("jrapps-style-450fcfe5")) {
+  const s = document.createElement("style");
+  s.id = "jrapps-style-450fcfe5";
+  s.textContent = ".manage-ticket-modal {\n  /* ManageTicketModal base styles */\n}\n";
+  document.head.appendChild(s);
+}
+
+// src/components/ManageTicketModal/ManageTicketModal.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ManageTicketModal = import_react2.default.forwardRef(
+  ({
+    className,
+    isOpen,
+    id,
+    state,
+    onClose,
+    currentStatus,
+    currentPriority,
+    ticketNumber,
+    currentTeamName
+  }, ref) => {
+    const {
+      isSaving,
+      isLoading,
+      isError,
+      teams,
+      newStatus,
+      newPriority,
+      selectedTeam,
+      modalTitle,
+      setNewStatus,
+      setNewPriority,
+      setSelectedTeam,
+      handleSave,
+      handleCancel
+    } = useManageTicketModal({ id, state, onClose });
+    const renderContent = () => {
+      if (isLoading) {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Box, { direction: "vertical", width: "stretch", gap: "10px", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Loader, { size: "medium", status: "loading", text: "Loading..." }) });
+      }
+      if (isError) {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Box, { direction: "vertical", width: "stretch", gap: "10px", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Loader, { size: "medium", status: "error", text: "Error loading data" }) });
+      }
+      if (state === "STATUS_CHANGE") {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          status_change_content_default,
+          {
+            currentStatus: currentStatus ?? "",
+            newStatus,
+            onStatusChange: setNewStatus
+          }
+        );
+      }
+      if (state === "PRIORITY_CHANGE") {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          priority_change_content_default,
+          {
+            currentPriority: currentPriority ?? "",
+            newPriority,
+            onPriorityChange: setNewPriority
+          }
+        );
+      }
+      if (state === "TRANSFER_TICKET") {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          transfer_ticket_content_default,
+          {
+            currentTeam: currentTeamName,
+            teams,
+            selectedTeam,
+            onTeamChange: setSelectedTeam
+          }
+        );
+      }
+      return null;
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Modal, { isOpen, ref, className, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_design_system4.CustomModalLayout,
+      {
+        width: "500px",
+        primaryButtonText: isSaving ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Loader, { size: "tiny" }) : "Save",
+        secondaryButtonText: "Cancel",
+        primaryButtonOnClick: handleSave,
+        secondaryButtonOnClick: handleCancel,
+        showHeaderDivider: true,
+        showFooterDivider: true,
+        title: modalTitle,
+        subtitle: !isLoading ? ticketNumber : "",
+        footnote: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Box, { alignContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.Text, { size: "small", children: [
+          "Powered by ",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Text, { size: "small", weight: "bold", children: "My Tickets" })
+        ] }) }),
+        content: renderContent()
+      }
+    ) });
+  }
+);
+ManageTicketModal.displayName = "ManageTicketModal";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ManageTicketModal/index.ts", "../../../../src/components/ManageTicketModal/ManageTicketModal.tsx", "../../../../src/components/ManageTicketModal/useManageTicketModal.ts", "../../../../src/components/ManageTicketModal/status-change-content.tsx", "../../../../src/components/ManageTicketModal/priority-change-content.tsx", "../../../../src/components/ManageTicketModal/transfer-ticket-content.tsx", "../../../../src/components/ManageTicketModal/ManageTicketModal.css"],
+  "sourcesContent": ["export { ManageTicketModal } from './ManageTicketModal';\nexport type { ManageTicketModalProps } from './ManageTicketModal.types';\n", "import React from 'react';\nimport type { ManageTicketModalProps } from './ManageTicketModal.types';\nimport { useManageTicketModal } from './useManageTicketModal';\nimport {\n  CustomModalLayout,\n  Box,\n  Text,\n  Loader,\n  Modal,\n} from '@wix/design-system';\nimport '@wix/design-system/styles-studio.global.css';\n\nimport StatusChangeContent from './status-change-content';\nimport PriorityChangeContent from './priority-change-content';\nimport TransferTicketContent from './transfer-ticket-content';\nimport './ManageTicketModal.css';\n\nexport const ManageTicketModal = React.forwardRef<HTMLDivElement, ManageTicketModalProps>(\n  (\n    {\n      className,\n      isOpen,\n      id,\n      state,\n      onClose,\n      currentStatus,\n      currentPriority,\n      ticketNumber,\n      currentTeamName,\n    },\n    ref,\n  ) => {\n    const {\n      isSaving,\n      isLoading,\n      isError,\n      teams,\n      newStatus,\n      newPriority,\n      selectedTeam,\n      modalTitle,\n      setNewStatus,\n      setNewPriority,\n      setSelectedTeam,\n      handleSave,\n      handleCancel,\n    } = useManageTicketModal({ id, state, onClose });\n\n    const renderContent = () => {\n      if (isLoading) {\n        return (\n          <Box direction=\"vertical\" width=\"stretch\" gap=\"10px\">\n            <Loader size=\"medium\" status=\"loading\" text=\"Loading...\" />\n          </Box>\n        );\n      }\n\n      if (isError) {\n        return (\n          <Box direction=\"vertical\" width=\"stretch\" gap=\"10px\">\n            <Loader size=\"medium\" status=\"error\" text=\"Error loading data\" />\n          </Box>\n        );\n      }\n\n      if (state === 'STATUS_CHANGE') {\n        return (\n          <StatusChangeContent\n            currentStatus={currentStatus ?? ''}\n            newStatus={newStatus}\n            onStatusChange={setNewStatus}\n          />\n        );\n      }\n\n      if (state === 'PRIORITY_CHANGE') {\n        return (\n          <PriorityChangeContent\n            currentPriority={currentPriority ?? ''}\n            newPriority={newPriority}\n            onPriorityChange={setNewPriority}\n          />\n        );\n      }\n\n      if (state === 'TRANSFER_TICKET') {\n        return (\n          <TransferTicketContent\n            currentTeam={currentTeamName}\n            teams={teams}\n            selectedTeam={selectedTeam}\n            onTeamChange={setSelectedTeam}\n          />\n        );\n      }\n\n      return null;\n    };\n\n    return (\n      <Modal isOpen={isOpen} ref={ref} className={className}>\n        <CustomModalLayout\n          width=\"500px\"\n          primaryButtonText={isSaving ? <Loader size=\"tiny\" /> : 'Save'}\n          secondaryButtonText=\"Cancel\"\n          primaryButtonOnClick={handleSave}\n          secondaryButtonOnClick={handleCancel}\n          showHeaderDivider\n          showFooterDivider\n          title={modalTitle}\n          subtitle={!isLoading ? ticketNumber : ''}\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={renderContent()}\n        />\n      </Modal>\n    );\n  },\n);\n\nManageTicketModal.displayName = 'ManageTicketModal';\n", "import { useState, useEffect } from 'react';\nimport { httpClient } from '@wix/essentials';\n\nconst BASE_URL = new URL(import.meta.url).origin;\n\nconst STATE_CONFIG = {\n  STATUS_CHANGE: {\n    title: 'Change Status',\n    getUrl: (id: string, value: string | number) =>\n      `${BASE_URL}/api/tickets/update-ticket-status?id=${id}&status=${value}`,\n    getPayload: (value: string | number) => ({ newStatus: value }),\n  },\n  PRIORITY_CHANGE: {\n    title: 'Change Priority',\n    getUrl: (id: string, value: string | number) =>\n      `${BASE_URL}/api/tickets/update-ticket-priority?id=${id}&priority=${value}`,\n    getPayload: (value: string | number) => ({ newPriority: value }),\n  },\n  TRANSFER_TICKET: {\n    title: 'Transfer Ticket',\n    getUrl: (id: string, value: string | number) =>\n      `${BASE_URL}/api/tickets/transfer-ticket?id=${id}&teamId=${value}`,\n    getPayload: (value: string | number) => ({ newTeamId: value }),\n  },\n} as const;\n\ninterface UseManageTicketModalParams {\n  id: string;\n  state: string;\n  onClose: (params: {\n    newStatus?: string | number;\n    newPriority?: string | number;\n    newTeamId?: string | number;\n    cancelled?: boolean;\n  }) => void;\n}\n\nexport function useManageTicketModal({ id, state, onClose }: UseManageTicketModalParams) {\n  const [isSaving, setIsSaving] = useState(false);\n  const [newStatus, setNewStatus] = useState<string | number>('');\n  const [newPriority, setNewPriority] = useState<string | number>('');\n  const [selectedTeam, setSelectedTeam] = useState<string | number>('');\n  const [teams, setTeams] = useState<{ _id: string; name: string }[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n\n  const modalTitle = STATE_CONFIG[state as keyof typeof STATE_CONFIG]?.title ?? 'Manage Ticket';\n\n  useEffect(() => {\n    if (state !== 'TRANSFER_TICKET') {\n      setIsLoading(false);\n      setIsError(false);\n      return;\n    }\n\n    setIsLoading(true);\n    setIsError(false);\n\n    const fetchTeams = async () => {\n      try {\n        const response = await httpClient.fetchWithAuth(`${BASE_URL}/api/teams/teams`);\n        const data = await response.json();\n        setTeams(data.teams);\n      } catch (error) {\n        console.error('Error fetching teams:', error);\n        setIsError(true);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    fetchTeams();\n  }, [id, state]);\n\n  const handleSave = async () => {\n    const config = STATE_CONFIG[state as keyof typeof STATE_CONFIG];\n    if (!config) return;\n\n    const valueMap: Record<string, string | number> = {\n      STATUS_CHANGE: newStatus,\n      PRIORITY_CHANGE: newPriority,\n      TRANSFER_TICKET: selectedTeam,\n    };\n    const value = valueMap[state];\n    if (!value) return;\n\n    setIsSaving(true);\n    try {\n      await httpClient.fetchWithAuth(config.getUrl(id, value), { method: 'PUT' });\n      onClose(config.getPayload(value));\n    } catch (error) {\n      console.error('Error saving:', error);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handleCancel = () => onClose({ cancelled: true });\n\n  return {\n    // State\n    isSaving,\n    isLoading,\n    isError,\n    teams,\n    newStatus,\n    newPriority,\n    selectedTeam,\n    modalTitle,\n    // Setters\n    setNewStatus,\n    setNewPriority,\n    setSelectedTeam,\n    // Handlers\n    handleSave,\n    handleCancel,\n  };\n}\n", "import type { FC } from 'react';\nimport { Box, FormField, Input, Dropdown } from '@wix/design-system';\nimport type { StatusChangeContentProps } from './ManageTicketModal.types';\n\nconst STATUS_LABELS: Record<string, string> = {\n  closed: 'Closed',\n  in_progress: 'In Progress',\n  open: 'Open',\n};\n\nconst StatusChangeContent: FC<StatusChangeContentProps> = ({ currentStatus, newStatus, onStatusChange }) => {\n  return (\n    <Box direction=\"vertical\" width=\"stretch\" gap=\"10px\">\n      <FormField label=\"Current Status\">\n        <Input value={STATUS_LABELS[currentStatus] ?? currentStatus} disabled />\n      </FormField>\n      <FormField label=\"New Status\">\n        <Dropdown\n          options={[\n            { id: 'open', value: 'Open' },\n            { id: 'in_progress', value: 'In Progress' },\n            { id: 'closed', value: 'Closed' },\n          ]}\n          placeholder=\"Select new status\"\n          selectedId={newStatus || ''}\n          popoverProps={{ appendTo: 'window', zIndex: 9999 }}\n          onSelect={(option: any) => onStatusChange(option?.id ?? '')}\n        />\n      </FormField>\n    </Box>\n  );\n};\n\nexport default StatusChangeContent;\n", "import type { FC } from 'react';\nimport { Box, FormField, Input, Dropdown } from '@wix/design-system';\nimport type { PriorityChangeContentProps } from './ManageTicketModal.types';\n\nconst PRIORITY_LABELS: Record<string, string> = {\n  high: 'High',\n  medium: 'Medium',\n  low: 'Low',\n};\n\nconst PriorityChangeContent: FC<PriorityChangeContentProps> = ({ currentPriority, newPriority, onPriorityChange }) => {\n  return (\n    <Box direction=\"vertical\" width=\"stretch\" gap=\"10px\">\n      <FormField label=\"Current Priority\">\n        <Input value={PRIORITY_LABELS[currentPriority] ?? currentPriority} disabled />\n      </FormField>\n      <FormField label=\"New Priority\">\n        <Dropdown\n          options={[\n            { id: 'high', value: 'High' },\n            { id: 'medium', value: 'Medium' },\n            { id: 'low', value: 'Low' },\n          ]}\n          placeholder=\"Select new priority\"\n          selectedId={newPriority || ''}\n          popoverProps={{ appendTo: 'window', zIndex: 9999 }}\n          onSelect={(option: any) => onPriorityChange(option?.id ?? '')}\n        />\n      </FormField>\n    </Box>\n  );\n};\n\nexport default PriorityChangeContent;\n", "import type { FC } from 'react';\nimport { Box, FormField, Input, Dropdown } from '@wix/design-system';\nimport type { TransferTicketContentProps } from './ManageTicketModal.types';\n\nconst TransferTicketContent: FC<TransferTicketContentProps> = ({ currentTeam, teams, selectedTeam, onTeamChange }) => {\n  return (\n    <Box direction=\"vertical\" width=\"stretch\" gap=\"10px\">\n      <FormField label=\"Current Team\">\n        <Input value={currentTeam} disabled />\n      </FormField>\n      <FormField label=\"New Team\">\n        <Dropdown\n          options={teams.map((team) => ({ id: team._id, value: team.name }))}\n          placeholder=\"Select new team\"\n          selectedId={selectedTeam || ''}\n          popoverProps={{ appendTo: 'window', zIndex: 9999 }}\n          onSelect={(option: any) => onTeamChange(option?.id ?? '')}\n        />\n      </FormField>\n    </Box>\n  );\n};\n\nexport default TransferTicketContent;\n", "if (typeof document !== 'undefined' && !document.getElementById(\"jrapps-style-450fcfe5\")) {\n  const s = document.createElement('style');\n  s.id = \"jrapps-style-450fcfe5\";\n  s.textContent = \".manage-ticket-modal {\\n  /* ManageTicketModal base styles */\\n}\\n\";\n  document.head.appendChild(s);\n}"],
+  "mappings": "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",
+  "names": ["import_react", "import_design_system", "import_design_system", "import_jsx_runtime", "import_design_system", "import_jsx_runtime", "import_jsx_runtime", "React"]
+}

package/dist/cjs/index.js

@@ -0,0 +1,314 @@
+"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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ManageTicketModal: () => ManageTicketModal
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/ManageTicketModal/ManageTicketModal.tsx
+var import_react2 = __toESM(require("react"));
+
+// src/components/ManageTicketModal/useManageTicketModal.ts
+var import_react = require("react");
+var import_essentials = require("@wix/essentials");
+var BASE_URL = new URL("").origin;
+var STATE_CONFIG = {
+  STATUS_CHANGE: {
+    title: "Change Status",
+    getUrl: (id, value) => `${BASE_URL}/api/tickets/update-ticket-status?id=${id}&status=${value}`,
+    getPayload: (value) => ({ newStatus: value })
+  },
+  PRIORITY_CHANGE: {
+    title: "Change Priority",
+    getUrl: (id, value) => `${BASE_URL}/api/tickets/update-ticket-priority?id=${id}&priority=${value}`,
+    getPayload: (value) => ({ newPriority: value })
+  },
+  TRANSFER_TICKET: {
+    title: "Transfer Ticket",
+    getUrl: (id, value) => `${BASE_URL}/api/tickets/transfer-ticket?id=${id}&teamId=${value}`,
+    getPayload: (value) => ({ newTeamId: value })
+  }
+};
+function useManageTicketModal({ id, state, onClose }) {
+  const [isSaving, setIsSaving] = (0, import_react.useState)(false);
+  const [newStatus, setNewStatus] = (0, import_react.useState)("");
+  const [newPriority, setNewPriority] = (0, import_react.useState)("");
+  const [selectedTeam, setSelectedTeam] = (0, import_react.useState)("");
+  const [teams, setTeams] = (0, import_react.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const [isError, setIsError] = (0, import_react.useState)(false);
+  const modalTitle = STATE_CONFIG[state]?.title ?? "Manage Ticket";
+  (0, import_react.useEffect)(() => {
+    if (state !== "TRANSFER_TICKET") {
+      setIsLoading(false);
+      setIsError(false);
+      return;
+    }
+    setIsLoading(true);
+    setIsError(false);
+    const fetchTeams = async () => {
+      try {
+        const response = await import_essentials.httpClient.fetchWithAuth(`${BASE_URL}/api/teams/teams`);
+        const data = await response.json();
+        setTeams(data.teams);
+      } catch (error) {
+        console.error("Error fetching teams:", error);
+        setIsError(true);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchTeams();
+  }, [id, state]);
+  const handleSave = async () => {
+    const config = STATE_CONFIG[state];
+    if (!config) return;
+    const valueMap = {
+      STATUS_CHANGE: newStatus,
+      PRIORITY_CHANGE: newPriority,
+      TRANSFER_TICKET: selectedTeam
+    };
+    const value = valueMap[state];
+    if (!value) return;
+    setIsSaving(true);
+    try {
+      await import_essentials.httpClient.fetchWithAuth(config.getUrl(id, value), { method: "PUT" });
+      onClose(config.getPayload(value));
+    } catch (error) {
+      console.error("Error saving:", error);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const handleCancel = () => onClose({ cancelled: true });
+  return {
+    // State
+    isSaving,
+    isLoading,
+    isError,
+    teams,
+    newStatus,
+    newPriority,
+    selectedTeam,
+    modalTitle,
+    // Setters
+    setNewStatus,
+    setNewPriority,
+    setSelectedTeam,
+    // Handlers
+    handleSave,
+    handleCancel
+  };
+}
+
+// src/components/ManageTicketModal/ManageTicketModal.tsx
+var import_design_system4 = require("@wix/design-system");
+var import_styles_studio_global = require("@wix/design-system/styles-studio.global.css");
+
+// src/components/ManageTicketModal/status-change-content.tsx
+var import_design_system = require("@wix/design-system");
+var import_jsx_runtime = require("react/jsx-runtime");
+var STATUS_LABELS = {
+  closed: "Closed",
+  in_progress: "In Progress",
+  open: "Open"
+};
+var StatusChangeContent = ({ currentStatus, newStatus, onStatusChange }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design_system.Box, { direction: "vertical", width: "stretch", gap: "10px", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "Current Status", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.Input, { value: STATUS_LABELS[currentStatus] ?? currentStatus, disabled: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.FormField, { label: "New Status", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_design_system.Dropdown,
+      {
+        options: [
+          { id: "open", value: "Open" },
+          { id: "in_progress", value: "In Progress" },
+          { id: "closed", value: "Closed" }
+        ],
+        placeholder: "Select new status",
+        selectedId: newStatus || "",
+        popoverProps: { appendTo: "window", zIndex: 9999 },
+        onSelect: (option) => onStatusChange(option?.id ?? "")
+      }
+    ) })
+  ] });
+};
+var status_change_content_default = StatusChangeContent;
+
+// src/components/ManageTicketModal/priority-change-content.tsx
+var import_design_system2 = require("@wix/design-system");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PRIORITY_LABELS = {
+  high: "High",
+  medium: "Medium",
+  low: "Low"
+};
+var PriorityChangeContent = ({ currentPriority, newPriority, onPriorityChange }) => {
+  return /* @__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: "Current Priority", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Input, { value: PRIORITY_LABELS[currentPriority] ?? currentPriority, disabled: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.FormField, { label: "New Priority", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_design_system2.Dropdown,
+      {
+        options: [
+          { id: "high", value: "High" },
+          { id: "medium", value: "Medium" },
+          { id: "low", value: "Low" }
+        ],
+        placeholder: "Select new priority",
+        selectedId: newPriority || "",
+        popoverProps: { appendTo: "window", zIndex: 9999 },
+        onSelect: (option) => onPriorityChange(option?.id ?? "")
+      }
+    ) })
+  ] });
+};
+var priority_change_content_default = PriorityChangeContent;
+
+// src/components/ManageTicketModal/transfer-ticket-content.tsx
+var import_design_system3 = require("@wix/design-system");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TransferTicketContent = ({ currentTeam, teams, selectedTeam, onTeamChange }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system3.Box, { direction: "vertical", width: "stretch", gap: "10px", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.FormField, { label: "Current Team", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.Input, { value: currentTeam, disabled: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system3.FormField, { label: "New Team", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_design_system3.Dropdown,
+      {
+        options: teams.map((team) => ({ id: team._id, value: team.name })),
+        placeholder: "Select new team",
+        selectedId: selectedTeam || "",
+        popoverProps: { appendTo: "window", zIndex: 9999 },
+        onSelect: (option) => onTeamChange(option?.id ?? "")
+      }
+    ) })
+  ] });
+};
+var transfer_ticket_content_default = TransferTicketContent;
+
+// src/components/ManageTicketModal/ManageTicketModal.css
+if (typeof document !== "undefined" && !document.getElementById("jrapps-style-450fcfe5")) {
+  const s = document.createElement("style");
+  s.id = "jrapps-style-450fcfe5";
+  s.textContent = ".manage-ticket-modal {\n  /* ManageTicketModal base styles */\n}\n";
+  document.head.appendChild(s);
+}
+
+// src/components/ManageTicketModal/ManageTicketModal.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ManageTicketModal = import_react2.default.forwardRef(
+  ({
+    className,
+    isOpen,
+    id,
+    state,
+    onClose,
+    currentStatus,
+    currentPriority,
+    ticketNumber,
+    currentTeamName
+  }, ref) => {
+    const {
+      isSaving,
+      isLoading,
+      isError,
+      teams,
+      newStatus,
+      newPriority,
+      selectedTeam,
+      modalTitle,
+      setNewStatus,
+      setNewPriority,
+      setSelectedTeam,
+      handleSave,
+      handleCancel
+    } = useManageTicketModal({ id, state, onClose });
+    const renderContent = () => {
+      if (isLoading) {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Box, { direction: "vertical", width: "stretch", gap: "10px", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Loader, { size: "medium", status: "loading", text: "Loading..." }) });
+      }
+      if (isError) {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Box, { direction: "vertical", width: "stretch", gap: "10px", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Loader, { size: "medium", status: "error", text: "Error loading data" }) });
+      }
+      if (state === "STATUS_CHANGE") {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          status_change_content_default,
+          {
+            currentStatus: currentStatus ?? "",
+            newStatus,
+            onStatusChange: setNewStatus
+          }
+        );
+      }
+      if (state === "PRIORITY_CHANGE") {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          priority_change_content_default,
+          {
+            currentPriority: currentPriority ?? "",
+            newPriority,
+            onPriorityChange: setNewPriority
+          }
+        );
+      }
+      if (state === "TRANSFER_TICKET") {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          transfer_ticket_content_default,
+          {
+            currentTeam: currentTeamName,
+            teams,
+            selectedTeam,
+            onTeamChange: setSelectedTeam
+          }
+        );
+      }
+      return null;
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Modal, { isOpen, ref, className, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_design_system4.CustomModalLayout,
+      {
+        width: "500px",
+        primaryButtonText: isSaving ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Loader, { size: "tiny" }) : "Save",
+        secondaryButtonText: "Cancel",
+        primaryButtonOnClick: handleSave,
+        secondaryButtonOnClick: handleCancel,
+        showHeaderDivider: true,
+        showFooterDivider: true,
+        title: modalTitle,
+        subtitle: !isLoading ? ticketNumber : "",
+        footnote: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Box, { alignContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.Text, { size: "small", children: [
+          "Powered by ",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Text, { size: "small", weight: "bold", children: "My Tickets" })
+        ] }) }),
+        content: renderContent()
+      }
+    ) });
+  }
+);
+ManageTicketModal.displayName = "ManageTicketModal";
+//# sourceMappingURL=index.js.map