fix(payment): compile shipped payment components

packages/payment/components/PayNow.wrn

@@ -1,5 +1,9 @@
 component PayNow {
-  props { checkoutUrl: string label?: string = "Pay now" disabled?: boolean = false }
+  props {
+    checkoutUrl: string
+    label?: string = "Pay now"
+    disabled?: boolean = false
+  }
   view {
     <a class="wrn-payment-button" href={checkoutUrl} aria-disabled={disabled}>
       {label}

packages/payment/components/PaymentSheet.wrn

@@ -1,4 +1,7 @@
 component PaymentSheet {
-  props { checkoutUrl: string gateway: string }
+  props {
+    checkoutUrl: string
+    gateway: string
+  }
   view { <section class="wrn-payment-sheet" data-gateway={gateway}><p>Secure payment is completed on the payment provider.</p><a href={checkoutUrl}>Continue securely</a></section> }
 }

packages/payment/components/PaymentStatus.wrn

@@ -1,4 +1,7 @@
 component PaymentStatus {
-  props { status: string label?: string = "Payment status" }
+  props {
+    status: string
+    label?: string = "Payment status"
+  }
   view { <div class="wrn-payment-status" role="status"><strong>{label}</strong><span>{status}</span></div> }
 }

packages/payment/components/PaymentSummary.wrn

@@ -1,4 +1,9 @@
 component PaymentSummary {
-  props { captured: number = 0 refunded: number = 0 net: number = 0 currency: string }
+  props {
+    captured: number = 0
+    refunded: number = 0
+    net: number = 0
+    currency: string
+  }
   view { <dl><dt>Captured</dt><dd>{currency} {captured}</dd><dt>Refunded</dt><dd>{currency} {refunded}</dd><dt>Net</dt><dd>{currency} {net}</dd></dl> }
 }

packages/payment/components/RefundButton.wrn

@@ -1,4 +1,9 @@
 component RefundButton {
-  props { paymentId: string refundable: number partial?: boolean = false action?: string = "/api/payments/refund" }
+  props {
+    paymentId: string
+    refundable: number
+    partial?: boolean = false
+    action?: string = "/api/payments/refund"
+  }
   view { <form method="post" action={action}><input type="hidden" name="paymentId" value={paymentId} /><label>Reason<input name="reason" required /></label>{#if partial}<label>Amount<input name="amount" type="number" min="1" max={refundable} /></label>{/if}<button type="submit">Refund</button></form> }
 }

packages/payment/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/payment",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "private": true,
   "type": "module",
   "main": "src/index.ts",