feat: add notification screen

packages/utils/index.ts

@@ -8,6 +8,8 @@ export * from "./src/notification";
 export * from "./src/cn";
 export * from "./src/image";
 export * from "./src/parser";
+export * from "./src/groupBy";
+export * from "./src/invoice";
 
 // Hooks
 export * from "./src/hooks/useNetworkStatus";

packages/utils/package.json

@@ -12,6 +12,7 @@
 		"bitcoin-units": "^1.0.0",
 		"clsx": "^2.1.1",
 		"dayjs": "^1.11.11",
+		"light-bolt11-decoder": "^3.1.1",
 		"nostr-tools": "^2.5.1",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",

packages/utils/src/groupBy.ts

@@ -0,0 +1,21 @@
+export const groupBy = <T>(
+	array: T[],
+	predicate: (value: T, index: number, array: T[]) => string,
+) =>
+	array.reduce(
+		(acc, value, index, array) => {
+			(acc[predicate(value, index, array)] ||= []).push(value);
+			return acc;
+		},
+		{} as { [key: string]: T[] },
+	);
+
+export const groupByToMap = <T, Q>(
+	array: T[],
+	predicate: (value: T, index: number, array: T[]) => Q,
+) =>
+	array.reduce((map, value, index, array) => {
+		const key = predicate(value, index, array);
+		map.get(key)?.push(value) ?? map.set(key, [value]);
+		return map;
+	}, new Map<Q, T[]>());

packages/utils/src/invoice.ts

@@ -0,0 +1,17 @@
+import { decode } from "light-bolt11-decoder";
+import { getBitcoinDisplayValues } from "./formater";
+
+export function decodeZapInvoice(tags?: string[][]) {
+	const invoice = tags.find((tag) => tag[0] === "bolt11")?.[1];
+	if (!invoice) return;
+
+	const decodedInvoice = decode(invoice);
+	const amountSection = decodedInvoice.sections.find(
+		(s: any) => s.name === "amount",
+	);
+
+	const amount = parseInt(amountSection.value);
+	const displayValue = getBitcoinDisplayValues(amount);
+
+	return displayValue;
+}