@frigear-nu/payments 0.0.8 → 0.0.9

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@frigear-nu/payments",
   "configKey": "payments",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtModule, createResolver, addServerHandler, addServerImportsDir, addServerPlugin, addImports } from '@nuxt/kit';
-import { registerModule, registerTailwindSource, registerLocales, registerDatabaseTable, moduleApiUrl } from '@frigear-nu/module-kit/utils';
+import { defineNuxtModule, createResolver, addServerHandler, hasNuxtModule, addServerImportsDir, addServerPlugin, addImports } from '@nuxt/kit';
+import { registerModule, registerTailwindSource, registerLocales, registerDatabaseTable, moduleApiUrl, inlineModuleRuntime } from '@frigear-nu/module-kit/utils';
 import { addAuthScope } from '@frigear-nu/auth/utils';
 import { extendUsersAdmin } from '@frigear-nu/users/utils';
 import { addMcpDefinitions } from '@frigear-nu/mcp/utils';
@@ -80,7 +80,18 @@ const module$1 = defineNuxtModule({
         span: 2
       }
     });
+    addServerHandler({
+      route: moduleApiUrl("payments", "admin/recent"),
+      method: "get",
+      handler: resolver.resolve("./runtime/server/routes/admin/recent.get")
+    });
+    if (hasNuxtModule("@frigear-nu/admin") && hasNuxtModule("@frigear-nu/widget")) {
+      const { extendWidgets } = await import('@frigear-nu/widget/utils');
+      extendWidgets(nuxt, "admin.dashboard.top", { id: "payments-revenue-stat", component: resolver.resolve("./runtime/app/widgets/RevenueStat.vue"), order: 30 });
+      extendWidgets(nuxt, "admin.dashboard.side", { id: "payments-recent", component: resolver.resolve("./runtime/app/widgets/RecentTransactions.vue"), order: 20 });
+    }
     addServerImportsDir(resolver.resolve("./runtime/server/utils"));
+    inlineModuleRuntime(nuxt, resolver);
     addServerPlugin(resolver.resolve("./runtime/server/plugins/invoice-payments"));
     if (options.settings?.mcp === true) addMcpDefinitions(nuxt, resolver.resolve("./runtime/server/mcp"));
     addImports([

package/dist/runtime/app/widgets/RecentTransactions.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/widgets/RecentTransactions.vue

@@ -0,0 +1,54 @@
+<script setup>
+import { formatMoney } from "@frigear-nu/ui/money";
+defineOptions({ name: "PaymentsRecentTransactions" });
+const t = useModuleT("payments.admin");
+const status = useModuleT("payments.status");
+const usersPage = useRuntimeConfig().public.users?.pages?.admin;
+const { data, status: fetchStatus } = useLazyFetch("/api/payments/admin/recent", { key: "admin-payments-recent" });
+const date = (value) => value ? new Date(value).toLocaleDateString() : "\u2013";
+const color = (value) => value === "paid" ? "success" : value === "failed" ? "error" : "neutral";
+const userTo = (id) => usersPage ? `${usersPage.replace(/\/+$/, "")}/${id}` : void 0;
+</script>
+
+<template>
+  <AdminListCard
+    :title="t('recent', 'Recent transactions')"
+    :loading="fetchStatus === 'pending' && !data"
+    :is-empty="!data?.items.length"
+    :empty="t('empty', 'No payments yet.')"
+  >
+    <li
+      v-for="payment in data?.items"
+      :key="payment.id"
+      class="flex items-center justify-between gap-3"
+    >
+      <div class="min-w-0">
+        <NuxtLink
+          v-if="userTo(payment.userId)"
+          :to="userTo(payment.userId)"
+          class="text-highlighted block truncate font-medium hover:underline"
+        >
+          {{ payment.userName ?? payment.description ?? t("defaultDescription", "Payment") }}
+        </NuxtLink>
+        <span
+          v-else
+          class="text-highlighted block truncate font-medium"
+        >{{ payment.userName ?? payment.description ?? t("defaultDescription", "Payment") }}</span>
+        <p class="text-muted truncate text-xs">
+          {{ date(payment.paidAt ?? payment.createdAt) }}<template v-if="payment.description && payment.userName">
+            · {{ payment.description }}
+          </template>
+        </p>
+      </div>
+      <div class="flex shrink-0 flex-col items-end gap-1">
+        <span class="text-highlighted font-medium">{{ formatMoney(payment.amount, payment.currency) }}</span>
+        <UBadge
+          size="sm"
+          variant="subtle"
+          :color="color(payment.status)"
+          :label="status(payment.status, payment.status)"
+        />
+      </div>
+    </li>
+  </AdminListCard>
+</template>

package/dist/runtime/app/widgets/RecentTransactions.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/widgets/RevenueStat.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/widgets/RevenueStat.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { formatMoney } from "@frigear-nu/ui/money";
+defineOptions({ name: "PaymentsRevenueStat" });
+const t = useModuleT("payments.admin");
+const { data, status } = useLazyFetch("/api/payments/admin/recent", { key: "admin-payments-recent" });
+const main = computed(() => data.value?.revenue[0]);
+</script>
+
+<template>
+  <AdminStatCard
+    :label="t('revenue', 'Revenue, 30 days')"
+    icon="i-lucide-circle-dollar-sign"
+    :loading="status === 'pending' && !data"
+    :empty="t('noRevenue', 'No payments yet.')"
+  >
+    <template v-if="main">
+      <span>{{ formatMoney(main.amount, main.currency) }}</span>
+      <span class="text-muted text-sm font-normal">{{ t("transactions", "{count} transactions").replace("{count}", String(main.count)) }}</span>
+    </template>
+  </AdminStatCard>
+</template>

package/dist/runtime/app/widgets/RevenueStat.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/i18n/lang/da.json

@@ -20,7 +20,11 @@
       "statusColumn": "Status",
       "refunded": "Refunderet",
       "reference": "Reference",
-      "defaultDescription": "Betaling"
+      "defaultDescription": "Betaling",
+      "revenue": "Omsætning, 30 dage",
+      "noRevenue": "Ingen betalinger endnu.",
+      "transactions": "{count} transaktioner",
+      "recent": "Seneste transaktioner"
     }
   }
 }

