feat: basic stall flow

static/components/stall-list/stall-list.js

@@ -0,0 +1,84 @@
+async function stallList(path) {
+  const template = await loadTemplateAsync(path)
+  Vue.component('stall-list', {
+    name: 'stall-list',
+    template,
+
+    props: [`adminkey`, 'inkey', 'wallet-options'],
+    data: function () {
+      return {
+        filter: '',
+        stalls: [],
+        currencies: [],
+        stallDialog: {
+          show: false,
+          data: {
+            name: '',
+            wallet: null,
+            currency: 'sat',
+            shippingZones: []
+          }
+        },
+        zoneOptions: []
+      }
+    },
+    methods: {
+      sendStallFormData: async function () {
+        console.log('### sendStallFormData', this.stallDialog.data)
+
+        await this.createStall({
+          name: this.stallDialog.data.name,
+          wallet: this.stallDialog.data.wallet,
+          currency: this.stallDialog.data.currency,
+          shipping_zones: this.stallDialog.data.shippingZones.map(z => z.id),
+          config: {}
+        })
+      },
+      createStall: async function (stall) {
+        console.log('### createStall', stall)
+        try {
+          const {data} = await LNbits.api.request(
+            'POST',
+            '/nostrmarket/api/v1/stall',
+            this.adminkey,
+            stall
+          )
+        } catch (error) {
+          LNbits.utils.notifyApiError(error)
+        }
+      },
+      getCurrencies: async function () {
+        try {
+          const {data} = await LNbits.api.request(
+            'GET',
+            '/nostrmarket/api/v1/currencies',
+            this.inkey
+          )
+
+          this.currencies = ['sat', ...data]
+        } catch (error) {
+          LNbits.utils.notifyApiError(error)
+        }
+      },
+      getZones: async function () {
+        try {
+          const {data} = await LNbits.api.request(
+            'GET',
+            '/nostrmarket/api/v1/zone',
+            this.inkey
+          )
+          this.zoneOptions = data.map(z => ({
+            id: z.id,
+            label: `${z.name} (${z.countries.join(', ')})`
+          }))
+        } catch (error) {
+          LNbits.utils.notifyApiError(error)
+        }
+      }
+    },
+    created: async function () {
+      await this.getCurrencies()
+      await this.getZones()
+    }
+  })
+}