@digilogiclabs/create-saas-app 2.4.0 → 2.5.0

package/dist/templates/web/ui-auth-payments-ai/template/.claude

@@ -17,5 +17,5 @@
     "*.log",
     ".claude"
   ],
-  "instructions": "You are helping develop a Full-Stack AI Platform using Next.js 15, TypeScript, and Digi Logic Labs packages.\n\n## Project Architecture\n- **Framework**: Next.js 15.3 with App Router\n- **Database**: Supabase (PostgreSQL with real-time features)\n- **Styling**: Tailwind CSS v4 with glassmorphism design system\n- **Authentication**: Supabase Auth with @digilogiclabs/saas-factory-auth\n- **Payments**: Stripe integration with @digilogiclabs/saas-factory-payments\n- **AI Platform**: Multi-modal AI with @digilogiclabs/saas-factory-ai\n\n## Key Packages\n- **@digilogiclabs/saas-factory-auth**: Authentication components and hooks with Supabase integration\n- **@digilogiclabs/saas-factory-ui**: Modern UI components with glassmorphism and responsive design\n- **@digilogiclabs/saas-factory-payments**: Stripe integration for subscriptions and payments\n- **@digilogiclabs/saas-factory-ai**: AI platform with text, audio, and video generation capabilities\n- **@digilogiclabs/saas-factory-ai-types**: TypeScript types and interfaces for AI operations\n\n## Development Guidelines\n1. Follow Next.js 15 best practices with Server Components by default\n2. Use TypeScript strictly - all components should be typed\n3. Implement proper error boundaries and loading states\n4. Follow the glassmorphism design system from saas-factory-ui\n5. Use Server Actions for mutations and API routes for complex logic\n6. Always check authentication state with useAuth hook\n7. Handle payment states and subscription status properly\n8. Implement proper AI generation state management and error handling\n\n## File Organization\n- Components in /src/components with feature-based folders\n- Server actions in /src/server/actions\n- API routes in /src/app/api\n- Database queries in /src/server/queries\n- Types in /src/types\n\n## Testing\n- Use Vitest for unit tests\n- Test business logic and error states\n- Mock external services (Supabase, Stripe, AI providers)\n\nRemember to consult the context.md file for detailed package documentation and examples."
+  "instructions": "You are helping develop a Full-Stack AI Platform using Next.js 15, TypeScript, and Digi Logic Labs packages.\n\n## Project Architecture\n- **Framework**: Next.js 15.3 with App Router\n- **Database**: Supabase (PostgreSQL with real-time features)\n- **Styling**: Tailwind CSS v4 with glassmorphism design system\n- **Authentication**: Supabase Auth with @digilogiclabs/app-sdk\n- **Payments**: Stripe integration with @digilogiclabs/app-sdk\n- **AI Platform**: Multi-modal AI with @digilogiclabs/saas-factory-ai\n\n## Key Packages\n- **@digilogiclabs/app-sdk**: Authentication components and hooks with Supabase integration\n- **@digilogiclabs/saas-factory-ui**: Modern UI components with glassmorphism and responsive design\n- **@digilogiclabs/app-sdk**: Stripe integration for subscriptions and payments\n- **@digilogiclabs/saas-factory-ai**: AI platform with text, audio, and video generation capabilities\n- **@digilogiclabs/saas-factory-ai-types**: TypeScript types and interfaces for AI operations\n\n## Development Guidelines\n1. Follow Next.js 15 best practices with Server Components by default\n2. Use TypeScript strictly - all components should be typed\n3. Implement proper error boundaries and loading states\n4. Follow the glassmorphism design system from saas-factory-ui\n5. Use Server Actions for mutations and API routes for complex logic\n6. Always check authentication state with useAuth hook\n7. Handle payment states and subscription status properly\n8. Implement proper AI generation state management and error handling\n\n## File Organization\n- Components in /src/components with feature-based folders\n- Server actions in /src/server/actions\n- API routes in /src/app/api\n- Database queries in /src/server/queries\n- Types in /src/types\n\n## Testing\n- Use Vitest for unit tests\n- Test business logic and error states\n- Mock external services (Supabase, Stripe, AI providers)\n\nRemember to consult the context.md file for detailed package documentation and examples."
 }

