From 75a045de14aa992dcc410c18230ea83da697afb7 Mon Sep 17 00:00:00 2001
From: Arc <ben@arc.wales>
Date: Sat, 10 Jan 2026 22:46:44 +0000
Subject: [PATCH 1/8] if fiat payment remove sats stuff from reciept

---
 migrations.py                | 11 +++++++++++
 models.py                    |  2 ++
 services.py                  |  1 -
 static/components/receipt.js | 17 +++++++++++++++--
 static/js/index.js           |  3 +++
 tasks.py                     |  3 +--
 templates/tpos/index.html    |  4 ++++
 views_api.py                 |  9 +++++----
 8 files changed, 41 insertions(+), 9 deletions(-)

diff --git a/migrations.py b/migrations.py
index c4ea3fb..1ff6a7b 100644
--- a/migrations.py
+++ b/migrations.py
@@ -267,3 +267,14 @@ async def m018_add_stripe_reader_id(db: Database):
         ALTER TABLE tpos.pos ADD stripe_reader_id TEXT NULL;
     """
     )
+
+
+async def m019_add_receipt_sats_only(db: Database):
+    """
+    Add receipt option to only show sats on bitcoin transactions
+    """
+    await db.execute(
+        """
+        ALTER TABLE tpos.pos ADD only_show_sats_on_bitcoin BOOLEAN DEFAULT true;
+    """
+    )
diff --git a/models.py b/models.py
index 7d4e956..8486621 100644
--- a/models.py
+++ b/models.py
@@ -63,6 +63,7 @@ class CreateTposData(BaseModel):
     business_name: str | None
     business_address: str | None
     business_vat_id: str | None
+    only_show_sats_on_bitcoin: bool = Query(True)
     fiat_provider: str | None = Field(None)
     stripe_card_payments: bool = False
     stripe_reader_id: str | None = None
@@ -96,6 +97,7 @@ class TposClean(BaseModel):
     business_name: str | None = None
     business_address: str | None = None
     business_vat_id: str | None = None
+    only_show_sats_on_bitcoin: bool = True
     fiat_provider: str | None = None
     stripe_card_payments: bool = False
     stripe_reader_id: str | None = None
diff --git a/services.py b/services.py
index eda5610..ae26b2a 100644
--- a/services.py
+++ b/services.py
@@ -1,7 +1,6 @@
 from typing import Any
 
 import httpx
-
 from lnbits.core.crud import get_wallet
 from lnbits.core.models import User
 from lnbits.helpers import create_access_token
diff --git a/static/components/receipt.js b/static/components/receipt.js
index 80dbd68..7670606 100644
--- a/static/components/receipt.js
+++ b/static/components/receipt.js
@@ -46,6 +46,17 @@ window.app.component('receipt', {
     },
     currencyText() {
       return `(${this.currency})`
+    },
+    isBitcoinTransaction() {
+      return !(
+        this.data.extra?.paid_in_fiat ||
+        this.data.extra?.fiat_method ||
+        this.data.extra?.fiat_payment_request
+      )
+    },
+    showBitcoinDetails() {
+      const onlyShowOnBitcoin = this.data.only_show_sats_on_bitcoin !== false
+      return !onlyShowOnBitcoin || this.isBitcoinTransaction
     }
   },
   methods: {
@@ -66,7 +77,9 @@ window.app.component('receipt', {
     <div class="text-center q-mb-xl">
     <p class='text-h6 text-uppercase'>Receipt</p>
     <p class=''><span v-text="formattedDate"></span></p>
-    <p class=''><span v-text="exchangeRateInfo"></span></p>
+    <p class='' v-if="showBitcoinDetails">
+      <span v-text="exchangeRateInfo"></span>
+    </p>
     </div>
     <div v-if=data.business_name>
       <span v-text="data.business_name"></span>
@@ -119,7 +132,7 @@ window.app.component('receipt', {
         <span v-text="cartTotal.toFixed(2)"></span>
         </div>
       </div>
-      <div class="row">
+      <div class="row" v-if="showBitcoinDetails">
         <div class="col-6">Total (sats)</div>
         <div class="col-6 text-right">
         <span v-text="data.extra.amount"></span>
diff --git a/static/js/index.js b/static/js/index.js
index a88a874..c97c5b0 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -21,6 +21,7 @@ const mapTpos = obj => {
   obj.inventory_omit_tags = omitTagString
     ? omitTagString.split(',').filter(Boolean)
     : []
+  obj.only_show_sats_on_bitcoin = obj.only_show_sats_on_bitcoin ?? true
   obj.itemsMap = new Map()
   obj.items.forEach((item, idx) => {
     let id = `${obj.id}:${idx + 1}`
@@ -106,6 +107,7 @@ window.app = Vue.createApp({
           lnaddress: false,
           lnaddress_cut: 2,
           enable_receipt_print: false,
+          only_show_sats_on_bitcoin: true,
           fiat: false,
           stripe_card_payments: false,
           stripe_reader_id: ''
@@ -241,6 +243,7 @@ window.app = Vue.createApp({
         lnaddress: false,
         lnaddress_cut: 2,
         enable_receipt_print: false,
+        only_show_sats_on_bitcoin: true,
         fiat: false,
         stripe_card_payments: false,
         stripe_reader_id: ''
diff --git a/tasks.py b/tasks.py
index be80e72..be3de17 100644
--- a/tasks.py
+++ b/tasks.py
@@ -1,7 +1,5 @@
 import asyncio
 
-from loguru import logger
-
 from lnbits.core.models import Payment
 from lnbits.core.services import (
     create_invoice,
@@ -10,6 +8,7 @@
     websocket_updater,
 )
 from lnbits.tasks import register_invoice_listener
+from loguru import logger
 
 from .crud import get_tpos
 from .services import deduct_inventory_stock
diff --git a/templates/tpos/index.html b/templates/tpos/index.html
index 9216632..faa99c8 100644
--- a/templates/tpos/index.html
+++ b/templates/tpos/index.html
@@ -521,6 +521,10 @@ <h6 class="text-subtitle1 q-my-none">{{SITE_TITLE}} TPoS extension</h6>
             label="VAT ID"
             placeholder="123456789"
           ></q-input>
+          <q-checkbox
+            v-model="formDialog.data.only_show_sats_on_bitcoin"
+            label="Only show sats & sats conversion rate on bitcoin transactions"
+          ></q-checkbox>
         </template>
         <template v-if="formDialog.advanced.tips">
           <q-select
diff --git a/views_api.py b/views_api.py
index 4b3c14e..af9e756 100644
--- a/views_api.py
+++ b/views_api.py
@@ -4,10 +4,6 @@
 
 import httpx
 from fastapi import APIRouter, Depends, HTTPException, Query
-from lnurl import LnurlPayResponse
-from lnurl import decode as decode_lnurl
-from lnurl import handle as lnurl_handle
-
 from lnbits.core.crud import (
     get_latest_payments_by_extension,
     get_standalone_payment,
@@ -20,6 +16,9 @@
     require_admin_key,
     require_invoice_key,
 )
+from lnurl import LnurlPayResponse
+from lnurl import decode as decode_lnurl
+from lnurl import handle as lnurl_handle
 
 from .crud import (
     create_tpos,
@@ -226,6 +225,7 @@ async def api_tpos_create_invoice(tpos_id: str, data: CreateTposInvoice) -> Paym
             "details": data.details if data.details else None,
             "lnaddress": data.user_lnaddress if data.user_lnaddress else None,
             "internal_memo": data.internal_memo if data.internal_memo else None,
+            "paid_in_fiat": data.pay_in_fiat,
         }
         if inventory_payload:
             extra["inventory"] = inventory_payload.dict()
@@ -383,6 +383,7 @@ async def api_tpos_check_invoice(
             "business_name": tpos.business_name,
             "business_address": tpos.business_address,
             "business_vat_id": tpos.business_vat_id,
+            "only_show_sats_on_bitcoin": tpos.only_show_sats_on_bitcoin,
         }
     return {"paid": payment.success}
 

From 5764b2545339416560c4d555929f94ce8126289e Mon Sep 17 00:00:00 2001
From: Arc <ben@arc.wales>
Date: Sun, 11 Jan 2026 18:30:22 +0000
Subject: [PATCH 2/8] Notes for items

---
 models.py                    |  1 +
 static/components/receipt.js | 14 ++++++++++++
 static/js/tpos.js            | 43 ++++++++++++++++++++++++++++++++++--
 templates/tpos/_cart.html    | 11 ++++++++-
 templates/tpos/dialogs.html  |  5 +++++
 views_api.py                 |  1 +
 6 files changed, 72 insertions(+), 3 deletions(-)

diff --git a/models.py b/models.py
index 8486621..a2c0da4 100644
--- a/models.py
+++ b/models.py
@@ -19,6 +19,7 @@ class CreateTposInvoice(BaseModel):
     memo: str | None = Query(None)
     exchange_rate: float | None = Query(None, ge=0.0)
     details: dict | None = Query(None)
+    notes: dict | None = Query(None)
     inventory: InventorySale | None = Query(None)
     tip_amount: int | None = Query(None, ge=1)
     user_lnaddress: str | None = Query(None)
diff --git a/static/components/receipt.js b/static/components/receipt.js
index 7670606..14e966b 100644
--- a/static/components/receipt.js
+++ b/static/components/receipt.js
@@ -103,6 +103,20 @@ window.app.component('receipt', {
       row-key="title"
         hide-bottom
     >
+      <template v-slot:body="props">
+        <q-tr :props="props">
+          <q-td key="title" :props="props">
+            <div v-text="props.row.title"></div>
+            <div v-if="props.row.note" class="text-caption" v-text="props.row.note"></div>
+          </q-td>
+          <q-td key="formattedPrice" :props="props" class="text-right">
+            <span v-text="props.row.formattedPrice"></span>
+          </q-td>
+          <q-td key="quantity" :props="props">
+            <span v-text="props.row.quantity"></span>
+          </q-td>
+        </q-tr>
+      </template>
     </q-table>
     <div class="q-my-xl q-gutter-md">
       <div class="row">
diff --git a/static/js/tpos.js b/static/js/tpos.js
index c1b34c8..a46541f 100644
--- a/static/js/tpos.js
+++ b/static/js/tpos.js
@@ -304,7 +304,8 @@ window.app = Vue.createApp({
       } else {
         this.cart.set(item.id, {
           ...item,
-          quantity: quantity
+          quantity: quantity,
+          note: item.note || null
         })
       }
       this.total = this.total + this.calculateItemPrice(priceSource, quantity)
@@ -353,6 +354,25 @@ window.app = Vue.createApp({
           this.updateCartItemPrice(cartItem, newPrice)
         })
     },
+    promptItemNote(item) {
+      const cartItem = this.cart.get(item.id)
+      if (!cartItem) return
+      this.$q
+        .dialog({
+          title: 'Set note',
+          message: 'Add a note for this item',
+          prompt: {
+            model: cartItem.note || '',
+            type: 'text',
+            placeholder: 'e.g. allergy info'
+          },
+          cancel: true
+        })
+        .onOk(val => {
+          const note = (val || '').trim()
+          this.updateCartItemNote(cartItem, note || null)
+        })
+    },
     updateCartItemPrice(cartItem, newPrice) {
       const roundedPrice =
         this.currency === 'sats' ? Math.ceil(newPrice) : +newPrice.toFixed(2)
@@ -372,6 +392,15 @@ window.app = Vue.createApp({
       this.total = +(this.total - oldItemTotal + newItemTotal).toFixed(2)
       this.cartTaxTotal()
     },
+    updateCartItemNote(cartItem, note) {
+      const existing = this.cart.get(cartItem.id)
+      if (!existing) return
+      const updatedItem = {
+        ...existing,
+        note: note
+      }
+      this.cart.set(cartItem.id, updatedItem)
+    },
     calculateItemPrice(item, qty) {
       let tax = item.tax || this.taxDefault
       if (!tax || this.taxInclusive) return item.price * qty
@@ -751,11 +780,21 @@ window.app = Vue.createApp({
             formattedPrice: item.formattedPrice,
             quantity: item.quantity,
             title: item.title,
-            tax: item.tax || this.taxDefault
+            tax: item.tax || this.taxDefault,
+            note: item.note || null
           })),
           taxIncluded: this.taxInclusive,
           taxValue: this.cartTax
         }
+        const notes = {}
+        ;[...this.cart.values()].forEach(item => {
+          if (item.note) {
+            notes[item.title] = item.note
+          }
+        })
+        if (Object.keys(notes).length) {
+          params.notes = notes
+        }
       }
       if (this.lnaddress) {
         params.user_lnaddress = this.lnaddressDialog.lnaddress
diff --git a/templates/tpos/_cart.html b/templates/tpos/_cart.html
index 35fa99b..6b6fa2b 100644
--- a/templates/tpos/_cart.html
+++ b/templates/tpos/_cart.html
@@ -38,7 +38,16 @@ <h5 v-show="!denomIsSats" class="q-mt-none q-mb-sm">
                   max-width: 1px;
                 "
               >
-                <span v-text="item.title"></span>
+                <span
+                  class="cursor-pointer"
+                  @click="promptItemNote(item)"
+                  v-text="item.title"
+                ></span>
+                <div
+                  v-if="item.note"
+                  class="text-caption text-grey-6 ellipsis"
+                  v-text="item.note"
+                ></div>
               </td>
               <td>
                 <div class="flex justify-evenly" style="align-items: center">
diff --git a/templates/tpos/dialogs.html b/templates/tpos/dialogs.html
index 691f3ee..5816a60 100644
--- a/templates/tpos/dialogs.html
+++ b/templates/tpos/dialogs.html
@@ -205,6 +205,11 @@ <h5 class="q-mt-none q-mb-sm">
                     <q-item-label
                       v-text="`${item.quantity} x ${item.title}`"
                     ></q-item-label>
+                    <q-item-label
+                      v-if="item.note"
+                      caption
+                      v-text="item.note"
+                    ></q-item-label>
                     <q-item-label
                       caption
                       v-text="formatAmount(item.price * item.quantity, currency)"
diff --git a/views_api.py b/views_api.py
index af9e756..12f3b65 100644
--- a/views_api.py
+++ b/views_api.py
@@ -223,6 +223,7 @@ async def api_tpos_create_invoice(tpos_id: str, data: CreateTposInvoice) -> Paym
             "amount": data.amount,
             "exchangeRate": data.exchange_rate if data.exchange_rate else None,
             "details": data.details if data.details else None,
+            "notes": data.notes if data.notes else None,
             "lnaddress": data.user_lnaddress if data.user_lnaddress else None,
             "internal_memo": data.internal_memo if data.internal_memo else None,
             "paid_in_fiat": data.pay_in_fiat,

From 3796b5a30c9d42d4ff1f7c568747c40a50200725 Mon Sep 17 00:00:00 2001
From: Arc <ben@arc.wales>
Date: Mon, 12 Jan 2026 13:57:21 +0000
Subject: [PATCH 3/8] scrollbar fix

---
 static/components/receipt.js | 40 ++++++++++++++++++++++++++++--------
 templates/tpos/tpos.html     |  8 ++++++++
 2 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/static/components/receipt.js b/static/components/receipt.js
index 14e966b..06e2a5e 100644
--- a/static/components/receipt.js
+++ b/static/components/receipt.js
@@ -92,28 +92,50 @@ window.app.component('receipt', {
       <span v-text="data.business_vat_id"></span>
     </div>
     <q-table v-if="data.extra.details.items && data.extra.details.items.length > 0"
+      dense
+      class="q-ma-none"
       :hide-pagination="true"
       :rows-per-page-options="[0]"  
       :rows="data.extra.details.items"
+      class="q-pa-none text-caption"
       :columns="[
           { name: 'title', label: 'Item', field: 'title' },
-          { name: 'formattedPrice', label: 'Unit Price', field: 'formattedPrice', align: 'right' },
-          { name: 'quantity', label: 'Quantity', field: 'quantity' },
+          { name: 'formattedPrice', label: 'Price', field: 'formattedPrice', align: 'right' },
+          { name: 'quantity', label: 'Qty', field: 'quantity' },
         ]"
       row-key="title"
         hide-bottom
     >
+      <template v-slot:header="props">
+        <q-tr :props="props">
+          <q-th
+            v-for="col in props.cols"
+            :key="col.name"
+            :props="props"
+          >
+            <span class="q-pa-none text-subtitle2 text-no-wrap" v-text="col.label"></span>
+          </q-th>
+        </q-tr>
+      </template>
       <template v-slot:body="props">
         <q-tr :props="props">
-          <q-td key="title" :props="props">
-            <div v-text="props.row.title"></div>
-            <div v-if="props.row.note" class="text-caption" v-text="props.row.note"></div>
+          <q-td key="title" :props="props" class="q-pa-none">
+            <div class="text-subtitle2" v-text="props.row.title"></div>
+            <div
+              v-if="props.row.note"
+              class="text-subtitle2 text-italic"
+              v-text="props.row.note"
+            ></div>
           </q-td>
-          <q-td key="formattedPrice" :props="props" class="text-right">
-            <span v-text="props.row.formattedPrice"></span>
+          <q-td
+            key="formattedPrice"
+            :props="props"
+            class="q-pa-none text-right text-no-wrap"
+          >
+            <span class="text-subtitle2 text-no-wrap" v-text="props.row.formattedPrice"></span>
           </q-td>
-          <q-td key="quantity" :props="props">
-            <span v-text="props.row.quantity"></span>
+          <q-td key="quantity" :props="props" class="q-pa-none">
+            <span class="text-subtitle2 text-no-wrap" v-text="props.row.quantity"></span>
           </q-td>
         </q-tr>
       </template>
diff --git a/templates/tpos/tpos.html b/templates/tpos/tpos.html
index a367d7b..0e46b28 100644
--- a/templates/tpos/tpos.html
+++ b/templates/tpos/tpos.html
@@ -193,6 +193,14 @@ <h5 class="text-italic">
     .receipt p {
       margin: 0 !important;
     }
+    .receipt .q-table__middle {
+      overflow: visible !important;
+    }
+    .receipt .q-table td,
+    .receipt .q-table th {
+      white-space: normal !important;
+      word-break: break-word;
+    }
   }
 </style>
 {% endblock %} {% block scripts %}

From dcd2576fcccb5e2cfd0929c9bced26f7a3933b8e Mon Sep 17 00:00:00 2001
From: Arc <ben@arc.wales>
Date: Mon, 12 Jan 2026 14:11:34 +0000
Subject: [PATCH 4/8] Its sooo annoying not being able to click away from the
 dialog

---
 templates/tpos/dialogs.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/tpos/dialogs.html b/templates/tpos/dialogs.html
index 5816a60..d1ee83f 100644
--- a/templates/tpos/dialogs.html
+++ b/templates/tpos/dialogs.html
@@ -326,7 +326,7 @@ <h5 class="q-mt-none q-mb-sm">
     </q-card>
   </q-dialog>
 
-  <q-dialog v-model="currency_choice" persistent>
+  <q-dialog v-model="currency_choice">
     <q-card class="q-pa-md">
       <div class="text-h6 q-mb-md">Payment Method</div>
       <div class="column q-gutter-y-sm">

From 38b0fa577b4f2812518d317231e7c2872696b19b Mon Sep 17 00:00:00 2001
From: Arc <ben@arc.wales>
Date: Mon, 12 Jan 2026 15:04:59 +0000
Subject: [PATCH 5/8] Adding order recipt

---
 static/components/order-receipt.js | 53 ++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 static/components/order-receipt.js

diff --git a/static/components/order-receipt.js b/static/components/order-receipt.js
new file mode 100644
index 0000000..a8206cb
--- /dev/null
+++ b/static/components/order-receipt.js
@@ -0,0 +1,53 @@
+window.app.component('order-receipt', {
+  name: 'order-receipt',
+  props: ['data'],
+  data() {},
+  template: `
+    <div class="q-pa-md">
+    <div class="text-center q-mb-xl">
+    <p class='text-h6 text-uppercase'>Order</p>
+    </div>
+    <q-table v-if="data.extra.details.items && data.extra.details.items.length > 0"
+      dense
+      class="q-ma-none"
+      :hide-pagination="true"
+      :rows-per-page-options="[0]"  
+      :rows="data.extra.details.items"
+      class="q-pa-none text-caption"
+      :columns="[
+          { name: 'title', label: 'Item', field: 'title' },
+          { name: 'quantity', label: 'Qty', field: 'quantity' },
+        ]"
+      row-key="title"
+        hide-bottom
+    >
+      <template v-slot:header="props">
+        <q-tr :props="props">
+          <q-th
+            v-for="col in props.cols"
+            :key="col.name"
+            :props="props"
+          >
+            <span class="q-pa-none text-subtitle2 text-no-wrap" v-text="col.label"></span>
+          </q-th>
+        </q-tr>
+      </template>
+      <template v-slot:body="props">
+        <q-tr :props="props">
+          <q-td key="title" :props="props" class="q-pa-none">
+            <div class="text-subtitle2" v-text="props.row.title"></div>
+            <div
+              v-if="props.row.note"
+              class="text-subtitle2 text-italic"
+              v-text="props.row.note"
+            ></div>
+          </q-td>
+          <q-td key="quantity" :props="props" class="q-pa-none">
+            <span class="text-subtitle2 text-no-wrap" v-text="props.row.quantity"></span>
+          </q-td>
+        </q-tr>
+      </template>
+    </q-table>
+  </div>
+    `
+})

From f5b3f98fcfc411096e8c70a7b3d1482498441ddb Mon Sep 17 00:00:00 2001
From: Arc <ben@arc.wales>
Date: Mon, 12 Jan 2026 15:17:08 +0000
Subject: [PATCH 6/8] order receipt (for kitchens)

---
 static/components/order-receipt.js |  4 ++--
 static/js/tpos.js                  | 24 ++++++++++++++++++++++++
 templates/tpos/dialogs.html        |  8 ++++++++
 templates/tpos/tpos.html           | 13 ++++++++++++-
 4 files changed, 46 insertions(+), 3 deletions(-)

diff --git a/static/components/order-receipt.js b/static/components/order-receipt.js
index a8206cb..5d649dd 100644
--- a/static/components/order-receipt.js
+++ b/static/components/order-receipt.js
@@ -1,11 +1,11 @@
 window.app.component('order-receipt', {
   name: 'order-receipt',
-  props: ['data'],
+  props: ['data', 'type'],
   data() {},
   template: `
     <div class="q-pa-md">
     <div class="text-center q-mb-xl">
-    <p class='text-h6 text-uppercase'>Order</p>
+    <p class='text-subtitle2 text-uppercase'>Order</p>
     </div>
     <q-table v-if="data.extra.details.items && data.extra.details.items.length > 0"
       dense
diff --git a/static/js/tpos.js b/static/js/tpos.js
index a46541f..d57e30b 100644
--- a/static/js/tpos.js
+++ b/static/js/tpos.js
@@ -125,6 +125,7 @@ window.app = Vue.createApp({
       addedAmount: 0,
       enablePrint: false,
       receiptData: null,
+      orderReceipt: false,
       paymentDetails: null,
       currency_choice: false,
       _currencyResolver: null,
@@ -1198,6 +1199,7 @@ window.app = Vue.createApp({
             persistent: false
           })
           .onOk(() => {
+            this.orderReceipt = false
             console.log('Printing receipt for payment hash:', paymentHash)
             window.print()
           })
@@ -1209,6 +1211,28 @@ window.app = Vue.createApp({
         })
       }
     },
+    async printOrderReceipt(paymentHash) {
+      try {
+        this.$q
+          .dialog({
+            title: 'Print Order',
+            message: 'Do you want to print the order receipt?',
+            cancel: true,
+            persistent: false
+          })
+          .onOk(() => {
+            this.orderReceipt = true
+            console.log('Printing order receipt for payment hash:', paymentHash)
+            window.print()
+          })
+      } catch (error) {
+        console.error('Error fetching receipt data:', error)
+        Quasar.Notify.create({
+          type: 'negative',
+          message: 'Error fetching receipt data.'
+        })
+      }
+    },
     async addComment() {
       this.$q
         .dialog({
diff --git a/templates/tpos/dialogs.html b/templates/tpos/dialogs.html
index d1ee83f..c56f28c 100644
--- a/templates/tpos/dialogs.html
+++ b/templates/tpos/dialogs.html
@@ -236,6 +236,14 @@ <h5 class="q-mt-none q-mb-sm">
               align="right"
               v-if="enablePrint && payment.amount > 0"
             >
+              <q-btn
+                round
+                icon="receipt_long"
+                color="secondary"
+                @click.stop="printOrderReceipt(payment.checking_id)"
+              >
+                <q-tooltip>Print order receipt</q-tooltip>
+              </q-btn>
               <q-btn
                 round
                 icon="print"
diff --git a/templates/tpos/tpos.html b/templates/tpos/tpos.html
index 0e46b28..1d99e7a 100644
--- a/templates/tpos/tpos.html
+++ b/templates/tpos/tpos.html
@@ -104,7 +104,17 @@ <h5 class="text-italic">
 </q-page-container>
 <template v-if="enablePrint">
   <Teleport to="body">
-    <receipt class="receipt" v-if="receiptData" :data="receiptData"></receipt>
+    <receipt
+      class="receipt"
+      v-if="receiptData && !orderReceipt"
+      :data="receiptData"
+    ></receipt>
+    <order-receipt
+      class="receipt"
+      v-if="receiptData && orderReceipt"
+      :data="receiptData"
+      type="order"
+    ></order-receipt>
   </Teleport>
 </template>
 {% endblock %} {% block styles %}
@@ -230,6 +240,7 @@ <h5 class="text-italic">
 <script src="{{ static_url_for('tpos/static', path='components/item-list.js') }}"></script>
 <script src="{{ static_url_for('tpos/static', path='components/keypad.js') }}"></script>
 <script src="{{ static_url_for('tpos/static', path='components/receipt.js') }}"></script>
+<script src="{{ static_url_for('tpos/static', path='components/order-receipt.js') }}"></script>
 
 <style scoped>
   input::-webkit-outer-spin-button,

From ff7bb415618018479da3f49c7cf64dd1a5134dac Mon Sep 17 00:00:00 2001
From: Arc <ben@arc.wales>
Date: Wed, 14 Jan 2026 13:40:55 +0000
Subject: [PATCH 7/8] receipt print ux fix

---
 static/js/tpos.js           | 62 ++++++++++++++++++++++---------------
 templates/tpos/dialogs.html | 28 +++++++++++++++++
 2 files changed, 65 insertions(+), 25 deletions(-)

diff --git a/static/js/tpos.js b/static/js/tpos.js
index d57e30b..b01f327 100644
--- a/static/js/tpos.js
+++ b/static/js/tpos.js
@@ -126,6 +126,10 @@ window.app = Vue.createApp({
       enablePrint: false,
       receiptData: null,
       orderReceipt: false,
+      printDialog: {
+        show: false,
+        paymentHash: null
+      },
       paymentDetails: null,
       currency_choice: false,
       _currencyResolver: null,
@@ -877,7 +881,7 @@ window.app = Vue.createApp({
             this.clearCart()
             this.showComplete()
             if (this.enablePrint) {
-              this.printReceipt(paymentHash)
+              this.promptPrintType(paymentHash)
             }
             ws.close()
           }
@@ -1173,6 +1177,18 @@ window.app = Vue.createApp({
           this.paymentDetails.exchangeRate = data.extra.details.exchangeRate
         }
         return
+      } catch (error) {
+        console.error('Error showing print options:', error)
+        Quasar.Notify.create({
+          type: 'negative',
+          message: 'Error showing print options.'
+        })
+      }
+    },
+    promptPrintType(paymentHash) {
+      try {
+        this.printDialog.paymentHash = paymentHash
+        this.printDialog.show = true
       } catch (error) {
         console.error('Error fetching receipt data:', error)
         Quasar.Notify.create({
@@ -1181,6 +1197,10 @@ window.app = Vue.createApp({
         })
       }
     },
+    closePrintDialog() {
+      this.printDialog.show = false
+      this.printDialog.paymentHash = null
+    },
     async printReceipt(paymentHash) {
       try {
         if (!this.receiptData) {
@@ -1191,18 +1211,10 @@ window.app = Vue.createApp({
           this.receiptData = data
         }
 
-        this.$q
-          .dialog({
-            title: 'Print Receipt',
-            message: 'Do you want to print the receipt?',
-            cancel: true,
-            persistent: false
-          })
-          .onOk(() => {
-            this.orderReceipt = false
-            console.log('Printing receipt for payment hash:', paymentHash)
-            window.print()
-          })
+        this.orderReceipt = false
+        console.log('Printing receipt for payment hash:', paymentHash)
+        await this.$nextTick()
+        window.print()
       } catch (error) {
         console.error('Error fetching receipt data:', error)
         Quasar.Notify.create({
@@ -1213,18 +1225,18 @@ window.app = Vue.createApp({
     },
     async printOrderReceipt(paymentHash) {
       try {
-        this.$q
-          .dialog({
-            title: 'Print Order',
-            message: 'Do you want to print the order receipt?',
-            cancel: true,
-            persistent: false
-          })
-          .onOk(() => {
-            this.orderReceipt = true
-            console.log('Printing order receipt for payment hash:', paymentHash)
-            window.print()
-          })
+        if (!this.receiptData) {
+          const {data} = await LNbits.api.request(
+            'GET',
+            `/tpos/api/v1/tposs/${this.tposId}/invoices/${paymentHash}?extra=true`
+          )
+          this.receiptData = data
+        }
+
+        this.orderReceipt = true
+        console.log('Printing order receipt for payment hash:', paymentHash)
+        await this.$nextTick()
+        window.print()
       } catch (error) {
         console.error('Error fetching receipt data:', error)
         Quasar.Notify.create({
diff --git a/templates/tpos/dialogs.html b/templates/tpos/dialogs.html
index c56f28c..f515ce6 100644
--- a/templates/tpos/dialogs.html
+++ b/templates/tpos/dialogs.html
@@ -54,6 +54,34 @@ <h5 class="q-mt-none q-mb-sm">
     </q-card>
   </q-dialog>
 
+  <q-dialog v-model="printDialog.show" @hide="closePrintDialog">
+    <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
+      <q-card-section class="row items-center q-pb-none">
+        <div class="text-h6">Print Receipt</div>
+        <q-space />
+        <q-btn icon="close" flat round dense v-close-popup />
+      </q-card-section>
+      <q-card-actions align="right">
+        <q-btn
+          round
+          icon="receipt_long"
+          color="secondary"
+          @click.stop="printOrderReceipt(printDialog.paymentHash)"
+        >
+          <q-tooltip>Print order receipt</q-tooltip>
+        </q-btn>
+        <q-btn
+          round
+          icon="print"
+          color="primary"
+          @click.stop="printReceipt(printDialog.paymentHash)"
+        >
+          <q-tooltip>Print receipt</q-tooltip>
+        </q-btn>
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+
   <q-dialog v-model="tipDialog.show" position="top">
     <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
       <div class="text-center q-mb-xl">

From 96644d1a07f2480f27ddd3f124e34abe3dd5dcaa Mon Sep 17 00:00:00 2001
From: Arc <ben@arc.wales>
Date: Wed, 14 Jan 2026 14:00:34 +0000
Subject: [PATCH 8/8] font tweak

---
 static/components/order-receipt.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/components/order-receipt.js b/static/components/order-receipt.js
index 5d649dd..111187c 100644
--- a/static/components/order-receipt.js
+++ b/static/components/order-receipt.js
@@ -28,7 +28,7 @@ window.app.component('order-receipt', {
             :key="col.name"
             :props="props"
           >
-            <span class="q-pa-none text-subtitle2 text-no-wrap" v-text="col.label"></span>
+            <span class="q-pa-none" v-text="col.label"></span>
           </q-th>
         </q-tr>
       </template>