@driveflux/pdf 1.0.15 → 1.1.1

package/src/components/FluxLogo.tsx

@@ -1,52 +0,0 @@
-import { Defs, G, Path, Rect, Svg } from '@react-pdf/renderer'
-
-const FluxLogo = () => {
-  return (
-    <Svg width="92" height="29" viewBox="0 0 92 29" fill="none">
-      <G clipPath="url(#clip0_664_102105)">
-        <Path
-          d="M23.6621 6.12305H35.6903V8.00999H25.5568V13.5529H33.805V15.434H25.5568V22.8638H23.6715L23.6621 6.12305Z"
-          fill="black"
-        />
-        <Path d="M40.9981 6.12305H42.8834V20.9827H52.3039V22.8697H40.9922L40.9981 6.12305Z" fill="black" />
-        <Path
-          d="M57.6172 15.6002V6.12305H59.5025V15.4811C59.5025 19.0946 61.4149 21.129 64.6187 21.129C67.7035 21.129 69.6642 19.2621 69.6642 15.6002V6.12305H71.5495V15.4552C71.5495 20.3376 68.751 22.8744 64.5669 22.8744C60.4381 22.8756 57.6172 20.3388 57.6172 15.6002Z"
-          fill="black"
-        />
-        <Path
-          d="M83.2965 14.3324L77.1033 6.12305H79.3338L84.4736 12.9632L89.5663 6.12305H91.7674L85.5742 14.3077L92.0054 22.8756H89.7525L84.4006 15.6722L79.0451 22.8756H76.8594L83.2965 14.3324Z"
-          fill="black"
-        />
-        <Path
-          opacity="0.3"
-          d="M3.05934 17.5614C2.45475 17.5598 1.86415 17.3792 1.36192 17.0423C0.859683 16.7054 0.468271 16.2273 0.23697 15.6682C0.00566877 15.1091 -0.0551799 14.494 0.0620863 13.9004C0.179353 13.3068 0.469491 12.7611 0.895964 12.3322L12.3256 0.892604C12.909 0.364801 13.6728 0.0817665 14.459 0.102098C15.2452 0.12243 15.9934 0.444573 16.5488 1.00183C17.1042 1.55908 17.4243 2.30877 17.4426 3.09567C17.461 3.88257 17.1764 4.64641 16.6476 5.22904L5.218 16.6686C4.93441 16.9521 4.59781 17.1768 4.22742 17.33C3.85703 17.4832 3.46011 17.5618 3.05934 17.5614Z"
-          fill="#50C8E8"
-        />
-        <Path
-          opacity="0.3"
-          d="M8.77458 23.28C8.16964 23.2788 7.57859 23.0985 7.07593 22.7616C6.57326 22.4248 6.18149 21.9465 5.94999 21.3871C5.7185 20.8277 5.65764 20.2123 5.7751 19.6183C5.89256 19.0244 6.18308 18.4786 6.61002 18.0496L12.3213 12.3334C12.6004 12.027 12.9387 11.7804 13.3158 11.6086C13.6928 11.4368 14.1008 11.3433 14.5149 11.3338C14.9291 11.3243 15.3409 11.399 15.7254 11.5533C16.1099 11.7076 16.4592 11.9384 16.752 12.2317C17.0449 12.525 17.2753 12.8746 17.4293 13.2596C17.5832 13.6445 17.6576 14.0567 17.6479 14.4712C17.6382 14.8858 17.5446 15.294 17.3727 15.6713C17.2008 16.0486 16.9543 16.3871 16.648 16.6663L10.9368 22.3837C10.653 22.6681 10.3159 22.8936 9.94489 23.0474C9.57386 23.2013 9.17617 23.2803 8.77458 23.28Z"
-          fill="#50C8E8"
-        />
-        <Path
-          d="M14.4866 29.0001C16.176 29.0001 17.5455 27.6294 17.5455 25.9385C17.5455 24.2477 16.176 22.877 14.4866 22.877C12.7972 22.877 11.4277 24.2477 11.4277 25.9385C11.4277 27.6294 12.7972 29.0001 14.4866 29.0001Z"
-          fill="#50C8E8"
-        />
-        <Path
-          d="M14.4866 6.12314C16.176 6.12314 17.5455 4.75243 17.5455 3.06157C17.5455 1.37071 16.176 0 14.4866 0C12.7972 0 11.4277 1.37071 11.4277 3.06157C11.4277 4.75243 12.7972 6.12314 14.4866 6.12314Z"
-          fill="#50C8E8"
-        />
-        <Path
-          d="M14.4866 17.5616C16.176 17.5616 17.5455 16.1909 17.5455 14.5C17.5455 12.8092 16.176 11.4385 14.4866 11.4385C12.7972 11.4385 11.4277 12.8092 11.4277 14.5C11.4277 16.1909 12.7972 17.5616 14.4866 17.5616Z"
-          fill="#50C8E8"
-        />
-      </G>
-      <Defs>
-        <clipPath id="clip0_664_102105">
-          <Rect width="92" height="29" fill="white" />
-        </clipPath>
-      </Defs>
-    </Svg>
-  )
-}
-
-export default FluxLogo

