fix: addresses
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import { ref, computed } from 'vue'
|
||||
import { useFetchJson } from '@/composable/useFetchJson'
|
||||
|
||||
export interface CartItem {
|
||||
id: number
|
||||
@@ -18,6 +19,15 @@ export interface DeliveryMethod {
|
||||
description: string
|
||||
}
|
||||
|
||||
export interface Address {
|
||||
id: number
|
||||
country_id: number
|
||||
customer_id: number
|
||||
address_info: Record<string, string>
|
||||
}
|
||||
|
||||
export type AddressTemplate = Record<string, string>
|
||||
|
||||
export const useCartStore = defineStore('cart', () => {
|
||||
const items = ref<CartItem[]>([])
|
||||
const selectedAddressId = ref<number | null>(null)
|
||||
@@ -31,6 +41,122 @@ export const useCartStore = defineStore('cart', () => {
|
||||
{ id: 3, name: 'Priority Delivery', price: 30, description: 'Next business day' }
|
||||
])
|
||||
|
||||
const addresses = ref<Address[]>([])
|
||||
const addressLoading = ref(false)
|
||||
const addressError = ref<string | null>(null)
|
||||
const addressSearchQuery = ref('')
|
||||
const addressCurrentPage = ref(1)
|
||||
const addressPageSize = 20
|
||||
const addressTotalCount = ref(0)
|
||||
|
||||
function transformAddressResponse(address: any): Address {
|
||||
const info = address.address_info || address.addressInfo || {}
|
||||
|
||||
return {
|
||||
id: address.id ?? 0,
|
||||
country_id: address.country_id ?? address.countryId ?? 1,
|
||||
customer_id: address.customer_id ?? address.customerId ?? 0,
|
||||
address_info: info as Record<string, string>
|
||||
}
|
||||
}
|
||||
|
||||
async function fetchAddresses() {
|
||||
addressLoading.value = true
|
||||
addressError.value = null
|
||||
|
||||
try {
|
||||
const queryParam = addressSearchQuery.value ? `&query=${encodeURIComponent(addressSearchQuery.value)}` : ''
|
||||
const response = await useFetchJson<Address[]>(`/api/v1/restricted/addresses/retrieve-addresses?page=${addressCurrentPage.value}&elems=${addressPageSize}${queryParam}`)
|
||||
addresses.value = response.items || []
|
||||
addressTotalCount.value = response.count ?? addresses.value.length
|
||||
} catch (error: unknown) {
|
||||
addressError.value = error instanceof Error ? error.message : 'Failed to load addresses'
|
||||
} finally {
|
||||
addressLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function addAddress(countryId: number, formData: AddressTemplate): Promise<Address | null> {
|
||||
addressLoading.value = true
|
||||
addressError.value = null
|
||||
|
||||
try {
|
||||
const response = await useFetchJson<any>(`/api/v1/restricted/addresses/add-new-address?country_id=${countryId}`, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(formData)
|
||||
})
|
||||
|
||||
await fetchAddresses()
|
||||
return transformAddressResponse(response.items ?? response)
|
||||
} catch (error: unknown) {
|
||||
addressError.value = error instanceof Error ? error.message : 'Failed to create address'
|
||||
return null
|
||||
} finally {
|
||||
addressLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function getAddressTemplate(countryId: number): Promise<AddressTemplate> {
|
||||
const response = await useFetchJson<any>(`/api/v1/restricted/addresses/get-template?country_id=${countryId}`)
|
||||
return response.items ?? {}
|
||||
}
|
||||
|
||||
async function updateAddress(id: number, countryId: number, formData: AddressTemplate): Promise<boolean> {
|
||||
addressLoading.value = true
|
||||
addressError.value = null
|
||||
|
||||
try {
|
||||
await useFetchJson<any>(`/api/v1/restricted/addresses/modify-address?country_id=${countryId}&address_id=${id}`, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(formData)
|
||||
})
|
||||
|
||||
await fetchAddresses()
|
||||
return true
|
||||
} catch (error: unknown) {
|
||||
addressError.value = error instanceof Error ? error.message : 'Failed to update address'
|
||||
return false
|
||||
} finally {
|
||||
addressLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function deleteAddress(id: number): Promise<boolean> {
|
||||
addressLoading.value = true
|
||||
addressError.value = null
|
||||
|
||||
try {
|
||||
await useFetchJson<any>(`/api/v1/restricted/addresses/delete-address?address_id=${id}`, {
|
||||
method: 'DELETE'
|
||||
})
|
||||
|
||||
await fetchAddresses()
|
||||
return true
|
||||
} catch (error: unknown) {
|
||||
addressError.value = error instanceof Error ? error.message : 'Failed to delete address'
|
||||
return false
|
||||
} finally {
|
||||
addressLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const totalAddressItems = computed(() => addressTotalCount.value || addresses.value.length)
|
||||
const totalAddressPages = computed(() => Math.ceil(totalAddressItems.value / addressPageSize))
|
||||
|
||||
const paginatedAddresses = computed(() => addresses.value)
|
||||
|
||||
function setAddressPage(page: number) {
|
||||
addressCurrentPage.value = page
|
||||
return fetchAddresses()
|
||||
}
|
||||
|
||||
function setAddressSearchQuery(query: string) {
|
||||
addressSearchQuery.value = query
|
||||
addressCurrentPage.value = 1
|
||||
return fetchAddresses()
|
||||
}
|
||||
|
||||
|
||||
function initMockData() {
|
||||
items.value = [
|
||||
{ id: 1, productId: 101, name: 'Premium Widget Pro', product_number: 'NC209/7000', image: '/img/product-1.jpg', price: 129.99, quantity: 2 },
|
||||
@@ -124,6 +250,22 @@ export const useCartStore = defineStore('cart', () => {
|
||||
removeItem,
|
||||
clearCart,
|
||||
setSelectedAddress,
|
||||
setDeliveryMethod
|
||||
setDeliveryMethod,
|
||||
addresses,
|
||||
addressLoading,
|
||||
addressError,
|
||||
addressSearchQuery,
|
||||
addressCurrentPage,
|
||||
addressPageSize,
|
||||
paginatedAddresses,
|
||||
totalAddressItems,
|
||||
totalAddressPages,
|
||||
fetchAddresses,
|
||||
addAddress,
|
||||
updateAddress,
|
||||
deleteAddress,
|
||||
setAddressPage,
|
||||
setAddressSearchQuery,
|
||||
getAddressTemplate
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user