@djangocfg/ext-support 1.0.8 → 1.0.10

package/src/api/generated/ext_support/http.ts

@@ -14,6 +14,8 @@ export interface HttpRequest {
   params?: Record<string, any>;
   /** FormData for file uploads (multipart/form-data) */
   formData?: FormData;
+  /** Binary data for octet-stream uploads */
+  binaryBody?: Blob | ArrayBuffer;
 }
 
 export interface HttpResponse<T = any> {
@@ -37,7 +39,7 @@ export interface HttpClientAdapter {
  */
 export class FetchAdapter implements HttpClientAdapter {
   async request<T = any>(request: HttpRequest): Promise<HttpResponse<T>> {
-    const { method, url, headers, body, params, formData } = request;
+    const { method, url, headers, body, params, formData, binaryBody } = request;
 
     // Build URL with query params
     let finalUrl = url;
@@ -58,12 +60,16 @@ export class FetchAdapter implements HttpClientAdapter {
     const finalHeaders: Record<string, string> = { ...headers };
 
     // Determine body and content-type
-    let requestBody: string | FormData | undefined;
+    let requestBody: string | FormData | Blob | ArrayBuffer | undefined;
 
     if (formData) {
       // For multipart/form-data, let browser set Content-Type with boundary
       requestBody = formData;
       // Don't set Content-Type - browser will set it with boundary
+    } else if (binaryBody) {
+      // Binary upload (application/octet-stream)
+      finalHeaders['Content-Type'] = 'application/octet-stream';
+      requestBody = binaryBody;
     } else if (body) {
       // JSON request
       finalHeaders['Content-Type'] = 'application/json';

package/src/api/generated/ext_support/index.ts

@@ -133,10 +133,11 @@ export class API {
 
     this._loadTokensFromStorage();
 
-    // Initialize APIClient
+    // Initialize APIClient with token getter for URL authentication
     this._client = new APIClient(this.baseUrl, {
       retryConfig: this.options?.retryConfig,
       loggerConfig: this.options?.loggerConfig,
+      tokenGetter: () => this.getToken(),
     });
 
     // Always inject auth header wrapper (reads token dynamically from storage)
@@ -155,6 +156,7 @@ export class API {
     this._client = new APIClient(this.baseUrl, {
       retryConfig: this.options?.retryConfig,
       loggerConfig: this.options?.loggerConfig,
+      tokenGetter: () => this.getToken(),
     });
 
     // Always inject auth header wrapper (reads token dynamically from storage)

package/src/api/index.ts

@@ -1,4 +1,4 @@
-import { createExtensionAPI } from '@djangocfg/ext-base/api';
+import { createExtensionAPI, initializeExtensionAPI } from '@djangocfg/ext-base/api';
 
 /**
  * Support Extension API
@@ -6,5 +6,10 @@ import { createExtensionAPI } from '@djangocfg/ext-base/api';
  * Pre-configured API instance with shared authentication
  */
 import { API } from './generated/ext_support';
+import { configureAPI } from './generated/ext_support/api-instance';
 
+// Initialize global API singleton for hooks and fetchers
+initializeExtensionAPI(configureAPI);
+
+// Create instance for direct usage
 export const apiSupport = createExtensionAPI(API);

package/src/contexts/SupportContext.tsx

@@ -2,6 +2,9 @@
 
 import React, { createContext, ReactNode, useContext } from 'react';
 
+// Initialize API before using hooks
+import '../api';
+
 import {
     useCreateSupportTicketsCreate, useCreateSupportTicketsMessagesCreate,
     useDeleteSupportTicketsDestroy, useDeleteSupportTicketsMessagesDestroy,

package/src/layouts/SupportLayout/SupportLayout.tsx

@@ -9,7 +9,7 @@
 import { ArrowLeft, LifeBuoy, Plus } from 'lucide-react';
 import React from 'react';
 
-import { Button, ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@djangocfg/ui-nextjs';
+import { Button, ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@djangocfg/ui-core';
 
 import { SupportProvider } from '../../contexts/SupportContext';
 import { CreateTicketDialog, MessageInput, MessageList, TicketList } from './components';

package/src/layouts/SupportLayout/components/CreateTicketDialog.tsx

@@ -14,7 +14,7 @@ import { z } from 'zod';
 import {
     Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Form, FormControl,
     FormField, FormItem, FormLabel, FormMessage, Input, Textarea, useToast
-} from '@djangocfg/ui-nextjs';
+} from '@djangocfg/ui-core';
 import { zodResolver } from '@hookform/resolvers/zod';
 
 import { supportLogger } from '../../../utils/logger';
@@ -45,17 +45,10 @@ export const CreateTicketDialog: React.FC = () => {
     try {
       await createTicket(data);
       form.reset();
-      toast({
-        title: 'Success',
-        description: 'Support ticket created successfully',
-      });
+      toast.success('Support ticket created successfully');
     } catch (error) {
       supportLogger.error('Failed to create ticket:', error);
-      toast({
-        title: 'Error',
-        description: 'Failed to create ticket. Please try again.',
-        variant: 'destructive',
-      });
+      toast.error('Failed to create ticket. Please try again.');
     } finally {
       setIsSubmitting(false);
     }

package/src/layouts/SupportLayout/components/MessageInput.tsx

@@ -8,7 +8,8 @@
 import { Send } from 'lucide-react';
 import React, { useState } from 'react';
 
-import { Button, Textarea, useToast } from '@djangocfg/ui-nextjs';
+import { Button, Textarea } from '@djangocfg/ui-core';
+import { useToast } from '@djangocfg/ui-core/hooks';
 
 import { supportLogger } from '../../../utils/logger';
 import { useSupportLayoutContext } from '../context';

package/src/layouts/SupportLayout/components/MessageList.tsx

@@ -12,7 +12,7 @@ import React, { useCallback, useEffect, useRef } from 'react';
 import { useAuth } from '@djangocfg/api/auth';
 import {
     Avatar, AvatarFallback, AvatarImage, Button, Card, CardContent, ScrollArea, Skeleton
-} from '@djangocfg/ui-nextjs';
+} from '@djangocfg/ui-core';
 
 import { useSupportLayoutContext } from '../context';
 import { useInfiniteMessages } from '../hooks';

package/src/layouts/SupportLayout/components/TicketCard.tsx

@@ -9,7 +9,7 @@ import { Clock, MessageSquare } from 'lucide-react';
 import moment from 'moment';
 import React from 'react';
 
-import { Badge, Card, CardContent } from '@djangocfg/ui-nextjs';
+import { Badge, Card, CardContent } from '@djangocfg/ui-core';
 import { cn } from '@djangocfg/ui-core/lib';
 
 import type { Ticket } from '../../../api/generated/ext_support/_utils/schemas';

package/src/layouts/SupportLayout/components/TicketList.tsx

@@ -8,7 +8,7 @@
 import { Loader2, MessageSquare } from 'lucide-react';
 import React, { useEffect, useRef } from 'react';
 
-import { Button, ScrollArea, Skeleton } from '@djangocfg/ui-nextjs';
+import { Button, ScrollArea, Skeleton } from '@djangocfg/ui-core';
 
 import { useSupportLayoutContext } from '../context';
 import { SUPPORT_LAYOUT_EVENTS } from '../events';