package/src/components/StandardPage.tsx

@@ -1,32 +0,0 @@
-import { Font, Page, PageProps } from '@react-pdf/renderer'
-import React, { PropsWithChildren } from 'react'
-
-type Props = PageProps & {}
-
-Font.register({
-  family: 'Figtree',
-  fonts: [
-    {
-      src: 'https://fonts.gstatic.com/s/figtree/v5/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_chQF5ewkEU4HTy.ttf',
-      fontWeight: 'normal'
-    },
-    {
-      src: 'https://fonts.gstatic.com/s/figtree/v5/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_eYR15ewkEU4HTy.ttf',
-      fontWeight: 'bold'
-    }
-  ]
-})
-Font.register({
-  family: 'Allura',
-  src: 'https://fonts.gstatic.com/s/allura/v21/9oRPNYsQpS4zjuAPjAIXPtrrGA.ttf'
-})
-
-const StandardDocument: React.FC<PropsWithChildren<Props>> = ({ children, style, ...props }) => {
-  return (
-    <Page style={{ fontFamily: 'Figtree', fontStyle: 'normal', ...style }} {...props}>
-      {children}
-    </Page>
-  )
-}
-
-export default StandardDocument

package/src/debug.ts

@@ -1,45 +0,0 @@
-import { loadAllEnv } from '@driveflux/env'
-import { quotation } from './__mocks__/quotation.js'
-import { subscription } from './__mocks__/subscription.js'
-import { generateSubscriptionAgreementPdf } from './templates/SubscriptionAgreement/index.js'
-import { generateQuotationPdf } from './templates/index.js'
-
-const debugSubscriptionAgreement = async () => {
-  if (!subscription) {
-    console.error('no such subscription')
-    return
-  }
-
-  await generateSubscriptionAgreementPdf({ subscription }, `${process.cwd()}/output/subscription-agreement.pdf`)
-}
-
-const debugQuotation = async () => {
-  if (!quotation) {
-    console.error('no such quotation')
-    return
-  }
-
-  await generateQuotationPdf({ quotation }, `${process.cwd()}/output/quotation.pdf`)
-}
-
-//! put all the debugging functions here
-const debugCases: Promise<any>[] = [debugSubscriptionAgreement(), debugQuotation()]
-
-const debug = async () => {
-  loadAllEnv()
-
-  const results = await Promise.allSettled(debugCases)
-
-  if (results.some((res) => res.status === 'rejected')) {
-    results.forEach((res, i) => {
-      if (res.status === 'rejected') {
-        console.error(`debug no ${i + 1} error:`, res.reason)
-      }
-    })
-    return
-  }
-
-  console.log('Generated all PDFs successfully!')
-  console.log(`You can view them in the 'output' folder!`)
-}
-debug()

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from './templates/index.js'
-export * from './types.js'
-export * from './utils.js'

package/src/templates/QuotationPdf/CustomerSubscriptionSection.tsx

