@djangocfg/layouts 2.0.5 → 2.0.6

package/src/layouts/PaymentsLayout/components/CreatePaymentDialog.tsx

@@ -34,7 +34,7 @@ import { Plus, RefreshCw } from 'lucide-react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
-import { usePaymentsContext, useRootPaymentsContext } from '@djangocfg/api/cfg/contexts';
+import { usePaymentsContext, useRootPaymentsContext } from '@djangocfg/layouts/contexts';
 import { PAYMENT_EVENTS, closePaymentsDialog } from '../events';
 import { openPaymentDetailsDialog } from '../events';
 import { paymentsLogger } from '../../../utils/logger';

package/src/layouts/PaymentsLayout/views/overview/components/BalanceCard.tsx

@@ -16,7 +16,7 @@ import {
   Skeleton,
 } from '@djangocfg/ui';
 import { Wallet, RefreshCw, Plus } from 'lucide-react';
-import { useOverviewContext } from '@djangocfg/api/cfg/contexts';
+import { useOverviewContext } from '@djangocfg/layouts/contexts';
 import { openCreatePaymentDialog } from '../../../events';
 
 export const BalanceCard: React.FC = () => {

package/src/layouts/PaymentsLayout/views/overview/components/RecentPayments.tsx

@@ -16,7 +16,7 @@ import {
   Skeleton,
 } from '@djangocfg/ui';
 import { History, ExternalLink } from 'lucide-react';
-import { useOverviewContext } from '@djangocfg/api/cfg/contexts';
+import { useOverviewContext } from '@djangocfg/layouts/contexts';
 import { openPaymentDetailsDialog } from '../../../events';
 
 export const RecentPayments: React.FC = () => {

package/src/layouts/PaymentsLayout/views/transactions/components/TransactionsList.tsx

@@ -28,7 +28,7 @@ import {
   Skeleton,
 } from '@djangocfg/ui';
 import { History, Search, Filter, RefreshCw, ArrowUpRight, ArrowDownLeft } from 'lucide-react';
-import { useOverviewContext } from '@djangocfg/api/cfg/contexts';
+import { useOverviewContext } from '@djangocfg/layouts/contexts';
 
 export const TransactionsList: React.FC = () => {
   const {

package/src/layouts/ProfileLayout/components/ProfileForm.tsx

@@ -23,7 +23,7 @@ import {
   useAccountsContext,
   PatchedUserProfileUpdateRequestSchema,
   type PatchedUserProfileUpdateRequest
-} from '@djangocfg/layouts/auth/context';
+} from '../../../auth/context';
 import { useAuth } from '../../../auth';
 
 export const ProfileForm = () => {

package/src/layouts/SupportLayout/SupportLayout.tsx

@@ -7,7 +7,7 @@
 'use client';
 
 import React from 'react';
-import { SupportProvider } from '@djangocfg/api/cfg/contexts';
+import { SupportProvider } from '@djangocfg/layouts/contexts';
 import { SupportLayoutProvider, useSupportLayoutContext } from './context';
 import {
   TicketList,

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

@@ -8,7 +8,7 @@
 import React from 'react';
 import { Badge, Card, CardContent, cn } from '@djangocfg/ui';
 import { Clock, MessageSquare } from 'lucide-react';
-import type { Ticket } from '@djangocfg/api/cfg/contexts';
+import type { Ticket } from '@djangocfg/layouts/contexts';
 
 interface TicketCardProps {
   ticket: Ticket;

package/src/layouts/SupportLayout/context/SupportLayoutContext.tsx

@@ -6,7 +6,7 @@
 'use client';
 
 import React, { createContext, useCallback, useContext, useEffect, useState, type ReactNode } from 'react';
-import { useSupportContext, type Ticket } from '@djangocfg/api/cfg/contexts';
+import { useSupportContext, type Ticket } from '@djangocfg/layouts/contexts';
 import { CfgSupportTypes } from '@djangocfg/api';
 import { supportLogger } from '../../../utils/logger';
 

package/src/layouts/SupportLayout/index.ts

@@ -1,6 +1,8 @@
 export * from './SupportLayout';
 export * from './context';
 export * from './events';
+// types.ts only contains UI-specific types (SupportUIState, TicketFormData)
+// Ticket and Message are exported from @djangocfg/layouts/contexts
 export * from './types';
 export * from './components';
 

package/src/layouts/SupportLayout/types.ts

@@ -3,10 +3,8 @@
  * Types for SupportLayout - combines API types with UI state
  */
 
-import type { Ticket, Message } from '@djangocfg/api/cfg/contexts';
-
-// Re-export API types
-export type { Ticket, Message };
+// Note: Ticket and Message types are exported from @djangocfg/layouts/contexts
+// Import them directly: import type { Ticket, Message } from '@djangocfg/layouts/contexts';
 
 // UI State
 export interface SupportUIState {

package/src/snippets/Chat/ChatWidget.tsx

@@ -17,7 +17,7 @@ import {
   Plus,
   List,
 } from 'lucide-react';
-import { useKnowbaseChatContext, useKnowbaseSessionsContext, type ChatSource } from '@djangocfg/api/cfg/contexts';
+import { useKnowbaseChatContext, useKnowbaseSessionsContext, type ChatSource } from '@djangocfg/layouts/contexts';
 import { Enums } from '@djangocfg/api/cfg/generated';
 import { chatLogger } from '../../utils/logger';
 import { useChatUI } from './ChatUIContext';

package/src/snippets/Chat/components/SessionList.tsx

@@ -17,7 +17,7 @@ import {
   Badge,
 } from '@djangocfg/ui';
 import { MessageSquare, Clock, Archive, Trash2, Loader2 } from 'lucide-react';
-import { useKnowbaseSessionsContext } from '@djangocfg/api/cfg/contexts';
+import { useKnowbaseSessionsContext } from '@djangocfg/layouts/contexts';
 import { useInfiniteSessions } from '../hooks/useInfiniteSessions';
 import type { SessionListProps } from '../types';
 

package/src/snippets/Chat/index.tsx

@@ -7,7 +7,7 @@
 'use client';
 
 import React from 'react';
-import { KnowbaseChatProvider, KnowbaseSessionsProvider } from '@djangocfg/api/cfg/contexts';
+import { KnowbaseChatProvider, KnowbaseSessionsProvider } from '@djangocfg/layouts/contexts';
 import { ChatUIProvider } from './ChatUIContext';
 import { ChatWidget } from './ChatWidget';
 import type { ChatWidgetProps } from './types';

package/src/snippets/Chat/types.ts

@@ -3,7 +3,13 @@
  * Type definitions for RAG-powered chat widget
  */
 
-import type { ChatMessage, ChatSource } from '@djangocfg/api/cfg/contexts';
+// Import types from Schemas namespace - explicitly exported and works reliably
+// Types are available via Schemas namespace even when direct exports have issues
+import type { Schemas } from '@djangocfg/api';
+
+// Extract types from Schemas namespace
+export type ChatMessage = Schemas.ChatMessage;
+export type ChatSource = Schemas.ChatSource;
 
 // ─────────────────────────────────────────────────────────────────────────
 // Extended Message Type (for UI with sources)
@@ -70,9 +76,5 @@ export interface SessionListProps {
   className?: string;
 }
 
-// ─────────────────────────────────────────────────────────────────────────
-// Re-export types from API
-// ─────────────────────────────────────────────────────────────────────────
 
-export type { ChatSource, ChatMessage } from '@djangocfg/api/cfg/contexts';
 

package/src/snippets/ContactForm/ContactForm.tsx

@@ -145,20 +145,32 @@ function ContactFormInner({
 
   // Watch form values and save to localStorage
   const watchedValues = useWatch({ control: form.control });
+  const prevDraftRef = React.useRef<FormDraft>(draft);
 
   useEffect(() => {
     // Only save to localStorage after hydration to avoid unnecessary writes
     if (!isHydrated) return;
 
     const { name, email, company, subject, message } = watchedValues;
-    if (name || email || company || subject || message) {
-      setDraft({
-        name: name || '',
-        email: email || '',
-        company: company || '',
-        subject: subject || '',
-        message: message || '',
-      });
+    const newDraft: FormDraft = {
+      name: name || '',
+      email: email || '',
+      company: company || '',
+      subject: subject || '',
+      message: message || '',
+    };
+
+    // Only update if draft actually changed to prevent infinite loop
+    const hasChanges = 
+      prevDraftRef.current.name !== newDraft.name ||
+      prevDraftRef.current.email !== newDraft.email ||
+      prevDraftRef.current.company !== newDraft.company ||
+      prevDraftRef.current.subject !== newDraft.subject ||
+      prevDraftRef.current.message !== newDraft.message;
+
+    if (hasChanges && (name || email || company || subject || message)) {
+      prevDraftRef.current = newDraft;
+      setDraft(newDraft);
     }
   }, [watchedValues, setDraft, isHydrated]);