fix: ui testing

static/components/customer-orders/customer-orders.html

@@ -79,7 +79,7 @@
                   <q-item v-for="product in order.products" :key="product.id">
                     <q-item-section avatar>
                       <q-avatar>
-                        <img v-if="product.images[0] || product.image" :src="product.images[0] || product.image" />
+                        <img v-if="product.images && product.images[0] || product.image" :src="product.images[0] || product.image" />
                         <img v-else src="/nostrmarket/static/images/placeholder.png" />
                       </q-avatar>
                     </q-item-section>

static/components/customer-orders/customer-orders.js

@@ -26,7 +26,7 @@ async function customerOrders(path) {
         return {
           ...order,
           stallName: stall?.name || 'Stall',
-          shippingZone: stall?.shipping?.find(s => s.id === order.shipping_id),
+          shippingZone: stall?.shipping?.find(s => s.id === order.shipping_id) || { id: order.shipping_id, name: order.shipping_id },
           invoice: this.invoiceForOrder(order),
           products: this.getProductsForOrder(order)
         }
@@ -62,10 +62,14 @@ async function customerOrders(path) {
 
       getProductsForOrder: function (order) {
         if (!order?.items?.length) return []
-        const productsIds = order.items.map(i => i.product_id)
+
-        return this.products
+        return order.items.map(i => {
-          .filter(p => productsIds.indexOf(p.id) !== -1)
+          const product = this.products.find(p => p.id === i.product_id) || { id: i.product_id, name: i.product_id }
-          .map(p => ({ ...p, orderedQuantity: order.items.find(i => i.product_id === p.id).quantity }))
+          return {
+            ...product,
+            orderedQuantity: i.quantity
+          }
+        })
       },
 
       showInvoice: function (order) {

static/js/market.js

@@ -725,55 +725,57 @@ const market = async () => {
       async listenForIncommingDms(from) {
         console.log('### from', from)
         if (!this.account?.privkey) {
-          this.$q.notify({
-            message: 'Cannot listen for direct messages. You need to login first!',
-            icon: 'warning'
-          })
           return
         }
 
         try {
-          const filters = from.map(f =>
+          const filters = [{
-          ({
             kinds: [4],
-            authors: [f.publicKey],
             '#p': [this.account.pubkey],
-            since: f.since
+          }, {
-          }))
+            kinds: [4],
+            authors: [this.account.pubkey],
+          }]
 
           console.log('### filters', filters)
           const subs = this.pool.sub(Array.from(this.relays), filters)
           subs.on('event', async event => {
             const receiverPubkey = event.tags.find(([k, v]) => k === 'p' && v && v !== '')[1]
-            if (receiverPubkey !== this.account.pubkey) {
+            const isSentByMe = event.pubkey === this.account.pubkey
+            if (receiverPubkey !== this.account.pubkey && !isSentByMe) {
               console.log('Unexpected DM. Dropped!')
               return
             }
-            await this.handleIncommingDm(event)
+            this.persistDMEvent(event)
+            const peerPubkey = isSentByMe ? receiverPubkey : event.pubkey
+            await this.handleIncommingDm(event, peerPubkey)
           })
           return subs
         } catch (err) {
           console.error(`Error: ${err}`)
         }
       },
-      async handleIncommingDm(event) {
+      async handleIncommingDm(event, peerPubkey) {
-        this.persistDMEvent(event)
         try {
+
           const plainText = await NostrTools.nip04.decrypt(
             this.account.privkey,
-            event.pubkey,
+            peerPubkey,
             event.content
           )
           console.log('### plainText', plainText)
           if (!isJson(plainText)) return
 
           const jsonData = JSON.parse(plainText)
+          console.log('###### type: ', jsonData.type)
+          if ([0, 1, 2].indexOf(jsonData.type) !== -1) {
+            this.persistOrderUpdate(peerPubkey, event.created_at, jsonData)
+          }
           if (jsonData.type === 1) {
             this.handlePaymentRequest(jsonData)
-            this.persistOrderUpdate(event.pubkey, event.created_at, jsonData)
+
           } else if (jsonData.type === 2) {
             this.handleOrderStatusUpdate(jsonData)
-            this.persistOrderUpdate(event.pubkey, event.created_at, jsonData)
           }
         } catch (e) {
           console.warn('Unable to handle incomming DM', e)
@@ -832,11 +834,17 @@ const market = async () => {
         return dms.lastCreatedAt
       },
 
-      persistOrderUpdate(pubkey, createdAt, orderUpdate) {
+      persistOrderUpdate(pubkey, eventCreatedAt, orderUpdate) {
+        console.log(('### persistOrderUpdate', pubkey, eventCreatedAt, orderUpdate))
         let orders = this.$q.localStorage.getItem(`nostrmarket.orders.${pubkey}`) || []
         let order = orders.find(o => o.id === orderUpdate.id)
         if (!order) {
-          orders.unshift({ ...orderUpdate, createdAt, messages: orderUpdate.message ? [orderUpdate.message] : [] })
+          orders.unshift({
+            ...orderUpdate,
+            eventCreatedAt,
+            createdAt: eventCreatedAt,
+            messages: orderUpdate.message ? [orderUpdate.message] : []
+          })
           this.orders[pubkey] = orders
           this.$q.localStorage.set(`nostrmarket.orders.${pubkey}`, orders)
           return
@@ -846,8 +854,11 @@ const market = async () => {
           order.messages.push(orderUpdate.message)
         }
 
-        if (orderUpdate.type === 0 || orderUpdate.type === 1) {
+        if (orderUpdate.type === 0) {
-          order = { ...orderUpdate, ...order }
+          order.createdAt = eventCreatedAt
+          order = { ...order, ...orderUpdate }
+        } else if (orderUpdate.type === 1) {
+          order = order.eventCreatedAt < eventCreatedAt ? { ...order, ...orderUpdate } : { ...orderUpdate, ...order }
         } else if (orderUpdate.type === 2) {
           order.paid = orderUpdate.paid
           order.shipped = orderUpdate.shipped
@@ -859,7 +870,7 @@ const market = async () => {
         this.$q.localStorage.set(`nostrmarket.orders.${pubkey}`, orders)
       },
 
-      showInvoiceQr(invoice){
+      showInvoiceQr(invoice) {
         if (!invoice) return
         this.qrCodeDialog = {
           data: {

views_api.py

@@ -914,7 +914,7 @@ async def api_reissue_order_invoice(
         )
 
         return order
-    except AssertionError as ex:
+    except (AssertionError, ValueError) as ex:
         raise HTTPException(
             status_code=HTTPStatus.BAD_REQUEST,
             detail=str(ex),