@ecomiq/storefront 2.0.8 → 2.0.11

package/bin/ecomiq.mjs

@@ -89,7 +89,7 @@ export async function runCli(command = process.argv[2] ?? 'help') {
         runtime,
       })
       banner(
-        `dev · ${config.name ?? 'tienda'} ${c.dim(`· runtime ${runtime}`)} ${c.dim('http://localhost:' + port)}`,
+        `dev · ${config.domain ?? 'tienda'} ${c.dim(`· runtime ${runtime}`)} ${c.dim('http://localhost:' + port)}`,
       )
       const server = await createServer({
         ...viteConfig,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecomiq/storefront",
-  "version": "2.0.8",
+  "version": "2.0.11",
   "description": "Micro framework SSR de Ecomiq para storefronts. Páginas, datos y deploy sin configurar nada.",
   "type": "module",
   "license": "MIT",
@@ -76,7 +76,7 @@
     "vite": "^8.1.0",
     "wrangler": "^4.100.0",
     "zod": "^3.25.0",
-    "@ecomiq/core": "^0.1.1"
+    "@ecomiq/core": "^0.1.3"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/api-proxy.ts

@@ -125,7 +125,7 @@ export async function proxyStorefrontRequest(
   for (const [key, value] of Object.entries(config.api?.headers ?? {})) {
     const lower = key.toLowerCase()
     if (FORBIDDEN_SERVER_HEADERS.has(lower) || lower.startsWith('cf-')) continue
-    headers.set(key, value)
+    headers.set(key, value as string)
   }
   headers.set('accept', headers.get('accept') ?? 'application/json')
 
@@ -145,7 +145,7 @@ export async function proxyStorefrontRequest(
   const isSettings = path === 'settings' || path.startsWith('settings/')
   if (isSettings) {
     headers.delete('x-Store-Id')
-    headers.set('x-Store-Domain', config.slug)
+    headers.set('x-Store-Domain', config.domain)
   } else {
     try {
       const storeId = await getStorefrontClient().getStoreId()

package/src/client.ts

@@ -20,7 +20,7 @@ export function getStorefrontClient(options: CreateApiOptions = {}): StorefrontC
       if (lower === 'x-store-id' || lower === 'x-store-domain') delete headers[key]
     }
     sharedClient = createCoreClient({
-      slug: config.slug,
+      domain: config.domain,
       ...config.api,
       ...options,
       headers,
@@ -36,7 +36,7 @@ export function resetStorefrontClient(): void {
 }
 
 /**
- * Cliente storefront. Slug y defaults de API salen del config de la tienda.
+ * Cliente storefront. Domain y defaults de API salen del config de la tienda.
  *
  * ```ts
  * export const api = createClient()

package/src/codegen.mjs

@@ -106,14 +106,9 @@ export async function generateApp({ cwd, appDir, frameworkRoot, config }) {
   )
 
   const publicConfig = {
-    name: config.name,
-    slug: config.slug,
+    domain: config.domain,
   }
-  if (config.description !== undefined) publicConfig.description = config.description
   if (config.theme !== undefined) publicConfig.theme = config.theme
-  if (config.seo !== undefined) publicConfig.seo = config.seo
-  if (config.analytics !== undefined) publicConfig.analytics = config.analytics
-  if (config.layout !== undefined) publicConfig.layout = config.layout
 
   for (const serverOnlyKey of ['api', 'dev', 'deploy', 'env']) {
     if (Object.hasOwn(publicConfig, serverOnlyKey)) {
@@ -141,7 +136,7 @@ export async function generateApp({ cwd, appDir, frameworkRoot, config }) {
       `    if (import.meta.env.DEV && config.dev?.apiBaseUrl) {\n` +
       `      api = { ...api, baseUrl: config.dev.apiBaseUrl }\n` +
       `    }\n` +
-      `    registerServerConfig({ slug: config.slug, api })\n` +
+      `    registerServerConfig({ domain: config.domain, api })\n` +
       `    return startServer.fetch(...args)\n` +
       `  },\n` +
       `})\n`,
@@ -223,7 +218,7 @@ export async function generateApp({ cwd, appDir, frameworkRoot, config }) {
   reconcileGeneratedRoutes(appDir, routesDir, desiredRoutes)
 
   // ── 9. wrangler.jsonc para deploy en Cloudflare Workers ──
-  const workerName = config.deploy?.name ?? slugify(config.name ?? 'ecomiq-store')
+  const workerName = config.deploy?.name ?? slugify(config.domain ?? 'ecomiq-store')
   writeGeneratedFile(
     join(appDir, 'wrangler.jsonc'),
     JSON.stringify(

package/src/components/checkout/checkout-contact-section.tsx

@@ -0,0 +1,70 @@
+import { Link } from '../../link'
+import { Button, buttonVariants, cn } from '../../ui'
+import type { CheckoutFieldId } from './form-schema'
+import { CheckoutTextField } from './checkout-form-controls'
+
+/** Paso 1: Mis datos (email). */
+export function CheckoutContactSection({
+  email,
+  fieldError,
+  sessionLabel,
+  isSaving,
+  onEmailChange,
+  onClearError,
+  onContinueAsGuest,
+}: {
+  email: string
+  fieldError?: string
+  sessionLabel?: string | null
+  isSaving?: boolean
+  onEmailChange: (value: string) => void
+  onClearError: (id: CheckoutFieldId) => void
+  onContinueAsGuest: () => void | Promise<void>
+}) {
+  return (
+    <div className="space-y-5">
+      {sessionLabel ? (
+        <p className="text-sm text-muted-foreground">
+          Sesión como <span className="font-medium text-foreground">{sessionLabel}</span>
+        </p>
+      ) : null}
+
+      <CheckoutTextField
+        id="email"
+        label="Correo electrónico"
+        error={fieldError}
+        value={email}
+        onChange={(v) => {
+          onClearError('email')
+          onEmailChange(v)
+        }}
+        type="email"
+        autoComplete="email"
+      />
+
+      <div className="flex flex-col gap-3 sm:flex-row">
+        {!sessionLabel ? (
+          <Link
+            to="/account/login"
+            search={{
+              redirect:
+                typeof window !== 'undefined' ? window.location.pathname : '/checkout',
+            }}
+            className={cn(buttonVariants({ variant: 'default' }), 'uppercase tracking-wide')}
+          >
+            ¿Ya tienes una cuenta?
+          </Link>
+        ) : null}
+        <Button
+          type="button"
+          variant={sessionLabel ? 'default' : 'outline'}
+          className="uppercase tracking-wide"
+          disabled={isSaving}
+          onClick={() => void onContinueAsGuest()}
+        >
+          {sessionLabel ? 'Continuar' : 'Continuar como invitado'}
+        </Button>
+      </div>
+    </div>
+  )
+}

package/src/components/checkout/checkout-order-summary.tsx

@@ -17,6 +17,8 @@ export function CheckoutOrderSummary({
   promotionCodes,
   formError,
   isSaving,
+  canSubmit = true,
+  submitLabel = 'Pagar',
   onCouponCodeChange,
   onApplyCoupon,
   onRemoveCoupon,
@@ -34,6 +36,8 @@ export function CheckoutOrderSummary({
   promotionCodes: string[]
   formError: string | null
   isSaving: boolean
+  canSubmit?: boolean
+  submitLabel?: string
   onCouponCodeChange: (value: string) => void
   onApplyCoupon: () => void
   onRemoveCoupon: (code: string) => void
@@ -113,8 +117,13 @@ export function CheckoutOrderSummary({
         </p>
       ) : null}
 
-      <Button type="submit" className="mt-6 w-full" size="lg" disabled={isSaving}>
-        {isSaving ? 'Procesando…' : 'Pay now'}
+      <Button
+        type="submit"
+        className="mt-6 w-full"
+        size="lg"
+        disabled={isSaving || !canSubmit}
+      >
+        {isSaving ? 'Procesando…' : submitLabel}
       </Button>
     </aside>
   )

package/src/components/checkout/checkout-payment-section.tsx

@@ -51,11 +51,8 @@ export function CheckoutPaymentSection({
   onMarkProviderCompleted: () => void
   onReceiptFileChange: (file: File | null) => void
 }) {
-  const selectedMethod = methods.find((m) => m.code === selectedCode) ?? null
-
   return (
-    <section className="space-y-4">
-      <h2 className="text-xl font-semibold tracking-tight">Seleccionar método de pago</h2>
+    <div className="space-y-4">
       <div className="space-y-3">
         {methods.map((method) => {
           const selected = selectedCode === method.code
@@ -137,7 +134,7 @@ export function CheckoutPaymentSection({
 
                   {!usesProviderUi && !method.isManual ? (
                     <p className="text-xs text-muted-foreground">
-                      Continúa con Pay now para confirmar este método de pago.
+                      Continúa con Pagar para confirmar este método de pago.
                     </p>
                   ) : null}
                 </div>
@@ -147,7 +144,7 @@ export function CheckoutPaymentSection({
         })}
       </div>
       <FieldError message={fieldError} />
-    </section>
+    </div>
   )
 }
 
@@ -203,7 +200,7 @@ function ProviderPaymentPanel({
       ) : null}
       {completed ? (
         <p className="text-xs text-muted-foreground">
-          Pago confirmado. Pulsa Pay now para finalizar tu pedido.
+          Pago confirmado. Pulsa Pagar para finalizar tu pedido.
         </p>
       ) : (
         <Button type="button" size="sm" variant="outline" onClick={onMarkCompleted}>