fix: email required when buying with credit card

Author: blushi

web-marketplace/src/components/organisms/PaymentInfoForm/PaymentInfoForm.CustomerInfo.tsx

@@ -95,7 +95,7 @@ export const CustomerInfo = ({
         error={!!errors['email']}
         helperText={errors['email']?.message}
         disabled={!!accountEmail}
-        optional={!!wallet?.address}
+        optional={paymentOption === PAYMENT_OPTIONS.CRYPTO}
       />
       {!accountId && !wallet?.address && (
         <CheckboxLabel

web-marketplace/src/components/organisms/PaymentInfoForm/PaymentInfoForm.schema.ts

@@ -1,19 +1,14 @@
 import { z } from 'zod';
 
-import { Wallet } from 'lib/wallet/wallet';
-
 import { PAYMENT_OPTIONS } from 'pages/BuyCredits/BuyCredits.constants';
 import { PaymentOptionsType } from 'pages/BuyCredits/BuyCredits.types';
 
-export const paymentInfoFormSchema = (
-  paymentOption: PaymentOptionsType,
-  wallet?: Wallet,
-) =>
+export const paymentInfoFormSchema = (paymentOption: PaymentOptionsType) =>
   z.object({
     name:
       paymentOption === PAYMENT_OPTIONS.CARD ? z.string().min(1) : z.string(),
     email:
-      paymentOption === PAYMENT_OPTIONS.CARD && !wallet?.address
+      paymentOption === PAYMENT_OPTIONS.CARD
         ? z.string().email().min(1)
         : z.union([z.literal(''), z.string().email().nullable()]),
     createAccount: z.boolean(),

web-marketplace/src/components/organisms/PaymentInfoForm/PaymentInfoForm.tsx

@@ -59,7 +59,7 @@ export const PaymentInfoForm = ({
   const [paymentInfoValid, setPaymentInfoValid] = useState(false);
 
   const form = useZodForm({
-    schema: paymentInfoFormSchema(paymentOption, wallet),
+    schema: paymentInfoFormSchema(paymentOption),
     defaultValues: {
       email: initialValues?.email || accountEmail,
       name: initialValues?.name || accountName,

web-marketplace/src/pages/BuyCredits/BuyCredits.tsx

@@ -61,6 +61,7 @@ export const BuyCredits = () => {
   ]);
 
   const [retiring, setRetiring] = useState<boolean>(true);
+
   const [confirmationTokenId, setConfirmationTokenId] = useState<
     string | undefined
   >();