83 lines
2.9 KiB
TypeScript
83 lines
2.9 KiB
TypeScript
import React from 'react';
|
|
import { View, Alert } from 'react-native';
|
|
import { tw, AppContainer } from 'common-ui';
|
|
import CouponForm from '@/src/components/CouponForm';
|
|
import { trpc } from '@/src/trpc-client';
|
|
import { useRouter } from 'expo-router';
|
|
|
|
export default function CreateCoupon() {
|
|
const router = useRouter();
|
|
const createCoupon = trpc.admin.coupon.create.useMutation();
|
|
const createReservedCoupon = trpc.admin.coupon.createReservedCoupon.useMutation();
|
|
const { refetch: refetchCoupons } = trpc.admin.coupon.getAll.useInfiniteQuery(
|
|
{ limit: 20, search: '' },
|
|
{
|
|
enabled: false,
|
|
getNextPageParam: (lastPage) => lastPage.nextCursor,
|
|
}
|
|
)
|
|
const { refetch: refetchReservedCoupons } = trpc.admin.coupon.getReservedCoupons.useInfiniteQuery(
|
|
{ limit: 20, search: '' },
|
|
{
|
|
enabled: false,
|
|
getNextPageParam: (lastPage) => lastPage.nextCursor,
|
|
}
|
|
)
|
|
|
|
const handleCreateCoupon = async (values: any) => {
|
|
console.log('Form values:', values); // Debug log
|
|
const { isReservedCoupon, couponCodes, ...rest } = values;
|
|
// Transform targetUsers array to targetUser for backend compatibility
|
|
const payload = {
|
|
...rest,
|
|
targetUser: rest.targetUsers?.[0] || undefined,
|
|
};
|
|
delete payload.targetUsers;
|
|
console.log('Payload:', payload); // Debug log
|
|
|
|
if (isReservedCoupon && Array.isArray(couponCodes) && couponCodes.length > 0) {
|
|
// Create one reserved coupon per code, same config
|
|
const codes = couponCodes.map((c: string) => c.trim()).filter(Boolean);
|
|
try {
|
|
for (const code of codes) {
|
|
await createReservedCoupon.mutateAsync({ ...payload, couponCode: code });
|
|
}
|
|
await refetchCoupons()
|
|
await refetchReservedCoupons()
|
|
Alert.alert('Success', `${codes.length} reserved coupon${codes.length > 1 ? 's' : ''} created successfully`, [
|
|
{ text: 'OK', onPress: () => router.back() }
|
|
]);
|
|
} catch (error: any) {
|
|
Alert.alert('Error', error.message || 'Failed to create reserved coupons');
|
|
}
|
|
return;
|
|
}
|
|
|
|
const mutation = isReservedCoupon ? createReservedCoupon : createCoupon;
|
|
const isLoading = isReservedCoupon ? createReservedCoupon.isPending : createCoupon.isPending;
|
|
|
|
if (isLoading) return; // Prevent double submission
|
|
|
|
mutation.mutate(payload, {
|
|
onSuccess: async () => {
|
|
await refetchCoupons()
|
|
await refetchReservedCoupons()
|
|
Alert.alert('Success', `${isReservedCoupon ? 'Reserved coupon' : 'Coupon'} created successfully`, [
|
|
{ text: 'OK', onPress: () => router.back() }
|
|
]);
|
|
},
|
|
onError: (error: any) => {
|
|
Alert.alert('Error', error.message || 'Failed to create coupon');
|
|
},
|
|
});
|
|
};
|
|
|
|
return (
|
|
<AppContainer>
|
|
<CouponForm
|
|
onSubmit={handleCreateCoupon}
|
|
isLoading={createCoupon.isPending || createReservedCoupon.isPending}
|
|
/>
|
|
</AppContainer>
|
|
);
|
|
}
|