All files / src/sections/PayBuilder/components/product-preview-email ProductEmailPreview.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { usePayBuilderForm } from "@sections/PayBuilder/provider/PayBuilderFormProvider";
import { CommonMetadata } from "@sections/PayBuilder/components/product-preview-email/ProductCommonMetadata";
import { OrderSummary } from "@sections/PayBuilder/components/product-preview-email/OrderSummary";
import { ItemsSection } from "@sections/PayBuilder/components/product-preview-email/ItemsSection";
import usePreviewCart from "@sections/PayBuilder/components/EmailPreview/usePreviewCart";
import { EmailPreviewLayout } from "@sections/PayBuilder/components/EmailPreview/EmailPreviewLayout";
import { getClosestRenewalDate } from "@sections/PayBuilder/components/InvoicePreview/utils";
 
function ProductEmailPreview() {
  const { cartItems, subTotal } = usePreviewCart();
  const { data, isPaymentFormInfosLoading } = usePayBuilderForm();
 
  const invoiceDate = data?.createdAt ? data.createdAt * 1000 : new Date();
  const renewalDate = getClosestRenewalDate(cartItems, invoiceDate);
 
  const content = (
    <>
      <CommonMetadata />
      {cartItems.length > 0 && <OrderSummary cartItems={cartItems} />}
      <ItemsSection
        formattedAmount={subTotal}
        cartItems={cartItems}
        renewalDate={renewalDate}
      />
    </>
  );
 
  return (
    <EmailPreviewLayout
      isLoading={isPaymentFormInfosLoading}
      content={content}
    />
  );
}
 
export default ProductEmailPreview;