fix

1 files changed, 173 insertions, 108 deletions

diff --git a/src/lib/checkout/email/FinishCheckoutEmail.jsx b/src/lib/checkout/email/FinishCheckoutEmail.jsx
index 950fe318..1a4940ee 100644
--- a/src/lib/checkout/email/FinishCheckoutEmail.jsx
+++ b/src/lib/checkout/email/FinishCheckoutEmail.jsx
@@ -33,6 +33,7 @@ const FinishCheckoutEmail = ({ transaction, payment, statusPayment }) => {
             {statusPayment == 'success' && 'Terimakasih untuk pembelian anda!'}
             {statusPayment == 'pending' && 'Menunggu Pembayaran'}
             {statusPayment == 'failed' && 'Pembayaran Tidak Berhasil'}
+            {statusPayment == 'manual' && 'Pembelian di Indoteknik.com'}
           </Heading>
 
           <Text style={style.text}>Hai {transaction.address.customer.name},</Text>
@@ -63,6 +64,12 @@ const FinishCheckoutEmail = ({ transaction, payment, statusPayment }) => {
                 kembali dengan produk yang anda inginkan di website Indoteknik.com.
               </>
             )}
+            {statusPayment == 'manual' && (
+              <>
+                Terima kasih telah mempercayai Indoteknik.com sebagai Platform B2B industrial Supply
+                & Solution
+              </>
+            )}
           </Text>
           <Text style={style.text}>
             {['pending', 'failed'].includes(statusPayment) && (
@@ -77,127 +84,185 @@ const FinishCheckoutEmail = ({ transaction, payment, statusPayment }) => {
                 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: {transaction.amountTotal}</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%'
+                    />
+                  </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>
+              ))}
 
-          <Hr style={style.hr} />
+              <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>
+              <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} />
+              <Hr style={style.hr} />
+
+              <Row style={style.descriptionRow}>
+                <Column style={style.descriptionLCol}>Grand Total</Column>
+                <Column style={style.descriptionRCol}>
+                  <span style={{ fontWeight: '600' }}>
+                    {currencyFormat(transaction.amountTotal)}
+                  </span>
+                </Column>
+              </Row>
 
-          <Row style={style.descriptionRow}>
-            <Column style={style.descriptionLCol}>Grand Total</Column>
-            <Column style={style.descriptionRCol}>
-              <span style={{ fontWeight: '600' }}>{currencyFormat(transaction.amountTotal)}</span>
-            </Column>
-          </Row>
+              <Hr style={style.hr} />
+            </>
+          )}
 
-          <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} Bank Central Asia (BCA) 8870400081 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='https://wa.me/628128080622'>(+62 812-8080-622)</a>.
+              </Text>
+              <Text style={style.text}>
+                Terima kasih atas perhatiannya, selamat kembali beraktifitas
+              </Text>
+            </>
+          )}
 
           <Text style={{ ...style.text, margin: '12px 0 3px' }}>Best regards,</Text>