@@ -1,73 +0,0 @@
-import { Quotation } from '@driveflux/db'
-import { Address } from '@driveflux/db/types/index.js'
-import { Text, View } from '@react-pdf/renderer'
-import { FC } from 'react'
-import { colors } from '../../theme/colors.js'
-import SectionBoxNew from './SectionBoxNew.js'
-import { QuotationPdfTranslation } from './translations.js'
-import { formatAddress, getFullMileagePackageTranslation, getSimplifiedPlanTranslation } from './utils.js'
-
-type Props = {
-  quotation: Quotation
-  t: QuotationPdfTranslation
-}
-
-const CustomerSubscriptionSection: FC<Props> = ({ quotation, t }) => {
-  const displayContent = (label: string, value: string, labelColor = colors.black, valueColor = colors.primary3) => (
-    <View style={{ gap: 4 }}>
-      <Text style={{ color: labelColor, letterSpacing: 1 }}>{label}</Text>
-      <Text style={{ color: valueColor, letterSpacing: 1 }}>{value}</Text>
-    </View>
-  )
-
-  return (
-    <View>
-      <SectionBoxNew
-        topContent={
-          <>
-            <Text style={{ textTransform: 'uppercase', fontSize: 12, fontWeight: 'bold' }}>{t.customer.title}</Text>
-            <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
-              {displayContent(t.customer.name, quotation.customerName)}
-              {quotation.customer.email && displayContent(t.customer.email, quotation.customer.email)}
-            </View>
-            {quotation.customer.address &&
-              displayContent(t.customer.address, formatAddress(quotation.customer.address as Address))}
-          </>
-        }
-        bottomContent={
-          <>
-            <Text style={{ textTransform: 'uppercase', fontSize: 12, fontWeight: 'bold' }}>{t.subscription.title}</Text>
-            <View style={{ flexDirection: 'row', justifyContent: 'space-between', gap: 4 }}>
-              {displayContent(t.subscription.vehicleName, quotation.vehicleName)}
-              <View style={{ justifyContent: 'space-between', flexDirection: 'row', gap: 16 }}>
-                {displayContent(t.subscription.plan, getSimplifiedPlanTranslation(quotation.plan))}
-                {displayContent(
-                  t.subscription.mileagePackage,
-                  getFullMileagePackageTranslation(quotation.mileagePackage)
-                )}
-              </View>
-            </View>
-            <View style={{ rowGap: 8 }}>
-              <Text style={{ color: colors.primary3, fontWeight: 'bold', letterSpacing: 1 }}>
-                {t.subIncludes.title}
-              </Text>
-              {t.subIncludes.content.map((line, i) => (
-                <View key={i} style={{ flexDirection: 'row', alignItems: 'flex-start', rowGap: 8 }}>
-                  <Text style={{ marginRight: 4 }}>•</Text>
-                  <Text style={{ color: colors.primary3, letterSpacing: 1 }}>{line}</Text>
-                </View>
-              ))}
-              {quotation.mileagePackage !== 'unlimited' && (
-                <Text style={{ fontSize: '9px', color: colors.primary3, letterSpacing: 1 }}>
-                  {t.subIncludes.excessMileage(quotation.fees.excessMileageFee || 0)}
-                </Text>
-              )}
-            </View>
-          </>
-        }
-      />
-    </View>
-  )
-}
-
-export default CustomerSubscriptionSection

package/src/templates/QuotationPdf/GFV.tsx

