From d7dae2be8b5622f1abb69e110d53e2bd669465a0 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Thu, 9 Mar 2023 10:23:33 +0000
Subject: [PATCH 1/7] Auto stash before rebase of "main"

---
 .../customer-stall/customer-stall.html        | 22 ++++++++++++++-
 .../customer-stall/customer-stall.js          | 28 +++++++++++++++++--
 2 files changed, 46 insertions(+), 4 deletions(-)

diff --git a/static/components/customer-stall/customer-stall.html b/static/components/customer-stall/customer-stall.html
index d6afaba..572b90e 100644
--- a/static/components/customer-stall/customer-stall.html
+++ b/static/components/customer-stall/customer-stall.html
@@ -123,7 +123,8 @@
           :type="isPwd ? 'password' : 'text'"
           v-if="!customerUseExtension"
           v-model.trim="checkoutDialog.data.privkey"
-          hint="Enter your private key or see bellow for instructions"
+          label="Private key"
+          hint="Enter your private key"
         >
           <template v-slot:append>
             <q-icon
@@ -241,4 +242,23 @@
       </q-inner-loading>
     </q-card>
   </q-dialog>
+  <!-- ORDER DOWNLOAD DIALOG -->
+  <q-dialog v-model="downloadOrderDialog.show" position="top">
+    <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
+      <q-card-section>
+        <div class="text-h6">Order data</div>
+        <div class="text-subtitle2">{{ stall.pubkey }}</div>
+        <small
+          >Send the bellow message, to the merchant pubkey, in any Nostr
+          client</small
+        >
+      </q-card-section>
+
+      <q-separator dark inset />
+
+      <q-card-section>
+        <pre>{{JSON.stringify(downloadOrderDialog.data, null, 2)}}</pre>
+      </q-card-section>
+    </q-card>
+  </q-dialog>
 </div>
diff --git a/static/components/customer-stall/customer-stall.js b/static/components/customer-stall/customer-stall.js
index b417c91..947c0b3 100644
--- a/static/components/customer-stall/customer-stall.js
+++ b/static/components/customer-stall/customer-stall.js
@@ -39,6 +39,10 @@ async function customerStall(path) {
             payment_request: null
           },
           show: false
+        },
+        downloadOrderDialog: {
+          show: false,
+          data: {}
         }
       }
     },
