@stacksjs/defaults 0.75.317 → 0.75.320

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

@@ -4,7 +4,7 @@ import type { GiftCardRecord } from '../../../../app/Actions/Dashboard/Commerce/
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as GiftCardRecord | null)
 const busy = useReactiveProp('busy', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `Delete "${record()?.code || 'Unnamed gift card'}" permanently? Recorded customer or order relationships may prevent deletion.`)
 </script>
 

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

@@ -4,7 +4,7 @@ import { formatCurrency } from '@stacksjs/commerce/money'
 
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as GiftCardRecord | null)
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'close', 'delete'])
 
 function money(value: number, currency: string): string {
   return formatCurrency(value, currency)

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

@@ -8,7 +8,7 @@ const mode = useReactiveProp('mode', 'add')
 const record = useReactiveProp('record', null as GiftCardRecord | null)
 const busy = useReactiveProp('busy', false)
 const errors = useReactiveProp('errors', {} as Record<string, string>)
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const code = state('')
 // Balances as typed, in major units. Stored as integer minor units.
 const initialBalance = state('50.00')

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

@@ -10,7 +10,7 @@ const loading = useReactiveProp('loading', false)
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
 /** The parent's search and filters: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['view', 'edit', 'delete'])
 
 function statusLabel(status: GiftCardStatus): string {
   return status.charAt(0) + status.slice(1).toLowerCase()

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

@@ -4,7 +4,7 @@ import type { ManufacturerRecord } from '../../../../app/Actions/Dashboard/Comme
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as ManufacturerRecord | null)
 const busy = useReactiveProp('busy', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `Delete "${record()?.name || 'Unnamed manufacturer'}" permanently?`)
 const warning = derived(() => record()?.productCount
   ? `It is linked to ${record()?.productCount} products and deletion may be rejected.`

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

@@ -7,7 +7,7 @@ const mode = useReactiveProp('mode', 'add')
 const record = useReactiveProp('record', null as ManufacturerRecord | null)
 const busy = useReactiveProp('busy', false)
 const errors = useReactiveProp('errors', {} as Record<string, string>)
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const name = state('')
 const description = state('')
 const country = state('')

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

@@ -7,7 +7,7 @@ const records = useReactiveProp('records', [] as ManufacturerRecord[])
 const loading = useReactiveProp('loading', false)
 /** The parent's sort select; a change hands the order back from a header sort. */
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 
 /**
  * `featured` becomes a flag badge beside the name rather than the starred line

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

@@ -4,7 +4,7 @@ import type { CommerceOrderRecord } from '../../../../app/Actions/Dashboard/Comm
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as CommerceOrderRecord | null)
 const busy = useReactiveProp('busy', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `Delete order ${record()?.id || 'not recorded'} permanently? Linked items, payments, and license keys may prevent deletion.`)
 </script>
 

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

@@ -4,7 +4,7 @@ import { formatCurrency } from '@stacksjs/commerce/money'
 
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as CommerceOrderRecord | null)
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'close', 'delete'])
 
 function label(value: string): string {
   return value.replaceAll('_', ' ').toLowerCase().replace(/\b\w/g, letter => letter.toUpperCase())

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

@@ -15,7 +15,7 @@ const orderTypes = useReactiveProp('orderTypes', [] as string[])
 const defaultCurrency = useReactiveProp('defaultCurrency', 'USD')
 const busy = useReactiveProp('busy', false)
 const errors = useReactiveProp('errors', {} as Record<string, string>)
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const customerId = state('')
 const couponId = state('')
 const status = state('PENDING')

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

@@ -9,7 +9,7 @@ const loading = useReactiveProp('loading', false)
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
 /** The parent's search and filters: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['view', 'edit', 'delete'])
 
 function label(value: string): string {
   return value.replaceAll('_', ' ').toLowerCase().replace(/\b\w/g, letter => letter.toUpperCase())

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

@@ -8,7 +8,7 @@ const records = useReactiveProp('records', [] as PaymentRecord[])
 const loading = useReactiveProp('loading', false)
 /** The parent's sort select; a change hands the order back from a header sort. */
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['view'])
 
 /** `partiallyRefunded` and `bank_transfer` as words, each capitalized. */
 function label(value: string): string {

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

@@ -15,7 +15,7 @@ const subtotal = useReactiveProp('subtotal', 0)
 const taxRate = useReactiveProp('taxRate', 0)
 const taxAmount = useReactiveProp('taxAmount', 0)
 const totalAmount = useReactiveProp('totalAmount', 0)
-const emit = defineEmits()
+const emit = defineEmits(['clear', 'remove', 'decrease', 'increase', 'instructions', 'checkout'])
 
 function formatMoney(value: number): string {
   return formatCurrency(value, currency())

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

@@ -10,7 +10,7 @@ const category = useReactiveProp('category', 'all')
 const availability = useReactiveProp('availability', 'sellable')
 const currency = useReactiveProp('currency', 'USD')
 const loading = useReactiveProp('loading', false)
-const emit = defineEmits()
+const emit = defineEmits(['search', 'category', 'availability', 'add'])
 
 function initials(name: string): string {
   return name.split(/\s+/).filter(Boolean).slice(0, 2).map(part => part[0]?.toUpperCase() || '').join('') || 'PR'

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

@@ -17,7 +17,7 @@ const totalAmount = useReactiveProp('totalAmount', 0)
 const unitCount = useReactiveProp('unitCount', 0)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const customerId = state('')
 const orderType = state('TAKEOUT')
 const paymentMethod = state('cash')

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

@@ -23,7 +23,7 @@ interface PosReceipt {
 
 const open = useReactiveProp('open', false)
 const receipt = useReactiveProp('receipt', null as PosReceipt | null)
-const emit = defineEmits()
+const emit = defineEmits(['close'])
 
 function formatMoney(value: number): string {
   return formatCurrency(value, receipt()?.currency || 'USD')

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

@@ -4,7 +4,7 @@ import type { CommerceProductRecord } from '../../../../app/Actions/Dashboard/Co
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as CommerceProductRecord | null)
 const busy = useReactiveProp('busy', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `Delete "${record()?.name || 'Unnamed product'}" permanently?`)
 const warning = derived(() => record()?.variantCount || record()?.unitCount || record()?.reviewCount
   ? 'Related variants, units, or reviews may cause deletion to be rejected.'

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

@@ -1,5 +1,5 @@
 <script client>
-import { formErrorMessages } from '../../../../functions/dashboard-form'
+import { formErrorMessages, slugify } from '../../../../functions/dashboard-form'
 import type {
   CommerceProductRecord,
   ProductOption,
@@ -18,8 +18,9 @@ const manufacturers = useReactiveProp('manufacturers', [] as ProductOption[])
 const currency = useReactiveProp('currency', 'USD')
 const busy = useReactiveProp('busy', false)
 const errors = useReactiveProp('errors', {} as Record<string, string>)
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const name = state('')
+const slug = state('')
 const description = state('')
 // The price as typed, in major units ("19.99"). It is stored as integer
 // minor units (1999), converted once in `productWritePayload`.
@@ -33,6 +34,9 @@ const manufacturerId = state('')
 const allergens = state('')
 const nutritionalInfo = state('{}')
 let hydrationKey = ''
+// The slug follows the name until someone edits it, and an existing product
+// keeps the one it has: changing it would break links to it.
+let slugTouched = false
 
 effect(() => {
   if (!open()) {
@@ -45,6 +49,8 @@ effect(() => {
     return
   hydrationKey = key
   name.set(current?.name || '')
+  slug.set(current?.slug || '')
+  slugTouched = Boolean(current?.slug)
   description.set(current?.description || '')
   price.set(current ? minorToInput(current.price, currency()) : '')
   imageUrl.set(current?.imageUrl || '')
@@ -57,6 +63,22 @@ effect(() => {
   nutritionalInfo.set(current?.nutritionalInfoRaw || '{}')
 })
 
+effect(() => {
+  if (!open() || slugTouched)
+    return
+  slug.set(slugify(name()))
+})
+
+function markSlugTouched(): void {
+  slugTouched = true
+}
+
+function normalizeSlug(): void {
+  const normalized = slugify(slug())
+  if (normalized !== slug())
+    slug.set(normalized)
+}
+
 function nutritionValid(): boolean {
   const raw = nutritionalInfo().trim()
   if (!raw)
@@ -79,6 +101,7 @@ function valid(): boolean {
   const parsedPreparation = Number(preparationTime())
   return Boolean(
     name().trim()
+    && slugify(slug())
     && !priceError()
     && Number.isFinite(parsedInventory)
     && parsedInventory >= 0
@@ -95,6 +118,7 @@ function submit(): void {
     return
   emit('submit', productWritePayload({
     name: name(),
+    slug: slugify(slug()),
     description: description(),
     price: price(),
     imageUrl: imageUrl(),
@@ -126,6 +150,7 @@ function errorMessages(): string[] {
         </ul>
         <div class="grid gap-4 grid-cols-1 sm:grid-cols-2">
           <label class="block sm:col-span-2"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Name</span><input x-model="name" type="text" maxlength="100" 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 sm:col-span-2"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Slug</span><input x-model="slug" type="text" maxlength="255" required spellcheck="false" 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" @input="markSlugTouched" @blur="normalizeSlug" /><span class="block mt-1 text-gray-400 text-xs dark:text-neutral-500">The storefront address, /products/{{ slug() || 'slug' }}.</span></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">Price ({{ currency() }})</span><input x-model="price" type="number" min="0" :step="moneyInputStep(currency())" inputmode="decimal" required :aria-invalid="price() !== '' && priceError() !== ''" 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" /><span :if="price() !== '' && priceError()" class="block mt-1 text-red-600 text-xs dark:text-red-400">{{ priceError() }}</span></label>
           <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Inventory count</span><input x-model="inventoryCount" type="number" min="0" step="1" 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>

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

@@ -10,7 +10,7 @@ const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
 /** The parent's search and filters: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
 const currency = useReactiveProp('currency', 'USD')
-const emit = defineEmits()
+const emit = defineEmits(['view', 'edit', 'delete'])
 
 function initials(name: string): string {
   return name.split(/\s+/).filter(Boolean).slice(0, 2).map(part => part[0]?.toUpperCase() || '').join('') || 'PR'

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

@@ -4,7 +4,7 @@ import type { ReviewRecord } from '../../../../app/Actions/Dashboard/Commerce/re
 const open = useReactiveProp('open', false)
 const review = useReactiveProp('review', null as ReviewRecord | null)
 const busy = useReactiveProp('busy', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `Delete "${review()?.title || 'Untitled review'}" permanently? This cannot be undone.`)
 </script>
 

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

@@ -6,10 +6,11 @@ const open = useReactiveProp('open', false)
 const review = useReactiveProp('review', null as ReviewRecord | null)
 const busy = useReactiveProp('busy', false)
 const errors = useReactiveProp('errors', {} as Record<string, string>)
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const title = state('')
 const content = state('')
-const rating = state(5)
+// A string, so the select can hold "no rating" as well as 1 to 5.
+const rating = state('5')
 const approved = state(false)
 const featured = state(false)
 let hydratedId = ''
@@ -25,7 +26,7 @@ effect(() => {
   hydratedId = current.id
   title.set(current.title)
   content.set(current.content)
-  rating.set(current.rating)
+  rating.set(current.rating === null ? '' : String(current.rating))
   approved.set(current.approved)
   featured.set(current.featured)
 })
@@ -36,7 +37,7 @@ function submit(): void {
   emit('submit', {
     title: title().trim(),
     content: content().trim(),
-    rating: rating(),
+    rating: rating() === '' ? null : Number(rating()),
     isApproved: approved(),
     isFeatured: featured(),
   })
@@ -70,12 +71,13 @@ function errorMessages(): string[] {
           </label>
           <label class="block">
             <span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Rating</span>
-            <select x-model.number="rating" 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">
+            <select x-model="rating" 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="5">5 stars</option>
               <option value="4">4 stars</option>
               <option value="3">3 stars</option>
               <option value="2">2 stars</option>
               <option value="1">1 star</option>
+              <option value="">No rating</option>
             </select>
           </label>
           <div class="grid gap-3 grid-cols-1 sm:grid-cols-2">

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

@@ -16,7 +16,7 @@ interface ReviewIndexResponse {
 interface ReviewEditPayload {
   title: string
   content: string
-  rating: number
+  rating: number | null
   isApproved: boolean
   isFeatured: boolean
 }
@@ -67,6 +67,13 @@ function timestamp(value: string): number {
   return Number.isFinite(result) ? result : 0
 }
 
+/** Rated reviews in `direction` order, unrated ones last either way. */
+function byRating(left: ReviewRecord, right: ReviewRecord, direction: 1 | -1): number {
+  if (left.rating === null || right.rating === null)
+    return Number(left.rating === null) - Number(right.rating === null)
+  return (left.rating - right.rating) * direction
+}
+
 function filteredRecords(): ReviewRecord[] {
   const query = search().trim().toLowerCase()
   const product = productFilter()
@@ -76,7 +83,7 @@ function filteredRecords(): ReviewRecord[] {
     .filter((review) => {
       if (product !== 'all' && review.productId !== product)
         return false
-      if (rating !== 'all' && String(review.rating) !== rating)
+      if (rating !== 'all' && String(review.rating ?? 'none') !== rating)
         return false
       if (moderation === 'approved' && !review.approved)
         return false
@@ -98,9 +105,9 @@ function filteredRecords(): ReviewRecord[] {
       if (sort() === 'oldest')
         return timestamp(left.createdAt) - timestamp(right.createdAt)
       if (sort() === 'rating-high')
-        return right.rating - left.rating || timestamp(right.createdAt) - timestamp(left.createdAt)
+        return byRating(left, right, -1) || timestamp(right.createdAt) - timestamp(left.createdAt)
       if (sort() === 'rating-low')
-        return left.rating - right.rating || timestamp(right.createdAt) - timestamp(left.createdAt)
+        return byRating(left, right, 1) || timestamp(right.createdAt) - timestamp(left.createdAt)
       if (sort() === 'helpful')
         return right.helpfulVotes - left.helpfulVotes || timestamp(right.createdAt) - timestamp(left.createdAt)
       return timestamp(right.createdAt) - timestamp(left.createdAt)
@@ -296,6 +303,7 @@ onMount(() => {
           <option value="3">3 stars</option>
           <option value="2">2 stars</option>
           <option value="1">1 star</option>
+          <option value="none">No rating</option>
         </select>
       </label>
       <label>

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

@@ -11,7 +11,7 @@ const busyId = useReactiveProp('busyId', '')
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
 /** The parent's search and filters: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['approve', 'feature', 'edit', 'delete'])
 
 /** Epoch seconds or milliseconds as well as stored timestamps, as the API sends either. */
 function formatDate(value: string): string {
@@ -64,8 +64,8 @@ const rows = derived(() => reviews().map(review => ({
   productLabel: review.productName || 'Unlinked product',
   titleLabel: review.title || 'Untitled review',
   contentLabel: review.content || 'No review content recorded.',
-  stars: `${'★'.repeat(review.rating)}${'☆'.repeat(5 - review.rating)}`,
-  starsLabel: `${review.rating} out of 5 stars`,
+  stars: review.rating === null ? 'No rating' : `${'★'.repeat(review.rating)}${'☆'.repeat(5 - review.rating)}`,
+  starsLabel: review.rating === null ? 'No star rating' : `${review.rating} out of 5 stars`,
   helpfulLabel: `${review.helpfulVotes} helpful`,
   unhelpfulLabel: `${review.unhelpfulVotes} not helpful`,
   dateLabel: formatDate(review.createdAt),

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

@@ -4,7 +4,7 @@ import type { TaxRateRecord } from '../../../../app/Actions/Dashboard/Commerce/t
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as TaxRateRecord | null)
 const busy = useReactiveProp('busy', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `${record()?.name || 'This tax rate'} will be permanently removed.`)
 const warning = derived(() => record()?.isDefault
   ? 'This rate is marked as default. No replacement is selected automatically.'

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

@@ -8,7 +8,7 @@ const record = useReactiveProp('record', null as TaxRateRecord | null)
 const types = useReactiveProp('types', [] as string[])
 const busy = useReactiveProp('busy', false)
 const errors = useReactiveProp('errors', {} as Record<string, string>)
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const name = state('')
 const rate = state(0)
 const type = state('')

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

@@ -7,7 +7,7 @@ const records = useReactiveProp('records', [] as TaxRateRecord[])
 const loading = useReactiveProp('loading', false)
 /** The parent's sort select; a change hands the order back from a header sort. */
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 
 /**
  * The name cell is slotted: the default, code and exemptible badges sit

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

@@ -4,7 +4,7 @@ import type { ProductUnitRecord } from '../../../../app/Actions/Dashboard/Commer
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as ProductUnitRecord | null)
 const busy = useReactiveProp('busy', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `${record()?.name || 'This product unit'} will be permanently removed.${record()?.productName ? ` The linked product ${record()?.productName} will remain.` : ''}`)
 const warning = derived(() => record()?.isDefault
   ? `This is the current default for ${record()?.type || 'this unit type'}. No replacement is selected automatically.`

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

@@ -12,7 +12,7 @@ const products = useReactiveProp('products', [] as ProductUnitOption[])
 const types = useReactiveProp('types', [] as string[])
 const busy = useReactiveProp('busy', false)
 const errors = useReactiveProp('errors', {} as Record<string, string>)
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const name = state('')
 const abbreviation = state('')
 const type = state('')

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

@@ -7,7 +7,7 @@ const records = useReactiveProp('records', [] as ProductUnitRecord[])
 const loading = useReactiveProp('loading', false)
 /** The parent's sort select; a change hands the order back from a header sort. */
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 
 /**
  * No slots. `UI/Table`'s `cell` and `actions` slots cannot be used yet -

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

@@ -4,7 +4,7 @@ import type { ProductVariantRecord } from '../../../../app/Actions/Dashboard/Com
 const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as ProductVariantRecord | null)
 const busy = useReactiveProp('busy', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `${record()?.variant || 'This product variant'} will be permanently removed.${record()?.productName ? ` The linked product ${record()?.productName} will remain.` : ''}`)
 </script>
 

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

@@ -9,7 +9,7 @@ const products = useReactiveProp('products', [] as ProductVariantOption[])
 const types = useReactiveProp('types', [] as string[])
 const busy = useReactiveProp('busy', false)
 const errors = useReactiveProp('errors', {} as Record<string, string>)
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const variant = state('')
 const type = state('')
 const description = state('')

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

@@ -7,7 +7,7 @@ const records = useReactiveProp('records', [] as ProductVariantRecord[])
 const loading = useReactiveProp('loading', false)
 /** The parent's sort select; a change hands the order back from a header sort. */
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 
 /**
  * Two slotted columns, dispatched on `column.key`: the variant with its type

package/resources/components/Dashboard/Commerce/Delivery/CourierDeleteDialog.stx

@@ -8,7 +8,7 @@ const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as CourierRecord | null)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `Delete ${record()?.name || 'the selected courier'} permanently. Couriers referenced by delivery routes may be protected by the database.`)
 </script>
 

package/resources/components/Dashboard/Commerce/Delivery/CourierDialog.stx

@@ -23,7 +23,7 @@ const record = useReactiveProp('record', null as CourierRecord | null)
 const users = useReactiveProp('users', [] as UserOption[])
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['invalid', 'submit', 'close'])
 const name = state('')
 const phone = state('')
 const vehicleNumber = state('')

package/resources/components/Dashboard/Commerce/Delivery/CouriersTable.stx

@@ -18,7 +18,7 @@ const couriers = useReactiveProp('couriers', [] as CourierRow[])
 const loading = useReactiveProp('loading', false)
 /** The parent's search: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 
 const COLUMNS = [
   { key: 'name', label: 'Courier', sortable: true, class: 'font-medium text-stone-800 whitespace-nowrap dark:text-white' },

package/resources/components/Dashboard/Commerce/Delivery/DeliveryPagination.stx

@@ -3,7 +3,7 @@ const currentPage = useReactiveProp('current-page', 1)
 const totalItems = useReactiveProp('total-items', 0)
 const itemsPerPage = useReactiveProp('items-per-page', 10)
 const maxDisplayedPages = useReactiveProp('max-displayed-pages', 5)
-const emit = defineEmits()
+const emit = defineEmits(['select', 'prev', 'next', 'page'])
 
 const totalPages = derived(() => Math.ceil(totalItems() / Math.max(1, itemsPerPage())))
 const startItem = derived(() => totalItems() === 0 ? 0 : ((currentPage() - 1) * itemsPerPage()) + 1)

package/resources/components/Dashboard/Commerce/Delivery/DeliveryRouteDeleteDialog.stx

@@ -8,7 +8,7 @@ const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as DeliveryRouteRecord | null)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `Delete route #${record()?.id} for ${record()?.courier || 'the selected courier'} permanently.`)
 </script>
 

package/resources/components/Dashboard/Commerce/Delivery/DeliveryRouteDialog.stx

@@ -23,7 +23,7 @@ const record = useReactiveProp('record', null as DeliveryRouteRecord | null)
 const couriers = useReactiveProp('couriers', [] as CourierOption[])
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['invalid', 'submit', 'close'])
 const courierId = state('')
 const stops = state('0')
 const deliveryTime = state('0')

package/resources/components/Dashboard/Commerce/Delivery/DeliveryRoutesTable.stx

@@ -17,7 +17,7 @@ const routes = useReactiveProp('routes', [] as DeliveryRouteRow[])
 const loading = useReactiveProp('loading', false)
 /** The parent's search: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 
 function formatNumber(value: number): string {
   return new Intl.NumberFormat('en-US', { maximumFractionDigits: 2 }).format(value)

package/resources/components/Dashboard/Commerce/Delivery/DigitalDeliveryDeleteDialog.stx

@@ -8,7 +8,7 @@ const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as DigitalDeliveryRecord | null)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `Delete ${record()?.name || 'the selected digital delivery'} permanently.`)
 </script>
 

package/resources/components/Dashboard/Commerce/Delivery/DigitalDeliveryDialog.stx

@@ -17,7 +17,7 @@ const mode = useReactiveProp('mode', 'create')
 const record = useReactiveProp('record', null as DigitalDeliveryRecord | null)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['invalid', 'submit', 'close'])
 const name = state('')
 const description = state('')
 const downloadLimit = state('')

package/resources/components/Dashboard/Commerce/Delivery/DigitalDeliveryTable.stx

@@ -18,7 +18,7 @@ const methods = useReactiveProp('methods', [] as DigitalDeliveryRow[])
 const loading = useReactiveProp('loading', false)
 /** The parent's search: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 
 /** Expiry keeps its unit and sorts by the number of days. */
 const COLUMNS = [

package/resources/components/Dashboard/Commerce/Delivery/LicenseKeyDeleteDialog.stx

@@ -8,7 +8,7 @@ const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as LicenseKeyRecord | null)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `Delete ${record()?.key || 'the selected license key'} permanently.`)
 </script>
 

package/resources/components/Dashboard/Commerce/Delivery/LicenseKeyDialog.stx

@@ -34,7 +34,7 @@ const options = useReactiveProp('options', {
 } as LicenseKeyOptions)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['invalid', 'submit', 'close'])
 const keyValue = state('')
 const templateValue = state('Standard License')
 const customerId = state('')