@ecomiq/storefront 2.1.4 → 3.0.0

package/src/components/checkout/use-checkout-customer-prefill.ts

@@ -1,409 +0,0 @@
-import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-  type Dispatch,
-  type SetStateAction,
-} from 'react'
-import {
-  createCustomerAddress,
-  customerMeToProfile,
-  getCustomerAddresses,
-  getCustomerMe,
-  toCustomerSavedAddresses,
-  type CustomerProfile,
-  type CustomerSavedAddress,
-  type Department,
-  type District,
-  type Province,
-} from '@ecomiq/core'
-import { createStorefrontProxyApi } from '../../proxy-api'
-import {
-  buildCheckoutContactStepSchema,
-  buildCheckoutDeliveryStepSchema,
-} from './form-schema'
-import {
-  applySavedAddressToContact,
-  checkoutContactToCustomerAddressUpsert,
-  findGeoCodeByName,
-  mergeCheckoutContactPrefill,
-  customerProfileToCheckoutPatch,
-  customerAddressToCheckoutPatch,
-  pickDefaultCustomerAddress,
-} from './map-customer-to-checkout'
-import {
-  jumpCheckoutToPayment,
-  type CheckoutStepFlow,
-} from './checkout-steps'
-import type { CheckoutContactForm } from './types'
-
-type ShippingFlatItem = { key: string }
-
-type UseCheckoutCustomerPrefillArgs = {
-  enabled: boolean
-  cartToken: string
-  currency: string
-  contact: CheckoutContactForm
-  setContact: Dispatch<SetStateAction<CheckoutContactForm>>
-  departments: Department[]
-  provinces: Province[]
-  districts: District[]
-  selectedShippingKey: string | null
-  shippingFlat: ShippingFlatItem[]
-  shippingLoading: boolean
-  stepFlow: CheckoutStepFlow
-  setStepFlow: Dispatch<SetStateAction<CheckoutStepFlow>>
-  persistDeliveryStep: () => Promise<void>
-  invalidateDeliveryPersistence: () => void
-  /** Si el usuario marcó guardar en cuenta, el auto-avance también debe persistirla. */
-  saveAddressIntent?: { enabled: boolean; addressKey: string } | null
-  onAddressSaveError?: (message: string) => void
-  onAddressSaved?: () => void
-  /** Asocia el carrito guest al buyer autenticado (PATCH buyer). */
-  associateBuyer?: () => Promise<unknown>
-}
-
-export function useCheckoutCustomerPrefill({
-  enabled,
-  cartToken,
-  currency,
-  contact,
-  setContact,
-  departments,
-  provinces,
-  districts,
-  selectedShippingKey,
-  shippingFlat,
-  shippingLoading,
-  stepFlow,
-  setStepFlow,
-  persistDeliveryStep,
-  invalidateDeliveryPersistence,
-  saveAddressIntent = null,
-  onAddressSaveError,
-  onAddressSaved,
-  associateBuyer,
-}: UseCheckoutCustomerPrefillArgs) {
-  const [profile, setProfile] = useState<CustomerProfile | null>(null)
-  const [savedAddresses, setSavedAddresses] = useState<CustomerSavedAddress[]>(
-    [],
-  )
-  const [selectedSavedAddressId, setSelectedSavedAddressId] = useState<
-    string | null
-  >(null)
-  const [isLoadingCustomer, setIsLoadingCustomer] = useState(false)
-
-  const fetchedRef = useRef(false)
-  const profileMergedRef = useRef(false)
-  const addressMergedRef = useRef(false)
-  const buyerAssociatedRef = useRef(false)
-  const autoAdvanceRef = useRef(false)
-  const autoAdvanceInFlightRef = useRef(false)
-
-  useEffect(() => {
-    fetchedRef.current = false
-    profileMergedRef.current = false
-    addressMergedRef.current = false
-    buyerAssociatedRef.current = false
-    autoAdvanceRef.current = false
-    autoAdvanceInFlightRef.current = false
-    setProfile(null)
-    setSavedAddresses([])
-    setSelectedSavedAddressId(null)
-  }, [cartToken])
-
-  useEffect(() => {
-    if (!enabled) return
-    if (fetchedRef.current) return
-    fetchedRef.current = true
-    setIsLoadingCustomer(true)
-
-    void (async () => {
-      try {
-        const api = createStorefrontProxyApi()
-        const [me, addresses] = await Promise.all([
-          getCustomerMe(api),
-          getCustomerAddresses(api),
-        ])
-        const nextProfile = customerMeToProfile(me)
-        const saved = toCustomerSavedAddresses(addresses)
-        setProfile(nextProfile)
-        setSavedAddresses(saved)
-
-        const defaultAddress = pickDefaultCustomerAddress(saved)
-        if (defaultAddress) setSelectedSavedAddressId(defaultAddress.id)
-      } catch {
-        // Sin perfil/direcciones: el checkout sigue como invitado/manual.
-      } finally {
-        setIsLoadingCustomer(false)
-      }
-    })()
-  }, [enabled, cartToken])
-
-  // Prefill perfil (campos vacíos).
-  useEffect(() => {
-    if (!enabled || !profile || profileMergedRef.current) return
-    profileMergedRef.current = true
-    const patch = customerProfileToCheckoutPatch(profile)
-    setContact((current) => mergeCheckoutContactPrefill(current, patch))
-  }, [enabled, profile, setContact])
-
-  // Tras login/registro: asociar el carrito al email del customer.
-  useEffect(() => {
-    if (!enabled || !associateBuyer) return
-    if (buyerAssociatedRef.current || isLoadingCustomer) return
-    const email = contact.email.trim()
-    const firstName = contact.firstName.trim()
-    const lastName = contact.lastName.trim()
-    const phone = contact.phone.trim()
-    if (!email || !firstName || !lastName || !phone) return
-
-    buyerAssociatedRef.current = true
-    void associateBuyer().catch(() => {
-      buyerAssociatedRef.current = false
-    })
-  }, [
-    associateBuyer,
-    contact.email,
-    contact.firstName,
-    contact.lastName,
-    contact.phone,
-    enabled,
-    isLoadingCustomer,
-  ])
-
-  // Prefill dirección default (campos vacíos).
-  useEffect(() => {
-    if (!enabled || addressMergedRef.current) return
-    if (!savedAddresses.length) return
-    addressMergedRef.current = true
-    const defaultAddress = pickDefaultCustomerAddress(savedAddresses)
-    if (!defaultAddress) return
-    const patch = customerAddressToCheckoutPatch(defaultAddress, profile)
-    setContact((current) => mergeCheckoutContactPrefill(current, patch))
-  }, [enabled, profile, savedAddresses, setContact])
-
-  // Resolver códigos INEI desde nombres.
-  useEffect(() => {
-    if (!enabled) return
-    const isPe = contact.countryCode.toUpperCase() === 'PE'
-    if (!isPe) return
-
-    if (
-      contact.departmentName &&
-      !contact.departmentCode &&
-      departments.length
-    ) {
-      const code = findGeoCodeByName(departments, contact.departmentName)
-      if (code) {
-        setContact((c) =>
-          c.departmentCode ? c : { ...c, departmentCode: code },
-        )
-      }
-    }
-
-    if (
-      contact.provinceName &&
-      contact.departmentCode &&
-      !contact.provinceCode &&
-      provinces.length
-    ) {
-      const code = findGeoCodeByName(provinces, contact.provinceName)
-      if (code) {
-        setContact((c) =>
-          c.provinceCode
-            ? c
-            : { ...c, provinceCode: code, province: c.province || c.provinceName },
-        )
-      }
-    }
-
-    if (
-      contact.districtName &&
-      contact.provinceCode &&
-      !contact.districtCode &&
-      districts.length
-    ) {
-      const code = findGeoCodeByName(districts, contact.districtName)
-      if (code) {
-        setContact((c) =>
-          c.districtCode
-            ? c
-            : {
-                ...c,
-                districtCode: code,
-                city: c.city || c.districtName,
-              },
-        )
-      }
-    }
-  }, [
-    contact.countryCode,
-    contact.departmentCode,
-    contact.departmentName,
-    contact.districtCode,
-    contact.districtName,
-    contact.provinceCode,
-    contact.provinceName,
-    departments,
-    districts,
-    enabled,
-    provinces,
-    setContact,
-  ])
-
-  const saveContactAsCustomerAddress = useCallback(
-    async (
-      form: CheckoutContactForm,
-      options: { addressKey?: string; isDefault?: boolean } = {},
-    ) => {
-      const payload = checkoutContactToCustomerAddressUpsert(form, {
-        addressKey: options.addressKey,
-        isDefault:
-          options.isDefault ??
-          (savedAddresses.length === 0 ||
-            !savedAddresses.some((a) => a.isDefault)),
-      })
-      const api = createStorefrontProxyApi()
-      const created = await createCustomerAddress(api, payload)
-      const createdId =
-        created && typeof created === 'object' && 'id' in created
-          ? String(created.id)
-          : null
-      const refreshed = toCustomerSavedAddresses(await getCustomerAddresses(api))
-      setSavedAddresses(refreshed)
-      if (createdId) {
-        setSelectedSavedAddressId(createdId)
-        return refreshed.find((a) => a.id === createdId) ?? null
-      }
-      const match =
-        refreshed.find(
-          (a) =>
-            a.addressKey === payload.addressKey &&
-            a.postalCode === payload.postalCode &&
-            a.addressLine === payload.addressLine,
-        ) ?? pickDefaultCustomerAddress(refreshed)
-      if (match) setSelectedSavedAddressId(match.id)
-      return match
-    },
-    [savedAddresses],
-  )
-
-  // Auto-avanzar a pago cuando contact+delivery están completos.
-  useEffect(() => {
-    if (!enabled) return
-    if (autoAdvanceRef.current || autoAdvanceInFlightRef.current) return
-    if (stepFlow.active === 'payment') {
-      autoAdvanceRef.current = true
-      return
-    }
-    if (shippingLoading || isLoadingCustomer) return
-    if (!selectedShippingKey || shippingFlat.length === 0) return
-
-    const contactOk = buildCheckoutContactStepSchema().safeParse({
-      email: contact.email,
-    }).success
-    if (!contactOk) return
-
-    const deliveryOk = buildCheckoutDeliveryStepSchema(currency).safeParse({
-      firstName: contact.firstName,
-      lastName: contact.lastName,
-      countryCode: contact.countryCode,
-      address: contact.address,
-      phone: contact.phone,
-      departmentCode: contact.departmentCode,
-      provinceCode: contact.provinceCode,
-      districtCode: contact.districtCode,
-      city: contact.city,
-      province: contact.province,
-      selectedShippingKey,
-      shippingOptionsCount: shippingFlat.length,
-    }).success
-    if (!deliveryOk) return
-
-    autoAdvanceInFlightRef.current = true
-    void (async () => {
-      try {
-        await persistDeliveryStep()
-      } catch {
-        autoAdvanceInFlightRef.current = false
-        return
-      }
-
-      if (saveAddressIntent?.enabled) {
-        try {
-          await saveContactAsCustomerAddress(contact, {
-            addressKey: saveAddressIntent.addressKey,
-          })
-          onAddressSaved?.()
-        } catch (error) {
-          autoAdvanceInFlightRef.current = false
-          onAddressSaveError?.(
-            error instanceof Error
-              ? error.message
-              : 'No se pudo guardar la dirección en tu cuenta.',
-          )
-          return
-        }
-      }
-
-      autoAdvanceRef.current = true
-      setStepFlow(jumpCheckoutToPayment())
-    })()
-  }, [
-    contact,
-    currency,
-    enabled,
-    isLoadingCustomer,
-    onAddressSaved,
-    onAddressSaveError,
-    persistDeliveryStep,
-    saveAddressIntent?.addressKey,
-    saveAddressIntent?.enabled,
-    saveContactAsCustomerAddress,
-    selectedShippingKey,
-    setStepFlow,
-    shippingFlat.length,
-    shippingLoading,
-    stepFlow.active,
-  ])
-
-  const selectSavedAddress = useCallback(
-    (addressId: string) => {
-      const address = savedAddresses.find((a) => a.id === addressId)
-      if (!address) return
-      setSelectedSavedAddressId(addressId)
-      autoAdvanceRef.current = false
-      autoAdvanceInFlightRef.current = false
-      invalidateDeliveryPersistence()
-      setContact((current) =>
-        applySavedAddressToContact(current, address, profile),
-      )
-      setStepFlow((flow) => ({
-        active: flow.completed.contact || flow.active !== 'contact' ? 'delivery' : flow.active,
-        completed: {
-          contact: flow.completed.contact || flow.active !== 'contact',
-          delivery: false,
-          payment: false,
-        },
-      }))
-    },
-    [
-      invalidateDeliveryPersistence,
-      profile,
-      savedAddresses,
-      setContact,
-      setStepFlow,
-    ],
-  )
-
-  return {
-    profile,
-    savedAddresses,
-    selectedSavedAddressId,
-    isLoadingCustomer,
-    selectSavedAddress,
-    saveContactAsCustomerAddress,
-  }
-}

