mengganti body email, ketika total amount <= 0

1 files changed, 189 insertions, 182 deletions

diff --git a/src/lib/checkout/email/FinishCheckoutEmail.jsx b/src/lib/checkout/email/FinishCheckoutEmail.jsx
index 23e7f877..21941cd5 100644
--- a/src/lib/checkout/email/FinishCheckoutEmail.jsx
+++ b/src/lib/checkout/email/FinishCheckoutEmail.jsx
@@ -14,6 +14,7 @@ import {
   Section,
   Text
 } from '@react-email/components'
+import FinishCheckout from '../components/FinishCheckout'
 
 const FinishCheckoutEmail = ({ transaction, payment, statusPayment }) => {
   return (
@@ -38,7 +39,10 @@ const FinishCheckoutEmail = ({ transaction, payment, statusPayment }) => {
           </Heading>
 
           <Text style={style.text}>Hai {transaction.address.customer.name},</Text>
-          <Text style={style.text}>
+          
+        {transaction.amountTotal > 0 ? 
+          <div>
+            <Text style={style.text}>
             {statusPayment == 'success' && (
               <>
                 Terima kasih atas kepercayaan anda berbelanja di Indoteknik. Dengan ini kami
@@ -71,202 +75,205 @@ const FinishCheckoutEmail = ({ transaction, payment, statusPayment }) => {
                 & Solution
               </>
             )}
-          </Text>
-          <Text style={style.text}>
-            {['pending', 'failed'].includes(statusPayment) && (
-              <>
-                Jika anda mengalami kesulitan, dapat menghubungi Customer Service kami untuk
-                menanyakan transaksi anda lakukan melalui Whatsapp kami.
-              </>
-            )}
-            {statusPayment == 'success' && (
-              <>
-                Anda dapat menghubungi Customer Service kami untuk menanyakan status pesanan yang
-                sudah berhasil anda lakukan melalui Whatsapp kami.
-              </>
-            )}
-            {statusPayment == 'manual' && (
+            </Text>
+            <Text style={style.text}>
+              {['pending', 'failed'].includes(statusPayment) && (
+                <>
+                  Jika anda mengalami kesulitan, dapat menghubungi Customer Service kami untuk
+                  menanyakan transaksi anda lakukan melalui Whatsapp kami.
+                </>
+              )}
+              {statusPayment == 'success' && (
+                <>
+                  Anda dapat menghubungi Customer Service kami untuk menanyakan status pesanan yang
+                  sudah berhasil anda lakukan melalui Whatsapp kami.
+                </>
+              )}
+              {statusPayment == 'manual' && (
+                <>
+                  Kami mohon kepada {transaction.address.customer.name} untuk dapat segera
+                  menyelesaikan transaksi dengan detail dibawah ini:
+                  <ul>
+                    <li>Nomor Pembelian: {transaction.name}</li>
+                    <li>Nominal: {currencyFormat(transaction.amountTotal)}</li>
+                    <li>Tanggal: {transaction.dateOrder}</li>
+                  </ul>
+                </>
+              )}
+            </Text>
+
+            {['pending', 'failed', 'success'].includes(statusPayment) && (
               <>
-                Kami mohon kepada {transaction.address.customer.name} untuk dapat segera
-                menyelesaikan transaksi dengan detail dibawah ini:
-                <ul>
-                  <li>Nomor Pembelian: {transaction.name}</li>
-                  <li>Nominal: {transaction.amountTotal > 0 ? currencyFormat(transaction.amountTotal) : '0'}</li>
-                  <li>Tanggal: {transaction.dateOrder}</li>
-                </ul>
-              </>
-            )}
-          </Text>
+                <Text style={{ ...style.text, lineHeight: '100%', marginTop: '24px' }}>
+                  <strong>Detail Transaksi</strong>
+                </Text>
 
-          {['pending', 'failed', 'success'].includes(statusPayment) && (
-            <>
-              <Text style={{ ...style.text, lineHeight: '100%', marginTop: '24px' }}>
-                <strong>Detail Transaksi</strong>
-              </Text>
+                <Hr style={style.hr} />
 
-              <Hr style={style.hr} />
+                <Section style={style.alert}>
+                  {statusPayment == 'success' &&
+                    'Struk ini dapat anda simpan sebagai bukti tambahan dalam transaksi yang telah dilakukan.'}
+                  {statusPayment == 'pending' &&
+                    'Kami akan menginformasikan melalui email setelah anda berhasil melakukan pembayaran.'}
+                  {statusPayment == 'failed' &&
+                    'Dimohon untuk tidak  melakukan pembayaran. Karena transaksi anda tidak berhasil dibuat.'}
+                </Section>
 
-              <Section style={style.alert}>
-                {statusPayment == 'success' &&
-                  'Struk ini dapat anda simpan sebagai bukti tambahan dalam transaksi yang telah dilakukan.'}
-                {statusPayment == 'pending' &&
-                  'Kami akan menginformasikan melalui email setelah anda berhasil melakukan pembayaran.'}
-                {statusPayment == 'failed' &&
-                  'Dimohon untuk tidak  melakukan pembayaran. Karena transaksi anda tidak berhasil dibuat.'}
-              </Section>
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>No Transaksi (SO)</Column>
+                  <Column style={style.descriptionRCol}>{transaction.name}</Column>
+                </Row>
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>Tanggal Transaksi</Column>
+                  <Column style={style.descriptionRCol}>{payment.transactionTime}</Column>
+                </Row>
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>Status Pembayaran</Column>
+                  <Column style={{ ...style.descriptionRCol }}>
+                    {statusPayment == 'success' && (
+                      <div style={{ ...style.badge, ...style.badgeGreen }}>Berhasil</div>
+                    )}
+                    {statusPayment == 'pending' && (
+                      <div style={{ ...style.badge, ...style.badgeRed }}>Pending</div>
+                    )}
+                    {statusPayment == 'failed' && (
+                      <div style={{ ...style.badge, ...style.badgeRed }}>Tidak Berhasil</div>
+                    )}
+                  </Column>
+                </Row>
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>Metode Pembayaran</Column>
+                  <Column style={style.descriptionRCol}>
+                    {toTitleCase(payment.paymentType.replaceAll('_', ' '))}
+                  </Column>
+                </Row>
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>Batas Akhir Pembayaran</Column>
+                  <Column style={style.descriptionRCol}>{payment.expiryTime}</Column>
+                </Row>
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>Nominal Transfer</Column>
+                  <Column style={style.descriptionRCol}>
+                    <span style={{ fontWeight: '600' }}>{currencyFormat(payment.grossAmount)}</span>
+                  </Column>
+                </Row>
 
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>No Transaksi (SO)</Column>
-                <Column style={style.descriptionRCol}>{transaction.name}</Column>
-              </Row>
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>Tanggal Transaksi</Column>
-                <Column style={style.descriptionRCol}>{payment.transactionTime}</Column>
-              </Row>
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>Status Pembayaran</Column>
-                <Column style={{ ...style.descriptionRCol }}>
-                  {statusPayment == 'success' && (
-                    <div style={{ ...style.badge, ...style.badgeGreen }}>Berhasil</div>
-                  )}
-                  {statusPayment == 'pending' && (
-                    <div style={{ ...style.badge, ...style.badgeRed }}>Pending</div>
-                  )}
-                  {statusPayment == 'failed' && (
-                    <div style={{ ...style.badge, ...style.badgeRed }}>Tidak Berhasil</div>
-                  )}
-                </Column>
-              </Row>
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>Metode Pembayaran</Column>
-                <Column style={style.descriptionRCol}>
-                  {toTitleCase(payment.paymentType.replaceAll('_', ' '))}
-                </Column>
-              </Row>
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>Batas Akhir Pembayaran</Column>
-                <Column style={style.descriptionRCol}>{payment.expiryTime}</Column>
-              </Row>
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>Nominal Transfer</Column>
-                <Column style={style.descriptionRCol}>
-                  <span style={{ fontWeight: '600' }}>{currencyFormat(payment.grossAmount)}</span>
-                </Column>
-              </Row>
+                <Text style={{ ...style.text, lineHeight: '100%', marginTop: '24px' }}>
+                  <strong>Detail Produk</strong>
+                </Text>
 
-              <Text style={{ ...style.text, lineHeight: '100%', marginTop: '24px' }}>
-                <strong>Detail Produk</strong>
-              </Text>
+                <Hr style={style.hr} />
 
-              <Hr style={style.hr} />
+                {transaction.products.map((product) => (
+                  <Row style={style.productRow} key={product.id}>
+                    <Column style={style.productLCol}>
+                      <Img src={product.parent.image} width='100%' />
+                    </Column>
+                    <Column style={style.productRCol}>
+                      <Text style={style.productName}>{product.name}</Text>
+                      <Text style={style.productCode}>{product.code}</Text>
+                      <div style={{ dislay: 'flex' }}>
+                        <span style={style.productPriceA}>
+                          {currencyFormat(product.price.priceDiscount)}
+                        </span>
+                        {product.price.discountPercentage > 0 && (
+                          <>
+                            &nbsp;
+                            <span style={style.productPriceB}>
+                              {currencyFormat(product.price.price)}
+                            </span>
+                          </>
+                        )}
+                        &nbsp; x {product.quantity} barang
+                      </div>
+                    </Column>
+                  </Row>
+                ))}
 
-              {transaction.products.map((product) => (
-                <Row style={style.productRow} key={product.id}>
-                  <Column style={style.productLCol}>
-                    <Img src={product.parent.image} width='100%' />
+                <Hr style={style.hr} />
+
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>Subtotal</Column>
+                  <Column style={style.descriptionRCol}>
+                    {currencyFormat(transaction.subtotal)}
                   </Column>
-                  <Column style={style.productRCol}>
-                    <Text style={style.productName}>{product.name}</Text>
-                    <Text style={style.productCode}>{product.code}</Text>
-                    <div style={{ dislay: 'flex' }}>
-                      <span style={style.productPriceA}>
-                        {currencyFormat(product.price.priceDiscount)}
-                      </span>
-                      {product.price.discountPercentage > 0 && (
-                        <>
-                          &nbsp;
-                          <span style={style.productPriceB}>
-                            {currencyFormat(product.price.price)}
-                          </span>
-                        </>
-                      )}
-                      &nbsp; x {product.quantity} barang
-                    </div>
+                </Row>
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>Total Diskon</Column>
+                  <Column style={{ ...style.descriptionRCol, color: '#E20613' }}>
+                    {currencyFormat(transaction.discountTotal)}
+                  </Column>
+                </Row>
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>PPN 11% (Incl.)</Column>
+                  <Column style={style.descriptionRCol}>
+                    {currencyFormat(transaction.subtotal * 0.11)}
                   </Column>
                 </Row>
-              ))}
-
-              <Hr style={style.hr} />
-
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>Subtotal</Column>
-                <Column style={style.descriptionRCol}>
-                  {currencyFormat(transaction.subtotal)}
-                </Column>
-              </Row>
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>Total Diskon</Column>
-                <Column style={{ ...style.descriptionRCol, color: '#E20613' }}>
-                  {currencyFormat(transaction.discountTotal)}
-                </Column>
-              </Row>
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>PPN 11% (Incl.)</Column>
-                <Column style={style.descriptionRCol}>
-                  {currencyFormat(transaction.subtotal * 0.11)}
-                </Column>
-              </Row>
-
-              <Hr style={style.hr} />
 
-              <Row style={style.descriptionRow}>
-                <Column style={style.descriptionLCol}>Grand Total</Column>
-                <Column style={style.descriptionRCol}>
-                  <span style={{ fontWeight: '600' }}>
-                    {transaction.amountTotal > 0 ? currencyFormat(transaction.amountTotal) : '0'}
-                  </span>
-                </Column>
-              </Row>
+                <Hr style={style.hr} />
 
-              <Hr style={style.hr} />
-            </>
-          )}
+                <Row style={style.descriptionRow}>
+                  <Column style={style.descriptionLCol}>Grand Total</Column>
+                  <Column style={style.descriptionRCol}>
+                    <span style={{ fontWeight: '600' }}>
+                      {transaction.amountTotal > 0 ? currencyFormat(transaction.amountTotal) : '0'}
+                    </span>
+                  </Column>
+                </Row>
 
-          {statusPayment == 'manual' && (
-            <>
-              <Text style={style.text}>
-                Dengan cara dibawah ini:
-                <ul>
-                  <li>
-                    Lakukan pembayaran manual via mobile app perbankan{' '}
-                    {transaction.address.customer.name}
-                    <br />
-                    Nama Bank: Bank Central Asia (BCA)
-                    <br />
-                    No. Rek: 8870400081
-                    <br />
-                    A/N: INDOTEKNIK DOTCOM GEMILANG PT
-                  </li>
-                  <li>
-                    Setelah berhasil melakukan pembayaran, mohon agar melakukan Screen Capture bukti
-                    bayar sebagai bukti untuk kami bahwa {transaction.address.customer.name} telah
-                    melakukan transaksi pembayaran
-                  </li>
-                  <li>
-                    Kirimkan bukti transaksi pembayaran anda dengan melakukan reply / balas email
-                    ini dengan melampirkan bukti di attachment / lampiran
-                  </li>
-                  <li>
-                    Transaksi {transaction.address.customer.name} akan segera diproses oleh salah
-                    satu Account Representative Indoteknik
-                  </li>
-                </ul>
-              </Text>
-              <Text style={style.text}>
-                Jika ada pertanyaan seputar teknis pembayaran {transaction.address.customer.name}{' '}
-                dapat hubungi kami melalui Email{' '}
-                <a href='mailto:sales@indoteknik.com'>(sales@indoteknik.com)</a> atau Whatsapp{' '}
-                <a href={whatsappUrl()} target='_blank' rel='noreferrer'>
-                  (+62 812-8080-622)
-                </a>
-                .
-              </Text>
-              <Text style={style.text}>
-                Terima kasih atas perhatiannya, selamat kembali beraktifitas
-              </Text>
-            </>
-          )}
+                <Hr style={style.hr} />
+              </>
+            )}
 
+            {statusPayment == 'manual' && (
+              <>
+                <Text style={style.text}>
+                  Dengan cara dibawah ini:
+                  <ul>
+                    <li>
+                      Lakukan pembayaran manual via mobile app perbankan{' '}
+                      {transaction.address.customer.name}
+                      <br />
+                      Nama Bank: Bank Central Asia (BCA)
+                      <br />
+                      No. Rek: 8870400081
+                      <br />
+                      A/N: INDOTEKNIK DOTCOM GEMILANG PT
+                    </li>
+                    <li>
+                      Setelah berhasil melakukan pembayaran, mohon agar melakukan Screen Capture bukti
+                      bayar sebagai bukti untuk kami bahwa {transaction.address.customer.name} telah
+                      melakukan transaksi pembayaran
+                    </li>
+                    <li>
+                      Kirimkan bukti transaksi pembayaran anda dengan melakukan reply / balas email
+                      ini dengan melampirkan bukti di attachment / lampiran
+                    </li>
+                    <li>
+                      Transaksi {transaction.address.customer.name} akan segera diproses oleh salah
+                      satu Account Representative Indoteknik
+                    </li>
+                  </ul>
+                </Text>
+                <Text style={style.text}>
+                  Jika ada pertanyaan seputar teknis pembayaran {transaction.address.customer.name}{' '}
+                  dapat hubungi kami melalui Email{' '}
+                  <a href='mailto:sales@indoteknik.com'>(sales@indoteknik.com)</a> atau Whatsapp{' '}
+                  <a href={whatsappUrl()} target='_blank' rel='noreferrer'>
+                    (+62 812-8080-622)
+                  </a>
+                  .
+                </Text>
+                <Text style={style.text}>
+                  Terima kasih atas perhatiannya, selamat kembali beraktifitas
+                </Text>
+              </>
+            )}
+          </div>
+          : <FinishCheckout/> 
+        }
+          
           <Text style={{ ...style.text, margin: '12px 0 3px' }}>Best regards,</Text>
 
           <Text style={{ ...style.text, margin: '3px 0 0' }}>