From ddb82d97f794d59d846aa9b7c3d1dd1eff9cb9a9 Mon Sep 17 00:00:00 2001
From: trisusilo48 <tri.susilo@altama.co.id>
Date: Fri, 29 Nov 2024 16:31:58 +0700
Subject: ppn 12 persen

---
 src-migrate/modules/cart/components/Summary.tsx            |  3 ++-
 src-migrate/modules/cart/stores/useCartStore.ts            | 14 +++++++++-----
 .../modules/product-card/components/ProductCard.tsx        |  3 ++-
 .../modules/product-detail/components/PriceAction.tsx      |  3 ++-
 src/lib/checkout/components/Checkout.jsx                   |  5 +++--
 5 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src-migrate/modules/cart/components/Summary.tsx b/src-migrate/modules/cart/components/Summary.tsx
index 2e55c8df..0af5ab18 100644
--- a/src-migrate/modules/cart/components/Summary.tsx
+++ b/src-migrate/modules/cart/components/Summary.tsx
@@ -25,6 +25,7 @@ const CartSummary = ({
   grandTotal,
   isLoaded = false,
 }: Props) => {
+  const PPN : number = process.env.NEXT_PUBLIC_PPN ? parseFloat(process.env.NEXT_PUBLIC_PPN) : 0;
   return (
     <>
       <div className='text-h-sm font-medium'>Ringkasan Pesanan</div>
@@ -50,7 +51,7 @@ const CartSummary = ({
         </Skeleton>
 
         <Skeleton isLoaded={isLoaded} className={style.line}>
-          <span className={style.label}>Tax 11%</span>
+          <span className={style.label}>Tax {((PPN - 1) * 100).toFixed(0)}%</span>
           <span className={style.value}>Rp {formatCurrency(tax || 0)}</span>
         </Skeleton>
 
diff --git a/src-migrate/modules/cart/stores/useCartStore.ts b/src-migrate/modules/cart/stores/useCartStore.ts
index c2ebf50f..e7d2cdd3 100644
--- a/src-migrate/modules/cart/stores/useCartStore.ts
+++ b/src-migrate/modules/cart/stores/useCartStore.ts
@@ -43,17 +43,20 @@ export const useCartStore = create<State & Action>((set, get) => ({
   updateCartItem: (updatedCart) => {
     const cart = get().cart;
     if (!cart) return;
-    
+
     set({ cart: updatedCart });
     const summary = computeSummary(updatedCart);
     set({ summary });
   },
-  
+
 }));
 
 const computeSummary = (cart: CartProps) => {
   let subtotal = 0;
   let discount = 0;
+
+  const PPN: number = process.env.NEXT_PUBLIC_PPN ? parseFloat(process.env.NEXT_PUBLIC_PPN) : 0;
+  
   for (const item of cart?.products) {
     if (!item.selected) continue;
 
@@ -67,8 +70,9 @@ const computeSummary = (cart: CartProps) => {
     discount += price - item.price.price_discount * item.quantity;
   }
   let total = subtotal - discount;
-  let tax = Math.round(total * 0.11);
-  let grandTotal = total + tax;
+  let grandTotal = total * PPN;
+  let tax = grandTotal - total;
+  // let grandTotal = total + tax;
 
-  return { subtotal, discount, total, tax, grandTotal };
+  return { subtotal, discount, total, grandTotal, tax  };
 };
\ No newline at end of file
diff --git a/src-migrate/modules/product-card/components/ProductCard.tsx b/src-migrate/modules/product-card/components/ProductCard.tsx
index a439cdc8..8d3b55fb 100644
--- a/src-migrate/modules/product-card/components/ProductCard.tsx
+++ b/src-migrate/modules/product-card/components/ProductCard.tsx
@@ -16,6 +16,7 @@ type Props = {
   layout?: 'vertical' | 'horizontal';
 };
 
+const PPN : number = process.env.NEXT_PUBLIC_PPN ? parseFloat(process.env.NEXT_PUBLIC_PPN) : 0;
 const ProductCard = ({ product, layout = 'vertical' }: Props) => {
   const utmSource = useUtmSource();
   const { isDesktop, isMobile } = useDevice();
@@ -127,7 +128,7 @@ const ProductCard = ({ product, layout = 'vertical' }: Props) => {
 
         <div className={style['price-inc']}>
           Inc PPN: Rp{' '}
-          {formatCurrency(Math.round(product.lowest_price.price * 1.11))}
+          {formatCurrency(Math.round(product.lowest_price.price * PPN))}
         </div>
 
         <div className='h-1' />
diff --git a/src-migrate/modules/product-detail/components/PriceAction.tsx b/src-migrate/modules/product-detail/components/PriceAction.tsx
index 0b27b1b3..9348bbfb 100644
--- a/src-migrate/modules/product-detail/components/PriceAction.tsx
+++ b/src-migrate/modules/product-detail/components/PriceAction.tsx
@@ -17,6 +17,7 @@ type Props = {
   product: IProductDetail;
 };
 
+const PPN : number = process.env.NEXT_PUBLIC_PPN ? parseFloat(process.env.NEXT_PUBLIC_PPN) : 0;
 const PriceAction = ({ product }: Props) => {
   const {
     activePrice,
@@ -101,7 +102,7 @@ const PriceAction = ({ product }: Props) => {
           <div className='h-1' />
           <div className={style['secondary-text']}>
             Termasuk PPN: Rp{' '}
-            {formatCurrency(Math.round(activePrice.price_discount * 1.11))}
+            {formatCurrency(Math.round(activePrice.price_discount * PPN))}
           </div>
         </>
       )}
diff --git a/src/lib/checkout/components/Checkout.jsx b/src/lib/checkout/components/Checkout.jsx
index 6fb5cdb4..4e182745 100644
--- a/src/lib/checkout/components/Checkout.jsx
+++ b/src/lib/checkout/components/Checkout.jsx
@@ -50,6 +50,7 @@ function convertToInternational(number) {
 }
 
 const Checkout = () => {
+  const PPN = process.env.NEXT_PUBLIC_PPN ? parseFloat(process.env.NEXT_PUBLIC_PPN) : 0;
   const router = useRouter();
   const query = router.query.source ?? null;
   const qVoucher = router.query.voucher ?? null;
@@ -1210,7 +1211,7 @@ const Checkout = () => {
                 <div>{currencyFormat(cartCheckout?.subtotal)}</div>
               </div>
               <div className='flex gap-x-2 justify-between'>
-                <div className='text-gray_r-11'>PPN 11%</div>
+                <div className='text-gray_r-11'>PPN {((PPN - 1) * 100).toFixed(0)}%</div>
                 <div>{currencyFormat(cartCheckout?.tax)}</div>
               </div>
               <div className='flex gap-x-2 justify-between'>
@@ -1514,7 +1515,7 @@ const Checkout = () => {
                       <div>{currencyFormat(cartCheckout?.subtotal)}</div>
                     </div>
                     <div className='flex gap-x-2 justify-between'>
-                      <div className='text-gray_r-11'>PPN 11%</div>
+                      <div className='text-gray_r-11'>PPN {((PPN - 1) * 100).toFixed(0)}%</div>
                       <div>{currencyFormat(cartCheckout?.tax)}</div>
                     </div>
                     <div className='flex gap-x-2 justify-between'>
-- 
cgit v1.2.3