@@ -1,29 +0,0 @@
-import { Quotation } from '@driveflux/db'
-import { formatMoney } from '@driveflux/format-money'
-import { Text, View } from '@react-pdf/renderer'
-import { FC } from 'react'
-import { colors } from '../../theme/colors.js'
-import { QuotationPdfTranslation } from './translations'
-
-type Props = {
-  quotation: Quotation
-  t?: QuotationPdfTranslation['pricing']
-}
-
-const GFV: FC<Props> = ({ quotation, t }) => {
-  if (!quotation.fees.gfv) return
-
-  return (
-    <View style={{ border: `1px solid ${colors.primary2}`, padding: 16, rowGap: 16 }}>
-      <Text style={{ color: colors.primary3, fontWeight: 'bold', letterSpacing: 1, textTransform: 'uppercase' }}>
-        {t?.fees.gfv.title}
-      </Text>
-      <Text style={{ color: colors.primary3, letterSpacing: 1 }}>
-        You have the option to purchase this vehicle with GFV amount of
-        <Text style={{ fontWeight: 'bold' }}> {formatMoney(quotation.fees.gfv)} </Text>at the end of your subscription.
-      </Text>
-    </View>
-  )
-}
-
-export default GFV

package/src/templates/QuotationPdf/Header.tsx

@@ -1,31 +0,0 @@
-import { Link, Text, View } from '@react-pdf/renderer'
-import { FC } from 'react'
-import FluxLogo from '../../components/FluxLogo.js'
-import { colors } from '../../theme/colors.js'
-
-type Props = {
-  tTitle: string
-  quotationId: string
-  quotationDate: string
-}
-const Header: FC<Props> = ({ tTitle, quotationId, quotationDate }) => {
-  return (
-    <View style={{ gap: 24 }}>
-      <Link src="https://driveflux.com">
-        <FluxLogo />
-      </Link>
-      <View style={{ gap: 4 }}>
-        <Text style={{ fontWeight: 'bold', textTransform: 'uppercase', fontSize: 18 }}>{tTitle}</Text>
-        <View style={{ justifyContent: 'space-between', flexDirection: 'row' }}>
-          <Text style={{ color: colors.primary3, fontSize: 10 }}>{quotationId}</Text>
-          <View style={{ gap: 8, flexDirection: 'row' }}>
-            <Text style={{ fontSize: 10, color: colors.black }}>Date</Text>
-            <Text style={{ color: colors.primary3, fontSize: 10 }}>{quotationDate}</Text>
-          </View>
-        </View>
-      </View>
-    </View>
-  )
-}
-
-export default Header

package/src/templates/QuotationPdf/Pricing.tsx