package/dist/templates/web/ui-auth-payments-ai/template/context.md

@@ -12,11 +12,11 @@ This project is a Full-Stack AI Platform built with modern technologies and Digi
 
 ### Package Integration
 
-#### @digilogiclabs/saas-factory-auth
-Authentication components and hooks with Supabase integration
+#### @digilogiclabs/app-sdk
+Unified application SDK with auth and payments hooks
 
-**Key Exports**: useAuth, AuthProvider, LoginForm, SignupForm
-**Documentation**: https://docs.digilogiclabs.com/packages/auth
+**Key Exports**: useAuth, usePayments, DLLProvider, usePlatform
+**Documentation**: https://docs.digilogiclabs.com/packages/app-sdk
 
 #### @digilogiclabs/saas-factory-ui
 Modern UI components with glassmorphism and responsive design
@@ -24,11 +24,11 @@ Modern UI components with glassmorphism and responsive design
 **Key Exports**: Button, Card, MobileContainer, PageTransition, ResponsiveGrid
 **Documentation**: https://docs.digilogiclabs.com/packages/ui
 
-#### @digilogiclabs/saas-factory-payments
-Stripe integration for subscriptions and payments
+#### @digilogiclabs/app-sdk (payments)
+Payments hooks are also exported from the app-sdk
 
-**Key Exports**: useStripe, PaymentForm, SubscriptionManager, BillingPortal
-**Documentation**: https://docs.digilogiclabs.com/packages/payments
+**Key Exports**: usePayments (via app-sdk), PaymentForm, SubscriptionManager, BillingPortal
+**Documentation**: https://docs.digilogiclabs.com/packages/app-sdk
 
 #### @digilogiclabs/saas-factory-ai
 AI platform with text, audio, and video generation capabilities
@@ -66,7 +66,7 @@ Key tables:
 
 ### Authentication Flow
 ```typescript
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 
 export function ProtectedComponent() {
   const { user, loading } = useAuth()
@@ -102,10 +102,10 @@ export function ExampleComponent() {
 
 ### Payment Integration
 ```typescript
