@avament-pub/support-navbar-create 0.1.0 → 0.2.0

package/README.md

@@ -1,5 +1,21 @@
 # `@avament-pub/support-navbar-create`
 
-Lightweight support ticket create dialog for module navbars (`onSupportClick` on `@avament-pub/navbar-ui`).
+Full **Support** `CreateTicketDialog` (same UI as `support-frontend`) for module navbars.
 
-The Support app should use its full `CreateTicketDialog` instead. Other modules pass `getAccessToken` and `apiBaseUrl` (same auth as the host app).
+## Usage
+
+Host must provide `QueryClientProvider` and `react-i18next` (with `ticket.create_dialog.*` keys).
+
+```tsx
+import { useSupportNavbarCreateTicket } from "@avament-pub/support-navbar-create";
+
+const { onSupportClick, dialog } = useSupportNavbarCreateTicket({
+  apiBaseUrl: process.env.NEXT_PUBLIC_API_URL!,
+  getAccessToken: () => storageService.getString(STORAGE_KEYS.ACCESS_TOKEN),
+});
+
+<Navbar onSupportClick={onSupportClick} />
+{dialog}
+```
+
+Calls `/api/support/tickets` with the same role-based field visibility as Support.

package/dist/index.d.ts

@@ -1,33 +1,34 @@
 import * as React from 'react';
 
-type SupportNavbarCreateDialogLabels = {
-    title: string;
-    shortLabel: string;
-    detailsLabel: string;
-    submit: string;
-    cancel: string;
-    shortRequired: string;
-    submitError: string;
-};
-type SupportNavbarCreateDialogProps = {
+type CreateTicketDialogProps = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
+    /** When set, dialog opens in edit mode for this ticket. */
+    ticketId?: string | null;
+    allowKeepAdding?: boolean;
+    onSaved?: () => void;
+};
+
+declare function CreateTicketDialog({ open, onOpenChange, ticketId, allowKeepAdding, onSaved, }: CreateTicketDialogProps): React.JSX.Element;
+
+type SupportApiRuntime = {
     apiBaseUrl: string;
     getAccessToken: () => string | null;
-    labels: SupportNavbarCreateDialogLabels;
 };
-declare function SupportNavbarCreateDialog({ open, onOpenChange, apiBaseUrl, getAccessToken, labels, }: SupportNavbarCreateDialogProps): React.JSX.Element | null;
+
+declare function SupportApiRuntimeProvider({ apiBaseUrl, getAccessToken, children, }: SupportApiRuntime & {
+    children: React.ReactNode;
+}): React.JSX.Element;
 
 type UseSupportNavbarCreateTicketOptions = {
     apiBaseUrl: string;
     getAccessToken: () => string | null;
-    labels: SupportNavbarCreateDialogLabels;
 };
-declare function useSupportNavbarCreateTicket({ apiBaseUrl, getAccessToken, labels, }: UseSupportNavbarCreateTicketOptions): {
+declare function useSupportNavbarCreateTicket({ apiBaseUrl, getAccessToken, }: UseSupportNavbarCreateTicketOptions): {
     onSupportClick: () => void;
-    dialog: React.JSX.Element;
+    dialog: React.JSX.Element | null;
     open: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
-export { SupportNavbarCreateDialog, type SupportNavbarCreateDialogLabels, type SupportNavbarCreateDialogProps, useSupportNavbarCreateTicket };
+export { CreateTicketDialog, type CreateTicketDialogProps, SupportApiRuntimeProvider, type UseSupportNavbarCreateTicketOptions, useSupportNavbarCreateTicket };