@stacksjs/defaults 0.75.38 → 0.75.40

package/app/Models/commerce/CartItem.ts

@@ -52,7 +52,8 @@ export default defineModel({
       validation: {
         rule: schema.number().required().min(0),
       },
-      factory: faker => faker.number.int({ min: 1, max: 1000 }),
+      // Integer minor units, in the same range as Product.price.
+      factory: faker => faker.number.int({ min: 100, max: 10000 }),
     },
 
     totalPrice: {
@@ -61,7 +62,7 @@ export default defineModel({
       validation: {
         rule: schema.number().required().min(0),
       },
-      factory: faker => faker.number.int({ min: 1, max: 1000 }),
+      factory: faker => faker.number.int({ min: 100, max: 50000 }),
     },
 
     taxRate: {
@@ -79,7 +80,7 @@ export default defineModel({
       validation: {
         rule: schema.number().min(0),
       },
-      factory: faker => faker.number.int({ min: 0, max: 50 }),
+      factory: faker => faker.number.int({ min: 0, max: 1000 }),
     },
 
     discountPercentage: {
@@ -97,7 +98,8 @@ export default defineModel({
       validation: {
         rule: schema.number().min(0),
       },
-      factory: faker => faker.number.int({ min: 0, max: 25 }),
+      // At most $1.00, so it never exceeds the smallest unit price above.
+      factory: faker => faker.number.int({ min: 0, max: 100 }),
     },
 
     productName: {

package/app/Models/commerce/Coupon.ts

@@ -106,7 +106,11 @@ export default defineModel({
           min: 'Discount value must be greater than 0.01',
         },
       },
-      factory: faker => faker.number.int({ min: 5, max: 50 }),
+      // A percentage stays a plain number; a fixed amount is integer minor units
+      // ($5 to $50). discountType is declared above, so the seeder has drawn it.
+      factory: (faker, { discountType }) => discountType === 'fixed_amount'
+        ? faker.helpers.arrayElement([500, 1000, 1500, 2000, 2500, 5000])
+        : faker.number.int({ min: 5, max: 50 }),
     },
 
     minOrderAmount: {
@@ -118,7 +122,8 @@ export default defineModel({
           min: 'Min order amount must be greater than 0',
         },
       },
-      factory: faker => faker.number.int({ min: 0, max: 50 }),
+      // Integer minor units: no minimum, or $25 to $100.
+      factory: faker => faker.helpers.arrayElement([0, 2500, 5000, 7500, 10000]),
     },
 
     maxDiscountAmount: {
@@ -130,7 +135,8 @@ export default defineModel({
           min: 'Max discount amount must be greater than 0',
         },
       },
-      factory: faker => faker.number.int({ min: 5, max: 100 }),
+      // Integer minor units: $10 to $100.
+      factory: faker => faker.number.int({ min: 1000, max: 10000 }),
     },
 
     freeProductId: {

package/app/Models/commerce/Customer.ts

@@ -82,7 +82,8 @@ export default defineModel({
           min: 'Total spent cannot be negative',
         },
       },
-      factory: faker => faker.number.int({ min: 0, max: 2000 }),
+      // Integer minor units: $0 to $5,000.
+      factory: faker => faker.number.int({ min: 0, max: 500000 }),
     },
 
     lastOrder: {

package/app/Models/commerce/GiftCard.ts

@@ -57,7 +57,8 @@ export default defineModel({
       validation: {
         rule: schema.number().required().min(1),
       },
-      factory: faker => faker.number.int({ min: 100, max: 2000 }),
+      // Integer minor units, in the denominations cards are actually sold in: $25 to $250.
+      factory: faker => faker.helpers.arrayElement([2500, 5000, 10000, 15000, 20000, 25000]),
     },
 
     currentBalance: {
@@ -66,7 +67,9 @@ export default defineModel({
       validation: {
         rule: schema.number().required().min(0),
       },
-      factory: () => 1,
+      // Drawn below the smallest initial balance above, so a seeded card never
+      // holds more than it was issued with.
+      factory: faker => faker.number.int({ min: 0, max: 2500 }),
     },
 
     currency: {

package/app/Models/commerce/Order.ts

@@ -64,7 +64,8 @@ export default defineModel({
       validation: {
         rule: schema.number().required().min(0),
       },
-      factory: faker => faker.number.int({ min: 100, max: 2000 }),
+      // Integer minor units, like every commerce amount: 1999 is $19.99.
+      factory: faker => faker.number.int({ min: 1000, max: 50000 }),
     },
 
     currency: {
@@ -84,7 +85,7 @@ export default defineModel({
       validation: {
         rule: schema.number().min(0),
       },
-      factory: faker => faker.number.int({ min: 10, max: 200 }),
+      factory: faker => faker.number.int({ min: 0, max: 4000 }),
     },
 
     discountAmount: {
@@ -94,7 +95,7 @@ export default defineModel({
       validation: {
         rule: schema.number().min(0),
       },
-      factory: faker => faker.number.int({ min: 0, max: 150 }),
+      factory: faker => faker.number.int({ min: 0, max: 2000 }),
     },
 
     deliveryFee: {
@@ -104,7 +105,7 @@ export default defineModel({
       validation: {
         rule: schema.number().min(0),
       },
-      factory: faker => faker.number.int({ min: 0, max: 100 }),
+      factory: faker => faker.helpers.arrayElement([0, 299, 499, 799]),
     },
 
     tipAmount: {
@@ -114,7 +115,7 @@ export default defineModel({
       validation: {
         rule: schema.number().min(0),
       },
-      factory: faker => faker.number.int({ min: 0, max: 200 }),
+      factory: faker => faker.number.int({ min: 0, max: 1500 }),
     },
 
     orderType: {

package/app/Models/commerce/OrderItem.ts

@@ -36,7 +36,8 @@ export default defineModel({
           min: 'Price cannot be negative',
         },
       },
-      factory: faker => faker.number.int({ min: 5, max: 50 }),
+      // Integer minor units, in the same range as Product.price.
+      factory: faker => faker.number.int({ min: 100, max: 10000 }),
     },
 
     special_instructions: {

package/app/Models/commerce/ProductVariant.ts

@@ -13,14 +13,22 @@ export default defineModel({
   // tell "considered" from "nobody thought about it" (stacksjs/stacks#2375).
   ownership: false,
 
+  // A SKU identifies a variant within its product. Unique per product rather
+  // than globally, because two imported stores (or two products of one) can
+  // legitimately reuse a code. NULLs never collide, so variants without a SKU
+  // are unconstrained on every dialect.
+  indexes: [
+    { name: 'product_variants_product_sku_unique', columns: ['product_id', 'sku'], unique: true },
+  ],
+
   traits: {
     useUuid: true,
     useTimestamps: true,
     useSearch: {
-      displayable: ['id', 'productId', 'variant', 'type', 'description', 'options', 'status'],
-      searchable: ['variant', 'type', 'description', 'options'],
-      sortable: ['createdAt', 'updatedAt', 'variant', 'type', 'status'],
-      filterable: ['productId', 'type', 'status'],
+      displayable: ['id', 'productId', 'variant', 'type', 'sku', 'price', 'compareAtPrice', 'inventoryCount', 'description', 'options', 'status'],
+      searchable: ['variant', 'type', 'sku', 'description', 'options'],
+      sortable: ['createdAt', 'updatedAt', 'variant', 'type', 'status', 'price', 'inventoryCount'],
+      filterable: ['productId', 'type', 'status', 'sku'],
     },
 
     useSeeder: {
@@ -109,6 +117,65 @@ export default defineModel({
       },
       factory: faker => faker.helpers.arrayElement(['active', 'inactive', 'draft']),
     },
+
+    sku: {
+      order: 8,
+      fillable: true,
+      nullable: true,
+      validation: {
+        rule: schema.string().max(100),
+        message: {
+          max: 'SKU must have a maximum of 100 characters',
+        },
+      },
+      factory: faker => faker.string.alphanumeric(10).toUpperCase(),
+    },
+
+    // Money is integer minor units (cents), never a float. NULL means the
+    // variant has no price of its own and inherits `products.price`.
+    price: {
+      order: 9,
+      fillable: true,
+      nullable: true,
+      validation: {
+        rule: schema.number().integer().min(0),
+        message: {
+          min: 'Price must be at least 0',
+        },
+      },
+      factory: faker => faker.number.int({ min: 100, max: 10000 }),
+    },
+
+    // The "was" price shown struck through, in minor units. NULL when the
+    // variant is not on sale.
+    compareAtPrice: {
+      order: 10,
+      fillable: true,
+      nullable: true,
+      validation: {
+        rule: schema.number().integer().min(0),
+        message: {
+          min: 'Compare-at price must be at least 0',
+        },
+      },
+      // Above the factory's highest `price`, so a seeded sale is always a discount.
+      factory: faker => faker.datatype.boolean() ? faker.number.int({ min: 10001, max: 20000 }) : null,
+    },
+
+    // Units in stock. NULL means stock is not tracked for this variant,
+    // which is different from 0 (tracked and sold out).
+    inventoryCount: {
+      order: 11,
+      fillable: true,
+      nullable: true,
+      validation: {
+        rule: schema.number().integer().min(0),
+        message: {
+          min: 'Inventory count must be at least 0',
+        },
+      },
+      factory: faker => faker.number.int({ min: 0, max: 100 }),
+    },
   },
 
   dashboard: {

package/app/Models/commerce/Transaction.ts

@@ -41,9 +41,10 @@ export default defineModel({
       order: 2,
       fillable: true,
       validation: {
-        rule: schema.number().required().min(0.01),
+        // Integer minor units: the smallest amount is one cent, not 0.01 of one.
+        rule: schema.number().integer().required().min(1),
       },
-      factory: faker => faker.number.int({ min: 5, max: 500 }),
+      factory: faker => faker.number.int({ min: 500, max: 50000 }),
     },
 
     status: {

package/app/Storefront/StorefrontMoney.ts

@@ -0,0 +1,54 @@
+/**
+ * Money on the storefront's server-rendered pages.
+ *
+ * `cart_items.unit_price`, `cart_items.total_price`, `order_items.price`
+ * and `orders.total_amount` hold integer minor units (1999 is $19.99), as
+ * every commerce amount does. The cart, checkout and order pages used to
+ * print them with a hardcoded `$` and `.toFixed(2)`, which showed a 1999
+ * cent product as $1999.00 and ignored the cart's currency. They format
+ * through `@stacksjs/commerce/money` here instead.
+ */
+
+import { formatCurrency } from '@stacksjs/commerce/money'
+import { totalsFor } from '../Actions/Storefront/_shipping'
+
+/** The currency a cart or order row was priced in, or USD when it has none. */
+export function storefrontCurrency(stored: unknown): string {
+  const code = String(stored ?? '').trim().toUpperCase()
+  return /^[A-Z]{3}$/.test(code) ? code : 'USD'
+}
+
+/** A stored minor-unit amount, formatted for the shopper: `1999, 'USD'` is `"$19.99"`. */
+export function storefrontMoney(minor: number, currency: string): string {
+  return formatCurrency(minor, currency)
+}
+
+export interface StorefrontSummaryLabels {
+  subtotal: number
+  shipping: number
+  total: number
+  subtotalLabel: string
+  shippingLabel: string
+  totalLabel: string
+  freeShippingNote: string
+}
+
+/**
+ * The running totals the cart and checkout pages show, from the lines'
+ * subtotal in minor units. Shipping comes from the same rule the
+ * place-order action charges with, so the two cannot disagree.
+ */
+export function storefrontSummary(subtotal: number, currency: string): StorefrontSummaryLabels {
+  const totals = totalsFor(subtotal, currency)
+  return {
+    subtotal: totals.subtotal,
+    shipping: totals.shipping,
+    total: totals.total,
+    subtotalLabel: storefrontMoney(totals.subtotal, currency),
+    shippingLabel: totals.shipping === 0 ? 'Free' : storefrontMoney(totals.shipping, currency),
+    totalLabel: storefrontMoney(totals.total, currency),
+    freeShippingNote: totals.remainingForFree > 0
+      ? `Add ${storefrontMoney(totals.remainingForFree, currency)} more for free shipping.`
+      : '',
+  }
+}

package/ide/vscode/package.json

@@ -2,7 +2,7 @@
   "publisher": "Stacks",
   "name": "vscode-stacks",
   "displayName": "Stacks",
-  "version": "0.75.38",
+  "version": "0.75.40",
   "description": "A modern Stacks development environment.",
   "license": "MIT",
   "funding": "https://github.com/sponsors/chrisbbreuer",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/defaults",
   "type": "module",
   "sideEffects": false,
-  "version": "0.75.38",
+  "version": "0.75.40",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/stacksjs/stacks.git",
@@ -55,7 +55,7 @@
   "dependencies": {
     "@iconify-json/f7": "^1.2.2",
     "@iconify-json/hugeicons": "^1.2.27",
-    "@stacksjs/mobile": "^0.75.38",
+    "@stacksjs/mobile": "^0.75.40",
     "@stacksjs/sanitizer": "^0.2.113",
     "ts-qr-codes": "^0.1.8"
   }

package/resources/components/Dashboard/Analytics/CampaignAnalytics.stx

@@ -1,6 +1,7 @@
 <script client>
 import type { AnalyticsRange, CampaignAnalyticsResponse } from '../../../../functions/analytics'
 import { fetchCampaignAnalytics } from '../../../../functions/analytics'
+import { formatCurrency } from '@stacksjs/commerce/money'
 import { pushToast } from '../../../../functions/toasts'
 
 const analytics = state<CampaignAnalyticsResponse | null>(null)
@@ -15,10 +16,9 @@ function formatNumber(value: number | null | undefined): string {
     : new Intl.NumberFormat().format(value)
 }
 
-function formatCurrency(value: number | null, currency: string): string {
-  return value === null
-    ? 'Not recorded'
-    : new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(value)
+/** Campaign budgets and spend are integer minor units of `currency` (1999 is $19.99). */
+function formatMoney(value: number | null, currency: string): string {
+  return value === null ? 'Not recorded' : formatCurrency(value, currency)
 }
 
 function formatRate(value: number | null | undefined): string {
@@ -165,7 +165,7 @@ onMount(() => {
                 <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatNumber(campaign.opens) }}</td>
                 <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatNumber(campaign.clicks) }}</td>
                 <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatNumber(campaign.conversions) }}</td>
-                <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatCurrency(campaign.spent, campaign.currency) }}</td>
+                <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatMoney(campaign.spent, campaign.currency) }}</td>
               </tr>
             </template>
           </tbody>
@@ -186,8 +186,8 @@ onMount(() => {
                 <p class="text-gray-500 text-xs dark:text-neutral-400">{{ spend.campaigns }} campaigns</p>
               </div>
               <div class="text-right">
-                <p class="font-medium text-gray-900 text-sm dark:text-white">{{ formatCurrency(spend.spent, spend.currency) }}</p>
-                <p class="text-gray-500 text-xs dark:text-neutral-400">of {{ formatCurrency(spend.budget, spend.currency) }}</p>
+                <p class="font-medium text-gray-900 text-sm dark:text-white">{{ formatMoney(spend.spent, spend.currency) }}</p>
+                <p class="text-gray-500 text-xs dark:text-neutral-400">of {{ formatMoney(spend.budget, spend.currency) }}</p>
               </div>
             </div>
           </template>
@@ -233,7 +233,7 @@ onMount(() => {
                 <td class="px-4 py-3 text-gray-500 text-sm dark:text-neutral-300">{{ channel.currency }}</td>
                 <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ channel.campaigns }}</td>
                 <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatNumber(channel.sent) }}</td>
-                <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatCurrency(channel.spent, channel.currency) }}</td>
+                <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatMoney(channel.spent, channel.currency) }}</td>
                 <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatRate(channel.clickRate) }}</td>
                 <td class="px-4 py-3 text-gray-500 text-right text-sm dark:text-neutral-300">{{ formatRate(channel.conversionRate) }}</td>
               </tr>

package/resources/components/Dashboard/Analytics/SalesAnalytics.stx

@@ -1,8 +1,12 @@
 <script client>
 import type { AnalyticsRange, SalesAnalyticsResponse } from '../../../../functions/analytics'
+import { formatCurrency } from '@stacksjs/commerce/money'
 import { fetchSalesAnalytics } from '../../../../functions/analytics'
 import { pushToast } from '../../../../functions/toasts'
 
+// Every amount on this page is a sum of order, payment and line-item columns,
+// which hold integer minor units. formatCurrency converts them for display
+// (stacksjs/stacks#2851).
 const analytics = state<SalesAnalyticsResponse | null>(null)
 const analyticsRange = state<AnalyticsRange>('month')
 const dateRangeDisplay = state('Last 30 days')
@@ -13,9 +17,6 @@ function formatNumber(value: number): string {
   return new Intl.NumberFormat().format(value)
 }
 
-function formatCurrency(value: number, currency: string): string {
-  return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(value)
-}
 
 function formatDateRange(start: string, end: string): string {
   const formatter = new Intl.DateTimeFormat(undefined, { month: 'short', day: 'numeric', year: 'numeric' })

package/resources/components/Dashboard/Billing/BillingPlanSummary.stx

@@ -1,5 +1,6 @@
 <script client>
 import type { BillingSubscription } from '../../../../functions/billing/dashboard'
+import { formatCurrency } from '@stacksjs/commerce/money'
 
 const subscription = useReactiveProp<BillingSubscription | null>('subscription', null)
 
@@ -16,7 +17,9 @@ function amount(): string {
     return 'Not reported'
   if (!currency)
     return `${new Intl.NumberFormat().format(value)} minor units`
-  return new Intl.NumberFormat(undefined, { style: 'currency', currency: currency.toUpperCase() }).format(value / 100)
+  // Provider amounts are integer minor units: dividing by 100 was a hundred
+  // times too small for a zero-decimal currency such as JPY.
+  return formatCurrency(value, currency)
 }
 
 function date(value: string): string {

package/resources/components/Dashboard/Commerce/CommerceCouponDetailsDialog.stx

@@ -1,12 +1,15 @@
 <script client>
 import type { CouponRecord } from '../../../../app/Actions/Dashboard/Commerce/coupon-records'
+import { formatCurrency } from '@stacksjs/commerce/money'
 
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as CouponRecord | null)
+const currency = useReactiveProp('currency', 'USD')
 const emit = defineEmits()
 
+// Fixed discounts and order thresholds are integer minor units.
 function money(value: number): string {
-  return new Intl.NumberFormat(undefined, { style: 'currency', currency: 'USD' }).format(value)
+  return formatCurrency(value, currency())
 }
 
 function discount(current: CouponRecord | null): string {

package/resources/components/Dashboard/Commerce/CommerceCouponDialog.stx

@@ -4,10 +4,12 @@ import type {
   CouponRecord,
   CouponStatus,
 } from '../../../../app/Actions/Dashboard/Commerce/coupon-records'
+import { minorToInput, moneyInputError, moneyInputStep, parseMoneyInput } from '@stacksjs/commerce/money'
 
 const open = useReactiveProp('open', false)
 const mode = useReactiveProp('mode', 'add')
 const record = useReactiveProp('record', null as CouponRecord | null)
+const currency = useReactiveProp('currency', 'USD')
 const busy = useReactiveProp('busy', false)
 const errors = useReactiveProp('errors', {} as Record<string, string>)
 const emit = defineEmits()
@@ -40,9 +42,13 @@ effect(() => {
   status.set(current?.status || 'Active')
   isActive.set(current?.isActive ?? true)
   discountType.set(current?.discountType || 'percentage')
-  discountValue.set(String(current?.discountValue || 10))
-  minOrderAmount.set(current?.minOrderAmount ? String(current.minOrderAmount) : '')
-  maxDiscountAmount.set(current?.maxDiscountAmount ? String(current.maxDiscountAmount) : '')
+  // A percentage is shown as stored; money fields are stored as integer
+  // minor units and shown as the decimal.
+  discountValue.set(current
+    ? current.discountType === 'fixed_amount' ? minorToInput(current.discountValue, currency()) : String(current.discountValue)
+    : '10')
+  minOrderAmount.set(current?.minOrderAmount ? minorToInput(current.minOrderAmount, currency()) : '')
+  maxDiscountAmount.set(current?.maxDiscountAmount ? minorToInput(current.maxDiscountAmount, currency()) : '')
   freeProductId.set(current?.freeProductId || '')
   usageLimit.set(current?.usageLimit ? String(current.usageLimit) : '')
   startDate.set(current?.startDate || '')
@@ -56,8 +62,24 @@ function optionalNumber(value: string): number | undefined {
   return Number.isFinite(result) ? result : undefined
 }
 
+function optionalMoney(value: string): number | undefined {
+  return parseMoneyInput(value, currency(), { required: false }) ?? undefined
+}
+
+function discountValueValid(): boolean {
+  if (discountType() === 'fixed_amount')
+    return !moneyInputError(discountValue(), currency(), { min: 1 })
+  const rate = Number(discountValue())
+  return Number.isFinite(rate) && rate >= 0.01 && rate <= 100
+}
+
 function valid(): boolean {
-  return Boolean(code().trim() && Number(discountValue()) >= 0.01)
+  return Boolean(
+    code().trim()
+    && discountValueValid()
+    && !moneyInputError(minOrderAmount(), currency(), { required: false })
+    && !moneyInputError(maxDiscountAmount(), currency(), { required: false }),
+  )
 }
 
 function submit(): void {
@@ -69,9 +91,11 @@ function submit(): void {
     status: status(),
     isActive: isActive(),
     discountType: discountType(),
-    discountValue: Number(discountValue()),
-    minOrderAmount: optionalNumber(minOrderAmount()),
-    maxDiscountAmount: optionalNumber(maxDiscountAmount()),
+    discountValue: discountType() === 'fixed_amount'
+      ? parseMoneyInput(discountValue(), currency(), { min: 1 })
+      : Number(discountValue()),
+    minOrderAmount: optionalMoney(minOrderAmount()),
+    maxDiscountAmount: optionalMoney(maxDiscountAmount()),
     freeProductId: freeProductId().trim() || undefined,
     usageLimit: optionalNumber(usageLimit()),
     startDate: startDate() || undefined,
@@ -103,9 +127,9 @@ function errorMessages(): string[] {
           <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Status</span><select x-model="status" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700"><option value="Active">Active</option><option value="Scheduled">Scheduled</option><option value="Expired">Expired</option></select></label>
           <label class="block sm:col-span-2"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Description</span><textarea x-model="description" rows="3" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700"></textarea></label>
           <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Discount type</span><select x-model="discountType" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700"><option value="percentage">Percentage</option><option value="fixed_amount">Fixed amount</option></select></label>
-          <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Discount value</span><input x-model="discountValue" type="number" min="0.01" step="0.01" required class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
-          <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Minimum order amount</span><input x-model="minOrderAmount" type="number" min="0" step="0.01" placeholder="No minimum" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
-          <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Maximum discount amount</span><input x-model="maxDiscountAmount" type="number" min="0" step="0.01" placeholder="No maximum" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
+          <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Discount value</span><input x-model="discountValue" type="number" :min="discountType() === 'fixed_amount' ? '0' : '0.01'" :step="discountType() === 'fixed_amount' ? moneyInputStep(currency()) : '0.01'" required class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
+          <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Minimum order amount</span><input x-model="minOrderAmount" type="number" min="0" :step="moneyInputStep(currency())" placeholder="No minimum" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
+          <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Maximum discount amount</span><input x-model="maxDiscountAmount" type="number" min="0" :step="moneyInputStep(currency())" placeholder="No maximum" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
           <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Usage limit</span><input x-model="usageLimit" type="number" min="1" step="1" placeholder="No limit" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
           <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Free product ID</span><input x-model="freeProductId" type="text" placeholder="Optional" class="mt-1 px-3 py-2 w-full font-mono text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
           <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Start date</span><input x-model="startDate" type="date" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>

package/resources/components/Dashboard/Commerce/CommerceCouponsDashboard.stx

@@ -7,6 +7,7 @@ import type {
 } from '../../../../app/Actions/Dashboard/Commerce/coupon-records'
 import { DashboardApiError, dashboardApi } from '../../../../functions/dashboard-api'
 import { pushToast } from '../../../../functions/toasts'
+import { minorToInput } from '@stacksjs/commerce/money'
 
 interface CouponIndexResponse {
   records: CouponRecord[]
@@ -104,7 +105,8 @@ function exportHref(): string {
     record.status,
     record.isActive ? 'Enabled' : 'Disabled',
     record.discountType,
-    String(record.discountValue),
+    // A fixed amount is stored in minor units; the CSV carries the decimal.
+    record.discountType === 'fixed_amount' ? minorToInput(record.discountValue, 'USD') : String(record.discountValue),
     String(record.usageCount),
     record.usageLimit === null ? '' : String(record.usageLimit),
     record.startDate,

package/resources/components/Dashboard/Commerce/CommerceCouponsTable.stx

@@ -1,8 +1,10 @@
 <script client>
 import type { CouponRecord } from '../../../../app/Actions/Dashboard/Commerce/coupon-records'
+import { formatCurrency } from '@stacksjs/commerce/money'
 
 const records = useReactiveProp('records', [] as CouponRecord[])
 const loading = useReactiveProp('loading', false)
+const currency = useReactiveProp('currency', 'USD')
 const emit = defineEmits()
 
 function statusClass(status: string): string {
@@ -13,10 +15,11 @@ function statusClass(status: string): string {
   return 'bg-gray-100 text-gray-700 dark:bg-neutral-700 dark:text-neutral-300'
 }
 
+// A percentage is a rate, not money; a fixed amount is integer minor units.
 function discount(record: CouponRecord): string {
   return record.discountType === 'percentage'
     ? `${record.discountValue}%`
-    : new Intl.NumberFormat(undefined, { style: 'currency', currency: 'USD' }).format(record.discountValue)
+    : formatCurrency(record.discountValue, currency())
 }
 
 function date(value: string): string {

package/resources/components/Dashboard/Commerce/CommerceCustomerDetailsDialog.stx

@@ -1,5 +1,6 @@
 <script client>
 import type { CommerceCustomerRecord } from '../../../../app/Actions/Dashboard/Commerce/commerce-customer-records'
+import { formatCurrency } from '@stacksjs/commerce/money'
 
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as CommerceCustomerRecord | null)
@@ -7,12 +8,7 @@ const currency = useReactiveProp('currency', 'USD')
 const emit = defineEmits()
 
 function formatMoney(value: number): string {
-  try {
-    return new Intl.NumberFormat(undefined, { style: 'currency', currency: currency() }).format(value)
-  }
-  catch {
-    return `${value.toFixed(2)} ${currency()}`
-  }
+  return formatCurrency(value, currency())
 }
 
 function formatDate(value: string): string {