-import { useStripe, PaymentForm } from '@digilogiclabs/saas-factory-payments'
+import { usePayments } from '@digilogiclabs/app-sdk'
 
 export function CheckoutPage() {
-  const { createCheckoutSession, loading } = useStripe()
+  const { createCheckoutSession, loading } = usePayments()
   
   const handlePayment = async (priceId: string) => {
     const { url } = await createCheckoutSession({ priceId })

package/dist/templates/web/ui-auth-payments-ai/template/package.json

@@ -19,8 +19,6 @@
     "react-dom": "^19.0.0",
     "@digilogiclabs/platform-core": "^1.13.0",
     "@digilogiclabs/saas-factory-ui": "^1.4.0",
-    "@digilogiclabs/saas-factory-auth": "^1.0.6",
-    "@digilogiclabs/saas-factory-payments": "^1.2.8",
     "@digilogiclabs/saas-factory-ai": "^4.0.4",
     "stripe": "^14.0.0",
     "@stripe/react-stripe-js": "^2.0.0",

package/dist/templates/web/ui-auth-payments-ai/template/src/app/ai/page.tsx

@@ -22,7 +22,7 @@ import {
   Heart,
   MoreHorizontal
 } from 'lucide-react'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import Link from 'next/link'
 import { useState, useEffect } from 'react'
 

package/dist/templates/web/ui-auth-payments-ai/template/src/app/billing/page.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import React, { useState } from 'react';
-import { usePayments, formatCurrency, formatDate } from '@digilogiclabs/saas-factory-payments';
+import { usePayments } from '@digilogiclabs/app-sdk';
+import { formatCurrency, formatDate } from '@/lib/utils';
 import { 
   Button, 
   Card,

package/dist/templates/web/ui-auth-payments-ai/template/src/app/checkout/page.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import React from 'react';
-import { usePayments, formatCurrency } from '@digilogiclabs/saas-factory-payments';
+import { usePayments } from '@digilogiclabs/app-sdk';
+import { formatCurrency } from '@/lib/utils';
 import { Button, Card } from '@digilogiclabs/saas-factory-ui';
 
 export default function CheckoutPage() {

package/dist/templates/web/ui-auth-payments-ai/template/src/app/dev-setup/page.tsx

@@ -201,7 +201,7 @@ ${hasVideo ? '- **video_content**: Generated video files and metadata' : ''}
 
 ### Authentication Flow
 ${hasAuth ? `\`\`\`typescript
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 
 export function ProtectedComponent() {
   const { user, loading } = useAuth()
@@ -237,10 +237,10 @@ export function ExampleComponent() {
 
 ${hasPayments ? `### Payment Integration
 \`\`\`typescript
-import { useStripe, PaymentForm } from '@digilogiclabs/saas-factory-payments'
+import { usePayments } from '@digilogiclabs/app-sdk'
 
 export function CheckoutPage() {
-  const { createCheckoutSession, loading } = useStripe()
+  const { createCheckoutSession, loading } = usePayments()
   
   const handlePayment = async (priceId: string) => {
     const { url } = await createCheckoutSession({ priceId })

package/dist/templates/web/ui-auth-payments-ai/template/src/app/onboarding/page.tsx

@@ -10,7 +10,7 @@ import {
   MobileContainer,
   PageTransition
 } from '@digilogiclabs/saas-factory-ui'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import { useRouter } from 'next/navigation'
 import { 
   User, 

package/dist/templates/web/ui-auth-payments-ai/template/src/app/page.tsx

@@ -35,7 +35,7 @@ import {
   Monitor,
   FileText
 } from 'lucide-react'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import { 
   AIProvider,
   AIChat,

package/dist/templates/web/ui-auth-payments-ai/template/src/app/settings/page.tsx

@@ -15,7 +15,7 @@ import {
   TabsTrigger,
   TabsContent
 } from '@digilogiclabs/saas-factory-ui'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import { useRouter } from 'next/navigation'
 import { 
   User, 

package/dist/templates/web/ui-auth-payments-ai/template/src/components/client/auth-status.tsx

@@ -2,7 +2,7 @@
 
 import { Button } from '@digilogiclabs/saas-factory-ui'
 import { LogOut, User } from 'lucide-react'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import Link from 'next/link'
 
 export function AuthStatus() {

package/dist/templates/web/ui-auth-payments-ai/template/src/components/client/login-form.tsx

@@ -10,7 +10,7 @@ import {
   FormField,
   FormProvider
 } from '@digilogiclabs/saas-factory-ui'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import { useRouter } from 'next/navigation'
 import { signInAction } from '@/lib/actions/auth'
 

package/dist/templates/web/ui-auth-payments-ai/template/src/components/client/signup-form.tsx

@@ -10,7 +10,7 @@ import {
   FormField,
   FormProvider
 } from '@digilogiclabs/saas-factory-ui'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import { useRouter } from 'next/navigation'
 import { signUpAction } from '@/lib/actions/auth'
 

package/dist/templates/web/ui-auth-payments-ai/template/src/components/providers/app-providers.tsx

@@ -2,8 +2,7 @@
 
 import React from 'react'
 import { ThemeProvider } from 'next-themes'
-import { AuthProvider } from '@digilogiclabs/saas-factory-auth'
-import { PaymentsProvider } from '@digilogiclabs/saas-factory-payments'
+import { DLLProvider } from '@digilogiclabs/app-sdk'
 import { Toaster } from '@digilogiclabs/saas-factory-ui'
 import { AppThemeProvider } from './theme-provider'
 
@@ -24,14 +23,12 @@ export function AppProviders({ children }: AppProvidersProps) {
       disableTransitionOnChange
       storageKey={`${packageName}-theme`}
     >
-      <AuthProvider>
-        <PaymentsProvider>
-          <AppThemeProvider themeColor={themeColor}>
-            {children}
-            <Toaster />
-          </AppThemeProvider>
-        </PaymentsProvider>
-      </AuthProvider>
+      <DLLProvider>
+        <AppThemeProvider themeColor={themeColor}>
+          {children}
+          <Toaster />
+        </AppThemeProvider>
+      </DLLProvider>
     </ThemeProvider>
   )
 }

package/dist/templates/web/ui-auth-payments-ai/template/src/components/shared/header.tsx

@@ -3,7 +3,7 @@
 import React, { useState } from 'react';
 import Link from 'next/link';
 import { LogOut, CreditCard, User, Settings, Home, Music, Headphones, Menu, X, Info } from 'lucide-react';
-import { useAuth } from '@digilogiclabs/saas-factory-auth';
+import { useAuth } from '@digilogiclabs/app-sdk';
 import { 
   ResponsiveHeader,
   MobileNavigation,

package/dist/templates/web/ui-auth-payments-ai/template/src/lib/platform.ts

@@ -15,8 +15,6 @@
  */
 
 import { createPlatform, createPlatformAsync, type IPlatform } from '@digilogiclabs/platform-core';
-import { setPlatform as setAuthPlatform } from '@digilogiclabs/saas-factory-auth';
-import { setPlatform as setPaymentsPlatform } from '@digilogiclabs/saas-factory-payments';
 import { setPlatform as setAIPlatform } from '@digilogiclabs/saas-factory-ai';
 
 // Singleton platform instance
@@ -71,22 +69,6 @@ export async function initializePlatform(): Promise<IPlatform> {
  * Initialize package integrations with platform services
  */
 function initializePackageIntegrations(platform: IPlatform): void {
-  // Connect saas-factory-auth to platform-core
-  // Enables: logging, metrics, and email for auth events
-  setAuthPlatform({
-    email: platform.email,
-    logger: platform.logger,
-    metrics: platform.metrics,
-  });
-
-  // Connect saas-factory-payments to platform-core
-  // Enables: logging, metrics, and caching for payment events
-  setPaymentsPlatform({
-    logger: platform.logger,
-    metrics: platform.metrics,
-    cache: platform.cache,
-  });
-
   // Connect saas-factory-ai to platform-core
   // Enables: logging, metrics, and caching for AI operations
   setAIPlatform({

package/dist/templates/web/ui-auth-payments-ai/template/src/test/setup.ts

@@ -15,8 +15,8 @@ vi.mock('next/navigation', () => ({
   usePathname: () => '/',
 }))
 
-// Mock SaaS Factory Auth (optional - only if testing auth components)
-vi.mock('@digilogiclabs/saas-factory-auth', () => ({
+// Mock App SDK (optional - only if testing auth/payment components)
+vi.mock('@digilogiclabs/app-sdk', () => ({
   useAuth: () => ({
     user: null,
     loading: false,
@@ -26,18 +26,13 @@ vi.mock('@digilogiclabs/saas-factory-auth', () => ({
     signOut: vi.fn(),
     signInWithOAuth: vi.fn(),
   }),
-  AuthProvider: ({ children }: { children: React.ReactNode }) => children,
-}))
-
-// Mock SaaS Factory Payments (optional - only if testing payment components)
-vi.mock('@digilogiclabs/saas-factory-payments', () => ({
   usePayments: () => ({
     createCheckoutSession: vi.fn(),
     createPortalSession: vi.fn(),
     subscription: null,
     loading: false,
   }),
-  PaymentsProvider: ({ children }: { children: React.ReactNode }) => children,
+  DLLProvider: ({ children }: { children: React.ReactNode }) => children,
 }))
 
 // Global test utilities

package/dist/templates/web/ui-auth-payments-ai-rag/template/package.json

@@ -23,8 +23,6 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "@digilogiclabs/saas-factory-ui": "^1.4.0",
-    "@digilogiclabs/saas-factory-auth": "^1.0.3",
-    "@digilogiclabs/saas-factory-payments": "^1.2.3",
     "@digilogiclabs/saas-factory-ai": "^4.0.2",
     "@digilogiclabs/saas-factory-ai-types": "^4.0.2",
     "stripe": "^14.0.0",

package/dist/templates/web/ui-auth-payments-ai-rag/template/src/app/ai/page.tsx

@@ -34,7 +34,7 @@ import {
   CheckCircle,
   Loader2
 } from 'lucide-react'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import Link from 'next/link'
 import { useRAGSystem } from '../../../hooks/useRAGSystem'
 import { RAGChatInterface } from '../../../components/rag/RAGChatInterface'

package/dist/templates/web/ui-auth-payments-audio/template/package.json

@@ -18,8 +18,6 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "@digilogiclabs/saas-factory-ui": "^1.4.0",
-    "@digilogiclabs/saas-factory-auth": "^1.0.3",
-    "@digilogiclabs/saas-factory-payments": "^1.2.3",
     "stripe": "^14.0.0",
     "@stripe/react-stripe-js": "^2.0.0",
     "@stripe/stripe-js": "^2.0.0",

package/dist/templates/web/ui-auth-payments-audio/template/src/app/billing/page.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import React from 'react';
-import { usePayments, formatCurrency, formatDate } from '@digilogiclabs/saas-factory-payments';
+import { usePayments } from '@digilogiclabs/app-sdk';
+import { formatCurrency, formatDate } from '@/lib/utils';
 import { Button, Card } from '@digilogiclabs/saas-factory-ui';
 
 export default function BillingPage() {

package/dist/templates/web/ui-auth-payments-audio/template/src/app/checkout/page.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import React from 'react';
-import { usePayments, formatCurrency } from '@digilogiclabs/saas-factory-payments';
+import { usePayments } from '@digilogiclabs/app-sdk';
+import { formatCurrency } from '@/lib/utils';
 import { Button, Card } from '@digilogiclabs/saas-factory-ui';
 
 export default function CheckoutPage() {

package/dist/templates/web/ui-auth-payments-audio/template/src/app/page.tsx

@@ -32,7 +32,7 @@ import {
   useGlassmorphism
 } from '@digilogiclabs/saas-factory-ui'
 import { ArrowRight, Zap, Shield, Rocket, CheckCircle, LogOut, User, Music, Wifi, WifiOff } from 'lucide-react'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import Link from 'next/link'
 import { useState } from 'react'
 

package/dist/templates/web/ui-auth-payments-audio/template/src/components/client/auth-status.tsx

@@ -2,7 +2,7 @@
 
 import { Button } from '@digilogiclabs/saas-factory-ui'
 import { LogOut, User } from 'lucide-react'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import Link from 'next/link'
 
 export function AuthStatus() {

package/dist/templates/web/ui-auth-payments-audio/template/src/components/client/login-form.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState, useActionState } from 'react'
 import { Button, Card, Input, Label } from '@digilogiclabs/saas-factory-ui'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import { useRouter } from 'next/navigation'
 import { signInAction } from '@/lib/actions/auth'
 

package/dist/templates/web/ui-auth-payments-audio/template/src/components/client/signup-form.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState, useActionState } from 'react'
 import { Button, Card, Input, Label } from '@digilogiclabs/saas-factory-ui'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import { useRouter } from 'next/navigation'
 import { signUpAction } from '@/lib/actions/auth'
 

package/dist/templates/web/ui-auth-payments-audio/template/src/components/providers/app-providers.tsx

@@ -2,8 +2,7 @@
 
 import React from 'react'
 import { ThemeProvider } from 'next-themes'
-import { AuthProvider } from '@digilogiclabs/saas-factory-auth'
-import { PaymentsProvider } from '@digilogiclabs/saas-factory-payments'
+import { DLLProvider } from '@digilogiclabs/app-sdk'
 import { Toaster } from '@digilogiclabs/saas-factory-ui'
 import { AppThemeProvider } from './theme-provider'
 
@@ -24,14 +23,12 @@ export function AppProviders({ children }: AppProvidersProps) {
       disableTransitionOnChange
       storageKey={`${packageName}-theme`}
     >
-      <AuthProvider>
-        <PaymentsProvider>
-          <AppThemeProvider themeColor={themeColor}>
-            {children}
-            <Toaster />
-          </AppThemeProvider>
-        </PaymentsProvider>
-      </AuthProvider>
+      <DLLProvider>
+        <AppThemeProvider themeColor={themeColor}>
+          {children}
+          <Toaster />
+        </AppThemeProvider>
+      </DLLProvider>
     </ThemeProvider>
   )
 }

package/dist/templates/web/ui-auth-payments-audio/template/src/components/shared/header.tsx

@@ -3,7 +3,7 @@
 import React, { useState } from 'react';
 import Link from 'next/link';
 import { LogOut, CreditCard, User, Settings, Home, Music, Headphones, Menu, X, Info } from 'lucide-react';
-import { useAuth } from '@digilogiclabs/saas-factory-auth';
+import { useAuth } from '@digilogiclabs/app-sdk';
 import {
   ResponsiveHeader,
   MobileNavigation,

package/dist/templates/web/ui-auth-payments-audio/template/src/test/setup.ts

@@ -15,8 +15,8 @@ vi.mock('next/navigation', () => ({
   usePathname: () => '/',
 }))
 
-// Mock SaaS Factory Auth (optional - only if testing auth components)
-vi.mock('@digilogiclabs/saas-factory-auth', () => ({
+// Mock App SDK (optional - only if testing auth/payment components)
+vi.mock('@digilogiclabs/app-sdk', () => ({
   useAuth: () => ({
     user: null,
     loading: false,
@@ -26,18 +26,13 @@ vi.mock('@digilogiclabs/saas-factory-auth', () => ({
     signOut: vi.fn(),
     signInWithOAuth: vi.fn(),
   }),
-  AuthProvider: ({ children }: { children: React.ReactNode }) => children,
-}))
-
-// Mock SaaS Factory Payments (optional - only if testing payment components)
-vi.mock('@digilogiclabs/saas-factory-payments', () => ({
   usePayments: () => ({
     createCheckoutSession: vi.fn(),
     createPortalSession: vi.fn(),
     subscription: null,
     loading: false,
   }),
-  PaymentsProvider: ({ children }: { children: React.ReactNode }) => children,
+  DLLProvider: ({ children }: { children: React.ReactNode }) => children,
 }))
 
 // Global test utilities

package/dist/templates/web/ui-auth-payments-video/template/package.json

@@ -18,8 +18,6 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "@digilogiclabs/saas-factory-ui": "^1.4.0",
-    "@digilogiclabs/saas-factory-auth": "^1.0.3",
-    "@digilogiclabs/saas-factory-payments": "^1.2.3",
     "stripe": "^14.0.0",
     "@stripe/react-stripe-js": "^2.0.0",
     "@stripe/stripe-js": "^2.0.0",

package/dist/templates/web/ui-auth-payments-video/template/src/app/billing/page.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import React from 'react';
-import { usePayments, formatCurrency, formatDate } from '@digilogiclabs/saas-factory-payments';
+import { usePayments } from '@digilogiclabs/app-sdk';
+import { formatCurrency, formatDate } from '@/lib/utils';
 import { Button, Card } from '@digilogiclabs/saas-factory-ui';
 
 export default function BillingPage() {

package/dist/templates/web/ui-auth-payments-video/template/src/app/checkout/page.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import React from 'react';
-import { usePayments, formatCurrency } from '@digilogiclabs/saas-factory-payments';
+import { usePayments } from '@digilogiclabs/app-sdk';
+import { formatCurrency } from '@/lib/utils';
 import { Button, Card } from '@digilogiclabs/saas-factory-ui';
 
 export default function CheckoutPage() {

package/dist/templates/web/ui-auth-payments-video/template/src/app/login/page.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState } from 'react';
 import { Button, Card, Input, Label } from '@digilogiclabs/saas-factory-ui';
-import { useAuth } from '@digilogiclabs/saas-factory-auth';
+import { useAuth } from '@digilogiclabs/app-sdk';
 import { useRouter } from 'next/navigation';
 
 export default function LoginPage() {

package/dist/templates/web/ui-auth-payments-video/template/src/app/page.tsx

@@ -17,7 +17,7 @@ import {
   useOfflineState
 } from '@digilogiclabs/saas-factory-ui'
 import { ArrowRight, Zap, Shield, Rocket, CheckCircle, LogOut, User, Video, Wifi, WifiOff, Play, Pause } from 'lucide-react'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
+import { useAuth } from '@digilogiclabs/app-sdk'
 import Link from 'next/link'
 import { useState } from 'react'
 

package/dist/templates/web/ui-auth-payments-video/template/src/app/signup/page.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState } from 'react';
 import { Button, Card, Input, Label } from '@digilogiclabs/saas-factory-ui';
-import { useAuth } from '@digilogiclabs/saas-factory-auth';
+import { useAuth } from '@digilogiclabs/app-sdk';
 import { useRouter } from 'next/navigation';
 
 export default function SignupPage() {

package/dist/templates/web/ui-auth-payments-video/template/src/components/providers/app-providers.tsx

@@ -2,8 +2,7 @@
 
 import React from 'react'
 import { ThemeProvider } from 'next-themes'
-import { AuthProvider } from '@digilogiclabs/saas-factory-auth'
-import { PaymentsProvider } from '@digilogiclabs/saas-factory-payments'
+import { DLLProvider } from '@digilogiclabs/app-sdk'
 import { Toaster } from '@digilogiclabs/saas-factory-ui'
 import { AppThemeProvider } from './theme-provider'
 
@@ -20,14 +19,12 @@ export function AppProviders({ children }: AppProvidersProps) {
       disableTransitionOnChange
       storageKey="{{packageName}}-theme"
     >
-      <AuthProvider>
-        <PaymentsProvider>
-          <AppThemeProvider themeColor="{{themeColor}}">
-            {children}
-            <Toaster />
-          </AppThemeProvider>
-        </PaymentsProvider>
-      </AuthProvider>
+      <DLLProvider>
+        <AppThemeProvider themeColor="{{themeColor}}">
+          {children}
+          <Toaster />
+        </AppThemeProvider>
+      </DLLProvider>
     </ThemeProvider>
   )
 }

package/dist/templates/web/ui-auth-payments-video/template/src/components/shared/header.tsx

@@ -3,7 +3,7 @@
 import React, { useState } from 'react';
 import Link from 'next/link';
 import { LogOut, CreditCard, User, Settings, Home, Video, Film, Play, Menu, X } from 'lucide-react';
-import { useAuth } from '@digilogiclabs/saas-factory-auth';
+import { useAuth } from '@digilogiclabs/app-sdk';
 import { 
   ResponsiveHeader,
   MobileNavigation,

package/dist/templates/web/ui-auth-payments-video/template/src/test/setup.ts

@@ -15,8 +15,8 @@ vi.mock('next/navigation', () => ({
   usePathname: () => '/',
 }))
 
-// Mock SaaS Factory Auth (optional - only if testing auth components)
-vi.mock('@digilogiclabs/saas-factory-auth', () => ({
+// Mock App SDK (optional - only if testing auth/payment components)
+vi.mock('@digilogiclabs/app-sdk', () => ({
   useAuth: () => ({
     user: null,
     loading: false,
@@ -26,18 +26,13 @@ vi.mock('@digilogiclabs/saas-factory-auth', () => ({
     signOut: vi.fn(),
     signInWithOAuth: vi.fn(),
   }),
-  AuthProvider: ({ children }: { children: React.ReactNode }) => children,
-}))
-
-// Mock SaaS Factory Payments (optional - only if testing payment components)
-vi.mock('@digilogiclabs/saas-factory-payments', () => ({
   usePayments: () => ({
     createCheckoutSession: vi.fn(),
     createPortalSession: vi.fn(),
     subscription: null,
     loading: false,
   }),
-  PaymentsProvider: ({ children }: { children: React.ReactNode }) => children,
+  DLLProvider: ({ children }: { children: React.ReactNode }) => children,
 }))
 
 // Global test utilities