@thorprovider/blocks 2.0.0 → 3.0.0

package/dist/blocks/e-commerce/shopping-carts/shopping-cart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/shopping-carts/shopping-cart.tsx"],"sourcesContent":["'use client'\n\nimport { useId, useState } from 'react'\nimport { ShoppingCart as ShoppingCartIcon, Zap, Clock, CreditCard, Wallet, Minus, Plus, X } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport type { Money } from '@thorprovider/types'\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../ui/card'\nimport { Button } from '../../../ui/button'\nimport { Input } from '../../../ui/input'\nimport { Separator } from '../../../ui/separator'\nimport { Progress } from '../../../ui/progress'\nimport { cn } from '../../../lib/utils'\nimport { formatMoney, isAvailableMoney } from '../../../lib/money'\nimport type { CartTotals, ShoppingCartItem, ShoppingCartSuggestion } from '../../../lib/contracts'\n\n/** Host-supplied promotion definition. Icons are React-side only. */\nexport interface ShoppingCartPromotion {\n  threshold: number\n  reward: string\n  icon: LucideIcon\n}\n\nexport type ShoppingCartTotalsState = 'idle' | 'pending' | 'error'\n\nexport type ShoppingCartPresentation = 'compact' | 'page'\n\nexport interface ShoppingCartProps {\n  /** Canonical cart lines keyed by backend cart line-item id. */\n  items: ShoppingCartItem[]\n  promotions?: ShoppingCartPromotion[]\n  recentlyViewed?: ShoppingCartSuggestion[]\n  /**\n   * Layout presentation. `compact` (default) is the collapsible quick-cart\n   * card; `page` is a wide, always-expanded review layout with a primary\n   * heading, no collapse control, and normal page scrolling. Both use the same\n   * line controls and authoritative monetary rendering.\n   */\n  presentation?: ShoppingCartPresentation\n  /**\n   * Backend-authoritative totals. The cart renders these verbatim; it never\n   * computes subtotal/tax/shipping/total locally.\n   */\n  totals?: CartTotals\n  /** Controlled state of the totals fetch/mutation. */\n  totalsState?: ShoppingCartTotalsState\n  totalsErrorLabel?: string\n  /** Shown when a required total amount is absent or malformed (never as zero). */\n  totalsUnavailableLabel?: string\n  /** Shown for a line whose supplied line total is absent or malformed. */\n  amountUnavailableLabel?: string\n  retryLabel?: string\n  onRetryTotals?: () => void\n  /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */\n  formatMoney?: (money: Money) => string\n  // labels (Spanish defaults):\n  titleLabel?: string // 'Carrito de compras'\n  subtotalLabel?: string // 'Subtotal'\n  discountLabel?: string\n  taxLabel?: string // 'Impuestos'\n  shippingLabel?: string // 'Envío'\n  shippingFreeLabel?: string // 'Gratis'\n  totalLabel?: string // 'Total'\n  totalsPendingLabel?: string\n  awayFromLabel?: string // 'Te faltan ${amount} para'\n  activatedLabel?: string // '¡{reward} activada!'\n  itemsLabel?: string // 'artículos'\n  expressCheckoutLabel?: string // 'Compra rápida'\n  expressLabel?: string // 'Rápido'\n  standardLabel?: string // 'Estándar'\n  estimatedDeliveryLabel?: string\n  secureCheckoutLabel?: string // 'Pago seguro • SSL cifrado'\n  recentlyViewedLabel?: string // 'Vistos recientemente'\n  promoPromptLabel?: string // '¿Tienes un código de descuento?'\n  promoPlaceholderLabel?: string // 'Introduce tu código'\n  promoApplyLabel?: string // 'Aplicar'\n  collapseLabel?: string // 'Contraer carrito'\n  expandLabel?: string // 'Expandir carrito'\n  checkoutLabel?: string // 'Ver carrito y finalizar'\n  quickCheckoutLabel?: string // 'Compra rápida'\n  checkoutNowLabel?: string // 'Finalizar ahora'\n  emptyLabel?: string\n  removeLabel?: string\n  decreaseLabel?: string\n  increaseLabel?: string\n  continueShoppingLabel?: string // 'Seguir comprando'\n  // action availability:\n  /** Suppress the checkout action (e.g. the checkout feature is not installed). */\n  checkoutUnavailable?: boolean\n  /** Disable checkout while the cart is not ready (pending/error/invalid totals). */\n  checkoutDisabled?: boolean\n  // callbacks:\n  /**\n   * ABSOLUTE quantity for a backend cart line-item id (distinct from the\n   * Navbar's DELTA). The boundary mutates the cart by line-item id.\n   */\n  onQuantityChange?: (id: string, quantity: number) => void\n  /** Remove the backend cart line-item id. */\n  onRemove?: (id: string) => void\n  onCheckout?: () => void\n  onQuickCheckout?: () => void\n  onPayWithApple?: () => void\n  onPayWithGoogle?: () => void\n  /**\n   * Report an entered promotion code to the host. The block never validates\n   * or resolves codes; the authoritative result arrives through `totals`\n   * (discount) and `promotions`. When absent, the promo affordance is not\n   * rendered.\n   */\n  onApplyPromo?: (code: string) => void\n  onRecentlyViewedClick?: (id: string) => void\n  /** Page presentation only: navigate back to browsing. */\n  onContinueShopping?: () => void\n}\n\nconst fallbackFormatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' })\n\nconst interpolate = (template: string, values: Record<string, string>) =>\n  template.replace(/\\$\\{(\\w+)\\}|\\{(\\w+)\\}/g, (match, dollarKey, braceKey) => {\n    const key = dollarKey ?? braceKey\n    return values[key] ?? match\n  })\n\nexport function ShoppingCart({\n  items,\n  promotions,\n  recentlyViewed,\n  presentation = 'compact',\n  totals,\n  totalsState = 'idle',\n  totalsErrorLabel = 'No se pudieron actualizar los totales.',\n  totalsUnavailableLabel = 'Totales no disponibles.',\n  amountUnavailableLabel = '—',\n  retryLabel = 'Reintentar',\n  onRetryTotals,\n  formatMoney: formatMoneyProp,\n  titleLabel = 'Carrito de compras',\n  subtotalLabel = 'Subtotal',\n  discountLabel = 'Descuento',\n  taxLabel = 'Impuestos',\n  shippingLabel = 'Envío',\n  shippingFreeLabel = 'Gratis',\n  totalLabel = 'Total',\n  totalsPendingLabel = 'Actualizando totales…',\n  awayFromLabel = 'Te faltan ${amount} para',\n  activatedLabel = '¡{reward} activada!',\n  itemsLabel = 'artículos',\n  expressCheckoutLabel = 'Compra rápida',\n  expressLabel = 'Rápido',\n  standardLabel = 'Estándar',\n  estimatedDeliveryLabel,\n  secureCheckoutLabel = 'Pago seguro • SSL cifrado',\n  recentlyViewedLabel = 'Vistos recientemente',\n  promoPromptLabel = '¿Tienes un código de descuento?',\n  promoPlaceholderLabel = 'Introduce tu código',\n  promoApplyLabel = 'Aplicar',\n  collapseLabel = 'Contraer carrito',\n  expandLabel = 'Expandir carrito',\n  checkoutLabel = 'Ver carrito y finalizar',\n  quickCheckoutLabel = 'Compra rápida',\n  checkoutNowLabel = 'Finalizar ahora',\n  emptyLabel = 'Tu carrito está vacío',\n  removeLabel = 'Quitar',\n  decreaseLabel = 'Disminuir cantidad',\n  increaseLabel = 'Aumentar cantidad',\n  continueShoppingLabel = 'Seguir comprando',\n  checkoutUnavailable,\n  checkoutDisabled,\n  onQuantityChange,\n  onRemove,\n  onCheckout,\n  onQuickCheckout,\n  onPayWithApple,\n  onPayWithGoogle,\n  onApplyPromo,\n  onRecentlyViewedClick,\n  onContinueShopping,\n}: ShoppingCartProps) {\n  const [isExpanded, setIsExpanded] = useState(true)\n  const [quickCheckout, setQuickCheckout] = useState(false)\n  const [promoCode, setPromoCode] = useState('')\n  const promoInputId = useId()\n\n  const isPage = presentation === 'page'\n  // The page presentation is always expanded; only the compact card collapses.\n  const expanded = isPage ? true : isExpanded\n  // Display currency derives from the authoritative Money subtotal; the USD\n  // formatter is only the fallback when no authoritative currency exists.\n  const format = formatMoneyProp\n    ? (value: number) => {\n        const money: Money = { amount: String(value), currencyCode: totals?.subtotal?.currencyCode ?? 'USD' }\n        return formatMoneyProp(money)\n      }\n    : totals?.subtotal?.currencyCode && totals.subtotal.currencyCode !== 'USD'\n      ? (value: number) =>\n          new Intl.NumberFormat('en-US', { style: 'currency', currency: totals.subtotal.currencyCode }).format(value)\n      : (value: number) => fallbackFormatter.format(value)\n  const money = (value: Money | null | undefined) => formatMoney(value, formatMoneyProp)\n  const subtotalAmount = isAvailableMoney(totals?.subtotal) ? Number(totals.subtotal.amount) : 0\n  const itemCount = items.reduce((sum, item) => sum + item.quantity, 0)\n  const hasExpress = Boolean(onQuickCheckout || onPayWithApple || onPayWithGoogle)\n  // While totals/mutations are pending, keep confirmed data visible but block\n  // conflicting edits and checkout until the backend responds.\n  const mutationsDisabled = totalsState === 'pending'\n\n  const sortedPromotions = [...(promotions ?? [])].sort((a, b) => a.threshold - b.threshold)\n  const currentPromo = (() => {\n    if (!isAvailableMoney(totals?.subtotal)) return null\n    for (let i = sortedPromotions.length - 1; i >= 0; i--) {\n      if (subtotalAmount >= sortedPromotions[i].threshold) {\n        return { ...sortedPromotions[i], achieved: true }\n      }\n    }\n    const next = sortedPromotions.find(p => subtotalAmount < p.threshold)\n    return next ? { ...next, achieved: false } : null\n  })()\n  const progressPercentage =\n    currentPromo && !currentPromo.achieved\n      ? Math.min(100, (subtotalAmount / currentPromo.threshold) * 100)\n      : 100\n\n  const lineAmount = (item: ShoppingCartItem): string | null => {\n    // The backend-authoritative line total renders verbatim. A malformed amount\n    // is unavailable (never a fabricated zero); `unitPrice` is never multiplied\n    // locally — the cart contract forbids local `unit × qty` arithmetic.\n    if (item.lineTotal === undefined) return null\n    return money(item.lineTotal)\n  }\n\n  const renderTotals = () => {\n    if (totalsState === 'pending') {\n      return (\n        <div className='flex flex-col gap-2' aria-live='polite'>\n          <p className='text-muted-foreground text-sm'>{totalsPendingLabel}</p>\n        </div>\n      )\n    }\n    if (totalsState === 'error') {\n      return (\n        <div className='flex flex-col gap-2' role='alert'>\n          <p className='text-destructive text-sm'>{totalsErrorLabel}</p>\n          {onRetryTotals ? (\n            <Button variant='outline' size='sm' className='w-fit' onClick={onRetryTotals}>\n              {retryLabel}\n            </Button>\n          ) : null}\n        </div>\n      )\n    }\n    if (!totals) return null\n\n    const subtotalText = money(totals.subtotal)\n    const totalText = money(totals.total)\n    // Required totals: if either is absent/malformed, show an explicit\n    // unavailable state (with recovery) rather than a fabricated zero.\n    if (subtotalText === null || totalText === null) {\n      return (\n        <div className='flex flex-col gap-2' role='status'>\n          <p className='text-muted-foreground text-sm'>{totalsUnavailableLabel}</p>\n          {onRetryTotals ? (\n            <Button variant='outline' size='sm' className='w-fit' onClick={onRetryTotals}>\n              {retryLabel}\n            </Button>\n          ) : null}\n        </div>\n      )\n    }\n\n    const shippingText = money(totals.shipping)\n    return (\n      <>\n        <div className='flex justify-between text-sm'>\n          <span>{subtotalLabel}</span>\n          <span className='tabular-nums'>{subtotalText}</span>\n        </div>\n        {isAvailableMoney(totals.discount) ? (\n          <div className='flex justify-between text-sm'>\n            <span>{discountLabel}</span>\n            <span className='tabular-nums'>{money(totals.discount)}</span>\n          </div>\n        ) : null}\n        {isAvailableMoney(totals.tax) ? (\n          <div className='flex justify-between text-sm'>\n            <span>{taxLabel}</span>\n            <span className='tabular-nums'>{money(totals.tax)}</span>\n          </div>\n        ) : null}\n        {shippingText !== null ? (\n          <div className='flex justify-between text-sm text-success'>\n            <span>{shippingLabel}</span>\n            <span className='tabular-nums'>\n              {Number(totals.shipping?.amount) === 0 ? shippingFreeLabel : shippingText}\n            </span>\n          </div>\n        ) : null}\n        <Separator />\n        <div className='flex justify-between font-semibold'>\n          <span>{totalLabel}</span>\n          <span className='tabular-nums'>{totalText}</span>\n        </div>\n      </>\n    )\n  }\n\n  const renderPromoEntry = () =>\n    onApplyPromo ? (\n      <form\n        className='flex flex-col gap-2'\n        onSubmit={event => {\n          event.preventDefault()\n          const code = promoCode.trim()\n          if (!code) return\n          onApplyPromo(code)\n          setPromoCode('')\n        }}\n      >\n        <label className='text-sm' htmlFor={promoInputId}>\n          {promoPromptLabel}\n        </label>\n        <div className='flex gap-2'>\n          <Input\n            id={promoInputId}\n            value={promoCode}\n            onChange={event => setPromoCode(event.target.value)}\n            placeholder={promoPlaceholderLabel}\n            className='h-9 flex-1'\n          />\n          <Button type='submit' variant='outline' size='sm' className='h-9' disabled={mutationsDisabled}>\n            {promoApplyLabel}\n          </Button>\n        </div>\n      </form>\n    ) : null\n\n  return (\n    <section className='py-8'>\n      <div className={cn('mx-auto px-4', isPage ? 'max-w-3xl' : 'max-w-md')}>\n        {isPage ? (\n          <h1 className='mb-6 text-2xl font-semibold tracking-tight'>{titleLabel}</h1>\n        ) : null}\n        <Card className={isPage ? 'shadow-sm' : 'shadow-lg'}>\n          {/* Header */}\n          <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-3'>\n            <CardTitle className='flex items-center gap-2'>\n              <ShoppingCartIcon className='size-5' />\n              {titleLabel} ({itemCount})\n            </CardTitle>\n            {!isPage ? (\n              <Button\n                variant='ghost'\n                className='h-8 cursor-pointer px-3 text-xs'\n                size='sm'\n                onClick={() => setIsExpanded(!isExpanded)}\n                aria-expanded={isExpanded}\n                aria-label={isExpanded ? collapseLabel : expandLabel}\n              >\n                {isExpanded ? <X /> : <Plus />}\n              </Button>\n            ) : null}\n          </CardHeader>\n\n          <CardContent className='flex flex-col gap-6'>\n            {items.length === 0 ? (\n              <div className='flex flex-col items-center justify-center gap-4 py-6 text-center'>\n                <ShoppingCartIcon className='text-muted-foreground/50 size-10' />\n                <p className='text-muted-foreground text-sm'>{emptyLabel}</p>\n                {isPage && onContinueShopping ? (\n                  <Button variant='outline' onClick={onContinueShopping}>\n                    {continueShoppingLabel}\n                  </Button>\n                ) : null}\n              </div>\n            ) : (\n              <>\n                {/* Promotion Progress */}\n                {currentPromo && !currentPromo.achieved ? (\n                  <div className='flex flex-col gap-3'>\n                    <div className='flex items-center justify-between text-sm'>\n                      <span className='text-muted-foreground'>\n                        {interpolate(awayFromLabel, {\n                          amount: format(currentPromo.threshold - subtotalAmount),\n                        })}\n                      </span>\n                      <div className='flex items-center gap-1'>\n                        <currentPromo.icon className='text-primary size-4' />\n                        <span className='text-primary font-medium'>{currentPromo.reward}</span>\n                      </div>\n                    </div>\n                    <Progress value={progressPercentage} className='h-2' />\n                  </div>\n                ) : null}\n\n                {/* Active Promotion */}\n                {currentPromo?.achieved ? (\n                  <div className='rounded-lg bg-success/10 p-3'>\n                    <div className='flex items-center gap-2 text-success'>\n                      <currentPromo.icon className='size-4' />\n                      <span className='text-sm font-medium'>\n                        {interpolate(activatedLabel, { reward: currentPromo.reward })}\n                      </span>\n                    </div>\n                  </div>\n                ) : null}\n\n                {expanded && (\n                  <>\n                    {/* Cart Items */}\n                    <div\n                      className={cn(\n                        'flex flex-col gap-4',\n                        !isPage &&\n                          'scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-600 scrollbar-track-transparent max-h-64 overflow-y-auto',\n                      )}\n                    >\n                      {items.map(item => (\n                        <div key={item.id} className='flex items-start gap-3'>\n                          {item.image ? (\n                            <img src={item.image || undefined} alt='' className='h-12 w-12 rounded-md object-cover' />\n                          ) : (\n                            <div aria-hidden='true' className='bg-muted h-12 w-12 shrink-0 rounded-md' />\n                          )}\n\n                          <div className='flex flex-1 flex-col gap-1'>\n                            <h3 className='line-clamp-2 text-sm font-medium'>{item.name}</h3>\n                            {item.variant ? <p className='text-muted-foreground text-xs'>{item.variant}</p> : null}\n\n                            <div className='flex items-center justify-between'>\n                              <span className='text-sm font-semibold'>{lineAmount(item) ?? amountUnavailableLabel}</span>\n\n                              <div className='flex items-center'>\n                                <Button\n                                  variant='ghost'\n                                  size='sm'\n                                  className='size-6 h-8 cursor-pointer p-0 px-3 text-xs'\n                                  onClick={\n                                    onQuantityChange\n                                      ? () => onQuantityChange(item.id, item.quantity - 1)\n                                      : undefined\n                                  }\n                                  disabled={item.quantity <= 1 || mutationsDisabled}\n                                  aria-label={`${decreaseLabel}, ${item.name}`}\n                                >\n                                  <Minus />\n                                </Button>\n                                <span className='mx-2 w-6 text-center text-sm'>{item.quantity}</span>\n                                <Button\n                                  variant='ghost'\n                                  size='sm'\n                                  className='size-6 h-8 cursor-pointer p-0 px-3 text-xs'\n                                  onClick={\n                                    onQuantityChange\n                                      ? () => onQuantityChange(item.id, item.quantity + 1)\n                                      : undefined\n                                  }\n                                  aria-label={`${increaseLabel}, ${item.name}`}\n                                  disabled={mutationsDisabled}\n                                >\n                                  <Plus />\n                                </Button>\n                                <Button\n                                  variant='ghost'\n                                  size='sm'\n                                  className='text-destructive hover:text-destructive ms-2 size-6 h-8 cursor-pointer p-0 px-3 text-xs'\n                                  onClick={onRemove ? () => onRemove(item.id) : undefined}\n                                  disabled={mutationsDisabled}\n                                  aria-label={`${removeLabel} ${item.name}`}\n                                >\n                                  <X />\n                                </Button>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n\n                    <Separator />\n\n                    {/* Order Summary — backend-authoritative only */}\n                    <div className='flex flex-col gap-2'>{renderTotals()}</div>\n\n                    {/* Promo code entry — reports to the host, never resolves locally */}\n                    {renderPromoEntry()}\n\n                    {/* Quick Actions */}\n                    <div className='flex flex-col gap-3'>\n                      {/* Express Checkout Toggle — only when the host supplies a handler */}\n                      {hasExpress ? (\n                        <>\n                          <div className='flex items-center justify-between text-sm'>\n                            <span>{expressCheckoutLabel}</span>\n                            <Button\n                              variant='outline'\n                              size='sm'\n                              onClick={() => setQuickCheckout(!quickCheckout)}\n                              className='h-8 cursor-pointer'\n                              aria-pressed={quickCheckout}\n                            >\n                              <Zap />\n                              {quickCheckout ? standardLabel : expressLabel}\n                            </Button>\n                          </div>\n\n                          {quickCheckout ? (\n                            <div className='grid grid-cols-2 gap-2'>\n                              {onPayWithApple ? (\n                                <Button size='sm' variant='outline' className='h-8 cursor-pointer px-3 text-xs' onClick={onPayWithApple}>\n                                  <Wallet />\n                                  Apple Pay\n                                </Button>\n                              ) : null}\n                              {onPayWithGoogle ? (\n                                <Button size='sm' variant='outline' className='h-8 cursor-pointer px-3 text-xs' onClick={onPayWithGoogle}>\n                                  <CreditCard />\n                                  Google Pay\n                                </Button>\n                              ) : null}\n                            </div>\n                          ) : null}\n                        </>\n                      ) : null}\n\n                      {/* Checkout Button */}\n                      {!checkoutUnavailable ? (\n                        <Button\n                          size='lg'\n                          className='h-10 w-full cursor-pointer px-8'\n                          onClick={hasExpress && quickCheckout ? onQuickCheckout : onCheckout}\n                          disabled={checkoutDisabled || totalsState === 'pending'}\n                        >\n                          {hasExpress && quickCheckout ? quickCheckoutLabel : checkoutLabel}\n                        </Button>\n                      ) : null}\n\n                      {/* Continue shopping — page presentation only */}\n                      {isPage && onContinueShopping ? (\n                        <Button\n                          variant='outline'\n                          size='lg'\n                          className='h-10 w-full cursor-pointer px-8'\n                          onClick={onContinueShopping}\n                        >\n                          {continueShoppingLabel}\n                        </Button>\n                      ) : null}\n\n                      {/* Estimated Delivery — only when supplied, never fabricated */}\n                      {estimatedDeliveryLabel ? (\n                        <div className='text-muted-foreground flex items-center justify-center gap-2 text-xs'>\n                          <Clock className='size-3' />\n                          <span>{estimatedDeliveryLabel}</span>\n                        </div>\n                      ) : null}\n                    </div>\n\n                    {/* Security Badge */}\n                    <div className='bg-muted/50 rounded-lg p-3 text-center'>\n                      <div className='text-muted-foreground flex items-center justify-center gap-2 text-xs'>\n                        <div className='size-2 rounded-full bg-success' aria-hidden='true' />\n                        <span>{secureCheckoutLabel}</span>\n                      </div>\n                    </div>\n                  </>\n                )}\n\n                {/* Collapsed Summary */}\n                {!expanded && (\n                  <div className='flex flex-col gap-3'>\n                    <div className='flex items-center justify-between'>\n                      <span className='text-muted-foreground text-sm'>\n                        {itemCount} {itemsLabel}\n                      </span>\n                      {isAvailableMoney(totals?.total) ? (\n                        <span className='font-semibold tabular-nums'>{money(totals.total)}</span>\n                      ) : null}\n                    </div>\n\n                    <Button size='sm' className='h-8 w-full cursor-pointer px-3 text-xs' onClick={onCheckout}>\n                      {checkoutNowLabel}\n                    </Button>\n                  </div>\n                )}\n\n                {/* Recently Viewed — host-supplied suggestions only */}\n                {expanded && recentlyViewed && recentlyViewed.length > 0 && (\n                  <div className='flex flex-col gap-3'>\n                    <h4 className='text-sm font-medium'>{recentlyViewedLabel}</h4>\n                    <div className='grid grid-cols-3 gap-2'>\n                      {recentlyViewed.map(item => {\n                        const suggestionPrice = money(item.unitPrice)\n                        return (\n                          <button\n                            key={item.id}\n                            type='button'\n                            className={cn(\n                              'group text-start',\n                              onRecentlyViewedClick && 'cursor-pointer',\n                            )}\n                            onClick={onRecentlyViewedClick ? () => onRecentlyViewedClick(item.id) : undefined}\n                          >\n                            <div className='bg-muted mb-1 aspect-square overflow-hidden'>\n                              {item.image ? (\n                                <img\n                                  src={item.image || undefined}\n                                  alt={item.name}\n                                  className='size-full rounded-md object-cover'\n                                />\n                              ) : null}\n                            </div>\n                            <p className='text-muted-foreground truncate text-xs'>{item.name}</p>\n                            {suggestionPrice !== null ? (\n                              <p className='text-xs font-medium tabular-nums'>{suggestionPrice}</p>\n                            ) : null}\n                          </button>\n                        )\n                      })}\n                    </div>\n                  </div>\n                )}\n              </>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n    </section>\n  )\n}\n\nexport default ShoppingCart\n"],"mappings":"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","names":["money","ShoppingCartIcon"]}

package/dist/blocks/e-commerce/shopping-carts/shopping-cart.mjs

@@ -0,0 +1,393 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { ShoppingCart as ShoppingCartIcon, Zap, Clock, CreditCard, Wallet, Minus, Plus, X } from "lucide-react";
+import { Card, CardContent, CardHeader, CardTitle } from "../../../ui/card.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { Input } from "../../../ui/input.mjs";
+import { Separator } from "../../../ui/separator.mjs";
+import { Progress } from "../../../ui/progress.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { formatMoney, isAvailableMoney } from "../../../lib/money.mjs";
+const fallbackFormatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
+const interpolate = (template, values) => template.replace(/\$\{(\w+)\}|\{(\w+)\}/g, (match, dollarKey, braceKey) => {
+  const key = dollarKey ?? braceKey;
+  return values[key] ?? match;
+});
+function ShoppingCart({
+  items,
+  promotions,
+  recentlyViewed,
+  presentation = "compact",
+  totals,
+  totalsState = "idle",
+  totalsErrorLabel = "No se pudieron actualizar los totales.",
+  totalsUnavailableLabel = "Totales no disponibles.",
+  amountUnavailableLabel = "\u2014",
+  retryLabel = "Reintentar",
+  onRetryTotals,
+  formatMoney: formatMoneyProp,
+  titleLabel = "Carrito de compras",
+  subtotalLabel = "Subtotal",
+  discountLabel = "Descuento",
+  taxLabel = "Impuestos",
+  shippingLabel = "Env\xEDo",
+  shippingFreeLabel = "Gratis",
+  totalLabel = "Total",
+  totalsPendingLabel = "Actualizando totales\u2026",
+  awayFromLabel = "Te faltan ${amount} para",
+  activatedLabel = "\xA1{reward} activada!",
+  itemsLabel = "art\xEDculos",
+  expressCheckoutLabel = "Compra r\xE1pida",
+  expressLabel = "R\xE1pido",
+  standardLabel = "Est\xE1ndar",
+  estimatedDeliveryLabel,
+  secureCheckoutLabel = "Pago seguro \u2022 SSL cifrado",
+  recentlyViewedLabel = "Vistos recientemente",
+  promoPromptLabel = "\xBFTienes un c\xF3digo de descuento?",
+  promoPlaceholderLabel = "Introduce tu c\xF3digo",
+  promoApplyLabel = "Aplicar",
+  collapseLabel = "Contraer carrito",
+  expandLabel = "Expandir carrito",
+  checkoutLabel = "Ver carrito y finalizar",
+  quickCheckoutLabel = "Compra r\xE1pida",
+  checkoutNowLabel = "Finalizar ahora",
+  emptyLabel = "Tu carrito est\xE1 vac\xEDo",
+  removeLabel = "Quitar",
+  decreaseLabel = "Disminuir cantidad",
+  increaseLabel = "Aumentar cantidad",
+  continueShoppingLabel = "Seguir comprando",
+  checkoutUnavailable,
+  checkoutDisabled,
+  onQuantityChange,
+  onRemove,
+  onCheckout,
+  onQuickCheckout,
+  onPayWithApple,
+  onPayWithGoogle,
+  onApplyPromo,
+  onRecentlyViewedClick,
+  onContinueShopping
+}) {
+  const [isExpanded, setIsExpanded] = useState(true);
+  const [quickCheckout, setQuickCheckout] = useState(false);
+  const [promoCode, setPromoCode] = useState("");
+  const promoInputId = useId();
+  const isPage = presentation === "page";
+  const expanded = isPage ? true : isExpanded;
+  const format = formatMoneyProp ? (value) => {
+    const money2 = { amount: String(value), currencyCode: totals?.subtotal?.currencyCode ?? "USD" };
+    return formatMoneyProp(money2);
+  } : totals?.subtotal?.currencyCode && totals.subtotal.currencyCode !== "USD" ? (value) => new Intl.NumberFormat("en-US", { style: "currency", currency: totals.subtotal.currencyCode }).format(value) : (value) => fallbackFormatter.format(value);
+  const money = (value) => formatMoney(value, formatMoneyProp);
+  const subtotalAmount = isAvailableMoney(totals?.subtotal) ? Number(totals.subtotal.amount) : 0;
+  const itemCount = items.reduce((sum, item) => sum + item.quantity, 0);
+  const hasExpress = Boolean(onQuickCheckout || onPayWithApple || onPayWithGoogle);
+  const mutationsDisabled = totalsState === "pending";
+  const sortedPromotions = [...promotions ?? []].sort((a, b) => a.threshold - b.threshold);
+  const currentPromo = (() => {
+    if (!isAvailableMoney(totals?.subtotal)) return null;
+    for (let i = sortedPromotions.length - 1; i >= 0; i--) {
+      if (subtotalAmount >= sortedPromotions[i].threshold) {
+        return { ...sortedPromotions[i], achieved: true };
+      }
+    }
+    const next = sortedPromotions.find((p) => subtotalAmount < p.threshold);
+    return next ? { ...next, achieved: false } : null;
+  })();
+  const progressPercentage = currentPromo && !currentPromo.achieved ? Math.min(100, subtotalAmount / currentPromo.threshold * 100) : 100;
+  const lineAmount = (item) => {
+    if (item.lineTotal === void 0) return null;
+    return money(item.lineTotal);
+  };
+  const renderTotals = () => {
+    if (totalsState === "pending") {
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", "aria-live": "polite", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: totalsPendingLabel }) });
+    }
+    if (totalsState === "error") {
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", role: "alert", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: totalsErrorLabel }),
+        onRetryTotals ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "w-fit", onClick: onRetryTotals, children: retryLabel }) : null
+      ] });
+    }
+    if (!totals) return null;
+    const subtotalText = money(totals.subtotal);
+    const totalText = money(totals.total);
+    if (subtotalText === null || totalText === null) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", role: "status", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: totalsUnavailableLabel }),
+        onRetryTotals ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "w-fit", onClick: onRetryTotals, children: retryLabel }) : null
+      ] });
+    }
+    const shippingText = money(totals.shipping);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx("span", { children: subtotalLabel }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: subtotalText })
+      ] }),
+      isAvailableMoney(totals.discount) ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx("span", { children: discountLabel }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money(totals.discount) })
+      ] }) : null,
+      isAvailableMoney(totals.tax) ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx("span", { children: taxLabel }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: money(totals.tax) })
+      ] }) : null,
+      shippingText !== null ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm text-success", children: [
+        /* @__PURE__ */ jsx("span", { children: shippingLabel }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: Number(totals.shipping?.amount) === 0 ? shippingFreeLabel : shippingText })
+      ] }) : null,
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between font-semibold", children: [
+        /* @__PURE__ */ jsx("span", { children: totalLabel }),
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: totalText })
+      ] })
+    ] });
+  };
+  const renderPromoEntry = () => onApplyPromo ? /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "flex flex-col gap-2",
+      onSubmit: (event) => {
+        event.preventDefault();
+        const code = promoCode.trim();
+        if (!code) return;
+        onApplyPromo(code);
+        setPromoCode("");
+      },
+      children: [
+        /* @__PURE__ */ jsx("label", { className: "text-sm", htmlFor: promoInputId, children: promoPromptLabel }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: promoInputId,
+              value: promoCode,
+              onChange: (event) => setPromoCode(event.target.value),
+              placeholder: promoPlaceholderLabel,
+              className: "h-9 flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "submit", variant: "outline", size: "sm", className: "h-9", disabled: mutationsDisabled, children: promoApplyLabel })
+        ] })
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx("section", { className: "py-8", children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto px-4", isPage ? "max-w-3xl" : "max-w-md"), children: [
+    isPage ? /* @__PURE__ */ jsx("h1", { className: "mb-6 text-2xl font-semibold tracking-tight", children: titleLabel }) : null,
+    /* @__PURE__ */ jsxs(Card, { className: isPage ? "shadow-sm" : "shadow-lg", children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-3", children: [
+        /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(ShoppingCartIcon, { className: "size-5" }),
+          titleLabel,
+          " (",
+          itemCount,
+          ")"
+        ] }),
+        !isPage ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            className: "h-8 cursor-pointer px-3 text-xs",
+            size: "sm",
+            onClick: () => setIsExpanded(!isExpanded),
+            "aria-expanded": isExpanded,
+            "aria-label": isExpanded ? collapseLabel : expandLabel,
+            children: isExpanded ? /* @__PURE__ */ jsx(X, {}) : /* @__PURE__ */ jsx(Plus, {})
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { className: "flex flex-col gap-6", children: items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-6 text-center", children: [
+        /* @__PURE__ */ jsx(ShoppingCartIcon, { className: "text-muted-foreground/50 size-10" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: emptyLabel }),
+        isPage && onContinueShopping ? /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onContinueShopping, children: continueShoppingLabel }) : null
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        currentPromo && !currentPromo.achieved ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: interpolate(awayFromLabel, {
+              amount: format(currentPromo.threshold - subtotalAmount)
+            }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(currentPromo.icon, { className: "text-primary size-4" }),
+              /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: currentPromo.reward })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Progress, { value: progressPercentage, className: "h-2" })
+        ] }) : null,
+        currentPromo?.achieved ? /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-success/10 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-success", children: [
+          /* @__PURE__ */ jsx(currentPromo.icon, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: interpolate(activatedLabel, { reward: currentPromo.reward }) })
+        ] }) }) : null,
+        expanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex flex-col gap-4",
+                !isPage && "scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-600 scrollbar-track-transparent max-h-64 overflow-y-auto"
+              ),
+              children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+                item.image ? /* @__PURE__ */ jsx("img", { src: item.image || void 0, alt: "", className: "h-12 w-12 rounded-md object-cover" }) : /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "bg-muted h-12 w-12 shrink-0 rounded-md" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [
+                  /* @__PURE__ */ jsx("h3", { className: "line-clamp-2 text-sm font-medium", children: item.name }),
+                  item.variant ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: item.variant }) : null,
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: lineAmount(item) ?? amountUnavailableLabel }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "size-6 h-8 cursor-pointer p-0 px-3 text-xs",
+                          onClick: onQuantityChange ? () => onQuantityChange(item.id, item.quantity - 1) : void 0,
+                          disabled: item.quantity <= 1 || mutationsDisabled,
+                          "aria-label": `${decreaseLabel}, ${item.name}`,
+                          children: /* @__PURE__ */ jsx(Minus, {})
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "mx-2 w-6 text-center text-sm", children: item.quantity }),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "size-6 h-8 cursor-pointer p-0 px-3 text-xs",
+                          onClick: onQuantityChange ? () => onQuantityChange(item.id, item.quantity + 1) : void 0,
+                          "aria-label": `${increaseLabel}, ${item.name}`,
+                          disabled: mutationsDisabled,
+                          children: /* @__PURE__ */ jsx(Plus, {})
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "text-destructive hover:text-destructive ms-2 size-6 h-8 cursor-pointer p-0 px-3 text-xs",
+                          onClick: onRemove ? () => onRemove(item.id) : void 0,
+                          disabled: mutationsDisabled,
+                          "aria-label": `${removeLabel} ${item.name}`,
+                          children: /* @__PURE__ */ jsx(X, {})
+                        }
+                      )
+                    ] })
+                  ] })
+                ] })
+              ] }, item.id))
+            }
+          ),
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: renderTotals() }),
+          renderPromoEntry(),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            hasExpress ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+                /* @__PURE__ */ jsx("span", { children: expressCheckoutLabel }),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => setQuickCheckout(!quickCheckout),
+                    className: "h-8 cursor-pointer",
+                    "aria-pressed": quickCheckout,
+                    children: [
+                      /* @__PURE__ */ jsx(Zap, {}),
+                      quickCheckout ? standardLabel : expressLabel
+                    ]
+                  }
+                )
+              ] }),
+              quickCheckout ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+                onPayWithApple ? /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", className: "h-8 cursor-pointer px-3 text-xs", onClick: onPayWithApple, children: [
+                  /* @__PURE__ */ jsx(Wallet, {}),
+                  "Apple Pay"
+                ] }) : null,
+                onPayWithGoogle ? /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", className: "h-8 cursor-pointer px-3 text-xs", onClick: onPayWithGoogle, children: [
+                  /* @__PURE__ */ jsx(CreditCard, {}),
+                  "Google Pay"
+                ] }) : null
+              ] }) : null
+            ] }) : null,
+            !checkoutUnavailable ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "lg",
+                className: "h-10 w-full cursor-pointer px-8",
+                onClick: hasExpress && quickCheckout ? onQuickCheckout : onCheckout,
+                disabled: checkoutDisabled || totalsState === "pending",
+                children: hasExpress && quickCheckout ? quickCheckoutLabel : checkoutLabel
+              }
+            ) : null,
+            isPage && onContinueShopping ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "lg",
+                className: "h-10 w-full cursor-pointer px-8",
+                onClick: onContinueShopping,
+                children: continueShoppingLabel
+              }
+            ) : null,
+            estimatedDeliveryLabel ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center justify-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(Clock, { className: "size-3" }),
+              /* @__PURE__ */ jsx("span", { children: estimatedDeliveryLabel })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "bg-muted/50 rounded-lg p-3 text-center", children: /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center justify-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsx("div", { className: "size-2 rounded-full bg-success", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { children: secureCheckoutLabel })
+          ] }) })
+        ] }),
+        !expanded && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
+              itemCount,
+              " ",
+              itemsLabel
+            ] }),
+            isAvailableMoney(totals?.total) ? /* @__PURE__ */ jsx("span", { className: "font-semibold tabular-nums", children: money(totals.total) }) : null
+          ] }),
+          /* @__PURE__ */ jsx(Button, { size: "sm", className: "h-8 w-full cursor-pointer px-3 text-xs", onClick: onCheckout, children: checkoutNowLabel })
+        ] }),
+        expanded && recentlyViewed && recentlyViewed.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium", children: recentlyViewedLabel }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: recentlyViewed.map((item) => {
+            const suggestionPrice = money(item.unitPrice);
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "group text-start",
+                  onRecentlyViewedClick && "cursor-pointer"
+                ),
+                onClick: onRecentlyViewedClick ? () => onRecentlyViewedClick(item.id) : void 0,
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "bg-muted mb-1 aspect-square overflow-hidden", children: item.image ? /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: item.image || void 0,
+                      alt: item.name,
+                      className: "size-full rounded-md object-cover"
+                    }
+                  ) : null }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground truncate text-xs", children: item.name }),
+                  suggestionPrice !== null ? /* @__PURE__ */ jsx("p", { className: "text-xs font-medium tabular-nums", children: suggestionPrice }) : null
+                ]
+              },
+              item.id
+            );
+          }) })
+        ] })
+      ] }) })
+    ] })
+  ] }) });
+}
+var shopping_cart_default = ShoppingCart;
+export {
+  ShoppingCart,
+  shopping_cart_default as default
+};
+//# sourceMappingURL=shopping-cart.mjs.map

