import { Head, router, usePage } from '@inertiajs/react';
import { yupResolver } from '@hookform/resolvers/yup';
import * as yup from 'yup';
import { useMemo, type ReactNode } from 'react';
import { Form, FormField } from '@/components/form';
import { Card, CardContent } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { toast } from 'sonner';
import AppLayout from '@/layouts/app-layout';
import SettingsLayout from '@/layouts/settings/layout';
import HeadingSmall from '@/components/heading-small';
import { Activity } from 'lucide-react';
import { ActivityLogSidebar } from '@/components/activity-log/ActivityLogSidebar';
import { useModelActivityLog } from '@/components/activity-log/useModelActivityLog';
declare const route: (...args: any[]) => string;
const schema = yup.object({
store_id: yup.string().required('Store ID is required'),
store_password: yup.string().required('Store password is required'),
sandbox: yup.boolean(),
api_url: yup.string().url('Must be a valid URL').required('API URL is required'),
validation_url: yup.string().url('Must be a valid URL').required('Validation URL is required'),
});
export default function Edit() {
const { props } = usePage();
const activityLogCtl = useModelActivityLog();
const defaultValues = useMemo(() => ({
store_id: props?.sslcommerz?.store_id ?? '',
store_password: props?.sslcommerz?.store_password ?? '',
sandbox: props?.sslcommerz?.sandbox ?? true,
api_url: props?.sslcommerz?.api_url ?? 'https://sandbox.sslcommerz.com',
validation_url: props?.sslcommerz?.validation_url ?? '',
}), [props?.sslcommerz]);
const handleSubmit = (data: any) => {
router.post(route('settings.payment-provider.update'), data, {
preserveScroll: true,
onSuccess: (page: any) => {
const success = page.props?.flash?.success;
if (success) toast.success(success);
},
onError: () => toast.error('Failed to save settings'),
});
};
return (
<>
);
}
Edit.layout = (page: ReactNode) => (
{page}
);