summaryrefslogtreecommitdiff
path: root/src/lib
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib')
-rw-r--r--src/lib/checkout/api/ExpedisiList.js8
-rw-r--r--src/lib/checkout/api/serviceExpedisi.js8
-rw-r--r--src/lib/checkout/components/Checkout.jsx208
-rw-r--r--src/lib/variant/components/VariantCard.jsx3
4 files changed, 218 insertions, 9 deletions
diff --git a/src/lib/checkout/api/ExpedisiList.js b/src/lib/checkout/api/ExpedisiList.js
new file mode 100644
index 00000000..ca22bec1
--- /dev/null
+++ b/src/lib/checkout/api/ExpedisiList.js
@@ -0,0 +1,8 @@
+import odooApi from '@/core/api/odooApi'
+
+const ExpedisiList = async () => {
+ const dataExpedisi = await odooApi('GET', '/api/v1/courier')
+ return dataExpedisi
+}
+
+export default ExpedisiList
diff --git a/src/lib/checkout/api/serviceExpedisi.js b/src/lib/checkout/api/serviceExpedisi.js
new file mode 100644
index 00000000..0ff0aa03
--- /dev/null
+++ b/src/lib/checkout/api/serviceExpedisi.js
@@ -0,0 +1,8 @@
+import rajaOngkir from '@/core/api/rajaOngkirApi'
+
+const serviceExpedisi = async (body) => {
+ const dataExpedisi = await rajaOngkir('POST', '/starter/cost', body)
+ return dataExpedisi
+}
+
+export default serviceExpedisi
diff --git a/src/lib/checkout/components/Checkout.jsx b/src/lib/checkout/components/Checkout.jsx
index dc3908db..b51c9b34 100644
--- a/src/lib/checkout/components/Checkout.jsx
+++ b/src/lib/checkout/components/Checkout.jsx
@@ -19,6 +19,7 @@ import axios from 'axios'
import Image from '@/core/components/elements/Image/Image'
import MobileView from '@/core/components/views/MobileView'
import DesktopView from '@/core/components/views/DesktopView'
+import ExpedisiList from '../api/ExpedisiList'
import whatsappUrl from '@/core/utils/whatsappUrl'
import { createSlug } from '@/core/utils/slug'
@@ -63,7 +64,22 @@ const Checkout = () => {
const [products, setProducts] = useState(null)
const [totalAmount, setTotalAmount] = useState(0)
const [totalDiscountAmount, setTotalDiscountAmount] = useState(0)
+ const [totalWeight, setTotalWeight] = useState(0)
const [priceCheck, setPriceCheck] = useState(false)
+ const [listExpedisi, setExpedisi] = useState([])
+ const [listserviceExpedisi, setListServiceExpedisi] = useState([])
+ const [selectedExpedisi, setSelectedExpedisi] = useState(0)
+ const [biayaKirim, setBiayaKirim] = useState(null)
+ const [checkWeigth, setCheckWeight] = useState(false)
+
+ useEffect(() => {
+ const loadExpedisi = async () => {
+ let dataExpedisi = await ExpedisiList()
+ dataExpedisi = dataExpedisi.map((city) => ({ value: city.id, label: city.name }))
+ setExpedisi(dataExpedisi)
+ }
+ loadExpedisi()
+ }, [])
useEffect(() => {
const loadProducts = async () => {
@@ -97,16 +113,45 @@ const Checkout = () => {
if (products) {
let calculateTotalAmount = 0
let calculateTotalDiscountAmount = 0
+ let calcuateTotalWeight = 0
products.forEach((product) => {
calculateTotalAmount += product.price.price * product.quantity
calculateTotalDiscountAmount +=
(product.price.price - product.price.priceDiscount) * product.quantity
+ calcuateTotalWeight += product.weight * product.quantity
+ if (product.weight == 0) {
+ setCheckWeight(true)
+ }
})
setTotalAmount(calculateTotalAmount)
setTotalDiscountAmount(calculateTotalDiscountAmount)
+ setTotalWeight(calcuateTotalWeight * 1000)
}
}, [products])
+ useEffect(() => {
+ const loadServiceRajaOngkir = async () => {
+ const body = {
+ origin: 155,
+ destination: selectedAddress.shipping.rajaongkirCityId,
+ weight: totalWeight,
+ courier: selectedExpedisi,
+ originType: 'city',
+ destinationType: 'city'
+ }
+ setBiayaKirim(0)
+ const dataService = await axios('/api/rajaongkir-service?body=' + JSON.stringify(body))
+ setListServiceExpedisi(dataService.data[0].costs)
+ setBiayaKirim(dataService.data[0].costs[0].cost[0].value)
+ }
+ if (selectedExpedisi != 0 && selectedExpedisi != 1 && totalWeight > 0) {
+ loadServiceRajaOngkir()
+ } else {
+ setListServiceExpedisi()
+ setBiayaKirim(0)
+ }
+ }, [selectedExpedisi, selectedAddress, totalWeight])
+
const poNumber = useRef(null)
const poFile = useRef(null)
@@ -127,6 +172,7 @@ const Checkout = () => {
partner_shipping_id: auth.partnerId,
partner_invoice_id: auth.partnerId,
order_line: JSON.stringify(productOrder),
+ delivery_amount : biayaKirim,
type: 'sale_order'
}
if (poNumber.current.value) data.po_number = poNumber.current.value
@@ -142,6 +188,7 @@ const Checkout = () => {
const payment = await axios.post(
`${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/midtrans-payment?transactionId=${isCheckouted.id}`
)
+ console.log(payment)
setIsLoading(false)
window.location.href = payment.data.redirectUrl
}
@@ -164,9 +211,50 @@ const Checkout = () => {
<Divider />
- <PickupAddress label='Alamat Pickup' />
-
- <Divider />
+ {/* <PickupAddress label='Alamat Pickup' /> */}
+ <SectionAddress
+ address={selectedAddress.shipping}
+ label='Alamat Kirim'
+ url='/my/address?select=shipping'
+ ></SectionAddress>
+ <Divider />
+ <SectionAddress
+ address={selectedAddress.invoicing}
+ label='Alamat Penagihan'
+ url='/my/address?select=invoice'
+ ></SectionAddress>
+ <Divider />
+ <SectionValidation
+ address={selectedAddress.invoicing}
+ checkWeigth={checkWeigth}
+ ></SectionValidation>
+ <Divider />
+ <SectionExpedisi
+ address={selectedAddress.shipping}
+ listExpedisi={listExpedisi}
+ setSelectedExpedisi={setSelectedExpedisi}
+ checkWeigth={checkWeigth}
+ ></SectionExpedisi>
+ <Divider />
+ {listserviceExpedisi && (
+ <div className='p-4'>
+ <div className='flex justify-between items-center'>
+ <div className='font-medium'>Service Type Expedisi : </div>
+ <div>
+ <select className='form-input' onChange={(e) => setBiayaKirim(e.target.value)}>
+ <option value=''>Service Type</option>
+ {listserviceExpedisi.map((service) => (
+ <option value={service.cost[0].value} key={service.service}>
+ {' '}
+ {service.service.toUpperCase()}{' '}
+ </option>
+ ))}
+ </select>
+ </div>
+ </div>
+ </div>
+ )}
+ <Divider />
<div className='p-4 flex flex-col gap-y-4'>
{products && <VariantGroupCard openOnClick={false} variants={products} />}
@@ -197,12 +285,16 @@ const Checkout = () => {
<div className='text-gray_r-11'>PPN 11%</div>
<div>{currencyFormat(taxTotal)}</div>
</div>
+ <div className='flex gap-x-2 justify-between'>
+ <div className='text-gray_r-11'>Biaya Kirim</div>
+ <div>{currencyFormat(biayaKirim)}</div>
+ </div>
</div>
<hr className='my-4 border-gray_r-6' />
<div className='flex gap-x-2 justify-between mb-4'>
<div>Grand Total</div>
<div className='font-semibold text-gray_r-12'>
- {currencyFormat(totalAmount - totalDiscountAmount + taxTotal)}
+ {currencyFormat(totalAmount - totalDiscountAmount + taxTotal + biayaKirim)}
</div>
</div>
{/* <p className='text-caption-2 text-gray_r-10 mb-2'>*) Belum termasuk biaya pengiriman</p> */}
@@ -244,7 +336,7 @@ const Checkout = () => {
<button
className='flex-1 btn-yellow'
onClick={checkout}
- disabled={isLoading || !products || products?.length == 0 || priceCheck}
+ disabled={isLoading || !products || products?.length == 0 || priceCheck || selectedExpedisi == 0}
>
{isLoading ? 'Loading...' : 'Lanjut Pembayaran'}
</button>
@@ -264,8 +356,48 @@ const Checkout = () => {
<DesktopView>
<div className='container mx-auto py-10 flex'>
<div className='w-3/4 border border-gray_r-6 rounded bg-white'>
- <PickupAddress label='Alamat Pickup' />
-
+ {/* <PickupAddress label='Alamat Pickup' /> */}
+ <SectionAddress
+ address={selectedAddress.shipping}
+ label='Alamat Kirim'
+ url='/my/address?select=shipping'
+ ></SectionAddress>
+ <Divider />
+ <SectionAddress
+ address={selectedAddress.invoicing}
+ label='Alamat Penagihan'
+ url='/my/address?select=invoice'
+ ></SectionAddress>
+ <Divider />
+ <SectionValidation
+ address={selectedAddress.invoicing}
+ checkWeigth={checkWeigth}
+ ></SectionValidation>
+ <Divider />
+ <SectionExpedisi
+ address={selectedAddress.shipping}
+ listExpedisi={listExpedisi}
+ setSelectedExpedisi={setSelectedExpedisi}
+ checkWeigth={checkWeigth}
+ ></SectionExpedisi>
+ <Divider />
+ {listserviceExpedisi && (
+ <div className='p-4'>
+ <div className='flex justify-between items-center'>
+ <div className='font-medium'>Service Type Expedisi : </div>
+ <div>
+ <select className='form-input' onChange={(e) => setBiayaKirim(e.target.value)}>
+ {listserviceExpedisi.map((service) => (
+ <option value={service.cost[0].value} key={service.service}>
+ {' '}
+ {service.service.toUpperCase()}{' '}
+ </option>
+ ))}
+ </select>
+ </div>
+ </div>
+ </div>
+ )}
<Divider />
<div className='p-4'>
@@ -300,6 +432,9 @@ const Checkout = () => {
? `| ${product?.attributes.join(', ')}`
: ''}
</div>
+ <div className='text-gray_r-11 mt-2'>
+ Berat item : {product?.weight} Kg
+ </div>
</div>
</td>
<td>
@@ -377,6 +512,10 @@ const Checkout = () => {
<div className='text-gray_r-11'>PPN 11%</div>
<div>{currencyFormat(taxTotal)}</div>
</div>
+ <div className='flex gap-x-2 justify-between'>
+ <div className='text-gray_r-11'>Biaya Kirim</div>
+ <div>{currencyFormat(biayaKirim)}</div>
+ </div>
</div>
<hr className='my-4 border-gray_r-6' />
@@ -384,7 +523,7 @@ const Checkout = () => {
<div className='flex gap-x-2 justify-between mb-4'>
<div>Grand Total</div>
<div className='font-semibold text-gray_r-12'>
- {currencyFormat(totalAmount - totalDiscountAmount + taxTotal)}
+ {currencyFormat(totalAmount - totalDiscountAmount + taxTotal + parseInt(biayaKirim))}
</div>
</div>
<p className='text-caption-2 text-gray_r-11 leading-5'>
@@ -423,7 +562,7 @@ const Checkout = () => {
<button
className='w-full btn-yellow mt-4'
onClick={checkout}
- disabled={isLoading || !products || products?.length == 0 || priceCheck}
+ disabled={isLoading || !products || products?.length == 0 || priceCheck || selectedExpedisi == 0}
>
{isLoading ? 'Loading...' : 'Lanjut Pembayaran'}
</button>
@@ -468,6 +607,57 @@ const SectionAddress = ({ address, label, url }) => (
)}
</div>
)
+
+const SectionValidation = ({ address, checkWeigth }) => (
+ address?.rajaongkirCityId == 0 && (
+ <div className='p-4'>
+ <div className='flex justify-between items-center'>
+ <div>
+ <p className='mt-2 text-gray_r-11'>
+ SIlahkan Update alamat kirim melalui{' '}
+ <Link className='text-caption-1 inline' href={`/my/address/${address.id}/edit`}>
+ Link ini !
+ </Link>
+ </p>
+ </div>
+ </div>
+ </div>
+ )
+)
+
+const SectionExpedisi = ({ address, listExpedisi, setSelectedExpedisi, checkWeigth }) =>
+ address?.rajaongkirCityId > 0 && (
+ <div className='p-4'>
+ <div className='flex justify-between items-center'>
+ <div className='font-medium'>Pilih Expedisi : </div>
+ <div>
+ <select className='form-input' onChange={(e) => setSelectedExpedisi(e.target.value)}>
+ <option value=''>Pengiriman</option>
+ <option value='1'>SELF PICKUP</option>
+ {listExpedisi.map((expedisi) => (
+ <option disabled={checkWeigth} value={expedisi.label} key={expedisi.value}>
+ {' '}
+ {expedisi.label.toUpperCase()}{' '}
+ </option>
+ ))}
+ </select>
+ </div>
+ </div>
+ {checkWeigth == true && (
+ <p className='mt-2 text-gray_r-11'>
+ Opsi pengiriman hanya ada self pickup, , silahkan hub admin di{' '}
+ <span>
+ <a
+ className='text-danger-500'
+ href='https://api.whatsapp.com/send?phone=628128080622'
+ >
+ Link InI !
+ </a>
+ </span>
+ </p>
+ )}
+ </div>
+ )
const PickupAddress = ({ label }) => (
<div className='p-4'>
<div className='flex justify-between items-center'>
diff --git a/src/lib/variant/components/VariantCard.jsx b/src/lib/variant/components/VariantCard.jsx
index 93234c53..0f9f02f6 100644
--- a/src/lib/variant/components/VariantCard.jsx
+++ b/src/lib/variant/components/VariantCard.jsx
@@ -39,6 +39,9 @@ const VariantCard = ({ product, openOnClick = true, buyMore = false }) => {
{product.code || '-'}
{product.attributes.length > 0 ? ` ・ ${product.attributes.join(', ')}` : ''}
</p>
+ <p className='text-caption-2 text-gray_r-11 mt-1'>
+ Berat Item : {product?.weight} Kg
+ </p>
<div className='flex flex-wrap gap-x-1 items-center mt-auto'>
{product.price.discountPercentage > 0 && (
<>
generated by cgit v1.2.3 (git 2.25.1) at 2026-05-06 16:30:43 +0000