@diviswap/sdk 1.7.15 → 1.7.17

package/src/cli/templates/nextjs-app/hooks.ts.hbs

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from 'react';
-import { useLiberEx } from '{{providerImportPath}}';
+import { useDiviswap } from '{{providerImportPath}}';
 import type { Transaction, Payee, TransactionStatus } from '{{typesImportPath}}';
 
 // IMPORTANT: These hooks use direct SDK calls which may not work properly 
@@ -7,11 +7,11 @@ import type { Transaction, Payee, TransactionStatus } from '{{typesImportPath}}'
 // pattern demonstrated in api-hooks.ts instead.
 
 // Re-export the main hook
-export { useLiberEx };
+export { useDiviswap };
 
 // Convenience hook for authentication
 export function useAuth() {
-  const { user, login, logout, register, loading, error } = useLiberEx();
+  const { user, login, logout, register, loading, error } = useDiviswap();
   
   return {
     user,
@@ -27,7 +27,7 @@ export function useAuth() {
 
 // Hook for managing transactions
 export function useTransactions() {
-  const { createTransaction, getTransactions, error } = useLiberEx();
+  const { createTransaction, getTransactions, error } = useDiviswap();
   const [transactions, setTransactions] = useState<Transaction[]>([]);
   const [loading, setLoading] = useState(false);
   
@@ -76,7 +76,7 @@ export function useTransactions() {
 
 // Hook for managing payees
 export function usePayees() {
-  const { getPayees, createPayee, deletePayee, error } = useLiberEx();
+  const { getPayees, createPayee, deletePayee, error } = useDiviswap();
   const [payees, setPayees] = useState<Payee[]>([]);
   const [loading, setLoading] = useState(false);
   
@@ -141,7 +141,7 @@ export function usePayees() {
 {{#if (includes features "fees")}}
 // Hook for fee calculations
 export function useFeeCalculator() {
-  const { calculateFees } = useLiberEx();
+  const { calculateFees } = useDiviswap();
   const [fees, setFees] = useState<any>(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<Error | null>(null);
@@ -184,7 +184,7 @@ export function useFeeCalculator() {
 {{#if (includes features "realtime")}}
 // Hook for real-time transaction updates
 export function useTransactionUpdates(transactionId?: string) {
-  const { socket, subscribeToTransaction, unsubscribeFromTransaction } = useLiberEx();
+  const { socket, subscribeToTransaction, unsubscribeFromTransaction } = useDiviswap();
   const [updates, setUpdates] = useState<any[]>([]);
   const [latestStatus, setLatestStatus] = useState<TransactionStatus | null>(null);
   

package/src/cli/templates/nextjs-app/kyc-hooks.ts.hbs

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from 'react';
-import { use{{prefix}}Auth } from '~/context/liberex-auth-context';
+import { use{{prefix}}Auth } from '~/context/diviswap-auth-context';
 
 interface KYCFormData {
   firstName: string;
@@ -53,7 +53,7 @@ export function use{{prefix}}KYC() {
       };
       
       // Call API to submit KYC
-      const response = await fetch('/api/liberex', {
+      const response = await fetch('/api/diviswap', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ 

package/src/cli/templates/nextjs-app/kyc-wizard.css.hbs

@@ -1,5 +1,5 @@
-/* LiberEx KYC Wizard Styles */
-.liberex-kyc-container {
+/* Diviswap KYC Wizard Styles */
+.diviswap-kyc-container {
   max-width: 600px;
   margin: 0 auto;
   padding: 2rem;
@@ -288,7 +288,7 @@
 }
 
 /* Modal */
-.liberex-kyc-modal-overlay {
+.diviswap-kyc-modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
@@ -302,7 +302,7 @@
   padding: 1rem;
 }
 
-.liberex-kyc-modal {
+.diviswap-kyc-modal {
   background-color: white;
   border-radius: 12px;
   max-width: 600px;
@@ -311,54 +311,54 @@
   overflow-y: auto;
 }
 
-.liberex-kyc-modal .liberex-kyc-container {
+.diviswap-kyc-modal .diviswap-kyc-container {
   border: none;
   box-shadow: none;
   margin: 0;
 }
 
 /* Dark Theme */
-.liberex-kyc-container[data-theme="dark"] {
+.diviswap-kyc-container[data-theme="dark"] {
   background-color: #1f2937;
   color: #f9fafb;
   border-color: #374151;
 }
 
-.liberex-kyc-container[data-theme="dark"] .form-field input,
-.liberex-kyc-container[data-theme="dark"] .form-field select {
+.diviswap-kyc-container[data-theme="dark"] .form-field input,
+.diviswap-kyc-container[data-theme="dark"] .form-field select {
   background-color: #374151;
   border-color: #4b5563;
   color: #f9fafb;
 }
 
-.liberex-kyc-container[data-theme="dark"] .form-field input:focus,
-.liberex-kyc-container[data-theme="dark"] .form-field select:focus {
+.diviswap-kyc-container[data-theme="dark"] .form-field input:focus,
+.diviswap-kyc-container[data-theme="dark"] .form-field select:focus {
   border-color: #6366f1;
 }
 
-.liberex-kyc-container[data-theme="dark"] .review-section {
+.diviswap-kyc-container[data-theme="dark"] .review-section {
   background-color: #374151;
   border-color: #4b5563;
 }
 
-.liberex-kyc-container[data-theme="dark"] .btn-secondary {
+.diviswap-kyc-container[data-theme="dark"] .btn-secondary {
   border-color: #4b5563;
   color: #d1d5db;
 }
 
-.liberex-kyc-container[data-theme="dark"] .btn-secondary:hover {
+.diviswap-kyc-container[data-theme="dark"] .btn-secondary:hover {
   background-color: #374151;
   border-color: #6b7280;
 }
 
-.liberex-kyc-container[data-theme="dark"] .info-box {
+.diviswap-kyc-container[data-theme="dark"] .info-box {
   background-color: #064e3b;
   border-color: #047857;
 }
 
 /* Responsive Design */
 @media (max-width: 640px) {
-  .liberex-kyc-container {
+  .diviswap-kyc-container {
     padding: 1rem;
     margin: 1rem;
   }
@@ -417,7 +417,7 @@
 
 /* High Contrast Mode */
 @media (prefers-contrast: high) {
-  .liberex-kyc-container {
+  .diviswap-kyc-container {
     border-width: 2px;
   }
   

package/src/cli/templates/nextjs-app/kyc-wizard.tsx.hbs

@@ -23,22 +23,55 @@ interface KycFormData {
   country: string;
 }
 
-interface LiberexKYCProps {
-  onSuccess?: (status: any) => void;
+interface ThemeConfig {
+  primaryColor?: string;
+  backgroundColor?: string;
+  textColor?: string;
+  borderRadius?: string;
+}
+
+interface KYCStatus {
+  verified: boolean;
+  status: string;
+  customerId?: string;
+}
+
+interface DiviswapKYCProps {
+  onSuccess?: (status: KYCStatus) => void;
   onError?: (error: Error) => void;
   onClose?: () => void;
-  theme?: 'light' | 'dark' | {
-    primaryColor?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    borderRadius?: string;
-  };
+  theme?: 'light' | 'dark' | ThemeConfig;
   steps?: KYCStep[];
   autoClose?: boolean;
   className?: string;
 }
 
-export function LiberexKYC({
+interface StepProps {
+  onNext: () => void;
+  onPrev?: () => void;
+  onClose?: () => void;
+  theme: ThemeConfig;
+}
+
+interface FormStepProps extends StepProps {
+  formData: KycFormData;
+  updateFormData: (updates: Partial<KycFormData>) => void;
+}
+
+interface ReviewStepProps {
+  formData: KycFormData;
+  onSubmit: () => void;
+  onPrev: () => void;
+  isSubmitting: boolean;
+  theme: ThemeConfig;
+}
+
+interface SuccessStepProps {
+  onClose?: () => void;
+  theme: ThemeConfig;
+}
+
+export function DiviswapKYC({
   onSuccess,
   onError,
   onClose,
@@ -46,7 +79,7 @@ export function LiberexKYC({
   steps = ['intro', 'personal', 'identification', 'address', 'review', 'success'],
   autoClose = false,
   className = ''
-}: LiberexKYCProps) {
+}: DiviswapKYCProps) {
   const [currentStep, setCurrentStep] = useState<KYCStep>(steps[0]);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState<KycFormData>({
@@ -106,7 +139,7 @@ export function LiberexKYC({
       };
       
       // Call your KYC submission API
-      const response = await fetch('/api/liberex', {
+      const response = await fetch('/api/diviswap', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ 
@@ -132,9 +165,9 @@ export function LiberexKYC({
         setTimeout(() => onClose?.(), 2000);
       }
       
-    } catch (error: any) {
+    } catch (error) {
       console.error('KYC submission error:', error);
-      onError?.(error);
+      onError?.(error instanceof Error ? error : new Error(String(error)));
     } finally {
       setIsSubmitting(false);
     }
@@ -155,22 +188,22 @@ export function LiberexKYC({
   };
 
   const updateFormData = (updates: Partial<KycFormData>) => {
-    setFormData(prev => (\{{ ...prev, ...updates \}}));
+    setFormData(prev => ({ ...prev, ...updates }));
   };
 
-  const containerStyle = \{{
+  const containerStyle = {
     backgroundColor: themeConfig.backgroundColor,
     color: themeConfig.textColor,
     borderRadius: themeConfig.borderRadius
-  \}};
+  };
 
-  const primaryButtonStyle = \{{
+  const primaryButtonStyle = {
     backgroundColor: themeConfig.primaryColor,
     borderRadius: themeConfig.borderRadius
-  \}};
+  };
 
   return (
-    <div className={`liberex-kyc-container ${className}`} style={containerStyle}>
+    <div className={`diviswap-kyc-container ${className}`} style={containerStyle}>
       {/* Progress Bar */}
       {currentStep !== 'intro' && currentStep !== 'success' && (
         <div className="progress-container">
@@ -180,7 +213,7 @@ export function LiberexKYC({
               style=\{{
                 width: progressPercentage + '%',
                 backgroundColor: themeConfig.primaryColor
-              \}}
+              }}
             />
           </div>
           <div className="progress-text">
@@ -249,11 +282,11 @@ export function LiberexKYC({
 }
 
 // Step Components
-function IntroStep({ onNext, onClose, theme }: any) {
+function IntroStep({ onNext, onClose, theme }: StepProps) {
   return (
     <div className="kyc-step intro-step">
       <div className="step-header">
-        <CheckCircle className="step-icon" style=\{{ color: theme.primaryColor \}} />
+        <CheckCircle className="step-icon" style=\{{ color: theme.primaryColor }} />
         <h2>Identity Verification</h2>
         <p>We need to verify your identity to comply with financial regulations. This process takes about 3 minutes.</p>
       </div>
@@ -286,7 +319,7 @@ function IntroStep({ onNext, onClose, theme }: any) {
         <button 
           onClick={onNext}
           className="btn-primary"
-          style=\{{ backgroundColor: theme.primaryColor \}}
+          style=\{{ backgroundColor: theme.primaryColor }}
         >
           Start Verification
           <ArrowRight className="btn-icon" />
@@ -301,7 +334,7 @@ function IntroStep({ onNext, onClose, theme }: any) {
   );
 }
 
-function PersonalInfoStep({ formData, updateFormData, onNext, onPrev, theme }: any) {
+function PersonalInfoStep({ formData, updateFormData, onNext, onPrev, theme }: FormStepProps) {
   const isValid = formData.firstName && formData.lastName && formData.email && 
                   formData.dobDay && formData.dobMonth && formData.dobYear;
 
@@ -402,7 +435,7 @@ function PersonalInfoStep({ formData, updateFormData, onNext, onPrev, theme }: a
           onClick={onNext}
           disabled={!isValid}
           className="btn-primary"
-          style=\{{ backgroundColor: theme.primaryColor \}}
+          style=\{{ backgroundColor: theme.primaryColor }}
         >
           Continue
           <ArrowRight className="btn-icon" />
@@ -412,7 +445,7 @@ function PersonalInfoStep({ formData, updateFormData, onNext, onPrev, theme }: a
   );
 }
 
-function IdentificationStep({ formData, updateFormData, onNext, onPrev, theme }: any) {
+function IdentificationStep({ formData, updateFormData, onNext, onPrev, theme }: FormStepProps) {
   const isValid = formData.idType && formData.idNumber;
 
   return (
@@ -465,7 +498,7 @@ function IdentificationStep({ formData, updateFormData, onNext, onPrev, theme }:
           onClick={onNext}
           disabled={!isValid}
           className="btn-primary"
-          style=\{{ backgroundColor: theme.primaryColor \}}
+          style=\{{ backgroundColor: theme.primaryColor }}
         >
           Continue
           <ArrowRight className="btn-icon" />
@@ -475,7 +508,7 @@ function IdentificationStep({ formData, updateFormData, onNext, onPrev, theme }:
   );
 }
 
-function AddressStep({ formData, updateFormData, onNext, onPrev, theme }: any) {
+function AddressStep({ formData, updateFormData, onNext, onPrev, theme }: FormStepProps) {
   const isValid = formData.addressLine1 && formData.city && formData.state && 
                   formData.postalCode && formData.country;
 
@@ -567,7 +600,7 @@ function AddressStep({ formData, updateFormData, onNext, onPrev, theme }: any) {
           onClick={onNext}
           disabled={!isValid}
           className="btn-primary"
-          style=\{{ backgroundColor: theme.primaryColor \}}
+          style=\{{ backgroundColor: theme.primaryColor }}
         >
           Continue
           <ArrowRight className="btn-icon" />
@@ -577,7 +610,7 @@ function AddressStep({ formData, updateFormData, onNext, onPrev, theme }: any) {
   );
 }
 
-function ReviewStep({ formData, onSubmit, onPrev, isSubmitting, theme }: any) {
+function ReviewStep({ formData, onSubmit, onPrev, isSubmitting, theme }: ReviewStepProps) {
   return (
     <div className="kyc-step review-step">
       <div className="step-header">
@@ -643,7 +676,7 @@ function ReviewStep({ formData, onSubmit, onPrev, isSubmitting, theme }: any) {
           onClick={onSubmit}
           disabled={isSubmitting}
           className="btn-primary"
-          style=\{{ backgroundColor: theme.primaryColor \}}
+          style=\{{ backgroundColor: theme.primaryColor }}
         >
           {isSubmitting ? (
             <>
@@ -662,11 +695,11 @@ function ReviewStep({ formData, onSubmit, onPrev, isSubmitting, theme }: any) {
   );
 }
 
-function SuccessStep({ onClose, theme }: any) {
+function SuccessStep({ onClose, theme }: SuccessStepProps) {
   return (
     <div className="kyc-step success-step">
       <div className="step-header">
-        <CheckCircle className="step-icon success-icon" style=\{{ color: theme.primaryColor \}} />
+        <CheckCircle className="step-icon success-icon" style=\{{ color: theme.primaryColor }} />
         <h2>Verification Submitted!</h2>
         <p>Your identity verification has been submitted successfully. We'll review your information and notify you of the results.</p>
       </div>
@@ -687,7 +720,7 @@ function SuccessStep({ onClose, theme }: any) {
           <button 
             onClick={onClose}
             className="btn-primary"
-            style=\{{ backgroundColor: theme.primaryColor \}}
+            style=\{{ backgroundColor: theme.primaryColor }}
           >
             Continue
           </button>
@@ -698,13 +731,13 @@ function SuccessStep({ onClose, theme }: any) {
 }
 
 // Export modal version
-export function LiberexKYCModal({ isOpen, onClose, ...props }: LiberexKYCProps & { isOpen: boolean }) {
+export function DiviswapKYCModal({ isOpen, onClose, ...props }: DiviswapKYCProps & { isOpen: boolean }) {
   if (!isOpen) return null;
 
   return (
-    <div className="liberex-kyc-modal-overlay">
-      <div className="liberex-kyc-modal">
-        <LiberexKYC {...props} onClose={onClose} />
+    <div className="diviswap-kyc-modal-overlay">
+      <div className="diviswap-kyc-modal">
+        <DiviswapKYC {...props} onClose={onClose} />
       </div>
     </div>
   );

package/src/cli/templates/nextjs-app/layout-wrapper.tsx.hbs

@@ -1,13 +1,13 @@
-import { LiberExProvider } from '@diviswap/sdk/react';
+import { DiviswapProvider } from '@diviswap/sdk/react';
 
-export default function LiberExLayout({
+export default function DiviswapLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
   return (
-    <LiberExProvider>
+    <DiviswapProvider>
       {children}
-    </LiberExProvider>
+    </DiviswapProvider>
   );
 }

package/src/cli/templates/nextjs-app/layout.tsx.hbs

@@ -1,13 +1,13 @@
-import { LiberExProvider } from './lbx-provider';
+import { DiviswapProvider } from './lbx-provider';
 
-export default function LiberExLayout({
+export default function DiviswapLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
   return (
-    <LiberExProvider>
+    <DiviswapProvider>
       {children}
-    </LiberExProvider>
+    </DiviswapProvider>
   );
 }

package/src/cli/templates/nextjs-app/middleware.ts.hbs

@@ -1,22 +1,22 @@
 import { NextRequest, NextResponse } from 'next/server';
 
-// This middleware adds LiberEx session information to requests
+// This middleware adds Diviswap session information to requests
 // Note: In middleware, we use request.cookies (not the async cookies() from next/headers)
-export function liberexMiddleware(request: NextRequest) {
-  // Check for LiberEx session cookie
-  const liberexSession = request.cookies.get('liberex_session');
+export function diviswapMiddleware(request: NextRequest) {
+  // Check for Diviswap session cookie
+  const diviswapSession = request.cookies.get('diviswap_session');
 
-  if (!liberexSession) {
+  if (!diviswapSession) {
     // No session, proceed without authentication
     return NextResponse.next();
   }
 
   // Add session to headers for API routes
   const requestHeaders = new Headers(request.headers);
-  requestHeaders.set('x-liberex-session', liberexSession.value);
+  requestHeaders.set('x-diviswap-session', diviswapSession.value);
 
   // You can also add other headers or perform additional checks here
-  requestHeaders.set('x-liberex-client-version', '1.0.0');
+  requestHeaders.set('x-diviswap-client-version', '1.0.0');
 
   return NextResponse.next({
     request: {
@@ -26,24 +26,24 @@ export function liberexMiddleware(request: NextRequest) {
 }
 
 // Optional: Add route protection
-export function protectLiberExRoutes(request: NextRequest) {
-  const liberexSession = request.cookies.get('liberex_session');
+export function protectDiviswapRoutes(request: NextRequest) {
+  const diviswapSession = request.cookies.get('diviswap_session');
   
   // List of protected routes
   const protectedRoutes = [
-    '/liberex/dashboard',
-    '/liberex/transactions',
-    '/liberex/settings'
+    '/diviswap/dashboard',
+    '/diviswap/transactions',
+    '/diviswap/settings'
   ];
 
   const isProtectedRoute = protectedRoutes.some(route => 
     request.nextUrl.pathname.startsWith(route)
   );
 
-  if (isProtectedRoute && !liberexSession) {
+  if (isProtectedRoute && !diviswapSession) {
     // Redirect to login page
-    return NextResponse.redirect(new URL('/liberex', request.url));
+    return NextResponse.redirect(new URL('/diviswap', request.url));
   }
 
-  return liberexMiddleware(request);
+  return diviswapMiddleware(request);
 }

package/src/cli/templates/nextjs-app/provider-wrapper.tsx.hbs

@@ -1,8 +1,8 @@
 'use client';
 
-import { LiberExProvider } from '@diviswap/sdk/react';
+import { DiviswapProvider } from '@diviswap/sdk/react';
 
-// Wrapper to ensure client-side rendering for LiberEx components
-export function LiberExClientProvider({ children }: { children: React.ReactNode }) {
-  return <LiberExProvider>{children}</LiberExProvider>;
+// Wrapper to ensure client-side rendering for Diviswap components
+export function DiviswapClientProvider({ children }: { children: React.ReactNode }) {
+  return <DiviswapProvider>{children}</DiviswapProvider>;
 }

package/src/cli/templates/nextjs-app/provider.tsx.hbs

@@ -6,7 +6,7 @@ import type { User, Transaction, Payee, TransactionStatus } from './lbx-types';
 import io, { Socket } from 'socket.io-client';
 {{/if}}
 
-interface LiberExContextValue {
+interface DiviswapContextValue {
   // Customer state (for partner authentication)
   customerId: string | null;
   customerEmail: string | null;
@@ -63,11 +63,11 @@ interface LiberExContextValue {
 {{/if}}
 }
 
-const LiberExContext = createContext<LiberExContextValue | null>(null);
+const DiviswapContext = createContext<DiviswapContextValue | null>(null);
 
 // API client class
-class LiberExClient {
-  constructor(private baseUrl: string = '/api/liberex') {}
+class DiviswapClient {
+  constructor(private baseUrl: string = '/api/diviswap') {}
 
   private async request<T = any>(
     endpoint: string,
@@ -168,7 +168,7 @@ class LiberExClient {
 {{/if}}
 }
 
-export function LiberExProvider({ children }: { children: React.ReactNode }) {
+export function DiviswapProvider({ children }: { children: React.ReactNode }) {
   const [customerId, setCustomerId] = useState<string | null>(null);
   const [customerEmail, setCustomerEmail] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
@@ -177,7 +177,7 @@ export function LiberExProvider({ children }: { children: React.ReactNode }) {
   const [socket, setSocket] = useState<Socket | null>(null);
 {{/if}}
 
-  const client = new LiberExClient('/api/liberex');
+  const client = new DiviswapClient('/api/diviswap');
 
   // Initialize with demo customer for development
   useEffect(() => {
@@ -192,7 +192,7 @@ export function LiberExProvider({ children }: { children: React.ReactNode }) {
   useEffect(() => {
     if (customerId && customerEmail) {
       const socketInstance = io(
-        process.env.NEXT_PUBLIC_LIBEREX_WS_URL || 'wss://ws.liberex.io',
+        process.env.NEXT_PUBLIC_DIVISWAP_WS_URL || 'wss://ws.diviswap.io',
         {
           auth: {
             customerId,
@@ -205,11 +205,11 @@ export function LiberExProvider({ children }: { children: React.ReactNode }) {
       );
 
       socketInstance.on('connect', () => {
-        console.log('Connected to LiberEx WebSocket');
+        console.log('Connected to Diviswap WebSocket');
       });
 
       socketInstance.on('disconnect', () => {
-        console.log('Disconnected from LiberEx WebSocket');
+        console.log('Disconnected from Diviswap WebSocket');
       });
 
       socketInstance.on('transaction:update', (data) => {
@@ -368,7 +368,7 @@ export function LiberExProvider({ children }: { children: React.ReactNode }) {
   }, [socket]);
 {{/if}}
 
-  const value: LiberExContextValue = {
+  const value: DiviswapContextValue = {
     customerId,
     customerEmail,
     loading,
@@ -393,16 +393,16 @@ export function LiberExProvider({ children }: { children: React.ReactNode }) {
   };
 
   return (
-    <LiberExContext.Provider value={value}>
+    <DiviswapContext.Provider value={value}>
       {children}
-    </LiberExContext.Provider>
+    </DiviswapContext.Provider>
   );
 }
 
-export function useLiberEx() {
-  const context = useContext(LiberExContext);
+export function useDiviswap() {
+  const context = useContext(DiviswapContext);
   if (!context) {
-    throw new Error('useLiberEx must be used within a LiberExProvider');
+    throw new Error('useDiviswap must be used within a DiviswapProvider');
   }
   return context;
 }

package/src/cli/templates/nextjs-app/setup-provider.tsx.hbs

@@ -1,9 +1,9 @@
 /**
- * Add this to your root layout.tsx to enable LiberEx functionality
+ * Add this to your root layout.tsx to enable Diviswap functionality
  * 
  * Example:
  * 
- * import { LiberExProvider } from '@diviswap/sdk/react';
+ * import { DiviswapProvider } from '@diviswap/sdk/react';
  * 
  * export default function RootLayout({
  *   children,
@@ -13,9 +13,9 @@
  *   return (
  *     <html lang="en">
  *       <body>
- *         <LiberExProvider>
+ *         <DiviswapProvider>
  *           {children}
- *         </LiberExProvider>
+ *         </DiviswapProvider>
  *       </body>
  *     </html>
  *   );