All files / src/sections/PayBuilder/components/sweepstake-preview-email SweepstakeEmailPreview.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { usePayBuilderForm } from "@sections/PayBuilder/provider/PayBuilderFormProvider";
import { CommonMetadata } from "@sections/PayBuilder/components/product-preview-email/ProductCommonMetadata";
import { ItemsDonationSection } from "@sections/PayBuilder/components/fundraiser-preview-email/ItemsDonationSection";
import usePreviewCart from "@sections/PayBuilder/components/EmailPreview/usePreviewCart";
import { EmailPreviewLayout } from "@sections/PayBuilder/components/EmailPreview/EmailPreviewLayout";
import GiveText from "@shared/Text/GiveText";
 
export function SweepstakeEmailPreview() {
  const { cartItems, subTotal, renewalDate } = usePreviewCart();
  const { methods, isPaymentFormInfosLoading } = usePayBuilderForm();
  const values = methods.getValues();
 
  const content = (
    <>
      <CommonMetadata
        customContent={
          values.About?.sweepstakeEndAtTime && (
            <GiveText variant="bodyM">
              We will contact our lucky winner after{" "}
              {`${values.About.sweepstakeEndAtDate} at ${values.About.sweepstakeEndAtTime}`}
            </GiveText>
          )
        }
      />
      <ItemsDonationSection
        formattedAmount={subTotal}
        cartItems={cartItems}
        renewalDate={renewalDate}
        sectionTitle="Purchase Summary"
        labels={["Entries", "Card Processing Fees"]}
        showMultiplier
      />
    </>
  );
 
  return (
    <EmailPreviewLayout
      isLoading={isPaymentFormInfosLoading}
      content={content}
    />
  );
}