package/dist/runtime/i18n/lang/en.json

@@ -20,7 +20,11 @@
       "statusColumn": "Status",
       "refunded": "Refunded",
       "reference": "Reference",
-      "defaultDescription": "Payment"
+      "defaultDescription": "Payment",
+      "revenue": "Revenue, 30 days",
+      "noRevenue": "No payments yet.",
+      "transactions": "{count} transactions",
+      "recent": "Recent transactions"
     }
   }
 }

package/dist/runtime/server/mcp/tools/my-payments.js

@@ -1,8 +1,11 @@
 import { z } from "zod";
+import { fieldsFromCents } from "@frigear-nu/mcp/utils";
 export default defineScopedMcpTool({
-  description: "List your own payments, newest first: tickets, memberships and other charges with amount, status, refunds and what each was for.",
+  description: "List your own payments, newest first: tickets, memberships and other charges with amount, status, refunds and what each was for. Amounts are in whole currency units (52.2 = 52.20), not cents.",
   scopes: ["payments:read"],
   annotations: { readOnlyHint: true },
   inputSchema: { limit: z.number().int().min(1).max(100).optional().describe("How many payments to return (default 50).") },
-  handler: async ({ limit }, { user }) => ({ payments: await listUserPayments(user.id, { limit: limit ?? 50 }) })
+  handler: async ({ limit }, { user }) => ({
+    payments: (await listUserPayments(user.id, { limit: limit ?? 50 })).map((payment) => fieldsFromCents({ ...payment, currency: payment.currency.toUpperCase() }, ["amount", "refundedAmount"], payment.currency))
+  })
 });

package/dist/runtime/server/routes/admin/recent.get.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/routes/admin/recent.get.js

@@ -0,0 +1,23 @@
+import { db, schema } from "@nuxthub/db";
+import { and, count, desc, eq, gte, inArray, sql } from "drizzle-orm";
+const DAYS = 30;
+const LIMIT = 8;
+export default defineEventHandler(async (event) => {
+  await authorizeUsersAdmin(event, "view");
+  const since = new Date(Date.now() - DAYS * 24 * 60 * 60 * 1e3);
+  const settled = inArray(schema.payments.status, ["paid", "partially_refunded"]);
+  const when = sql`coalesce(${schema.payments.paidAt}, ${schema.payments.createdAt})`;
+  const [revenue, rows] = await Promise.all([
+    db.select({
+      currency: schema.payments.currency,
+      amount: sql`sum(${schema.payments.amount} - ${schema.payments.refundedAmount})`,
+      count: count()
+    }).from(schema.payments).where(and(settled, gte(schema.payments.paidAt, since))).groupBy(schema.payments.currency).orderBy(desc(count())),
+    db.select({ payment: schema.payments, userName: schema.users.name }).from(schema.payments).leftJoin(schema.users, eq(schema.users.id, schema.payments.userId)).where(inArray(schema.payments.status, ["paid", "partially_refunded", "refunded", "failed"])).orderBy(desc(when)).limit(LIMIT)
+  ]);
+  return {
+    days: DAYS,
+    revenue: revenue.map((row) => ({ currency: row.currency, amount: Number(row.amount), count: row.count })),
+    items: rows.map((row) => ({ ...toPaymentDto(row.payment), userName: row.userName }))
+  };
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigear-nu/payments",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "One-time payments (Stripe Checkout, refunds and payment lifecycle hooks) for the frigear ecosystem, built on @frigear-nu/stripe.",
   "homepage": "https://docs.frigear.dev/modules/payments",
   "repository": {
@@ -30,12 +30,12 @@
     "playground"
   ],
   "dependencies": {
-    "@frigear-nu/auth": "0.0.3",
-    "@frigear-nu/mcp": "0.0.3",
-    "@frigear-nu/module-kit": "0.1.7",
-    "@frigear-nu/stripe": "0.0.8",
-    "@frigear-nu/ui": "0.0.7",
-    "@frigear-nu/users": "1.0.9",
+    "@frigear-nu/auth": "0.0.4",
+    "@frigear-nu/mcp": "0.0.4",
+    "@frigear-nu/module-kit": "1.0.0",
+    "@frigear-nu/stripe": "0.0.9",
+    "@frigear-nu/ui": "0.0.8",
+    "@frigear-nu/users": "1.0.10",
     "@libsql/client": "^0.18.0",
     "@nuxt/kit": "^4.6.0",
     "drizzle-kit": "^0.31.11",
@@ -46,7 +46,7 @@
     "zod": "^4.6.5"
   },
   "peerDependencies": {
-    "@frigear-nu/widget": "0.0.2",
+    "@frigear-nu/widget": "0.0.3",
     "@nuxt/ui": "^4.10.0",
     "@nuxthub/core": "^0.10.8"
   },
@@ -59,7 +59,7 @@
     }
   },
   "devDependencies": {
-    "@frigear-nu/widget": "0.0.2",
+    "@frigear-nu/widget": "0.0.3",
     "@nuxt/devtools": "^3.4.2",
     "@nuxt/eslint-config": "^1.17.0",
     "@nuxt/module-builder": "^1.0.3",