import { ActivityLogSidebar } from '@/components/activity-log/ActivityLogSidebar';
import { useModelActivityLog } from '@/components/activity-log/useModelActivityLog';
import { Form, FormField } from '@/components/form';
import HeadingSmall from '@/components/heading-small';
import { Button } from '@/components/ui/button';
import { Card, CardContent } from '@/components/ui/card';
import AppLayout from '@/layouts/app-layout';
import SettingsLayout from '@/layouts/settings/layout';
import { yupResolver } from '@hookform/resolvers/yup';
import { Head, router, usePage } from '@inertiajs/react';
import { Activity } from 'lucide-react';
import { useMemo, type ReactNode } from 'react';
import { toast } from 'sonner';
import * as yup from 'yup';
declare const route: (...args: any[]) => string;
const schema = yup.object({
twilio_sid: yup.string().required('Twilio SID is required'),
twilio_token: yup.string().required('Twilio Auth Token is required'),
twilio_from: yup.string().required('Twilio From Number is required'),
twilio_status: yup.boolean(),
});
export default function Edit() {
const { props } = usePage();
const activityLogCtl = useModelActivityLog();
const defaultValues = useMemo(
() => ({
twilio_sid: props?.twilio?.twilio_sid ?? '',
twilio_token: props?.twilio?.twilio_token ?? '',
twilio_from: props?.twilio?.twilio_from ?? '',
twilio_status: props?.twilio?.twilio_status ?? true,
}),
[props?.twilio],
);
const handleSubmit = (data: any) => {
router.post(route('settings.twilio.update'), data, {
preserveScroll: true,
});
};
return (
<>
);
}
Edit.layout = (page: ReactNode) => (
{page}
);