@ecomiq/storefront 1.1.5 → 2.0.0

package/src/components/checkout/index.ts

@@ -0,0 +1,51 @@
+export type { CheckoutContactForm, BillingChoice } from './types'
+export { emptyCheckoutContact } from './types'
+
+export {
+  buildCheckoutFormValidationSchema,
+  checkoutValidationInputFromContext,
+  firstInvalidFieldId,
+  focusCheckoutField,
+  mapZodIssuesToFieldErrors,
+  CHECKOUT_FIELD_IDS,
+  CHECKOUT_FIELD_FOCUS_ORDER,
+  type CheckoutFieldId,
+  type CheckoutFormValidationContext,
+} from './form-schema'
+
+export {
+  areCartSignaturesEqual,
+  cartItemsSignature,
+  cartSessionSignature,
+  findCartReconciliationActions,
+  isCheckoutCartAlreadyPurchased,
+  methodUsesProviderCheckoutUi,
+  toSignatureItems,
+  type CartLineSignatureItem,
+  type CartReconcileAction,
+} from './cart-sync'
+
+export { formatMoney, paymentRedirectUrl, thankYouUrl, processingUrl } from './format'
+export { useCheckoutSession } from './use-checkout-session'
+export { useCheckoutGeo } from './use-checkout-geo'
+
+export { CheckoutSessionView } from './checkout-session-view'
+export { CheckoutShippingAddressSection } from './checkout-shipping-address-section'
+export { CheckoutShippingSection } from './checkout-shipping-section'
+export { CheckoutPaymentSection } from './checkout-payment-section'
+export { CheckoutOrderSummary } from './checkout-order-summary'
+export { CheckoutOrderBumps } from './checkout-line-items'
+export { CheckoutExternalUpdateBanner } from './checkout-external-update-banner'
+export {
+  CheckoutAlreadyPurchasedState,
+  CheckoutEmptyState,
+  CheckoutErrorState,
+  CheckoutLoadingState,
+} from './checkout-states'
+export {
+  CheckoutTextField,
+  CheckoutSelectField,
+  CheckoutPhoneField,
+  FieldError,
+  fieldClass,
+} from './checkout-form-controls'

package/src/components/checkout/types.ts

@@ -0,0 +1,43 @@
+export type CheckoutContactForm = {
+  email: string
+  firstName: string
+  lastName: string
+  company: string
+  address: string
+  address2: string
+  /** Distrito (nombre); en PE se sincroniza con districtName. */
+  city: string
+  /** Provincia/región (nombre). */
+  province: string
+  postalCode: string
+  phone: string
+  countryCode: string
+  departmentCode: string
+  departmentName: string
+  provinceCode: string
+  provinceName: string
+  districtCode: string
+  districtName: string
+}
+
+export type BillingChoice = 'same_as_shipping' | 'different'
+
+export const emptyCheckoutContact = (countryCode = 'PE'): CheckoutContactForm => ({
+  email: '',
+  firstName: '',
+  lastName: '',
+  company: '',
+  address: '',
+  address2: '',
+  city: '',
+  province: '',
+  postalCode: '',
+  phone: '',
+  countryCode,
+  departmentCode: '',
+  departmentName: '',
+  provinceCode: '',
+  provinceName: '',
+  districtCode: '',
+  districtName: '',
+})

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

@@ -0,0 +1,50 @@
+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 }
+}