package/dist/blocks/e-commerce/shopping-carts/shopping-cart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/shopping-carts/shopping-cart.tsx"],"sourcesContent":["'use client'\n\nimport { useId, useState } from 'react'\nimport { ShoppingCart as ShoppingCartIcon, Zap, Clock, CreditCard, Wallet, Minus, Plus, X } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport type { Money } from '@thorprovider/types'\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../ui/card'\nimport { Button } from '../../../ui/button'\nimport { Input } from '../../../ui/input'\nimport { Separator } from '../../../ui/separator'\nimport { Progress } from '../../../ui/progress'\nimport { cn } from '../../../lib/utils'\nimport { formatMoney, isAvailableMoney } from '../../../lib/money'\nimport type { CartTotals, ShoppingCartItem, ShoppingCartSuggestion } from '../../../lib/contracts'\n\n/** Host-supplied promotion definition. Icons are React-side only. */\nexport interface ShoppingCartPromotion {\n  threshold: number\n  reward: string\n  icon: LucideIcon\n}\n\nexport type ShoppingCartTotalsState = 'idle' | 'pending' | 'error'\n\nexport type ShoppingCartPresentation = 'compact' | 'page'\n\nexport interface ShoppingCartProps {\n  /** Canonical cart lines keyed by backend cart line-item id. */\n  items: ShoppingCartItem[]\n  promotions?: ShoppingCartPromotion[]\n  recentlyViewed?: ShoppingCartSuggestion[]\n  /**\n   * Layout presentation. `compact` (default) is the collapsible quick-cart\n   * card; `page` is a wide, always-expanded review layout with a primary\n   * heading, no collapse control, and normal page scrolling. Both use the same\n   * line controls and authoritative monetary rendering.\n   */\n  presentation?: ShoppingCartPresentation\n  /**\n   * Backend-authoritative totals. The cart renders these verbatim; it never\n   * computes subtotal/tax/shipping/total locally.\n   */\n  totals?: CartTotals\n  /** Controlled state of the totals fetch/mutation. */\n  totalsState?: ShoppingCartTotalsState\n  totalsErrorLabel?: string\n  /** Shown when a required total amount is absent or malformed (never as zero). */\n  totalsUnavailableLabel?: string\n  /** Shown for a line whose supplied line total is absent or malformed. */\n  amountUnavailableLabel?: string\n  retryLabel?: string\n  onRetryTotals?: () => void\n  /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */\n  formatMoney?: (money: Money) => string\n  // labels (Spanish defaults):\n  titleLabel?: string // 'Carrito de compras'\n  subtotalLabel?: string // 'Subtotal'\n  discountLabel?: string\n  taxLabel?: string // 'Impuestos'\n  shippingLabel?: string // 'Envío'\n  shippingFreeLabel?: string // 'Gratis'\n  totalLabel?: string // 'Total'\n  totalsPendingLabel?: string\n  awayFromLabel?: string // 'Te faltan ${amount} para'\n  activatedLabel?: string // '¡{reward} activada!'\n  itemsLabel?: string // 'artículos'\n  expressCheckoutLabel?: string // 'Compra rápida'\n  expressLabel?: string // 'Rápido'\n  standardLabel?: string // 'Estándar'\n  estimatedDeliveryLabel?: string\n  secureCheckoutLabel?: string // 'Pago seguro • SSL cifrado'\n  recentlyViewedLabel?: string // 'Vistos recientemente'\n  promoPromptLabel?: string // '¿Tienes un código de descuento?'\n  promoPlaceholderLabel?: string // 'Introduce tu código'\n  promoApplyLabel?: string // 'Aplicar'\n  collapseLabel?: string // 'Contraer carrito'\n  expandLabel?: string // 'Expandir carrito'\n  checkoutLabel?: string // 'Ver carrito y finalizar'\n  quickCheckoutLabel?: string // 'Compra rápida'\n  checkoutNowLabel?: string // 'Finalizar ahora'\n  emptyLabel?: string\n  removeLabel?: string\n  decreaseLabel?: string\n  increaseLabel?: string\n  continueShoppingLabel?: string // 'Seguir comprando'\n  // action availability:\n  /** Suppress the checkout action (e.g. the checkout feature is not installed). */\n  checkoutUnavailable?: boolean\n  /** Disable checkout while the cart is not ready (pending/error/invalid totals). */\n  checkoutDisabled?: boolean\n  // callbacks:\n  /**\n   * ABSOLUTE quantity for a backend cart line-item id (distinct from the\n   * Navbar's DELTA). The boundary mutates the cart by line-item id.\n   */\n  onQuantityChange?: (id: string, quantity: number) => void\n  /** Remove the backend cart line-item id. */\n  onRemove?: (id: string) => void\n  onCheckout?: () => void\n  onQuickCheckout?: () => void\n  onPayWithApple?: () => void\n  onPayWithGoogle?: () => void\n  /**\n   * Report an entered promotion code to the host. The block never validates\n   * or resolves codes; the authoritative result arrives through `totals`\n   * (discount) and `promotions`. When absent, the promo affordance is not\n   * rendered.\n   */\n  onApplyPromo?: (code: string) => void\n  onRecentlyViewedClick?: (id: string) => void\n  /** Page presentation only: navigate back to browsing. */\n  onContinueShopping?: () => void\n}\n\nconst fallbackFormatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' })\n\nconst interpolate = (template: string, values: Record<string, string>) =>\n  template.replace(/\\$\\{(\\w+)\\}|\\{(\\w+)\\}/g, (match, dollarKey, braceKey) => {\n    const key = dollarKey ?? braceKey\n    return values[key] ?? match\n  })\n\nexport function ShoppingCart({\n  items,\n  promotions,\n  recentlyViewed,\n  presentation = 'compact',\n  totals,\n  totalsState = 'idle',\n  totalsErrorLabel = 'No se pudieron actualizar los totales.',\n  totalsUnavailableLabel = 'Totales no disponibles.',\n  amountUnavailableLabel = '—',\n  retryLabel = 'Reintentar',\n  onRetryTotals,\n  formatMoney: formatMoneyProp,\n  titleLabel = 'Carrito de compras',\n  subtotalLabel = 'Subtotal',\n  discountLabel = 'Descuento',\n  taxLabel = 'Impuestos',\n  shippingLabel = 'Envío',\n  shippingFreeLabel = 'Gratis',\n  totalLabel = 'Total',\n  totalsPendingLabel = 'Actualizando totales…',\n  awayFromLabel = 'Te faltan ${amount} para',\n  activatedLabel = '¡{reward} activada!',\n  itemsLabel = 'artículos',\n  expressCheckoutLabel = 'Compra rápida',\n  expressLabel = 'Rápido',\n  standardLabel = 'Estándar',\n  estimatedDeliveryLabel,\n  secureCheckoutLabel = 'Pago seguro • SSL cifrado',\n  recentlyViewedLabel = 'Vistos recientemente',\n  promoPromptLabel = '¿Tienes un código de descuento?',\n  promoPlaceholderLabel = 'Introduce tu código',\n  promoApplyLabel = 'Aplicar',\n  collapseLabel = 'Contraer carrito',\n  expandLabel = 'Expandir carrito',\n  checkoutLabel = 'Ver carrito y finalizar',\n  quickCheckoutLabel = 'Compra rápida',\n  checkoutNowLabel = 'Finalizar ahora',\n  emptyLabel = 'Tu carrito está vacío',\n  removeLabel = 'Quitar',\n  decreaseLabel = 'Disminuir cantidad',\n  increaseLabel = 'Aumentar cantidad',\n  continueShoppingLabel = 'Seguir comprando',\n  checkoutUnavailable,\n  checkoutDisabled,\n  onQuantityChange,\n  onRemove,\n  onCheckout,\n  onQuickCheckout,\n  onPayWithApple,\n  onPayWithGoogle,\n  onApplyPromo,\n  onRecentlyViewedClick,\n  onContinueShopping,\n}: ShoppingCartProps) {\n  const [isExpanded, setIsExpanded] = useState(true)\n  const [quickCheckout, setQuickCheckout] = useState(false)\n  const [promoCode, setPromoCode] = useState('')\n  const promoInputId = useId()\n\n  const isPage = presentation === 'page'\n  // The page presentation is always expanded; only the compact card collapses.\n  const expanded = isPage ? true : isExpanded\n  // Display currency derives from the authoritative Money subtotal; the USD\n  // formatter is only the fallback when no authoritative currency exists.\n  const format = formatMoneyProp\n    ? (value: number) => {\n        const money: Money = { amount: String(value), currencyCode: totals?.subtotal?.currencyCode ?? 'USD' }\n        return formatMoneyProp(money)\n      }\n    : totals?.subtotal?.currencyCode && totals.subtotal.currencyCode !== 'USD'\n      ? (value: number) =>\n          new Intl.NumberFormat('en-US', { style: 'currency', currency: totals.subtotal.currencyCode }).format(value)\n      : (value: number) => fallbackFormatter.format(value)\n  const money = (value: Money | null | undefined) => formatMoney(value, formatMoneyProp)\n  const subtotalAmount = isAvailableMoney(totals?.subtotal) ? Number(totals.subtotal.amount) : 0\n  const itemCount = items.reduce((sum, item) => sum + item.quantity, 0)\n  const hasExpress = Boolean(onQuickCheckout || onPayWithApple || onPayWithGoogle)\n  // While totals/mutations are pending, keep confirmed data visible but block\n  // conflicting edits and checkout until the backend responds.\n  const mutationsDisabled = totalsState === 'pending'\n\n  const sortedPromotions = [...(promotions ?? [])].sort((a, b) => a.threshold - b.threshold)\n  const currentPromo = (() => {\n    if (!isAvailableMoney(totals?.subtotal)) return null\n    for (let i = sortedPromotions.length - 1; i >= 0; i--) {\n      if (subtotalAmount >= sortedPromotions[i].threshold) {\n        return { ...sortedPromotions[i], achieved: true }\n      }\n    }\n    const next = sortedPromotions.find(p => subtotalAmount < p.threshold)\n    return next ? { ...next, achieved: false } : null\n  })()\n  const progressPercentage =\n    currentPromo && !currentPromo.achieved\n      ? Math.min(100, (subtotalAmount / currentPromo.threshold) * 100)\n      : 100\n\n  const lineAmount = (item: ShoppingCartItem): string | null => {\n    // The backend-authoritative line total renders verbatim. A malformed amount\n    // is unavailable (never a fabricated zero); `unitPrice` is never multiplied\n    // locally — the cart contract forbids local `unit × qty` arithmetic.\n    if (item.lineTotal === undefined) return null\n    return money(item.lineTotal)\n  }\n\n  const renderTotals = () => {\n    if (totalsState === 'pending') {\n      return (\n        <div className='flex flex-col gap-2' aria-live='polite'>\n          <p className='text-muted-foreground text-sm'>{totalsPendingLabel}</p>\n        </div>\n      )\n    }\n    if (totalsState === 'error') {\n      return (\n        <div className='flex flex-col gap-2' role='alert'>\n          <p className='text-destructive text-sm'>{totalsErrorLabel}</p>\n          {onRetryTotals ? (\n            <Button variant='outline' size='sm' className='w-fit' onClick={onRetryTotals}>\n              {retryLabel}\n            </Button>\n          ) : null}\n        </div>\n      )\n    }\n    if (!totals) return null\n\n    const subtotalText = money(totals.subtotal)\n    const totalText = money(totals.total)\n    // Required totals: if either is absent/malformed, show an explicit\n    // unavailable state (with recovery) rather than a fabricated zero.\n    if (subtotalText === null || totalText === null) {\n      return (\n        <div className='flex flex-col gap-2' role='status'>\n          <p className='text-muted-foreground text-sm'>{totalsUnavailableLabel}</p>\n          {onRetryTotals ? (\n            <Button variant='outline' size='sm' className='w-fit' onClick={onRetryTotals}>\n              {retryLabel}\n            </Button>\n          ) : null}\n        </div>\n      )\n    }\n\n    const shippingText = money(totals.shipping)\n    return (\n      <>\n        <div className='flex justify-between text-sm'>\n          <span>{subtotalLabel}</span>\n          <span className='tabular-nums'>{subtotalText}</span>\n        </div>\n        {isAvailableMoney(totals.discount) ? (\n          <div className='flex justify-between text-sm'>\n            <span>{discountLabel}</span>\n            <span className='tabular-nums'>{money(totals.discount)}</span>\n          </div>\n        ) : null}\n        {isAvailableMoney(totals.tax) ? (\n          <div className='flex justify-between text-sm'>\n            <span>{taxLabel}</span>\n            <span className='tabular-nums'>{money(totals.tax)}</span>\n          </div>\n        ) : null}\n        {shippingText !== null ? (\n          <div className='flex justify-between text-sm text-success'>\n            <span>{shippingLabel}</span>\n            <span className='tabular-nums'>\n              {Number(totals.shipping?.amount) === 0 ? shippingFreeLabel : shippingText}\n            </span>\n          </div>\n        ) : null}\n        <Separator />\n        <div className='flex justify-between font-semibold'>\n          <span>{totalLabel}</span>\n          <span className='tabular-nums'>{totalText}</span>\n        </div>\n      </>\n    )\n  }\n\n  const renderPromoEntry = () =>\n    onApplyPromo ? (\n      <form\n        className='flex flex-col gap-2'\n        onSubmit={event => {\n          event.preventDefault()\n          const code = promoCode.trim()\n          if (!code) return\n          onApplyPromo(code)\n          setPromoCode('')\n        }}\n      >\n        <label className='text-sm' htmlFor={promoInputId}>\n          {promoPromptLabel}\n        </label>\n        <div className='flex gap-2'>\n          <Input\n            id={promoInputId}\n            value={promoCode}\n            onChange={event => setPromoCode(event.target.value)}\n            placeholder={promoPlaceholderLabel}\n            className='h-9 flex-1'\n          />\n          <Button type='submit' variant='outline' size='sm' className='h-9' disabled={mutationsDisabled}>\n            {promoApplyLabel}\n          </Button>\n        </div>\n      </form>\n    ) : null\n\n  return (\n    <section className='py-8'>\n      <div className={cn('mx-auto px-4', isPage ? 'max-w-3xl' : 'max-w-md')}>\n        {isPage ? (\n          <h1 className='mb-6 text-2xl font-semibold tracking-tight'>{titleLabel}</h1>\n        ) : null}\n        <Card className={isPage ? 'shadow-sm' : 'shadow-lg'}>\n          {/* Header */}\n          <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-3'>\n            <CardTitle className='flex items-center gap-2'>\n              <ShoppingCartIcon className='size-5' />\n              {titleLabel} ({itemCount})\n            </CardTitle>\n            {!isPage ? (\n              <Button\n                variant='ghost'\n                className='h-8 cursor-pointer px-3 text-xs'\n                size='sm'\n                onClick={() => setIsExpanded(!isExpanded)}\n                aria-expanded={isExpanded}\n                aria-label={isExpanded ? collapseLabel : expandLabel}\n              >\n                {isExpanded ? <X /> : <Plus />}\n              </Button>\n            ) : null}\n          </CardHeader>\n\n          <CardContent className='flex flex-col gap-6'>\n            {items.length === 0 ? (\n              <div className='flex flex-col items-center justify-center gap-4 py-6 text-center'>\n                <ShoppingCartIcon className='text-muted-foreground/50 size-10' />\n                <p className='text-muted-foreground text-sm'>{emptyLabel}</p>\n                {isPage && onContinueShopping ? (\n                  <Button variant='outline' onClick={onContinueShopping}>\n                    {continueShoppingLabel}\n                  </Button>\n                ) : null}\n              </div>\n            ) : (\n              <>\n                {/* Promotion Progress */}\n                {currentPromo && !currentPromo.achieved ? (\n                  <div className='flex flex-col gap-3'>\n                    <div className='flex items-center justify-between text-sm'>\n                      <span className='text-muted-foreground'>\n                        {interpolate(awayFromLabel, {\n                          amount: format(currentPromo.threshold - subtotalAmount),\n                        })}\n                      </span>\n                      <div className='flex items-center gap-1'>\n                        <currentPromo.icon className='text-primary size-4' />\n                        <span className='text-primary font-medium'>{currentPromo.reward}</span>\n                      </div>\n                    </div>\n                    <Progress value={progressPercentage} className='h-2' />\n                  </div>\n                ) : null}\n\n                {/* Active Promotion */}\n                {currentPromo?.achieved ? (\n                  <div className='rounded-lg bg-success/10 p-3'>\n                    <div className='flex items-center gap-2 text-success'>\n                      <currentPromo.icon className='size-4' />\n                      <span className='text-sm font-medium'>\n                        {interpolate(activatedLabel, { reward: currentPromo.reward })}\n                      </span>\n                    </div>\n                  </div>\n                ) : null}\n\n                {expanded && (\n                  <>\n                    {/* Cart Items */}\n                    <div\n                      className={cn(\n                        'flex flex-col gap-4',\n                        !isPage &&\n                          'scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-600 scrollbar-track-transparent max-h-64 overflow-y-auto',\n                      )}\n                    >\n                      {items.map(item => (\n                        <div key={item.id} className='flex items-start gap-3'>\n                          {item.image ? (\n                            <img src={item.image || undefined} alt='' className='h-12 w-12 rounded-md object-cover' />\n                          ) : (\n                            <div aria-hidden='true' className='bg-muted h-12 w-12 shrink-0 rounded-md' />\n                          )}\n\n                          <div className='flex flex-1 flex-col gap-1'>\n                            <h3 className='line-clamp-2 text-sm font-medium'>{item.name}</h3>\n                            {item.variant ? <p className='text-muted-foreground text-xs'>{item.variant}</p> : null}\n\n                            <div className='flex items-center justify-between'>\n                              <span className='text-sm font-semibold'>{lineAmount(item) ?? amountUnavailableLabel}</span>\n\n                              <div className='flex items-center'>\n                                <Button\n                                  variant='ghost'\n                                  size='sm'\n                                  className='size-6 h-8 cursor-pointer p-0 px-3 text-xs'\n                                  onClick={\n                                    onQuantityChange\n                                      ? () => onQuantityChange(item.id, item.quantity - 1)\n                                      : undefined\n                                  }\n                                  disabled={item.quantity <= 1 || mutationsDisabled}\n                                  aria-label={`${decreaseLabel}, ${item.name}`}\n                                >\n                                  <Minus />\n                                </Button>\n                                <span className='mx-2 w-6 text-center text-sm'>{item.quantity}</span>\n                                <Button\n                                  variant='ghost'\n                                  size='sm'\n                                  className='size-6 h-8 cursor-pointer p-0 px-3 text-xs'\n                                  onClick={\n                                    onQuantityChange\n                                      ? () => onQuantityChange(item.id, item.quantity + 1)\n                                      : undefined\n                                  }\n                                  aria-label={`${increaseLabel}, ${item.name}`}\n                                  disabled={mutationsDisabled}\n                                >\n                                  <Plus />\n                                </Button>\n                                <Button\n                                  variant='ghost'\n                                  size='sm'\n                                  className='text-destructive hover:text-destructive ms-2 size-6 h-8 cursor-pointer p-0 px-3 text-xs'\n                                  onClick={onRemove ? () => onRemove(item.id) : undefined}\n                                  disabled={mutationsDisabled}\n                                  aria-label={`${removeLabel} ${item.name}`}\n                                >\n                                  <X />\n                                </Button>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n\n                    <Separator />\n\n                    {/* Order Summary — backend-authoritative only */}\n                    <div className='flex flex-col gap-2'>{renderTotals()}</div>\n\n                    {/* Promo code entry — reports to the host, never resolves locally */}\n                    {renderPromoEntry()}\n\n                    {/* Quick Actions */}\n                    <div className='flex flex-col gap-3'>\n                      {/* Express Checkout Toggle — only when the host supplies a handler */}\n                      {hasExpress ? (\n                        <>\n                          <div className='flex items-center justify-between text-sm'>\n                            <span>{expressCheckoutLabel}</span>\n                            <Button\n                              variant='outline'\n                              size='sm'\n                              onClick={() => setQuickCheckout(!quickCheckout)}\n                              className='h-8 cursor-pointer'\n                              aria-pressed={quickCheckout}\n                            >\n                              <Zap />\n                              {quickCheckout ? standardLabel : expressLabel}\n                            </Button>\n                          </div>\n\n                          {quickCheckout ? (\n                            <div className='grid grid-cols-2 gap-2'>\n                              {onPayWithApple ? (\n                                <Button size='sm' variant='outline' className='h-8 cursor-pointer px-3 text-xs' onClick={onPayWithApple}>\n                                  <Wallet />\n                                  Apple Pay\n                                </Button>\n                              ) : null}\n                              {onPayWithGoogle ? (\n                                <Button size='sm' variant='outline' className='h-8 cursor-pointer px-3 text-xs' onClick={onPayWithGoogle}>\n                                  <CreditCard />\n                                  Google Pay\n                                </Button>\n                              ) : null}\n                            </div>\n                          ) : null}\n                        </>\n                      ) : null}\n\n                      {/* Checkout Button */}\n                      {!checkoutUnavailable ? (\n                        <Button\n                          size='lg'\n                          className='h-10 w-full cursor-pointer px-8'\n                          onClick={hasExpress && quickCheckout ? onQuickCheckout : onCheckout}\n                          disabled={checkoutDisabled || totalsState === 'pending'}\n                        >\n                          {hasExpress && quickCheckout ? quickCheckoutLabel : checkoutLabel}\n                        </Button>\n                      ) : null}\n\n                      {/* Continue shopping — page presentation only */}\n                      {isPage && onContinueShopping ? (\n                        <Button\n                          variant='outline'\n                          size='lg'\n                          className='h-10 w-full cursor-pointer px-8'\n                          onClick={onContinueShopping}\n                        >\n                          {continueShoppingLabel}\n                        </Button>\n                      ) : null}\n\n                      {/* Estimated Delivery — only when supplied, never fabricated */}\n                      {estimatedDeliveryLabel ? (\n                        <div className='text-muted-foreground flex items-center justify-center gap-2 text-xs'>\n                          <Clock className='size-3' />\n                          <span>{estimatedDeliveryLabel}</span>\n                        </div>\n                      ) : null}\n                    </div>\n\n                    {/* Security Badge */}\n                    <div className='bg-muted/50 rounded-lg p-3 text-center'>\n                      <div className='text-muted-foreground flex items-center justify-center gap-2 text-xs'>\n                        <div className='size-2 rounded-full bg-success' aria-hidden='true' />\n                        <span>{secureCheckoutLabel}</span>\n                      </div>\n                    </div>\n                  </>\n                )}\n\n                {/* Collapsed Summary */}\n                {!expanded && (\n                  <div className='flex flex-col gap-3'>\n                    <div className='flex items-center justify-between'>\n                      <span className='text-muted-foreground text-sm'>\n                        {itemCount} {itemsLabel}\n                      </span>\n                      {isAvailableMoney(totals?.total) ? (\n                        <span className='font-semibold tabular-nums'>{money(totals.total)}</span>\n                      ) : null}\n                    </div>\n\n                    <Button size='sm' className='h-8 w-full cursor-pointer px-3 text-xs' onClick={onCheckout}>\n                      {checkoutNowLabel}\n                    </Button>\n                  </div>\n                )}\n\n                {/* Recently Viewed — host-supplied suggestions only */}\n                {expanded && recentlyViewed && recentlyViewed.length > 0 && (\n                  <div className='flex flex-col gap-3'>\n                    <h4 className='text-sm font-medium'>{recentlyViewedLabel}</h4>\n                    <div className='grid grid-cols-3 gap-2'>\n                      {recentlyViewed.map(item => {\n                        const suggestionPrice = money(item.unitPrice)\n                        return (\n                          <button\n                            key={item.id}\n                            type='button'\n                            className={cn(\n                              'group text-start',\n                              onRecentlyViewedClick && 'cursor-pointer',\n                            )}\n                            onClick={onRecentlyViewedClick ? () => onRecentlyViewedClick(item.id) : undefined}\n                          >\n                            <div className='bg-muted mb-1 aspect-square overflow-hidden'>\n                              {item.image ? (\n                                <img\n                                  src={item.image || undefined}\n                                  alt={item.name}\n                                  className='size-full rounded-md object-cover'\n                                />\n                              ) : null}\n                            </div>\n                            <p className='text-muted-foreground truncate text-xs'>{item.name}</p>\n                            {suggestionPrice !== null ? (\n                              <p className='text-xs font-medium tabular-nums'>{suggestionPrice}</p>\n                            ) : null}\n                          </button>\n                        )\n                      })}\n                    </div>\n                  </div>\n                )}\n              </>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n    </section>\n  )\n}\n\nexport default ShoppingCart\n"],"mappings":"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","names":["money"]}

package/dist/blocks/e-commerce/store-containers/store-container-1.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export interface StoreContainer1Props {
+    size?: 'default' | 'narrow' | 'wide' | 'full';
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * Trivial presentational layout container used as the root of spec-driven
+ * storefront pages. Constrains content width; children render as-is.
+ */
+export declare function StoreContainer1({ size, className, children, }: StoreContainer1Props): import("react").JSX.Element;
+export default StoreContainer1;
+//# sourceMappingURL=store-container-1.d.ts.map

package/dist/blocks/e-commerce/store-containers/store-container-1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store-container-1.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/store-containers/store-container-1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,+BAEtB;AAED,eAAe,eAAe,CAAA"}