@diviswap/sdk 1.7.16 → 1.7.18

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

@@ -1,8 +1,8 @@
-// This file is auto-generated by LiberEx SDK CLI
-// It provides a client for communicating with the LiberEx API routes
+// This file is auto-generated by Diviswap SDK CLI
+// It provides a client for communicating with the Diviswap API routes
 
-export class LiberExClient {
-  constructor(private baseUrl: string = '/api/liberex') {}
+export class DiviswapClient {
+  constructor(private baseUrl: string = '/api/diviswap') {}
 
   private async request<T = any>(
     endpoint: string,

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

@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useState } from 'react';
-import { use{{prefix}}Auth } from '~/context/liberex-auth-context';
+import { use{{prefix}}Auth } from '~/context/diviswap-auth-context';
 
 export function use{{prefix}}Dashboard() {
   const { customerId, customerEmail, isAuthenticated } = use{{prefix}}Auth();
@@ -15,14 +15,14 @@ export function use{{prefix}}Dashboard() {
       customerEmail,
       ...params
     });
-    const response = await fetch(`/api/liberex?${queryParams}`);
+    const response = await fetch(`/api/diviswap?${queryParams}`);
     if (!response.ok) throw new Error('Failed to fetch transactions');
     return response.json();
   };
 
   const getPayees = async () => {
     if (!isAuthenticated || !customerId) return [];
-    const response = await fetch(`/api/liberex?resource=payees&customerId=${customerId}&customerEmail=${customerEmail}`);
+    const response = await fetch(`/api/diviswap?resource=payees&customerId=${customerId}&customerEmail=${customerEmail}`);
     if (!response.ok) throw new Error('Failed to fetch payees');
     return response.json();
   };
@@ -36,14 +36,14 @@ export function use{{prefix}}Dashboard() {
       ...(params?.chain_id && { chain_id: params.chain_id.toString() }),
       ...(params?.is_default !== undefined && { is_default: params.is_default.toString() })
     });
-    const response = await fetch(`/api/liberex?${queryParams}`);
+    const response = await fetch(`/api/diviswap?${queryParams}`);
     if (!response.ok) throw new Error('Failed to fetch addresses');
     return response.json();
   };
 
   const createAddress = async (data: { chain_id: number; address: string; is_default?: boolean }) => {
     if (!isAuthenticated || !customerId) throw new Error('Not authenticated');
-    const response = await fetch('/api/liberex', {
+    const response = await fetch('/api/diviswap', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
@@ -59,7 +59,7 @@ export function use{{prefix}}Dashboard() {
 
   const setDefaultAddress = async (data: { chain_id: number; address: string }) => {
     if (!isAuthenticated || !customerId) throw new Error('Not authenticated');
-    const response = await fetch('/api/liberex', {
+    const response = await fetch('/api/diviswap', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
@@ -75,7 +75,7 @@ export function use{{prefix}}Dashboard() {
 
   const deleteAddress = async (data: { chain_id: number; address: string }) => {
     if (!isAuthenticated || !customerId) throw new Error('Not authenticated');
-    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/example-page.tsx.hbs

@@ -1,10 +1,10 @@
 'use client';
 
 import { useState } from 'react';
-import { LiberexKYC, LiberexKYCModal } from '@/components/liberex-kyc-wizard';
-import '@/components/liberex-kyc-wizard.css';
+import { DiviswapKYC, DiviswapKYCModal } from '@/components/diviswap-kyc-wizard';
+import '@/components/diviswap-kyc-wizard.css';
 
-export default function LiberExDemo() {
+export default function DiviswapDemo() {
   // Demo state
   const [currentDemo, setCurrentDemo] = useState<'kyc-inline' | 'kyc-modal' | 'features'>('kyc-inline');
   const [showKYCModal, setShowKYCModal] = useState(false);
@@ -29,7 +29,7 @@ export default function LiberExDemo() {
       <div className="bg-white shadow">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex justify-between items-center py-6">
-            <h1 className="text-2xl font-bold text-gray-900">LiberEx KYC Wizard Demo</h1>
+            <h1 className="text-2xl font-bold text-gray-900">Diviswap KYC Wizard Demo</h1>
             <div className="text-sm text-gray-600">
               Ready-to-use KYC component
             </div>
@@ -101,7 +101,7 @@ export default function LiberExDemo() {
             </div>
             
             <div className="max-w-4xl mx-auto">
-              <LiberexKYC
+              <DiviswapKYC
                 onSuccess={handleKYCSuccess}
                 onError={handleKYCError}
                 theme="light"
@@ -132,7 +132,7 @@ export default function LiberExDemo() {
               <h3 className="text-lg font-medium text-gray-900 mb-4">Integration Code</h3>
               <div className="bg-gray-50 rounded-md p-4 text-left">
                 <pre className="text-sm text-gray-800 overflow-x-auto">
-{`import { LiberexKYCModal } from '@/components/liberex-kyc-wizard';
+{`import { DiviswapKYCModal } from '@/components/diviswap-kyc-wizard';
 
 function MyComponent() {
   const [showKYC, setShowKYC] = useState(false);
@@ -143,7 +143,7 @@ function MyComponent() {
         Complete Verification
       </button>
       
-      <LiberexKYCModal
+      <DiviswapKYCModal
         isOpen={showKYC}
         onClose={() => setShowKYC(false)}
         onSuccess={(result) => {
@@ -223,7 +223,7 @@ function MyComponent() {
                 <div className="mt-6 bg-gray-50 rounded p-3">
                   <p className="text-xs text-gray-600 mb-2">Custom theme example:</p>
                   <pre className="text-xs text-gray-800 overflow-x-auto">
-{`<LiberexKYC 
+{`<DiviswapKYC 
   theme={{
     primaryColor: '#8B5CF6',
     backgroundColor: '#F8FAFC',
@@ -261,7 +261,7 @@ function MyComponent() {
       </div>
 
       {/* KYC Modal */}
-      <LiberexKYCModal
+      <DiviswapKYCModal
         isOpen={showKYCModal}
         onClose={() => setShowKYCModal(false)}
         onSuccess={(result) => {

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>
   );
 }