@@ -1,214 +0,0 @@
-import { Quotation } from '@driveflux/db'
-import { formatMoney } from '@driveflux/format-money'
-import { Text, View } from '@react-pdf/renderer'
-import { FC } from 'react'
-import { colors } from '../../theme/colors.js'
-import SectionBoxNew from './SectionBoxNew.js'
-import { QuotationPdfTranslation } from './translations.js'
-
-type Props = {
-  quotation: Quotation
-  t?: QuotationPdfTranslation['pricing']
-}
-
-const Pricing: FC<Props> = ({ quotation, t }) => {
-  const { startFee, reservationFee, deposit, subscriptionFee, extraCharges, couponCode, couponType, discountAmount } =
-    quotation.fees
-
-  let totalUpfrontFee = startFee + (reservationFee || 0) + deposit
-  let totalMonthlyFee = subscriptionFee
-
-  extraCharges.forEach((charge) => {
-    if (charge.type === 'upfront') {
-      totalUpfrontFee += charge.amount
-    } else if (charge.type === 'monthly') {
-      totalMonthlyFee += charge.amount
-    }
-  })
-
-  if (couponCode && couponType === 'upfront') {
-    totalUpfrontFee -= discountAmount || 0
-  }
-
-  if (couponCode && couponType === 'monthly') {
-    totalMonthlyFee -= discountAmount || 0
-  }
-
-  const getFeeValue = (key: string) => {
-    switch (key) {
-      case 'startFee':
-        return startFee
-      case 'reservationFee':
-        return reservationFee
-      case 'deposit':
-        return deposit
-      case 'subscriptionFee':
-        return subscriptionFee
-      default:
-        return null
-    }
-  }
-
-  return (
-    <View>
-      <SectionBoxNew
-        topContent={
-          <>
-            <Text style={{ textTransform: 'uppercase', fontSize: 12, fontWeight: 'bold' }}>{t?.title}</Text>
-            {/* upfront */}
-            <Text style={{ fontWeight: 'bold', color: colors.black, letterSpacing: 1 }}>{t?.fees.upfront.title}</Text>
-            {t?.fees.upfront.content.map((fee) => {
-              const feeValue = getFeeValue(fee.key)?.toFixed(2)
-              if (feeValue === '0.00') {
-                return null
-              }
-              return (
-                <View key={fee.key} style={{ justifyContent: 'space-between', flexDirection: 'row', rowGap: 8 }}>
-                  <Text style={{ paddingRight: 4, letterSpacing: 1, color: colors.primary3 }}>{fee.title}</Text>
-                  <Text style={{ color: colors.primary3, letterSpacing: 1 }}>{feeValue !== null ? feeValue : ''}</Text>
-                </View>
-              )
-            })}
-            {/* extra charge */}
-            {quotation.fees.extraCharges.length > 0 && (
-              <>
-                {quotation.fees.extraCharges
-                  .filter((charge) => charge.amount > 0)
-                  .filter((charge) => charge.type === 'upfront')
-                  .map((charge, i) => (
-                    <View key={i} style={{ justifyContent: 'space-between', flexDirection: 'row', rowGap: 8 }}>
-                      <Text style={{ paddingRight: 4, letterSpacing: 1, color: colors.primary3 }}>
-                        {t?.fees.extraCharge} - {charge.description}
-                      </Text>
-                      <Text style={{ color: colors.primary3, letterSpacing: 1 }}>{charge.amount.toFixed(2)}</Text>
-                    </View>
-                  ))}
-              </>
-            )}
-            {quotation.fees.couponCode !== null && quotation.fees.couponType === 'upfront' && (
-              <>
-                <View style={{ justifyContent: 'space-between', flexDirection: 'row', rowGap: 8 }}>
-                  <Text style={{ paddingRight: 4, letterSpacing: 1, color: colors.primary3 }}>
-                    {t?.fees.promo} - {quotation.fees.couponCode}
-                  </Text>
-                  <Text style={{ color: colors.accent4, letterSpacing: 1 }}>
-                    {quotation.fees.discountAmount?.toFixed(2)}
-                  </Text>
-                </View>
-              </>
-            )}
-            <View
-              style={{
-                backgroundColor: colors.primary1,
-                borderTop: `1px solid ${colors.primary1}`,
-                justifyContent: 'space-between',
-                flexDirection: 'row',
-                padding: 4
-              }}
-            >
-              <Text style={{ letterSpacing: 1, paddingRight: 4 }}>Total</Text>
-              <Text style={{ letterSpacing: 1 }}>{formatMoney(totalUpfrontFee)}</Text>
-            </View>
-
-            <View style={{ borderBottom: `1px solid ${colors.primary2}` }}></View>
-
-            {/* monthly */}
-            <Text style={{ fontWeight: 'bold', color: colors.black, letterSpacing: 1 }}>{t?.fees.monthly.title}</Text>
-            {t?.fees.monthly.content.map((fee) => {
-              const feeValue = getFeeValue(fee.key)?.toFixed(2)
-
-              return (
-                <View key={fee.key} style={{ justifyContent: 'space-between', flexDirection: 'row', rowGap: 8 }}>
-                  <Text style={{ paddingRight: 4, letterSpacing: 1, color: colors.primary3 }}>{fee.title}</Text>
-                  <Text style={{ color: colors.primary3, letterSpacing: 1 }}>{feeValue !== null ? feeValue : ''}</Text>
-                </View>
-              )
-            })}
-
-            {/* extra charges monthly*/}
-            {quotation.fees.extraCharges.length > 0 && (
-              <>
-                {quotation.fees.extraCharges
-                  .filter((charge) => charge.type === 'monthly')
-                  .map((charge, i) => (
-                    <View key={i} style={{ justifyContent: 'space-between', flexDirection: 'row', rowGap: 8 }}>
-                      <Text style={{ paddingRight: 4, letterSpacing: 1, color: colors.primary3 }}>
-                        {t?.fees.extraCharge} - {charge.description}
-                      </Text>
-                      <Text style={{ color: colors.primary3, letterSpacing: 1 }}>{charge.amount.toFixed(2)}</Text>
-                    </View>
-                  ))}
-              </>
-            )}
-
-            {/* promo monthly */}
-            {quotation.fees.couponCode !== null && quotation.fees.couponType === 'monthly' && (
-              <>
-                <View style={{ justifyContent: 'space-between', flexDirection: 'row', rowGap: 8 }}>
-                  <Text style={{ paddingRight: 4, letterSpacing: 1, color: colors.primary3 }}>
-                    {t?.fees.promo} - {quotation.fees.couponCode}
-                  </Text>
-                  <Text style={{ color: colors.accent4, letterSpacing: 1 }}>
-                    {quotation.fees.discountAmount?.toFixed(2)}
-                  </Text>
-                </View>
-              </>
-            )}
-
-            <View
-              style={{
-                backgroundColor: colors.primary1,
-                borderTop: `1px solid ${colors.primary1}`,
-                justifyContent: 'space-between',
-                flexDirection: 'row',
-                padding: 4
-              }}
-            >
-              <Text style={{ letterSpacing: 1, paddingRight: 4 }}>Total</Text>
-              <Text style={{ letterSpacing: 1 }}>{formatMoney(totalMonthlyFee)}</Text>
-            </View>
-          </>
-        }
-        bottomContent={
-          <>
-            <View style={{ rowGap: 16 }}>
-              <Text style={{ textTransform: 'uppercase', fontSize: 12, fontWeight: 'bold', letterSpacing: 1 }}>
-                {t?.fees.dueToday.title}
-              </Text>
-              <Text style={{ color: colors.primary3, letterSpacing: 1 }}>{t?.fees.dueToday.description}</Text>
-              <View style={{ justifyContent: 'space-between', flexDirection: 'row' }}>
-                <Text style={{ letterSpacing: 1, color: colors.primary3 }}> {t?.fees.dueToday.subTotal}</Text>
-                <Text style={{ letterSpacing: 1, color: colors.primary3 }}>
-                  {quotation.fees.amountBeforeTax.toFixed(2)}
-                </Text>
-              </View>
-              <View style={{ justifyContent: 'space-between', flexDirection: 'row' }}>
-                <Text style={{ letterSpacing: 1, color: colors.primary3 }}> {t?.fees.dueToday.serviceFee}</Text>
-                <Text style={{ letterSpacing: 1, color: colors.primary3 }}>{quotation.fees.taxAmount.toFixed(2)}</Text>
-              </View>
-
-              <View
-                style={{
-                  backgroundColor: colors.primary1,
-                  borderTop: `1px solid ${colors.primary1}`,
-                  justifyContent: 'space-between',
-                  flexDirection: 'row',
-                  padding: 4
-                }}
-              >
-                <Text style={{ letterSpacing: 1, paddingRight: 4, fontWeight: 'bold' }}>
-                  {t?.fees.dueToday.grandTotal}
-                </Text>
-                <Text style={{ letterSpacing: 1, fontWeight: 'bold' }}>
-                  {formatMoney(quotation.fees.amountAfterTax)}
-                </Text>
-              </View>
-            </View>
-          </>
-        }
-      />
-    </View>
-  )
-}
-
-export default Pricing

