From 1b7cc6d64fb2ee3340a18d0924c4b64afabbc1e1 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 6 Sep 2024 09:32:53 -0700
Subject: per account payment pages

---
 src/routes/(app)/[username]/(profile)/+page.svelte |   4 +-
 .../payments/[...page]/+page.server.ts             |  26 ++
 .../[...account]/payments/[...page]/+page.svelte   | 315 +++++++++++++++++++++
 .../[...account]/payments/[...page]/+server.ts     |  18 ++
 .../receive/[...param]/+page.server.ts             |  22 ++
 .../[...account]/receive/[...param]/+page.svelte   | 116 ++++++++
 .../(app)/[username]/account/setup/+page.svelte    |   4 +-
 .../[username]/account/setup/step2/+page.svelte    |  15 +-
 .../(app)/[username]/invoice/[id]/+page.svelte     |  89 +++---
 .../[username]/payments/[...page]/+page.server.ts  |  26 --
 .../[username]/payments/[...page]/+page.svelte     | 315 ---------------------
 .../(app)/[username]/payments/[...page]/+server.ts |  18 --
 .../[username]/receive/[...param]/+page.server.ts  |  20 --
 .../[username]/receive/[...param]/+page.svelte     | 116 --------
 14 files changed, 546 insertions(+), 558 deletions(-)
 create mode 100644 src/routes/(app)/[username]/[...account]/payments/[...page]/+page.server.ts
 create mode 100644 src/routes/(app)/[username]/[...account]/payments/[...page]/+page.svelte
 create mode 100644 src/routes/(app)/[username]/[...account]/payments/[...page]/+server.ts
 create mode 100644 src/routes/(app)/[username]/[...account]/receive/[...param]/+page.server.ts
 create mode 100644 src/routes/(app)/[username]/[...account]/receive/[...param]/+page.svelte
 delete mode 100644 src/routes/(app)/[username]/payments/[...page]/+page.server.ts
 delete mode 100644 src/routes/(app)/[username]/payments/[...page]/+page.svelte
 delete mode 100644 src/routes/(app)/[username]/payments/[...page]/+server.ts
 delete mode 100644 src/routes/(app)/[username]/receive/[...param]/+page.server.ts
 delete mode 100644 src/routes/(app)/[username]/receive/[...param]/+page.svelte

(limited to 'src/routes/(app)')

diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index afb4e58c..7c0de9d8 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -23,11 +23,11 @@
     $installPrompt = null;
   };
 
-  user.savings = 0;
+  if (user) user.savings = 0;
 
   let accounts = [
     { balance: user.balance, setup: true, type: "Cash" },
-    { balance: user.savings, setup: false, type: "Savings" },
+    { id: "pubtest", balance: user.savings, setup: !!user.seed, type: "Savings" },
   ];
 </script>
 
