- );
- }
-
- const { data: profileData, error } = await getUserProfile(supabase, user.id);
+ const { data: profileData, error } = await getUserProfile(supabase, uid);
if (error) {
return (
diff --git a/src/app/business/apply/page.tsx b/src/app/business/apply/page.tsx
index f1ade5c..5f116a4 100644
--- a/src/app/business/apply/page.tsx
+++ b/src/app/business/apply/page.tsx
@@ -2,31 +2,199 @@
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
-import {
- Select,
- SelectContent,
- SelectGroup,
- SelectItem,
- SelectLabel,
- SelectTrigger,
- SelectValue,
-} from "@/components/ui/select";
+import { Switch } from "@/components/ui/switch";
import { createSupabaseClient } from "@/lib/supabase/clientComponentClient";
import { useEffect, useState } from "react";
+import { Textarea } from "@/components/ui/textarea";
+import { useForm } from "react-hook-form";
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipProvider,
+ TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { DualOptionSelector } from "@/components/dualSelector";
+import { MultipleOptionSelector } from "@/components/multipleSelector";
export default function Apply() {
- let supabase = createSupabaseClient();
-
- const [companyName, setCompanyName] = useState("");
- const [selectedIndustry, setSelectedIndustry] = useState("");
- const [moneyRaisedToDate, setMoneyRaisedToDate] = useState("");
+ const [industry, setIndustry] = useState([]);
const [isInUS, setIsInUS] = useState("");
const [isForSale, setIsForSale] = useState("");
- const [isGeneratingRevenue, setIsGeneratingRevenue] = useState("");
- const [businessPitch, setBusinessPitch] = useState("");
- const [selectedCommunitySize, setSelectedCommunitySize] = useState("");
+ const [isGenerating, setIsGenerating] = useState("");
+ const [businessPitch, setBusinessPitch] = useState("text");
+ const [projectType, setProjectType] = useState([]);
+ const [projectPitch, setProjectPitch] = useState("text");
+ const [applyProject, setApplyProject] = useState(false);
+ const [selectedImages, setSelectedImages] = useState([]);
+ const [businessPitchFile, setBusinessPitchFile] = useState("");
+ const [projectPitchFile, setProjectPitchFile] = useState("");
+ const MAX_FILE_SIZE = 5000000;
+ const ACCEPTED_IMAGE_TYPES = ["image/jpeg", "image/jpg", "image/png"];
+ const createPitchDeckSchema = (inputType: string) => {
+ if (inputType === "text") {
+ return z
+ .string()
+ .url("Pitch deck must be a valid URL.")
+ .refine((url: string) => url.endsWith(".md"), {
+ message: "Pitch deck URL must link to a markdown file (.md).",
+ });
+ } else if (inputType === "file") {
+ return z
+ .custom(
+ (val: any) => {
+ // confirm val is a File object
+ return val instanceof File; // Ensure it is a File instance
+ },
+ {
+ message: "Input must be a file.",
+ }
+ )
+ .refine((file: File) => file.size < MAX_FILE_SIZE, {
+ message: "File can't be bigger than 5MB.",
+ })
+ .refine((file: File) => file.name.endsWith(".md"), {
+ message: "File must be a markdown file (.md).",
+ });
+ } else {
+ return z.any(); // avoid undefined
+ }
+ };
+ const imageSchema = z
+ .custom(
+ (val: any) =>
+ val && typeof val === "object" && "size" in val && "type" in val,
+ {
+ message: "Input must be a file.",
+ }
+ )
+ .refine((file: File) => file.size < MAX_FILE_SIZE, {
+ message: "File can't be bigger than 5MB.",
+ })
+ .refine((file: File) => ACCEPTED_IMAGE_TYPES.includes(file.type), {
+ message: "File format must be either jpg, jpeg, or png.",
+ });
+
+ const projectFormSchema = z.object({
+ projectName: z.string().min(5, {
+ message: "Project name must be at least 5 characters.",
+ }),
+ projectType: z.string({
+ required_error: "Please select one of the option",
+ }),
+ shortDescription: z
+ .string({
+ required_error: "Please provide a brief description for your project",
+ })
+ .min(10, {
+ message: "Short description must be at least 10 characters.",
+ }),
+ projectPitchDeck: createPitchDeckSchema(projectPitch),
+ projectLogo: imageSchema,
+
+ projectPhotos: z.custom(
+ (value: string | Iterable | ArrayLike) => {
+ console.log("Tozod", value);
+ if (value instanceof FileList || Array.isArray(value)) {
+ if (value.length === 1) {
+ return false;
+ }
+ return Array.from(value).every((item) => item instanceof File);
+ }
+ return false;
+ },
+ {
+ message:
+ "Must be a FileList or an array of File objects with at least one file.",
+ }
+ ),
+ minInvest: z
+ .number({
+ required_error: "Minimum invesment must be a number.",
+ invalid_type_error: "Minimum invesment must be a valid number.",
+ })
+ .positive()
+ .max(9999999999, "Minimum invesment must be a realistic amount."),
+ targetInvest: z
+ .number({
+ required_error: "Target invesment must be a number.",
+ invalid_type_error: "Target invesment must be a valid number.",
+ })
+ .positive()
+ .max(9999999999, "Target invesment must be a realistic amount."),
+ deadline: z
+ .string()
+ .min(1, "Deadline is required.")
+ .refine((value: string) => !isNaN(Date.parse(value)), {
+ message: "Invalid date-time format.",
+ })
+ .transform((value: string | number | Date) => new Date(value))
+ .refine((date: Date) => date > new Date(), {
+ message: "Deadline must be in the future.",
+ }),
+ });
+ const businessFormSchema = z.object({
+ companyName: z.string().min(5, {
+ message: "Company name must be at least 5 characters.",
+ }),
+ industry: z.string({
+ required_error: "Please select one of the option",
+ }),
+ isInUS: z
+ .string({
+ required_error: "Please select either 'Yes' or 'No'.",
+ })
+ .transform((val: string) => val.toLowerCase())
+ .refine((val: string) => val === "yes" || val === "no", {
+ message: "Please select either 'Yes' or 'No'.",
+ }),
+ isForSale: z
+ .string({
+ required_error: "Please select either 'Yes' or 'No'.",
+ })
+ .transform((val: string) => val.toLowerCase())
+ .refine((val: string) => val === "yes" || val === "no", {
+ message: "Please select either 'Yes' or 'No'.",
+ }),
+ isGenerating: z
+ .string({
+ required_error: "Please select either 'Yes' or 'No'.",
+ })
+ .transform((val: string) => val.toLowerCase())
+ .refine((val: string) => val === "yes" || val === "no", {
+ message: "Please select either 'Yes' or 'No'.",
+ }),
+ totalRaised: z
+ .number({
+ required_error: "Total raised must be a number.",
+ invalid_type_error: "Total raised must be a valid number.",
+ })
+ .positive()
+ .max(9999999999, "Total raised must be a realistic amount."),
+ communitySize: z.string({
+ required_error: "Please select one of the option",
+ }),
+ businessPitchDeck: createPitchDeckSchema(businessPitch),
+ });
+ let supabase = createSupabaseClient();
+ const {
+ register,
+ handleSubmit,
+ setValue: setValueBusiness,
+ formState: { errors: errorsBusiness },
+ } = useForm({
+ resolver: zodResolver(businessFormSchema),
+ });
+ const {
+ register: registerSecondForm,
+ handleSubmit: handleSecondSubmit,
+ formState: { errors: errorsProject },
+ setValue: setValueProject,
+ } = useForm({
+ resolver: zodResolver(projectFormSchema),
+ });
- const [industry, setIndustry] = useState([]);
const communitySize = [
"N/A",
"0-5K",
@@ -37,84 +205,154 @@ export default function Apply() {
"100K+",
];
- // get industry list to display in dropdown
+ useEffect(() => {
+ register("industry");
+ register("isInUS");
+ register("isForSale");
+ register("isGenerating");
+ }, [register]);
+
+ const handleFileChange = (event: React.ChangeEvent) => {
+ if (event.target.files) {
+ const filesArray = Array.from(event.target.files);
+ console.log("first file", filesArray);
+ setSelectedImages((prevImages) => {
+ const updatedImages = [...prevImages, ...filesArray];
+ console.log("Updated Images Array:", updatedImages);
+ // ensure we're setting an array of File objects
+ setValueProject("projectPhotos", updatedImages);
+ return updatedImages;
+ });
+ }
+ };
+
+ const handleRemoveImage = (index: number) => {
+ setSelectedImages((prevImages) => {
+ const updatedImages = prevImages.filter((_, i) => i !== index);
+ console.log("After removal - Updated Images:", updatedImages);
+ // ensure we're setting an array of File objects
+ setValueProject("projectPhotos", updatedImages);
+ return updatedImages;
+ });
+ };
+
+ const ensureArrayValue = (value: any): File[] => {
+ if (Array.isArray(value)) return value;
+ if (value instanceof File) return [value];
+ return [];
+ };
+
+ const transformChoice = (data: any) => {
+ // convert any yes and no to true or false
+ const transformedData = Object.entries(data).reduce(
+ (acc: Record, [key, value]) => {
+ if (typeof value === "string") {
+ const lowerValue = value.toLowerCase();
+ if (lowerValue === "yes") {
+ acc[key] = true;
+ } else if (lowerValue === "no") {
+ acc[key] = false;
+ } else {
+ acc[key] = value; // keep other string values unchanged
+ }
+ } else {
+ acc[key] = value; // keep other types unchanged
+ }
+ return acc;
+ },
+ {}
+ );
+ return transformedData;
+ };
+ const handleBusinessPitchChange = (type: string) => {
+ setBusinessPitch(type);
+ // clear out old data
+ setValueBusiness("pitchDeck", "");
+ };
+
+ const handleBusinessFieldChange = (fieldName: string, value: any) => {
+ switch (fieldName) {
+ case "isInUS":
+ setIsInUS(value);
+ break;
+ case "isForSale":
+ setIsForSale(value);
+ break;
+ case "isGenerating":
+ setIsGenerating(value);
+ break;
+ }
+ setValueBusiness(fieldName, value);
+ };
+ const handleProjectFieldChange = (fieldName: string, value: any) => {
+ switch (fieldName) {
+ }
+ setValueProject(fieldName, value);
+ };
+
const fetchIndustry = async () => {
- let { data: businessType, error } = await supabase
+ let { data: BusinessType, error } = await supabase
.from("business_type")
.select("value");
- if (!businessType) {
+ if (error) {
console.error(error);
} else {
- setIndustry(businessType.map((item) => item.value));
+ if (BusinessType) {
+ // console.table();
+ setIndustry(BusinessType.map((item) => item.value));
+ }
+ }
+ };
+
+ const onSubmitSingleForm = (data: any) => {
+ const pitchDeckSchema = createPitchDeckSchema(businessPitch);
+ pitchDeckSchema.parse(data.businessPitchDeck);
+ console.log("Valid form input:", data);
+ alert(JSON.stringify(data));
+ };
+
+ const onSubmitBothForms = (firstFormData: any, secondFormData: any) => {
+ const formattedSecondFormData = {
+ ...secondFormData,
+ projectPhotos: ensureArrayValue(secondFormData.projectPhotos),
+ };
+ alert(JSON.stringify(firstFormData));
+ alert(JSON.stringify(formattedSecondFormData));
+ console.log("Both forms submitted:", {
+ firstFormData,
+ formattedSecondFormData,
+ });
+ };
+
+ const handleSubmitForms = (firstFormData: any) => {
+ const transformedData = transformChoice(firstFormData);
+ if (applyProject) {
+ handleSecondSubmit((secondFormData: any) => {
+ onSubmitBothForms(transformedData, secondFormData);
+ })();
+ } else {
+ onSubmitSingleForm(transformedData);
+ }
+ };
+ const fetchProjectType = async () => {
+ let { data: ProjectType, error } = await supabase
+ .from("project_type")
+ .select("value");
+
+ if (error) {
+ console.error(error);
+ } else {
+ if (ProjectType) {
+ console.table(ProjectType);
+ setProjectType(ProjectType.map((item) => item.value));
+ }
}
};
useEffect(() => {
fetchIndustry();
+ fetchProjectType();
}, []);
-
- // get business id from business type
- const getBusinessTypeID = async () => {
- const { data, error } = await supabase
- .from('business_type')
- .select('id')
- .eq('value', selectedIndustry)
- .single();
-
- if (error) {
- console.error('Error fetching business ID:', error);
- return;
- }
-
- return data.id;
- };
-
- // get current user id
- const getUserID = async () => {
- const { data: { user }, error } = await supabase.auth.getUser();
-
- if (error || !user) {
- console.error('Error fetching user:', error);
- return;
- }
-
- return user.id;
- }
-
- // format input data as json
- const createFormat = async () => {
- return {
- "company_name": companyName,
- "business_type_id": await getBusinessTypeID(),
- "money_raised_to_date": moneyRaisedToDate,
- "is_in_us": isInUS,
- "is_for_sale": isForSale,
- "is_generating_revenue": isGeneratingRevenue,
- "pitch_deck_url": businessPitch,
- "community_size": selectedCommunitySize,
- "created_at": new Date(),
- "user_id": await getUserID()
- }
- };
-
- // insert into business_application database
- const submitApplication = async () => {
- let format = await createFormat();
- // alert(JSON.stringify(format)) // debug message
-
- const { data, error } = await supabase
- .from('business_application')
- .insert([format]);
-
- if (error) {
- // return div error here
- console.error('Error inserting data:', error);
- // alert("Error" + JSON.stringify(error));
- } else {
- alert("Data successfully submitted!")
- }
- }
-
return (
@@ -124,243 +362,618 @@ export default function Apply() {
All information submitted in this application is for internal use
- only and is treated with the utmost {" "}
+ only and is treated with the utmost{" "}
+
+
confidentiality. Companies may apply to raise with B2DVentures more
than once.
-
-
About your company
-
- All requested information in this section are required.
-