package/src/templates/QuotationPdf/QuotationPdfPage.tsx

@@ -1,25 +0,0 @@
-import { Quotation } from '@driveflux/db'
-import { View } from '@react-pdf/renderer'
-import { format } from 'date-fns'
-import { FC, PropsWithChildren } from 'react'
-import StandardPage from '../../components/StandardPage.js'
-import Header from './Header.js'
-
-type Props = {
-  quotation: Quotation
-}
-
-const QuotationPdfPage: FC<PropsWithChildren<Props>> = ({ quotation, children }) => {
-  return (
-    <StandardPage style={{ padding: 40, fontSize: 10, gap: 16 }}>
-      <Header
-        tTitle={'Quotation'}
-        quotationId={quotation.id}
-        quotationDate={format(quotation.createdAt, 'dd-MM-yyyy')}
-      />
-      <View style={{ flex: 1, rowGap: 24 }}>{children}</View>
-    </StandardPage>
-  )
-}
-
-export default QuotationPdfPage

package/src/templates/QuotationPdf/SectionBoxNew.tsx

@@ -1,20 +0,0 @@
-import { View } from '@react-pdf/renderer'
-import { FC, ReactNode } from 'react'
-import { colors } from '../../theme/colors.js'
-
-type Props = {
-  topContent: ReactNode
-  bottomContent: ReactNode
-}
-
-const SectionBoxNew: FC<Props> = ({ topContent, bottomContent }) => {
-  return (
-    <View style={{ border: `1px solid ${colors.primary2}` }}>
-      <View style={{ padding: 16, rowGap: 16 }}>{topContent}</View>
-      <View style={{ borderBottom: `1px solid ${colors.primary2}` }} />
-      <View style={{ padding: 16, rowGap: 16 }}>{bottomContent}</View>
-    </View>
-  )
-}
-
-export default SectionBoxNew