@@ -115,7 +119,25 @@ async function customerStall(path) {
         }
       },
       async downloadOrder() {
-        return
+        let created_at = Math.floor(Date.now() / 1000)
+        let order = this.checkoutDialog.data
+        // this.downloadOrderDialog.data = {
+        //   name: orderData?.username,
+        //   address: orderData.address,
+        //   message: orderData?.message,
+        //   contact: {
+        //     nostr: this.customerPubkey,
+        //     phone: null,
+        //     email: orderData?.email
+        //   },
+        //   items: Array.from(this.cart.products, p => {
+        //     return {product_id: p[0], quantity: p[1].quantity}
+        //   })
+        // }
+        // orderObj.id = await hash(
+        //   [this.customerPubkey, created_at, JSON.stringify(orderObj)].join(':')
+        // )
+        this.resetCheckout()
       },
       async getFromExtension() {
         this.customerPubkey = await window.nostr.getPublicKey()
@@ -126,7 +148,7 @@ async function customerStall(path) {
         // Check if user is logged in
         if (this.customerPubkey) {
           this.checkoutDialog.data.pubkey = this.customerPubkey
-          if (this.customerPrivkey && !useExtension) {
+          if (this.customerPrivkey && !this.useExtension) {
             this.checkoutDialog.data.privkey = this.customerPrivkey
           }
         }
@@ -277,7 +299,7 @@ async function customerStall(path) {
                   event.content
                 )
               }
-              console.log(`${mine ? 'Me' : 'Merchant'}: ${plaintext}`)
+              //console.log(`${mine ? 'Me' : 'Merchant'}: ${plaintext}`)
 
               this.messageFilter(plaintext, cb => Promise.resolve(pool.close))
             } catch {

From a08824b5264354ce384d224c39697bdcd89b8d45 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Thu, 9 Mar 2023 17:05:29 +0000
Subject: [PATCH 2/7] tweak not logged in customer

---
 static/components/chat-dialog/chat-dialog.js  | 12 ++-
 .../customer-stall/customer-stall.html        | 59 ++++++++------
 .../customer-stall/customer-stall.js          | 77 ++++++++++++-------
 3 files changed, 91 insertions(+), 57 deletions(-)

diff --git a/static/components/chat-dialog/chat-dialog.js b/static/components/chat-dialog/chat-dialog.js
index c111e27..405992b 100644
--- a/static/components/chat-dialog/chat-dialog.js
+++ b/static/components/chat-dialog/chat-dialog.js
@@ -17,7 +17,7 @@ async function chatDialog(path) {
     },
     computed: {
       sortedMessages() {
-        return this.nostrMessages.sort((a, b) => b.timestamp - a.timestamp)
+        return this.nostrMessages.sort((a, b) => b.created_at - a.created_at)
       }
     },
     methods: {
@@ -36,11 +36,11 @@ async function chatDialog(path) {
         let sub = this.pool.sub(Array.from(this.relays), [
           {
             kinds: [4],
-            authors: [this.account.pubkey]
+            authors: [this.account.pubkey, this.merchant]
           },
           {
             kinds: [4],
-            '#p': [this.account.pubkey]
+            '#p': [this.account.pubkey, this.merchant]
           }
         ])
         sub.on('eose', () => {
@@ -68,18 +68,16 @@ async function chatDialog(path) {
               )
             }
             messagesMap.set(event.id, {
+              created_at: event.created_at,
               msg: plaintext,
               timestamp: timeFromNow(event.created_at * 1000),
               sender: `${mine ? 'Me' : 'Merchant'}`
             })
+            this.nostrMessages = Array.from(messagesMap.values())
           } catch {
             console.error('Unable to decrypt message!')
           }
         })
-        setTimeout(() => {
-          this.nostrMessages = Array.from(messagesMap.values())
-          this.loading = false
-        }, 5000)
       },
       async sendMessage() {
         if (this.newMessage && this.newMessage.length < 1) return
diff --git a/static/components/customer-stall/customer-stall.html b/static/components/customer-stall/customer-stall.html
index 572b90e..750d1e7 100644
--- a/static/components/customer-stall/customer-stall.html
+++ b/static/components/customer-stall/customer-stall.html
@@ -15,7 +15,7 @@
     <q-toolbar-title></q-toolbar-title>
     <chat-dialog
       v-if="this.customerPrivkey || this.customerUseExtension"
-      :account="account"
+      :account="account ? account : dropIn"
       :merchant="stall.pubkey"
       :relays="relays"
     />
@@ -80,8 +80,8 @@
                 </li>
                 <li>use a Nostr Signer Extension (NIP07)</li>
                 <li>
-                  fill out the required fields, without keys, and download the
-                  order and send as a direct message to the merchant on any
+                  fill out the required fields, with your publickey, download
+                  the order and send as a direct message to the merchant on any
                   Nostr client
                 </li>
               </ol>
@@ -95,15 +95,6 @@
                 label="Get from Extension"
                 ><q-tooltip>Use a Nostr browser extension</q-tooltip></q-btn
               >
-              <q-btn
-                unelevated
-                @click="downloadOrder"
-                color="primary"
-                label="Download order"
-                ><q-tooltip
-                  >Download the order and send manually</q-tooltip
-                ></q-btn
-              >
             </q-card-actions>
           </q-card>
         </q-expansion-item>
@@ -123,7 +114,7 @@
           :type="isPwd ? 'password' : 'text'"
           v-if="!customerUseExtension"
           v-model.trim="checkoutDialog.data.privkey"
-          label="Private key"
+          label="Private key *optional"
           hint="Enter your private key"
         >
           <template v-slot:append>
@@ -170,12 +161,13 @@
         </div>
         <div class="row q-mt-lg">
           <q-btn
-            v-if="!checkoutDialog.data.pubkey && !checkoutDialog.data.privkey"
+            v-if="!customerUseExtension && !checkoutDialog.data.privkey"
             :loading="loading"
             unelevated
             color="primary"
             :disable="checkoutDialog.data.address == null
-              || checkoutDialog.data.shippingzone == null"
+              || checkoutDialog.data.shippingzone == null
+              || checkoutDialog.data.pubkey == null"
             @click="downloadOrder"
             >Download Order</q-btn
           >
@@ -214,12 +206,16 @@
         <a :href="'lightning:' + qrCodeDialog.data.payment_request">
           <q-responsive :ratio="1" class="q-mx-xl">
             <qrcode
+              v-if="qrCodeDialog.data.payment_request"
               :value="qrCodeDialog.data.payment_request"
               :options="{width: 340}"
               class="rounded-borders"
             ></qrcode>
           </q-responsive>
         </a>
+        <q-inner-loading :showing="loading">
+          <q-spinner-cube size="50px" color="primary" />
+        </q-inner-loading>
       </div>
       <div class="row q-mt-lg">
         <q-btn
@@ -237,9 +233,6 @@
           >Close</q-btn
         >
       </div>
-      <q-inner-loading :showing="loading">
-        <q-spinner-cube size="50px" color="primary" />
-      </q-inner-loading>
     </q-card>
   </q-dialog>
   <!-- ORDER DOWNLOAD DIALOG -->
@@ -247,18 +240,36 @@
     <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
       <q-card-section>
         <div class="text-h6">Order data</div>
-        <div class="text-subtitle2">{{ stall.pubkey }}</div>
-        <small
-          >Send the bellow message, to the merchant pubkey, in any Nostr
-          client</small
-        >
+        <div class="text-subtitle1">Merchant pubkey</div>
+        <div class="text-subtitle2" @click="copyText(stall.pubkey)">
+          {{ `${stall.pubkey.slice(0,5)}...${stall.pubkey.slice(-5)}` }}
+          <sup>
+            <q-icon name="content_copy" style="color: #ccc; font-size: 1.2em" />
+          </sup>
+          <q-tooltip>Click to copy</q-tooltip>
+        </div>
+        <p>
+          Send the bellow code as a message, to the merchant pubkey, in any
+          Nostr client
+        </p>
       </q-card-section>
 
       <q-separator dark inset />
 
       <q-card-section>
-        <pre>{{JSON.stringify(downloadOrderDialog.data, null, 2)}}</pre>
+        <pre
+          style="font-size: 0.65rem; overflow-x: auto"
+        ><code>{{JSON.stringify(downloadOrderDialog.data, null, 2)}}</code></pre>
       </q-card-section>
+      <div class="row q-mt-lg">
+        <q-btn
+          outline
+          color="primary"
+          @click="copyText(JSON.stringify(downloadOrderDialog.data))"
+          >Copy order</q-btn
+        >
+        <q-btn v-close-popup flat color="grey" class="q-ml-auto">Close</q-btn>
+      </div>
     </q-card>
   </q-dialog>
 </div>
diff --git a/static/components/customer-stall/customer-stall.js b/static/components/customer-stall/customer-stall.js
index 947c0b3..8b523b9 100644
--- a/static/components/customer-stall/customer-stall.js
+++ b/static/components/customer-stall/customer-stall.js
@@ -59,12 +59,28 @@ async function customerStall(path) {
           z => z.id == this.checkoutDialog.data.shippingzone
         )
         return +this.cart.total + zoneCost.cost
+      },
+      dropIn() {
+        return {
+          privkey: this.customerPrivkey,
+          pubkey: this.customerPubkey,
+          useExtension: this.customerUseExtension
+        }
       }
     },
     methods: {
       changePageS(page, opts) {
         this.$emit('change-page', page, opts)
       },
+      copyText: function (text) {
+        var notify = this.$q.notify
+        Quasar.utils.copyToClipboard(text).then(function () {
+          notify({
+            message: 'Copied to clipboard!',
+            position: 'bottom'
+          })
+        })
+      },
       getAmountFormated(amount, unit = 'USD') {
         return LNbits.utils.formatCurrency(amount, unit)
       },
@@ -120,24 +136,27 @@ async function customerStall(path) {
       },
       async downloadOrder() {
         let created_at = Math.floor(Date.now() / 1000)
-        let order = this.checkoutDialog.data
-        // this.downloadOrderDialog.data = {
-        //   name: orderData?.username,
-        //   address: orderData.address,
-        //   message: orderData?.message,
-        //   contact: {
-        //     nostr: this.customerPubkey,
-        //     phone: null,
-        //     email: orderData?.email
-        //   },
-        //   items: Array.from(this.cart.products, p => {
-        //     return {product_id: p[0], quantity: p[1].quantity}
-        //   })
-        // }
-        // orderObj.id = await hash(
-        //   [this.customerPubkey, created_at, JSON.stringify(orderObj)].join(':')
-        // )
+        let orderData = this.checkoutDialog.data
+        let orderObj = {
+          name: orderData?.username,
+          address: orderData.address,
+          message: orderData?.message,
+          contact: {
+            nostr: orderData.pubkey,
+            phone: null,
+            email: orderData?.email
+          },
+          items: Array.from(this.cart.products, p => {
+            return {product_id: p[0], quantity: p[1].quantity}
+          })
+        }
+        orderObj.id = await hash(
+          [orderData.pubkey, created_at, JSON.stringify(orderObj)].join(':')
+        )
+        this.downloadOrderDialog.data = orderObj
+        this.downloadOrderDialog.show = true
         this.resetCheckout()
+        this.resetCart()
       },
       async getFromExtension() {
         this.customerPubkey = await window.nostr.getPublicKey()
@@ -241,6 +260,8 @@ async function customerStall(path) {
             })
             relay.on('error', () => {
               console.log(`failed to connect to ${relay.url}`)
+              relay.close()
+              return
             })
 
             await relay.connect()
@@ -261,17 +282,20 @@ async function customerStall(path) {
         this.resetCheckout()
         this.resetCart()
         this.qrCodeDialog.show = true
-        this.qrCodeDialog.dismissMsg = this.$q.notify({
-          timeout: 0,
+        this.$q.notify({
           message: 'Waiting for invoice from merchant...'
         })
         this.listenMessages()
       },
       async listenMessages() {
-        console.log('LISTEN')
+        this.loading = true
         try {
           const pool = new NostrTools.SimplePool()
           const filters = [
+            {
+              kinds: [4],
+              authors: [this.stall.pubkey]
+            },
             {
               kinds: [4],
               '#p': [this.customerPubkey]
@@ -284,7 +308,6 @@ async function customerStall(path) {
             let sender = mine
               ? event.tags.find(([k, v]) => k === 'p' && v && v !== '')[1]
               : event.pubkey
-
             try {
               let plaintext
               if (this.customerPrivkey) {
@@ -314,15 +337,17 @@ async function customerStall(path) {
         if (!isJson(text)) return
         let json = JSON.parse(text)
         if (json.id != this.activeOrder) return
-        if (json?.payment_options) {
-          this.qrCodeDialog.data.payment_request = json.payment_options.find(
-            o => o.type == 'ln'
-          ).link
+        if (json.payment_options) {
+          let payment_request = json.payment_options.find(o => o.type == 'ln')
+            .link
+          if (!payment_request) return
+          this.loading = false
+          this.qrCodeDialog.data.payment_request = payment_request
           this.qrCodeDialog.dismissMsg = this.$q.notify({
             timeout: 0,
             message: 'Waiting for payment...'
           })
-        } else if (json?.paid) {
+        } else if (json.paid) {
           this.closeQrCodeDialog()
           this.$q.notify({
             type: 'positive',

From 18ba8e1d09a11449827cd1aee1afd8294be4e0cb Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Fri, 10 Mar 2023 10:14:24 +0000
Subject: [PATCH 3/7] fix migrations error

---
 migrations.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/migrations.py b/migrations.py
index f006d36..d6c3ffe 100644
--- a/migrations.py
+++ b/migrations.py
@@ -43,7 +43,7 @@ async def m001_initial(db):
             id TEXT PRIMARY KEY,
             stall_id TEXT NOT NULL,
             name TEXT NOT NULL,
-            image TEXT DEFAULT,
+            image TEXT,
             price REAL NOT NULL,
             quantity INTEGER NOT NULL,
             category_list TEXT DEFAULT '[]',

From d192fd6dfce7791a747abf52f1a3cb1fde99e23c Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Fri, 10 Mar 2023 10:14:47 +0000
Subject: [PATCH 4/7] chatdialog UI rweak

---
 static/components/chat-dialog/chat-dialog.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/static/components/chat-dialog/chat-dialog.html b/static/components/chat-dialog/chat-dialog.html
index a428044..7c629b1 100644
--- a/static/components/chat-dialog/chat-dialog.html
+++ b/static/components/chat-dialog/chat-dialog.html
@@ -19,7 +19,10 @@
       </q-bar>
 
       <q-card-section
+        class="q-ml-auto"
         style="
+          width: 100%;
+          max-width: 720px;
           height: calc(100vh - 120px);
           overflow-y: scroll;
           display: flex;

From e9f37f4a6bad1f960f216f9fcc7b31f2af6f7cf2 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Fri, 10 Mar 2023 12:03:24 +0000
Subject: [PATCH 5/7] order not logged in - create keypair

---
 .../customer-stall/customer-stall.html        | 20 +++++++++++++++----
 .../customer-stall/customer-stall.js          |  7 +++++++
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/static/components/customer-stall/customer-stall.html b/static/components/customer-stall/customer-stall.html
index 750d1e7..2afd57a 100644
--- a/static/components/customer-stall/customer-stall.html
+++ b/static/components/customer-stall/customer-stall.html
@@ -80,13 +80,17 @@
                 </li>
                 <li>use a Nostr Signer Extension (NIP07)</li>
                 <li>
-                  fill out the required fields, with your publickey, download
-                  the order and send as a direct message to the merchant on any
-                  Nostr client
+                  generate a key pair to make the order (you should backup up
+                  your keys)
+                </li>
+                <li>
+                  fill out the required fields and with your public key,
+                  download the order and send as a direct message to the
+                  merchant on any Nostr client
                 </li>
               </ol>
             </q-card-section>
-            <q-card-actions v-if="hasNip07" align="right">
+            <q-card-actions align="right">
               <q-btn
                 v-if="hasNip07"
                 unelevated
@@ -95,6 +99,14 @@
                 label="Get from Extension"
                 ><q-tooltip>Use a Nostr browser extension</q-tooltip></q-btn
               >
+              <q-btn
+                v-if="!this.account && !this.customerPubkey && !this.customerPrivkey"
+                unelevated
+                @click="generateKeyPair"
+                color="primary"
+                label="Generate Keys"
+                ><q-tooltip>Generate a new key pair</q-tooltip></q-btn
+              >
             </q-card-actions>
           </q-card>
         </q-expansion-item>
diff --git a/static/components/customer-stall/customer-stall.js b/static/components/customer-stall/customer-stall.js
index 8b523b9..d6a114a 100644
--- a/static/components/customer-stall/customer-stall.js
+++ b/static/components/customer-stall/customer-stall.js
@@ -163,6 +163,13 @@ async function customerStall(path) {
         this.customerUseExtension = true
         this.checkoutDialog.data.pubkey = this.customerPubkey
       },
+      async generateKeyPair() {
+        this.customerPrivkey = NostrTools.generatePrivateKey()
+        this.customerPubkey = NostrTools.getPublicKey(this.customerPrivkey)
+        this.customerUseExtension = false
+        this.checkoutDialog.data.pubkey = this.customerPubkey
+        this.checkoutDialog.data.privkey = this.customerPrivkey
+      },
       openCheckout() {
         // Check if user is logged in
         if (this.customerPubkey) {

From 310cf50d5cf3fe86a2edacf00741363856673dd2 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Fri, 10 Mar 2023 12:03:46 +0000
Subject: [PATCH 6/7] order list

---
 .../components/chat-dialog/chat-dialog.html   | 114 ++++++++++--------
 static/components/chat-dialog/chat-dialog.js  |  67 ++++++++--
 2 files changed, 125 insertions(+), 56 deletions(-)

diff --git a/static/components/chat-dialog/chat-dialog.html b/static/components/chat-dialog/chat-dialog.html
index 7c629b1..fab1a11 100644
--- a/static/components/chat-dialog/chat-dialog.html
+++ b/static/components/chat-dialog/chat-dialog.html
@@ -8,8 +8,14 @@
   >
     <q-card>
       <q-bar>
-        <q-icon name="chat" />
-        <div>Chat Box</div>
+        <q-btn dense flat icon="chat" label="Chat" @click="isChat = true" />
+        <q-btn
+          dense
+          flat
+          icon="receipt_long"
+          label="Orders"
+          @click="isChat = false"
+        />
 
         <q-space></q-space>
 
@@ -17,52 +23,64 @@
           <q-tooltip content-class="bg-white text-primary">Close</q-tooltip>
         </q-btn>
       </q-bar>
-
-      <q-card-section
-        class="q-ml-auto"
-        style="
-          width: 100%;
-          max-width: 720px;
-          height: calc(100vh - 120px);
-          overflow-y: scroll;
-          display: flex;
-          flex-direction: column-reverse;
-        "
-      >
-        <q-chat-message
-          :key="index"
-          v-for="(message, index) in sortedMessages"
-          :name="message.sender"
-          :text="[message.msg]"
-          :sent="message.sender == 'Me'"
-          :bg-color="message.sender == 'Me' ? 'white' : 'light-green-2'"
-          :stamp="message.timestamp"
-          size="6"
-        />
-      </q-card-section>
-      <q-card-actions>
-        <q-form @submit="sendMessage" class="full-width chat-input">
-          <q-input
-            ref="newMessage"
-            v-model="newMessage"
-            placeholder="Message"
-            class="full-width"
-            dense
-            outlined
-          >
-            <template>
-              <q-btn
-                round
-                dense
-                flat
-                type="submit"
-                icon="send"
-                color="primary"
-              />
-            </template>
-          </q-input>
-        </q-form>
-      </q-card-actions>
+      <div v-if="isChat">
+        <q-card-section
+          class="q-ml-auto"
+          style="
+            width: 100%;
+            max-width: 720px;
+            height: calc(100vh - 120px);
+            overflow-y: scroll;
+            display: flex;
+            flex-direction: column-reverse;
+          "
+        >
+          <q-chat-message
+            :key="index"
+            v-for="(message, index) in sortedMessages"
+            :name="message.sender"
+            :text="[message.msg]"
+            :sent="message.sender == 'Me'"
+            :bg-color="message.sender == 'Me' ? 'white' : 'light-green-2'"
+            :stamp="message.timestamp"
+            size="6"
+          />
+        </q-card-section>
+        <q-card-actions>
+          <q-form @submit="sendMessage" class="full-width chat-input">
+            <q-input
+              ref="newMessage"
+              v-model="newMessage"
+              placeholder="Message"
+              class="full-width"
+              dense
+              outlined
+            >
+              <template>
+                <q-btn
+                  round
+                  dense
+                  flat
+                  type="submit"
+                  icon="send"
+                  color="primary"
+                />
+              </template>
+            </q-input>
+          </q-form>
+        </q-card-actions>
+      </div>
+      <div v-else>
+        <q-card-section style="height: calc(100vh - 120px)">
+          <q-table
+            title="Orders"
+            :data="ordersList"
+            :columns="ordersTable.columns"
+            :pagination.sync="ordersTable.pagination"
+            row-key="id"
+          />
+        </q-card-section>
+      </div>
       <q-inner-loading :showing="loading">
         <q-spinner-cube size="50px" color="primary" />
       </q-inner-loading>
diff --git a/static/components/chat-dialog/chat-dialog.js b/static/components/chat-dialog/chat-dialog.js
index 405992b..28db8dc 100644
--- a/static/components/chat-dialog/chat-dialog.js
+++ b/static/components/chat-dialog/chat-dialog.js
@@ -9,15 +9,64 @@ async function chatDialog(path) {
     data: function () {
       return {
         dialog: false,
+        isChat: false,
         loading: false,
         pool: null,
         nostrMessages: [],
-        newMessage: ''
+        newMessage: '',
+        ordersTable: {
+          columns: [
+            {
+              name: 'id',
+              align: 'left',
+              label: 'ID',
+              field: 'id'
+            },
+            {
+              name: 'paid',
+              align: 'left',
+              label: 'Paid',
+              field: 'paid',
+              sortable: true
+            },
+            {
+              name: 'shipped',
+              align: 'left',
+              label: 'Shipped',
+              field: 'shipped',
+              sortable: true
+            },
+            {
+              name: 'invoice',
+              align: 'left',
+              label: 'Invoice',
+              field: row =>
+                row.payment_options &&
+                row.payment_options.find(p => p.type == 'ln').link
+            }
+          ],
+          pagination: {
+            rowsPerPage: 10
+          }
+        }
       }
     },
     computed: {
       sortedMessages() {
         return this.nostrMessages.sort((a, b) => b.created_at - a.created_at)
+      },
+      ordersList() {
+        let orders = this.nostrMessages
+          .sort((a, b) => b.created_at - a.created_at)
+          .filter(o => isJson(o.msg))
+          .reduce((acc, cur) => {
+            const obj = JSON.parse(cur.msg)
+            const key = obj.id
+            const curGroup = acc[key] ?? {}
+            return {...acc, [key]: {...curGroup, ...obj}}
+          }, {})
+        console.log(orders)
+        return Object.values(orders)
       }
     },
     methods: {
@@ -67,13 +116,15 @@ async function chatDialog(path) {
                 event.content
               )
             }
-            messagesMap.set(event.id, {
-              created_at: event.created_at,
-              msg: plaintext,
-              timestamp: timeFromNow(event.created_at * 1000),
-              sender: `${mine ? 'Me' : 'Merchant'}`
-            })
-            this.nostrMessages = Array.from(messagesMap.values())
+            if (plaintext) {
+              messagesMap.set(event.id, {
+                created_at: event.created_at,
+                msg: plaintext,
+                timestamp: timeFromNow(event.created_at * 1000),
+                sender: `${mine ? 'Me' : 'Merchant'}`
+              })
+              this.nostrMessages = Array.from(messagesMap.values())
+            }
           } catch {
             console.error('Unable to decrypt message!')
           }

From bbc4bbfa31a87a57e7d5a742a9277bf0a4537274 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Fri, 10 Mar 2023 12:19:25 +0000
Subject: [PATCH 7/7] add date to orders list

---
 .../components/chat-dialog/chat-dialog.html   |  2 +-
 static/components/chat-dialog/chat-dialog.js  | 20 +++++++++++--------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/static/components/chat-dialog/chat-dialog.html b/static/components/chat-dialog/chat-dialog.html
index fab1a11..7eddfc0 100644
--- a/static/components/chat-dialog/chat-dialog.html
+++ b/static/components/chat-dialog/chat-dialog.html
@@ -71,7 +71,7 @@
         </q-card-actions>
       </div>
       <div v-else>
-        <q-card-section style="height: calc(100vh - 120px)">
+        <q-card-section>
           <q-table
             title="Orders"
             :data="ordersList"
diff --git a/static/components/chat-dialog/chat-dialog.js b/static/components/chat-dialog/chat-dialog.js
index 28db8dc..0e0d36f 100644
--- a/static/components/chat-dialog/chat-dialog.js
+++ b/static/components/chat-dialog/chat-dialog.js
@@ -9,7 +9,7 @@ async function chatDialog(path) {
     data: function () {
       return {
         dialog: false,
-        isChat: false,
+        isChat: true,
         loading: false,
         pool: null,
         nostrMessages: [],
@@ -22,6 +22,13 @@ async function chatDialog(path) {
               label: 'ID',
               field: 'id'
             },
+            {
+              name: 'created_at',
+              align: 'left',
+              label: 'Created/Updated',
+              field: 'created_at',
+              sortable: true
+            },
             {
               name: 'paid',
               align: 'left',
@@ -62,10 +69,9 @@ async function chatDialog(path) {
           .reduce((acc, cur) => {
             const obj = JSON.parse(cur.msg)
             const key = obj.id
-            const curGroup = acc[key] ?? {}
+            const curGroup = acc[key] ?? {created_at: cur.timestamp}
             return {...acc, [key]: {...curGroup, ...obj}}
           }, {})
-        console.log(orders)
         return Object.values(orders)
       }
     },
@@ -85,11 +91,11 @@ async function chatDialog(path) {
         let sub = this.pool.sub(Array.from(this.relays), [
           {
             kinds: [4],
-            authors: [this.account.pubkey, this.merchant]
+            authors: [this.account.pubkey]
           },
           {
             kinds: [4],
-            '#p': [this.account.pubkey, this.merchant]
+            '#p': [this.account.pubkey]
           }
         ])
         sub.on('eose', () => {
@@ -98,9 +104,7 @@ async function chatDialog(path) {
         })
         sub.on('event', async event => {
           let mine = event.pubkey == this.account.pubkey
-          let sender = mine
-            ? event.tags.find(([k, v]) => k === 'p' && v && v !== '')[1]
-            : event.pubkey
+          let sender = mine ? this.merchant : event.pubkey
 
           try {
             let plaintext