diff --git a/src/routes/(app)/[username]/[...account]/payments/[...page]/+page.server.ts b/src/routes/(app)/[username]/[...account]/payments/[...page]/+page.server.ts
new file mode 100644
index 00000000..070349f8
--- /dev/null
+++ b/src/routes/(app)/[username]/[...account]/payments/[...page]/+page.server.ts
@@ -0,0 +1,26 @@
+import { get, auth } from "$lib/utils";
+
+let limit = 25;
+
+export async function load({ cookies, depends, params }) {
+  depends("app:payments");
+
+  let parts = params.page.split("/");
+
+  let start, end, page;
+  if (parts.length === 1) [page] = parts;
+  if (parts.length === 2) [start, page] = parts;
+  if (parts.length === 3) [start, end, page] = parts;
+  if (!parseInt(page)) page = 1;
+
+  let offset = (page - 1) * limit;
+  if (!start) start = Date.now() / 1000 - 24 * 60 * 60;
+
+  let url = `/payments?start=${start * 1000}&limit=${limit}&offset=${offset}`;
+  if (end) url += `&end=${end * 1000}`;
+
+  let { count, payments, incoming, outgoing } = await get(url, auth(cookies));
+  let pages = new Array(Math.ceil(count / limit));
+
+  return { payments, page, pages, start, end, incoming, outgoing };
+}
diff --git a/src/routes/(app)/[username]/[...account]/payments/[...page]/+page.svelte b/src/routes/(app)/[username]/[...account]/payments/[...page]/+page.svelte
new file mode 100644
index 00000000..1efdc2ec
--- /dev/null
+++ b/src/routes/(app)/[username]/[...account]/payments/[...page]/+page.svelte
@@ -0,0 +1,315 @@
+<script>
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import { onMount } from "svelte";
+  import { format } from "date-fns";
+  import { newPayment } from "$lib/store";
+  import { t } from "$lib/translations";
+  import { get, f, s, sat, sats, types } from "$lib/utils";
+  import { page } from "$app/stores";
+  import { differenceInDays, getUnixTime, sub } from "date-fns";
+  import { goto, invalidate } from "$app/navigation";
+
+  export let data;
+
+  let { start, end, user, rates, payments } = data;
+
+  let change = ({ target: { value } }) => goto(value);
+  let link = (p) => {
+    if (p.pot) return `/pot/${p.pot}`;
+    if (p.with) return "/" + p.with.username;
+    return `/p/${p.id}`;
+  };
+
+  $: presets = [
+    {
+      title: $t("payments.day"),
+      start: sub(new Date(), { days: 1 }),
+      end: null,
+    },
+    {
+      title: $t("payments.week"),
+      start: sub(new Date(), { days: 7 }),
+      end: null,
+    },
+    {
+      title: $t("payments.month"),
+      start: sub(new Date(), { months: 1 }),
+      end: null,
+    },
+    {
+      title: $t("payments.all"),
+      start: sub(new Date(), { years: 5 }),
+      end: null,
+    },
+  ];
+
+  $: selection = start
+    ? presets.findIndex(
+        (p) => Math.abs(differenceInDays(new Date(start * 1000), p.start)) < 1
+      )
+    : 0;
+
+  let p,
+    incoming,
+    outgoing,
+    pages = [];
+  $: data &&
+    ({ page: p, pages, start, end, incoming, outgoing, payments } = data);
+
+  $: $page && ($newPayment = false);
+  $: $newPayment && invalidate(`/users/${user.username}`);
+
+  $: path = $page.params.page
+    ? $page.url.pathname.substring(0, $page.url.pathname.lastIndexOf("/"))
+    : $page.url.pathname;
+
+  let csv = async () => {
+    let url = `/${user.username}/payments`;
+    if (start) url += `/${start}`;
+    if (end) url += `/${end}`;
+
+    let { payments } = await get(url);
+
+    payments = payments.map((p) => ({
+      ...p,
+      created: new Date(p.created),
+      total: p.amount + (p.tip || 0),
+      platform_fee: p.ourfee,
+      amount_fiat: f((p.amount * p.rate) / sats, p.currency),
+      fee_fiat: p.fee ? f((p.fee * p.rate) / sats, p.currency) : null,
+      platform_fee_fiat: p.ourfee ? f((p.ourfee * p.rate) / sats, p.currency) : null,
+      tip_fiat: p.tip ? f((p.tip * p.rate) / sats, p.currency) : null,
+      total_fiat: f(((p.amount + (p.tip || 0)) * p.rate) / sats, p.currency),
+    }));
+
+    let keys = [
+      "type",
+      "id",
+      "created",
+      "rate",
+      "currency",
+      "amount",
+      "tip",
+      "total",
+      "fee",
+      "platform_fee",
+      "amount_fiat",
+      "tip_fiat",
+      "total_fiat",
+      "fee_fiat",
+      "platform_fee_fiat",
+    ];
+
+    let csv =
+      keys.map((k) => `"${k}"`).join(",") +
+      "\n" +
+      payments
+        .map((r) => keys.map((k) => `"${r[k] || ""}"`).join(","))
+        .join("\n");
+
+    let filename = "payments.csv";
+    let blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+    if (navigator.msSaveBlob) {
+      navigator.msSaveBlob(blob, filename);
+    } else {
+      let link = document.createElement("a");
+      if (link.download !== undefined) {
+        let url = URL.createObjectURL(blob);
+        link.setAttribute("href", url);
+        link.setAttribute("download", filename);
+        link.style.visibility = "hidden";
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+      }
+    }
+  };
+</script>
+
+<div class="mt-24 mb-20 payments">
+  <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-10">
+    {$t("payments.header")}
+  </h1>
+
+  <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5">
+    <div class="flex text-md text-secondary relative">
+      <div class="mx-auto flex justify-center w-full gap-1">
+        {#each presets as { start, end, title }, i}
+          <a
+            class:active={selection === i}
+            href={`/${user.username}/payments/${getUnixTime(start) + "/"}1`}
+          >
+            <button
+              class="text-sm md:text-lg rounded-full border py-2 px-4 hover:opacity-80 min-w-[72px]"
+            >
+              <div class="my-auto">{title}</div>
+            </button>
+          </a>
+        {/each}
+      </div>
+    </div>
+
+    <div class="flex flex-wrap justify-center mb-8">
+      {#if pages.length > 1}
+        {#each pages as _, i}
+          <a
+            class="mr-1 last:mr-0"
+            href={`${path}/${i + 1}`}
+            class:active={parseInt(p) === i + 1}
+          >
+            <div
+              class="border py-2 rounded-full border-2 w-12 h-12 hover:opacity-80 text-center"
+            >
+              {i + 1}
+            </div>
+          </a>
+        {/each}
+      {/if}
+    </div>
+
+    <div class="text-base">
+      {#each payments as p}
+        <a href={`/payment/${p.id}`}>
+          <div class="grid grid-cols-12 border-b h-24 hover:bg-gray-100 px-4">
+            <div class="whitespace-nowrap my-auto col-span-3">
+              <div class="font-bold" class:text-red-800={p.amount < 0}>
+                {f(Math.abs(p.amount) * (p.rate / sats), p.currency)}
+                {#if p.tip}
+                  <span class="text-sm text-secondary">
+                    +{Math.round((p.tip / Math.abs(p.amount)) * 100)}%
+                  </span>
+                {/if}
+              </div>
+
+              <div class="text-secondary">
+                {sat(Math.abs(p.amount) + (p.tip || 0))}
+              </div>
+            </div>
+
+            <div
+              class="flex my-auto col-span-5 truncate text-ellipsis overflow-hidden mx-auto"
+            >
+              {#if p.type === types.pot}
+                <a href={`/pot/${p.memo}`}>
+                  <div class="text-secondary flex">
+                    <div class="my-auto mr-1">
+                      <img src="/images/moneypot.png" class="w-12" alt="Pot" />
+                    </div>
+
+                    <div class="my-auto">Pot</div>
+                  </div>
+                </a>
+              {:else if p.with}
+                <div class="flex">
+                  <div class="my-auto">
+                    <Avatar user={p.with} size={12} disabled={true} />
+                  </div>
+                  <div class="my-auto ml-1 text-secondary">
+                    {p.with.username}
+                  </div>
+                </div>
+              {:else}
+                <div class="text-secondary flex">
+                  {#if [types.ecash, types.lightning].includes(p.type)}
+                    <div class="text-3xl">⚡️</div>
+                  {:else if p.type === types.bitcoin}
+                    <div class="my-auto mr-1">
+                      <img
+                        src="/images/bitcoin.svg"
+                        class="w-12 border-4 border-transparent"
+                        alt="Bitcoin"
+                      />
+                    </div>
+                  {:else if p.type === types.liquid}
+                    <div class="my-auto mr-1">
+                      <img
+                        src="/images/liquid.svg"
+                        class="w-12 border-4 border-transparent"
+                        alt="Liquid"
+                      />
+                    </div>
+                  {/if}
+
+                  <div class="my-auto">
+                    {p.amount > 0
+                      ? p.confirmed
+                        ? "Received"
+                        : "Pending"
+                      : "Sent"}
+                  </div>
+                </div>
+              {/if}
+            </div>
+
+            <div class="text-secondary text-right text-sm my-auto col-span-3">
+              <div>
+                {format(new Date(p.created), "h:mm aaa")}
+              </div>
+              <div>
+                {format(new Date(p.created), "MMM d, yy")}
+              </div>
+            </div>
+          </div>
+        </a>
+      {:else}
+        <p class="text-secondary text-lg text-center">{$t("payments.empty")}</p>
+      {/each}
+    </div>
+
+    <div class="grid grid-cols-3 w-full text-center text-lg">
+      {#each Object.keys(incoming) as c}
+        <span class="text-base text-secondary text-left"></span>
+        <!-- <span class="text-base text-secondary" -->
+        <!--   >{$t("payments.subtotal")}</span -->
+        <!-- > -->
+        <span class="text-base text-secondary">
+          {#if tipsIn || tipsOut}{$t("payments.tips")}{/if}
+        </span>
+        <span class="text-base text-secondary"
+          >{$t("payments.total")}</span
+        >
+
+        {@const totalIn = incoming[c]?.fiat || 0}
+        {@const tipsIn = incoming[c]?.fiatTips || 0}
+        {@const subtotalIn = totalIn - tipsIn}
+
+        {@const totalOut = -outgoing[c]?.fiat || 0}
+        {@const tipsOut = outgoing[c]?.fiatTips || 0}
+        {@const subtotalOut = totalOut - tipsOut}
+
+        <span class="text-left text-base text-secondary"
+          >{$t("payments.income")}</span
+        >
+        <!-- <span><b>{subtotalIn ? f(subtotalIn, c) : "-"}</b></span> -->
+        <span><b>{tipsIn ? f(tipsIn, c) : "-"}</b></span>
+        <span><b>{totalIn ? f(totalIn, c) : "-"}</b></span>
+
+        <span class="text-left text-base text-secondary"
+          >{$t("payments.expenditure")}</span
+        >
+        <!-- <span><b>{subtotalOut ? f(subtotalOut, c) : "-"}</b></span> -->
+        <span><b>{tipsOut ? f(tipsOut, c) : "-"}</b></span>
+        <span><b>{totalOut ? f(totalOut, c) : "-"}</b></span>
+      {/each}
+    </div>
+
+    <button
+      class="ml-auto rounded-full border py-2 px-4 w-36 hover:opacity-80 flex mx-auto"
+      on:click={csv}
+    >
+      <Icon icon="save" style="opacity-50 mr-2 my-auto" />
+      <div class="my-auto">{$t("payments.export")}</div>
+    </button>
+  </div>
+</div>
+
+<style>
+  .active * {
+    @apply bg-black text-white border-black;
+  }
+
+  .payments {
+    view-transition-name: payments;
+  }
+</style>
diff --git a/src/routes/(app)/[username]/[...account]/payments/[...page]/+server.ts b/src/routes/(app)/[username]/[...account]/payments/[...page]/+server.ts
new file mode 100644
index 00000000..a81faaf3
--- /dev/null
+++ b/src/routes/(app)/[username]/[...account]/payments/[...page]/+server.ts
@@ -0,0 +1,18 @@
+import { get, auth } from "$lib/utils";
+import { json } from "@sveltejs/kit";
+
+export async function GET({ cookies, params }) {
+  let parts = params.page.split("/");
+
+  let start, end;
+  if (parts.length === 1) [start] = parts;
+  if (parts.length === 2) [start, end] = parts;
+
+  if (!start) start = Date.now() / 1000 - 24 * 60 * 60;
+
+  let url = `/payments?start=${start * 1000}`;
+  if (end) url += `&end=${end * 1000}`;
+
+  let { payments } = await get(url, auth(cookies));
+  return json({ payments });
+}
diff --git a/src/routes/(app)/[username]/[...account]/receive/[...param]/+page.server.ts b/src/routes/(app)/[username]/[...account]/receive/[...param]/+page.server.ts
new file mode 100644
index 00000000..13eb1381
--- /dev/null
+++ b/src/routes/(app)/[username]/[...account]/receive/[...param]/+page.server.ts
@@ -0,0 +1,22 @@
+import { redirect } from "@sveltejs/kit";
+import { auth, post } from "$lib/utils";
+import type { Invoice } from "$lib/types";
+
+export let load = async ({ cookies, params, parent }) => {
+  let { account } = params;
+  let {subject, user, rates } = await parent();
+
+  let invoice: Invoice = {
+    account,
+    type: account ? "bitcoin": "lightning",
+    rate: rates[user?.currency || subject?.currency],
+  };
+
+  if(!user) user = subject;
+  invoice = await post("/invoice", { invoice, account, user }, auth(cookies));
+  let { id } = invoice;
+
+  if (invoice.memoPrompt && !invoice.memo) {
+    redirect(307, `/${user.username}/invoice/${id}/memo`);
+  } else redirect(307, `/${user.username}/invoice/${id}`);
+};
diff --git a/src/routes/(app)/[username]/[...account]/receive/[...param]/+page.svelte b/src/routes/(app)/[username]/[...account]/receive/[...param]/+page.svelte
new file mode 100644
index 00000000..f9267105
--- /dev/null
+++ b/src/routes/(app)/[username]/[...account]/receive/[...param]/+page.svelte
@@ -0,0 +1,116 @@
+<script>
+  import { page } from "$app/stores";
+  import { fly } from "svelte/transition";
+  import { enhance } from "$app/forms";
+  import { tick } from "svelte";
+  import { browser } from "$app/environment";
+  import { t } from "$lib/translations";
+  import AppHeader from "$comp/AppHeader.svelte";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Spinner from "$comp/Spinner.svelte";
+  import { back, fail, focus } from "$lib/utils";
+
+  export let data;
+  export let form;
+  data.subject = data.user;
+
+  let { contacts } = data;
+  let w;
+
+  let el, text;
+
+  let keypress = (e) => e.key === "Enter" && (e.preventDefault() || el.click());
+
+  let paste = async () => {
+    text = await navigator.clipboard.readText();
+  };
+</script>
+
+<svelte:window bind:innerWidth={w} />
+
+<AppHeader {data} />
+<div class="container px-4 max-w-lg mx-auto space-y-5 mt-20">
+  <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold">
+    {$t("payments.send")}
+  </h1>
+
+  <form method="POST" use:enhance class="space-y-2 text-xl">
+    {#if form?.error}
+      <div class="mb-5">
+        <div class="text-red-600">
+          {$t("error.unrecognizedInput")}
+        </div>
+      </div>
+    {/if}
+
+    <div class="mb-2">
+      <textarea
+        use:focus
+        name="text"
+        placeholder={$t("user.send.placeholder")}
+        on:keypress={keypress}
+        class="w-full p-4 border rounded-xl h-48 text-xl"
+        bind:value={text}
+        autocapitalize="none"
+      />
+    </div>
+
+    <div class="flex gap-2">
+      <a href="/scan" class="w-full">
+        <button
+          type="button"
+          class="flex border rounded-2xl px-6 py-5 font-bold hover:opacity-80 w-full bg-primary justify-center"
+        >
+          <Icon icon="camera" style="mr-2 w-6 my-auto" />
+          <div class="my-auto">{$t("user.send.scan")}</div>
+        </button>
+      </a>
+
+      <button
+        type="button"
+        class="flex border rounded-2xl px-6 py-5 font-bold hover:opacity-80 w-full bg-primary justify-center"
+        on:click={paste}
+      >
+        <Icon icon="paste" style="mr-2 w-6 my-auto" />
+        <div class="my-auto">{$t("user.send.paste")}</div>
+      </button>
+    </div>
+
+    <button
+      bind:this={el}
+      type="submit"
+      class="bg-black text-white border rounded-2xl px-6 py-5 w-full font-bold"
+    >
+      {$t("user.send.next")}
+    </button>
+  </form>
+
+  {#if contacts.length}
+    <div class="space-y-5">
+      <h1 class="px-3 md:px-0 text-2xl font-semibold mt-10">
+        {$t("user.send.contacts")}
+      </h1>
+      <div>
+        {#each contacts as c}
+          <a href={`/pay/${c.username}`}>
+            <div
+              class="border-b p-2 last:border-b-0 hover:bg-gray-100 rounded-2xl"
+            >
+              <div class="flex">
+                <div>
+                  <div class="flex">
+                    <Avatar user={c} size={20} disabled={true} />
+                    <div class="my-auto text-left">
+                      <p class="ml-1 text-lg break-words">{c.username}</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </a>
+        {/each}
+      </div>
+    </div>
+  {/if}
+</div>
diff --git a/src/routes/(app)/[username]/account/setup/+page.svelte b/src/routes/(app)/[username]/account/setup/+page.svelte
index 5c2102c7..9636ff2a 100644
--- a/src/routes/(app)/[username]/account/setup/+page.svelte
+++ b/src/routes/(app)/[username]/account/setup/+page.svelte
@@ -32,8 +32,8 @@
     </p>
 
     <p class="text-secondary mb-1">
-      Whoever knows these words can withdraw funds from the account. We can't
-      help you recover them if you lose them.
+      Whoever knows these words in the correct order can withdraw funds from the account. We can't
+      recover them if you lose them.
     </p>
 
     {#if reveal}
diff --git a/src/routes/(app)/[username]/account/setup/step2/+page.svelte b/src/routes/(app)/[username]/account/setup/step2/+page.svelte
index 3b403295..d8f44e16 100644
--- a/src/routes/(app)/[username]/account/setup/step2/+page.svelte
+++ b/src/routes/(app)/[username]/account/setup/step2/+page.svelte
@@ -5,6 +5,8 @@
   import { encrypt, decrypt } from "nostr-tools/nip49";
   import { mnemonicToEntropy, entropyToMnemonic } from "@scure/bip39";
   import { wordlist } from "@scure/bip39/wordlists/english";
+  import { fail, post } from "$lib/utils";
+  import { goto } from "$app/navigation";
 
   export let data;
   let { user } = data;
@@ -12,11 +14,14 @@
   let password;
 
   let submit = async () => {
-    console.log($mnemonic);
-    let t = await encrypt(mnemonicToEntropy($mnemonic, wordlist), password);
-
-    let m = await decrypt(t, password);
-    console.log(entropyToMnemonic(m, wordlist));
+    user.seed = await encrypt(mnemonicToEntropy($mnemonic, wordlist), password);
+    try {
+      await post("/api/user", user);
+      goto(`/${user.username}`);
+    } catch (e) {
+      console.log(e);
+      fail("Something went wrong");
+    }
   };
 </script>
 
diff --git a/src/routes/(app)/[username]/invoice/[id]/+page.svelte b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
index 28bfe27b..24e75fa5 100644
--- a/src/routes/(app)/[username]/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
@@ -28,7 +28,6 @@
 
   export let data;
 
-  let ndef;
   let showOptions;
 
   let reading = async ({ message, serialNumber }) => {
@@ -41,6 +40,7 @@
   $: refresh(data);
   let { invoice, id, subject, user, src } = data;
   let {
+    account,
     amount,
     hash,
     type,
@@ -56,6 +56,7 @@
   let refresh = async (data) => {
     ({ invoice, id, user, src } = data);
     ({
+      account,
       amount,
       hash,
       type,
@@ -66,21 +67,6 @@
     } = invoice);
 
     tipPercent = (tip / amount) * 100;
-
-    // if (browser && window.NDEFReader) {
-    // 	try {
-    // 		ndef = new NDEFReader();
-    // 		await ndef.scan();
-    //
-    // 		ndef.removeEventListener('readingerror', readingerror);
-    // 		ndef.removeEventListener('reading', reading);
-    //
-    // 		ndef.addEventListener('readingerror', readingerror);
-    // 		ndef.addEventListener('reading', reading);
-    // 	} catch (e) {
-    // 		console.log(e);
-    // 	}
-    // }
   };
 
   $: amountFiat = parseFloat(((amount * rate) / sats).toFixed(2));
@@ -100,13 +86,6 @@
     }
   });
 
-  onDestroy(() => {
-    if (ndef) {
-      ndef.removeEventListener("readingerror", readingerror);
-      ndef.removeEventListener("reading", reading);
-    }
-  });
-
   $: link = [types.bitcoin, types.liquid].includes(type)
     ? text
     : `lightning:${text}`;
@@ -257,39 +236,41 @@
     </div>
   </div>
 
-  <div class="flex justify-around text-secondary">
-    <button
-      class="hover:bg-primary my-auto flex gap-1 sm:gap-2 py-3 px-2 sm:px-5 w-full justify-center"
-      class:bg-primary={type === types.bitcoin}
-      class:text-black={type === types.bitcoin}
-      on:click={() => setType(types.bitcoin)}
-    >
-      <img src="/images/bitcoin.svg" class="w-8" alt="Bitcoin" />
-      <div class="my-auto text-lg">Bitcoin</div>
-    </button>
+  {#if !account}
+    <div class="flex justify-around text-secondary">
+      <button
+        class="hover:bg-primary my-auto flex gap-1 sm:gap-2 py-3 px-2 sm:px-5 w-full justify-center"
+        class:bg-primary={type === types.bitcoin}
+        class:text-black={type === types.bitcoin}
+        on:click={() => setType(types.bitcoin)}
+      >
+        <img src="/images/bitcoin.svg" class="w-8" alt="Bitcoin" />
+        <div class="my-auto text-lg">Bitcoin</div>
+      </button>
 
-    <button
-      class="hover:bg-primary my-auto flex gap-1 sm:gap-2 py-3 px-2 sm:px-5 w-full justify-center"
-      class:bg-primary={type === types.liquid}
-      class:text-black={type === types.liquid}
-      on:click={() => setType(types.liquid)}
-    >
-      <img src="/images/liquid.svg" class="w-8" alt="Liquid" />
-      <div class="my-auto text-lg">Liquid</div>
-    </button>
+      <button
+        class="hover:bg-primary my-auto flex gap-1 sm:gap-2 py-3 px-2 sm:px-5 w-full justify-center"
+        class:bg-primary={type === types.liquid}
+        class:text-black={type === types.liquid}
+        on:click={() => setType(types.liquid)}
+      >
+        <img src="/images/liquid.svg" class="w-8" alt="Liquid" />
+        <div class="my-auto text-lg">Liquid</div>
+      </button>
 
-    <button
-      class="hover:bg-primary flex gap-1 sm:gap-2 py-3 px-2 sm:px-5 w-full justify-center"
-      class:bg-primary={type === types.lightning}
-      class:text-black={type === types.lightning}
-      on:click={() => setType(types.lightning)}
-    >
-      <div class="bg-white rounded-full w-8 h-8 text-center flex">
-        <div class="m-auto">⚡️</div>
-      </div>
-      <div class="my-auto text-lg">Lightning</div>
-    </button>
-  </div>
+      <button
+        class="hover:bg-primary flex gap-1 sm:gap-2 py-3 px-2 sm:px-5 w-full justify-center"
+        class:bg-primary={type === types.lightning}
+        class:text-black={type === types.lightning}
+        on:click={() => setType(types.lightning)}
+      >
+        <div class="bg-white rounded-full w-8 h-8 text-center flex">
+          <div class="m-auto">⚡️</div>
+        </div>
+        <div class="my-auto text-lg">Lightning</div>
+      </button>
+    </div>
+  {/if}
 
   {#if type === types.liquid}
     <div class="flex justify-center">
diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.server.ts b/src/routes/(app)/[username]/payments/[...page]/+page.server.ts
deleted file mode 100644
index 070349f8..00000000
--- a/src/routes/(app)/[username]/payments/[...page]/+page.server.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { get, auth } from "$lib/utils";
-
-let limit = 25;
-
-export async function load({ cookies, depends, params }) {
-  depends("app:payments");
-
-  let parts = params.page.split("/");
-
-  let start, end, page;
-  if (parts.length === 1) [page] = parts;
-  if (parts.length === 2) [start, page] = parts;
-  if (parts.length === 3) [start, end, page] = parts;
-  if (!parseInt(page)) page = 1;
-
-  let offset = (page - 1) * limit;
-  if (!start) start = Date.now() / 1000 - 24 * 60 * 60;
-
-  let url = `/payments?start=${start * 1000}&limit=${limit}&offset=${offset}`;
-  if (end) url += `&end=${end * 1000}`;
-
-  let { count, payments, incoming, outgoing } = await get(url, auth(cookies));
-  let pages = new Array(Math.ceil(count / limit));
-
-  return { payments, page, pages, start, end, incoming, outgoing };
-}
diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.svelte b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
deleted file mode 100644
index 1efdc2ec..00000000
--- a/src/routes/(app)/[username]/payments/[...page]/+page.svelte
+++ /dev/null
@@ -1,315 +0,0 @@
-<script>
-  import Avatar from "$comp/Avatar.svelte";
-  import Icon from "$comp/Icon.svelte";
-  import { onMount } from "svelte";
-  import { format } from "date-fns";
-  import { newPayment } from "$lib/store";
-  import { t } from "$lib/translations";
-  import { get, f, s, sat, sats, types } from "$lib/utils";
-  import { page } from "$app/stores";
-  import { differenceInDays, getUnixTime, sub } from "date-fns";
-  import { goto, invalidate } from "$app/navigation";
-
-  export let data;
-
-  let { start, end, user, rates, payments } = data;
-
-  let change = ({ target: { value } }) => goto(value);
-  let link = (p) => {
-    if (p.pot) return `/pot/${p.pot}`;
-    if (p.with) return "/" + p.with.username;
-    return `/p/${p.id}`;
-  };
-
-  $: presets = [
-    {
-      title: $t("payments.day"),
-      start: sub(new Date(), { days: 1 }),
-      end: null,
-    },
-    {
-      title: $t("payments.week"),
-      start: sub(new Date(), { days: 7 }),
-      end: null,
-    },
-    {
-      title: $t("payments.month"),
-      start: sub(new Date(), { months: 1 }),
-      end: null,
-    },
-    {
-      title: $t("payments.all"),
-      start: sub(new Date(), { years: 5 }),
-      end: null,
-    },
-  ];
-
-  $: selection = start
-    ? presets.findIndex(
-        (p) => Math.abs(differenceInDays(new Date(start * 1000), p.start)) < 1
-      )
-    : 0;
-
-  let p,
-    incoming,
-    outgoing,
-    pages = [];
-  $: data &&
-    ({ page: p, pages, start, end, incoming, outgoing, payments } = data);
-
-  $: $page && ($newPayment = false);
-  $: $newPayment && invalidate(`/users/${user.username}`);
-
-  $: path = $page.params.page
-    ? $page.url.pathname.substring(0, $page.url.pathname.lastIndexOf("/"))
-    : $page.url.pathname;
-
-  let csv = async () => {
-    let url = `/${user.username}/payments`;
-    if (start) url += `/${start}`;
-    if (end) url += `/${end}`;
-
-    let { payments } = await get(url);
-
-    payments = payments.map((p) => ({
-      ...p,
-      created: new Date(p.created),
-      total: p.amount + (p.tip || 0),
-      platform_fee: p.ourfee,
-      amount_fiat: f((p.amount * p.rate) / sats, p.currency),
-      fee_fiat: p.fee ? f((p.fee * p.rate) / sats, p.currency) : null,
-      platform_fee_fiat: p.ourfee ? f((p.ourfee * p.rate) / sats, p.currency) : null,
-      tip_fiat: p.tip ? f((p.tip * p.rate) / sats, p.currency) : null,
-      total_fiat: f(((p.amount + (p.tip || 0)) * p.rate) / sats, p.currency),
-    }));
-
-    let keys = [
-      "type",
-      "id",
-      "created",
-      "rate",
-      "currency",
-      "amount",
-      "tip",
-      "total",
-      "fee",
-      "platform_fee",
-      "amount_fiat",
-      "tip_fiat",
-      "total_fiat",
-      "fee_fiat",
-      "platform_fee_fiat",
-    ];
-
-    let csv =
-      keys.map((k) => `"${k}"`).join(",") +
-      "\n" +
-      payments
-        .map((r) => keys.map((k) => `"${r[k] || ""}"`).join(","))
-        .join("\n");
-
-    let filename = "payments.csv";
-    let blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
-    if (navigator.msSaveBlob) {
-      navigator.msSaveBlob(blob, filename);
-    } else {
-      let link = document.createElement("a");
-      if (link.download !== undefined) {
-        let url = URL.createObjectURL(blob);
-        link.setAttribute("href", url);
-        link.setAttribute("download", filename);
-        link.style.visibility = "hidden";
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-      }
-    }
-  };
-</script>
-
-<div class="mt-24 mb-20 payments">
-  <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-10">
-    {$t("payments.header")}
-  </h1>
-
-  <div class="container w-full mx-auto text-lg px-4 max-w-xl space-y-5">
-    <div class="flex text-md text-secondary relative">
-      <div class="mx-auto flex justify-center w-full gap-1">
-        {#each presets as { start, end, title }, i}
-          <a
-            class:active={selection === i}
-            href={`/${user.username}/payments/${getUnixTime(start) + "/"}1`}
-          >
-            <button
-              class="text-sm md:text-lg rounded-full border py-2 px-4 hover:opacity-80 min-w-[72px]"
-            >
-              <div class="my-auto">{title}</div>
-            </button>
-          </a>
-        {/each}
-      </div>
-    </div>
-
-    <div class="flex flex-wrap justify-center mb-8">
-      {#if pages.length > 1}
-        {#each pages as _, i}
-          <a
-            class="mr-1 last:mr-0"
-            href={`${path}/${i + 1}`}
-            class:active={parseInt(p) === i + 1}
-          >
-            <div
-              class="border py-2 rounded-full border-2 w-12 h-12 hover:opacity-80 text-center"
-            >
-              {i + 1}
-            </div>
-          </a>
-        {/each}
-      {/if}
-    </div>
-
-    <div class="text-base">
-      {#each payments as p}
-        <a href={`/payment/${p.id}`}>
-          <div class="grid grid-cols-12 border-b h-24 hover:bg-gray-100 px-4">
-            <div class="whitespace-nowrap my-auto col-span-3">
-              <div class="font-bold" class:text-red-800={p.amount < 0}>
-                {f(Math.abs(p.amount) * (p.rate / sats), p.currency)}
-                {#if p.tip}
-                  <span class="text-sm text-secondary">
-                    +{Math.round((p.tip / Math.abs(p.amount)) * 100)}%
-                  </span>
-                {/if}
-              </div>
-
-              <div class="text-secondary">
-                {sat(Math.abs(p.amount) + (p.tip || 0))}
-              </div>
-            </div>
-
-            <div
-              class="flex my-auto col-span-5 truncate text-ellipsis overflow-hidden mx-auto"
-            >
-              {#if p.type === types.pot}
-                <a href={`/pot/${p.memo}`}>
-                  <div class="text-secondary flex">
-                    <div class="my-auto mr-1">
-                      <img src="/images/moneypot.png" class="w-12" alt="Pot" />
-                    </div>
-
-                    <div class="my-auto">Pot</div>
-                  </div>
-                </a>
-              {:else if p.with}
-                <div class="flex">
-                  <div class="my-auto">
-                    <Avatar user={p.with} size={12} disabled={true} />
-                  </div>
-                  <div class="my-auto ml-1 text-secondary">
-                    {p.with.username}
-                  </div>
-                </div>
-              {:else}
-                <div class="text-secondary flex">
-                  {#if [types.ecash, types.lightning].includes(p.type)}
-                    <div class="text-3xl">⚡️</div>
-                  {:else if p.type === types.bitcoin}
-                    <div class="my-auto mr-1">
-                      <img
-                        src="/images/bitcoin.svg"
-                        class="w-12 border-4 border-transparent"
-                        alt="Bitcoin"
-                      />
-                    </div>
-                  {:else if p.type === types.liquid}
-                    <div class="my-auto mr-1">
-                      <img
-                        src="/images/liquid.svg"
-                        class="w-12 border-4 border-transparent"
-                        alt="Liquid"
-                      />
-                    </div>
-                  {/if}
-
-                  <div class="my-auto">
-                    {p.amount > 0
-                      ? p.confirmed
-                        ? "Received"
-                        : "Pending"
-                      : "Sent"}
-                  </div>
-                </div>
-              {/if}
-            </div>
-
-            <div class="text-secondary text-right text-sm my-auto col-span-3">
-              <div>
-                {format(new Date(p.created), "h:mm aaa")}
-              </div>
-              <div>
-                {format(new Date(p.created), "MMM d, yy")}
-              </div>
-            </div>
-          </div>
-        </a>
-      {:else}
-        <p class="text-secondary text-lg text-center">{$t("payments.empty")}</p>
-      {/each}
-    </div>
-
-    <div class="grid grid-cols-3 w-full text-center text-lg">
-      {#each Object.keys(incoming) as c}
-        <span class="text-base text-secondary text-left"></span>
-        <!-- <span class="text-base text-secondary" -->
-        <!--   >{$t("payments.subtotal")}</span -->
-        <!-- > -->
-        <span class="text-base text-secondary">
-          {#if tipsIn || tipsOut}{$t("payments.tips")}{/if}
-        </span>
-        <span class="text-base text-secondary"
-          >{$t("payments.total")}</span
-        >
-
-        {@const totalIn = incoming[c]?.fiat || 0}
-        {@const tipsIn = incoming[c]?.fiatTips || 0}
-        {@const subtotalIn = totalIn - tipsIn}
-
-        {@const totalOut = -outgoing[c]?.fiat || 0}
-        {@const tipsOut = outgoing[c]?.fiatTips || 0}
-        {@const subtotalOut = totalOut - tipsOut}
-
-        <span class="text-left text-base text-secondary"
-          >{$t("payments.income")}</span
-        >
-        <!-- <span><b>{subtotalIn ? f(subtotalIn, c) : "-"}</b></span> -->
-        <span><b>{tipsIn ? f(tipsIn, c) : "-"}</b></span>
-        <span><b>{totalIn ? f(totalIn, c) : "-"}</b></span>
-
-        <span class="text-left text-base text-secondary"
-          >{$t("payments.expenditure")}</span
-        >
-        <!-- <span><b>{subtotalOut ? f(subtotalOut, c) : "-"}</b></span> -->
-        <span><b>{tipsOut ? f(tipsOut, c) : "-"}</b></span>
-        <span><b>{totalOut ? f(totalOut, c) : "-"}</b></span>
-      {/each}
-    </div>
-
-    <button
-      class="ml-auto rounded-full border py-2 px-4 w-36 hover:opacity-80 flex mx-auto"
-      on:click={csv}
-    >
-      <Icon icon="save" style="opacity-50 mr-2 my-auto" />
-      <div class="my-auto">{$t("payments.export")}</div>
-    </button>
-  </div>
-</div>
-
-<style>
-  .active * {
-    @apply bg-black text-white border-black;
-  }
-
-  .payments {
-    view-transition-name: payments;
-  }
-</style>
diff --git a/src/routes/(app)/[username]/payments/[...page]/+server.ts b/src/routes/(app)/[username]/payments/[...page]/+server.ts
deleted file mode 100644
index a81faaf3..00000000
--- a/src/routes/(app)/[username]/payments/[...page]/+server.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { get, auth } from "$lib/utils";
-import { json } from "@sveltejs/kit";
-
-export async function GET({ cookies, params }) {
-  let parts = params.page.split("/");
-
-  let start, end;
-  if (parts.length === 1) [start] = parts;
-  if (parts.length === 2) [start, end] = parts;
-
-  if (!start) start = Date.now() / 1000 - 24 * 60 * 60;
-
-  let url = `/payments?start=${start * 1000}`;
-  if (end) url += `&end=${end * 1000}`;
-
-  let { payments } = await get(url, auth(cookies));
-  return json({ payments });
-}
diff --git a/src/routes/(app)/[username]/receive/[...param]/+page.server.ts b/src/routes/(app)/[username]/receive/[...param]/+page.server.ts
deleted file mode 100644
index 502678a9..00000000
--- a/src/routes/(app)/[username]/receive/[...param]/+page.server.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { redirect } from "@sveltejs/kit";
-import { auth, post } from "$lib/utils";
-import type { Invoice } from "$lib/types";
-
-export let load = async ({ cookies, parent }) => {
-  let {subject, user, rates } = await parent();
-
-  let invoice: Invoice = {
-    type: "lightning",
-    rate: rates[user?.currency || subject?.currency],
-  };
-
-  if(!user) user = subject;
-  invoice = await post("/invoice", { invoice, user }, auth(cookies));
-  let { id } = invoice;
-
-  if (invoice.memoPrompt && !invoice.memo) {
-    redirect(307, `/${user.username}/invoice/${id}/memo`);
-  } else redirect(307, `/${user.username}/invoice/${id}`);
-};
diff --git a/src/routes/(app)/[username]/receive/[...param]/+page.svelte b/src/routes/(app)/[username]/receive/[...param]/+page.svelte
deleted file mode 100644
index f9267105..00000000
--- a/src/routes/(app)/[username]/receive/[...param]/+page.svelte
+++ /dev/null
@@ -1,116 +0,0 @@
-<script>
-  import { page } from "$app/stores";
-  import { fly } from "svelte/transition";
-  import { enhance } from "$app/forms";
-  import { tick } from "svelte";
-  import { browser } from "$app/environment";
-  import { t } from "$lib/translations";
-  import AppHeader from "$comp/AppHeader.svelte";
-  import Avatar from "$comp/Avatar.svelte";
-  import Icon from "$comp/Icon.svelte";
-  import Spinner from "$comp/Spinner.svelte";
-  import { back, fail, focus } from "$lib/utils";
-
-  export let data;
-  export let form;
-  data.subject = data.user;
-
-  let { contacts } = data;
-  let w;
-
-  let el, text;
-
-  let keypress = (e) => e.key === "Enter" && (e.preventDefault() || el.click());
-
-  let paste = async () => {
-    text = await navigator.clipboard.readText();
-  };
-</script>
-
-<svelte:window bind:innerWidth={w} />
-
-<AppHeader {data} />
-<div class="container px-4 max-w-lg mx-auto space-y-5 mt-20">
-  <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold">
-    {$t("payments.send")}
-  </h1>
-
-  <form method="POST" use:enhance class="space-y-2 text-xl">
-    {#if form?.error}
-      <div class="mb-5">
-        <div class="text-red-600">
-          {$t("error.unrecognizedInput")}
-        </div>
-      </div>
-    {/if}
-
-    <div class="mb-2">
-      <textarea
-        use:focus
-        name="text"
-        placeholder={$t("user.send.placeholder")}
-        on:keypress={keypress}
-        class="w-full p-4 border rounded-xl h-48 text-xl"
-        bind:value={text}
-        autocapitalize="none"
-      />
-    </div>
-
-    <div class="flex gap-2">
-      <a href="/scan" class="w-full">
-        <button
-          type="button"
-          class="flex border rounded-2xl px-6 py-5 font-bold hover:opacity-80 w-full bg-primary justify-center"
-        >
-          <Icon icon="camera" style="mr-2 w-6 my-auto" />
-          <div class="my-auto">{$t("user.send.scan")}</div>
-        </button>
-      </a>
-
-      <button
-        type="button"
-        class="flex border rounded-2xl px-6 py-5 font-bold hover:opacity-80 w-full bg-primary justify-center"
-        on:click={paste}
-      >
-        <Icon icon="paste" style="mr-2 w-6 my-auto" />
-        <div class="my-auto">{$t("user.send.paste")}</div>
-      </button>
-    </div>
-
-    <button
-      bind:this={el}
-      type="submit"
-      class="bg-black text-white border rounded-2xl px-6 py-5 w-full font-bold"
-    >
-      {$t("user.send.next")}
-    </button>
-  </form>
-
-  {#if contacts.length}
-    <div class="space-y-5">
-      <h1 class="px-3 md:px-0 text-2xl font-semibold mt-10">
-        {$t("user.send.contacts")}
-      </h1>
-      <div>
-        {#each contacts as c}
-          <a href={`/pay/${c.username}`}>
-            <div
-              class="border-b p-2 last:border-b-0 hover:bg-gray-100 rounded-2xl"
-            >
-              <div class="flex">
-                <div>
-                  <div class="flex">
-                    <Avatar user={c} size={20} disabled={true} />
-                    <div class="my-auto text-left">
-                      <p class="ml-1 text-lg break-words">{c.username}</p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </a>
-        {/each}
-      </div>
-    </div>
-  {/if}
-</div>
-- 
cgit v1.2.3