package/src/templates/QuotationPdf/TermsSection.tsx

@@ -1,28 +0,0 @@
-import { Text, View } from '@react-pdf/renderer'
-import { FC } from 'react'
-import { colors } from '../../theme/colors.js'
-import { QuotationPdfTranslation } from './translations.js'
-
-type Props = {
-  t: QuotationPdfTranslation['terms']
-}
-
-const TermsSection: FC<Props> = ({ t }) => {
-  return (
-    <View style={{ gap: 16 }}>
-      <Text style={{ fontWeight: 'bold', color: colors.black, letterSpacing: 1, textTransform: 'uppercase' }}>
-        {t?.title}
-      </Text>
-      <View>
-        {t.content.map((line, i) => (
-          <View key={i} style={{ flexDirection: 'row', alignItems: 'flex-start' }}>
-            <Text style={{ marginRight: 4, fontSize: 8 }}>•</Text>
-            <Text style={{ color: colors.primary3, letterSpacing: 1, fontSize: 8 }}>{line}</Text>
-          </View>
-        ))}
-      </View>
-    </View>
-  )
-}
-
-export default TermsSection

package/src/templates/QuotationPdf/index.tsx

@@ -1,46 +0,0 @@
-import { Quotation } from '@driveflux/db'
-import { Document } from '@react-pdf/renderer'
-import { FC, useMemo } from 'react'
-import { PdfTemplatesSupportedLocales } from '../../types.js'
-import { toPdf } from '../../utils.js'
-import CustomerSubscriptionSection from './CustomerSubscriptionSection.js'
-import GFV from './GFV.js'
-import Pricing from './Pricing.js'
-import QuotationPdfPage from './QuotationPdfPage.js'
-import TermsSection from './TermsSection.js'
-import { useTranslations } from './translations.js'
-
-type Props = {
-  locale?: PdfTemplatesSupportedLocales
-  quotation: Quotation
-}
-
-type Options = {
-  locale?: PdfTemplatesSupportedLocales
-  quotation: Quotation
-}
-
-export const generateQuotationPdf = async ({ locale = 'en', quotation }: Options, fileName?: string) => {
-  return await toPdf(<QuotationPDF locale={locale} quotation={quotation} />, fileName)
-}
-
-const QuotationPDF: FC<Props> = ({ locale = 'en', quotation }) => {
-  const pageProps = useMemo(() => {
-    return {
-      t: useTranslations(locale),
-      quotation: quotation
-    }
-  }, [])
-  const { t } = pageProps
-
-  return (
-    <Document language={locale}>
-      <QuotationPdfPage quotation={quotation}>
-        <CustomerSubscriptionSection quotation={quotation} t={t} />
-        <Pricing quotation={quotation} t={t.pricing} />
-        {quotation.fees.gfv && <GFV quotation={quotation} t={t.pricing} />}
-        <TermsSection t={t.terms} />
-      </QuotationPdfPage>
-    </Document>
-  )
-}