package/src/components/checkout/use-checkout-geo.ts

@@ -1,50 +0,0 @@
-import { useEffect, useState } from 'react'
-import type { Country, Department, District, Province } from '@ecomiq/core'
-import { serverApi } from '../../server'
-
-/** Carga cascada geo INEI (PE) + países. */
-export function useCheckoutGeo(countryCode: string, departmentCode: string, provinceCode: string) {
-  const [countries, setCountries] = useState<Country[]>([])
-  const [departments, setDepartments] = useState<Department[]>([])
-  const [provinces, setProvinces] = useState<Province[]>([])
-  const [districts, setDistricts] = useState<District[]>([])
-
-  useEffect(() => {
-    void serverApi.getCountries().then(setCountries).catch(() => setCountries([]))
-  }, [])
-
-  useEffect(() => {
-    if (countryCode.toUpperCase() !== 'PE') {
-      setDepartments([])
-      return
-    }
-    void serverApi
-      .getDepartments({ countryCode: 'PE' })
-      .then(setDepartments)
-      .catch(() => setDepartments([]))
-  }, [countryCode])
-
-  useEffect(() => {
-    if (!departmentCode) {
-      setProvinces([])
-      return
-    }
-    void serverApi
-      .getProvinces({ countryCode: 'PE', departmentCode })
-      .then(setProvinces)
-      .catch(() => setProvinces([]))
-  }, [departmentCode])
-
-  useEffect(() => {
-    if (!provinceCode) {
-      setDistricts([])
-      return
-    }
-    void serverApi
-      .getDistricts({ countryCode: 'PE', provinceCode })
-      .then(setDistricts)
-      .catch(() => setDistricts([]))
-  }, [provinceCode])
-
-  return { countries, departments, provinces, districts }
-}