132 lines
3.9 KiB
TypeScript
132 lines
3.9 KiB
TypeScript
import { useState } from "react";
|
|
import FormModal from "./FormModal";
|
|
import { z } from "zod";
|
|
import { useModal } from "@/app/_providers/modal/provider";
|
|
import { toast } from "sonner";
|
|
import { randomId } from "@/lib/nostr";
|
|
import { satsToBtc } from "@/lib/utils";
|
|
import useCurrentUser from "@/lib/hooks/useCurrentUser";
|
|
import { useNDK } from "@/app/_providers/ndk";
|
|
import { useSigner, type SignerStoreItem } from "@/app/_providers/signer";
|
|
import { createEvent, updateList } from "@/lib/actions/create";
|
|
import { getTagValues } from "@/lib/nostr/utils";
|
|
import { NDKList, NDKUser } from "@nostr-dev-kit/ndk";
|
|
import { saveEphemeralSigner } from "@/lib/actions/ephemeral";
|
|
import { useRouter } from "next/navigation";
|
|
import { log } from "@/lib/utils";
|
|
import { follow } from "@/lib/actions/create";
|
|
|
|
const CreateSubscriptionTierSchema = z.object({
|
|
title: z.string(),
|
|
image: z.string().optional(),
|
|
description: z.string().optional(),
|
|
price: z.number().optional(),
|
|
});
|
|
|
|
type CreateSubscriptionTierType = z.infer<typeof CreateSubscriptionTierSchema>;
|
|
|
|
export default function CreateSubscriptionTier() {
|
|
const [isLoading, setIsLoading] = useState(false);
|
|
const modal = useModal();
|
|
const router = useRouter();
|
|
|
|
const { currentUser, initSubscriptions } = useCurrentUser();
|
|
const { ndk } = useNDK();
|
|
const { getSigner } = useSigner()!;
|
|
|
|
async function handleSubmit(data: CreateSubscriptionTierType) {
|
|
if (!currentUser) return;
|
|
setIsLoading(true);
|
|
const random = randomId();
|
|
const tags = [
|
|
["title", data.title],
|
|
["name", data.title],
|
|
["d", random],
|
|
["p", currentUser!.pubkey, "", "self", "4000000000"],
|
|
];
|
|
|
|
if (data.description) {
|
|
tags.push(["description", data.description]);
|
|
tags.push(["summary", data.description]);
|
|
}
|
|
if (data.image) {
|
|
tags.push(["image", data.image]);
|
|
tags.push(["picture", data.image]);
|
|
}
|
|
if (data.price) {
|
|
tags.push(["price", satsToBtc(data.price).toString(), "btc", "year"]);
|
|
}
|
|
const event = await createEvent(ndk!, {
|
|
content: "",
|
|
kind: 30044,
|
|
tags: tags,
|
|
});
|
|
if (event) {
|
|
await getSigner(new NDKList(ndk, event.rawEvent()))
|
|
.then((delegateSigner) =>
|
|
saveEphemeralSigner(ndk!, delegateSigner.signer, {
|
|
associatedEvent: event,
|
|
keyProfile: {
|
|
name: delegateSigner.title,
|
|
picture: currentUser?.profile?.image,
|
|
lud06: currentUser?.profile?.lud06,
|
|
lud16: currentUser?.profile?.lud16,
|
|
},
|
|
}),
|
|
)
|
|
.then(async (savedSigner) => {
|
|
await updateList(ndk!, event.rawEvent(), [
|
|
["delegate", savedSigner.pubkey],
|
|
]);
|
|
return savedSigner.pubkey;
|
|
})
|
|
.then((delegate) => follow(ndk!, currentUser, delegate))
|
|
.catch((err) => console.log("Error creating delegate"));
|
|
}
|
|
// getSubscriptionTiers(currentUser!.hexpubkey);
|
|
setIsLoading(false);
|
|
if (event) {
|
|
initSubscriptions(currentUser.pubkey);
|
|
toast.success("Subscription Tier Created!");
|
|
modal?.hide();
|
|
router.push(`/sub/${event.encode()}`);
|
|
} else {
|
|
toast.error("An error occured");
|
|
}
|
|
}
|
|
return (
|
|
<FormModal
|
|
title="Create Subscription Tier"
|
|
fields={[
|
|
{
|
|
label: "Tier name",
|
|
type: "input",
|
|
slug: "title",
|
|
},
|
|
{
|
|
label: "Description",
|
|
type: "text-area",
|
|
slug: "description",
|
|
},
|
|
{
|
|
label: "Image",
|
|
type: "input",
|
|
slug: "image",
|
|
},
|
|
{
|
|
label: "Price",
|
|
subtitle: "sats/year",
|
|
type: "number",
|
|
slug: "price",
|
|
},
|
|
]}
|
|
formSchema={CreateSubscriptionTierSchema}
|
|
onSubmit={handleSubmit}
|
|
isSubmitting={isLoading}
|
|
cta={{
|
|
text: "Create Subscription Tier",
|
|
}}
|
|
/>
|
|
);
|
|
}
|