@avament-pub/support-navbar-create 0.0.0-stage → 0.2.0

package/README.md

@@ -1,3 +1,21 @@
-# Temporary Holding Version
+# `@avament-pub/support-navbar-create`
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Full **Support** `CreateTicketDialog` (same UI as `support-frontend`) for module navbars.
+
+## 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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+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;
+};
+
+declare function SupportApiRuntimeProvider({ apiBaseUrl, getAccessToken, children, }: SupportApiRuntime & {
+    children: React.ReactNode;
+}): React.JSX.Element;
+
+type UseSupportNavbarCreateTicketOptions = {
+    apiBaseUrl: string;
+    getAccessToken: () => string | null;
+};
+declare function useSupportNavbarCreateTicket({ apiBaseUrl, getAccessToken, }: UseSupportNavbarCreateTicketOptions): {
+    onSupportClick: () => void;
+    dialog: React.JSX.Element | null;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+
+export { CreateTicketDialog, type CreateTicketDialogProps, SupportApiRuntimeProvider, type UseSupportNavbarCreateTicketOptions, useSupportNavbarCreateTicket };