@devvistatech/devvista-kit 0.0.1

package/dist/app/page.jsx

@@ -0,0 +1,324 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useState, useEffect, useRef } from "react";
+import { HeroSection } from "@/components/addOns/non-functional/HeroSection";
+import { AboutSection } from "@/components/addOns/functional/aboutSections/AboutSection";
+import { ScheduleCarousel } from "@/components/addOns/functional/ScheduleCarousel";
+import { FileUploader } from "@/components/addOns/functional/FileUploader";
+import { FeaturesSection } from "@/components/addOns/non-functional/FeaturesSection";
+import BlogList from "@/components/addOns/functional/blogSections/BlogList";
+import Spinner from "@/components/addOns/non-functional/spinner";
+import { useAuth, useUser } from "@clerk/nextjs";
+import { useStrapiAuth } from "@/lib/auth-context";
+import { HOME_PAGE } from "./constants/page";
+export default function Home() {
+    var _this = this;
+    var _a = useState(""), pdfUrl = _a[0], setPdfUrl = _a[1];
+    var _b = useState({
+        Monday: [], Tuesday: [], Wednesday: [], Thursday: [], Friday: [], Saturday: [], Sunday: [],
+    }), weeklySchedule = _b[0], setWeeklySchedule = _b[1];
+    var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
+    var _d = useState(null), error = _d[0], setError = _d[1];
+    var _e = useState([]), uploadedFiles = _e[0], setUploadedFiles = _e[1];
+    var hasFetched = useRef(false);
+    var getToken = useAuth().getToken;
+    var _f = useUser(), clerkUser = _f.user, isSignedIn = _f.isSignedIn;
+    var _g = useStrapiAuth(), user = _g.user, authLoading = _g.authLoading;
+    var numberToDayKey = {
+        1: "Monday", 2: "Tuesday", 3: "Wednesday", 4: "Thursday", 5: "Friday", 6: "Saturday", 7: "Sunday",
+    };
+    var backgroundImages = [
+        HOME_PAGE.UI.BACKGROUND_IMAGE_1,
+        HOME_PAGE.UI.BACKGROUND_IMAGE_2,
+        HOME_PAGE.UI.BACKGROUND_IMAGE_3,
+        HOME_PAGE.UI.BACKGROUND_IMAGE_4,
+        HOME_PAGE.UI.BACKGROUND_IMAGE_5,
+        HOME_PAGE.UI.BACKGROUND_IMAGE_6,
+        HOME_PAGE.UI.BACKGROUND_IMAGE_7,
+    ];
+    useEffect(function () {
+        window.scrollTo(0, 0);
+    }, []);
+    useEffect(function () {
+        if (hasFetched.current)
+            return;
+        hasFetched.current = true;
+        var fetchInitialData = function () { return __awaiter(_this, void 0, void 0, function () {
+            var updatedSchedule_1, scheduleResponse, scheduleResult, fetchedClasses, filesResponse, filesResult, err_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        setIsLoading(true);
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 10, 11, 12]);
+                        updatedSchedule_1 = {
+                            Monday: [], Tuesday: [], Wednesday: [], Thursday: [], Friday: [], Saturday: [], Sunday: [],
+                        };
+                        return [4 /*yield*/, fetch("/api/schedule?t=".concat(Date.now()), {
+                                headers: { "Content-Type": "application/json" },
+                                cache: "no-store",
+                            })];
+                    case 2:
+                        scheduleResponse = _c.sent();
+                        if (!scheduleResponse.ok) return [3 /*break*/, 4];
+                        return [4 /*yield*/, scheduleResponse.json()];
+                    case 3:
+                        scheduleResult = _c.sent();
+                        fetchedClasses = (scheduleResult.data || []).map(function (event) { return ({
+                            name: event.title || "Untitled",
+                            startTime: event.startTime || "00:00",
+                            endTime: event.endTime || "00:00",
+                            daysOfWeek: event.daysOfWeek || [],
+                        }); });
+                        fetchedClasses.forEach(function (cls) {
+                            cls.daysOfWeek.forEach(function (dayNum) {
+                                var dayKey = numberToDayKey[dayNum];
+                                if (dayKey && updatedSchedule_1[dayKey]) {
+                                    updatedSchedule_1[dayKey].push({
+                                        name: cls.name,
+                                        startTime: cls.startTime,
+                                        endTime: cls.endTime,
+                                    });
+                                }
+                            });
+                        });
+                        return [3 /*break*/, 5];
+                    case 4:
+                        setError(HOME_PAGE.ERRORS.FETCH_SCHEDULE_FAILED);
+                        _c.label = 5;
+                    case 5:
+                        setWeeklySchedule(updatedSchedule_1);
+                        return [4 /*yield*/, fetch("/api/files?t=".concat(Date.now()), {
+                                headers: { "Content-Type": "application/json" },
+                                cache: "no-store",
+                            })];
+                    case 6:
+                        filesResponse = _c.sent();
+                        if (!filesResponse.ok) return [3 /*break*/, 8];
+                        return [4 /*yield*/, filesResponse.json()];
+                    case 7:
+                        filesResult = _c.sent();
+                        if (((_b = (_a = filesResult.meta) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.total) > 100) {
+                            setError(HOME_PAGE.ERRORS.PAGINATION_WARNING);
+                        }
+                        setUploadedFiles(filesResult.data.map(function (file) { return ({
+                            id: file.id,
+                            documentId: file.documentId,
+                            name: file.name || "Untitled",
+                            url: file.url,
+                            createdAt: file.createdAt,
+                        }); }) || []);
+                        return [3 /*break*/, 9];
+                    case 8:
+                        setError(HOME_PAGE.ERRORS.FETCH_FILES_FAILED);
+                        _c.label = 9;
+                    case 9: return [3 /*break*/, 12];
+                    case 10:
+                        err_1 = _c.sent();
+                        console.error("Fetch Error:", err_1);
+                        setError(err_1 instanceof Error ? err_1.message : HOME_PAGE.ERRORS.FETCH_ERROR);
+                        return [3 /*break*/, 12];
+                    case 11:
+                        setIsLoading(false);
+                        return [7 /*endfinally*/];
+                    case 12: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchInitialData();
+    }, []);
+    var handleFileUpload = function (e) { return __awaiter(_this, void 0, void 0, function () {
+        var file, token, formData, response, errorData, filesResult, err_2;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!isSignedIn || !(user === null || user === void 0 ? void 0 : user.businessAdminId)) {
+                        setError(HOME_PAGE.ERRORS.UNAUTHORIZED_UPLOAD);
+                        return [2 /*return*/];
+                    }
+                    file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+                    if (!file) {
+                        setError(HOME_PAGE.ERRORS.NO_FILE_SELECTED);
+                        return [2 /*return*/];
+                    }
+                    if (file.type !== "application/pdf") {
+                        setError(HOME_PAGE.ERRORS.INVALID_FILE_TYPE);
+                        return [2 /*return*/];
+                    }
+                    setError(null);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 7, , 8]);
+                    return [4 /*yield*/, getToken()];
+                case 2:
+                    token = _b.sent();
+                    if (!token) {
+                        throw new Error(HOME_PAGE.ERRORS.NO_AUTH_TOKEN);
+                    }
+                    formData = new FormData();
+                    formData.append("files", file);
+                    return [4 /*yield*/, fetch("/api/files", {
+                            method: "POST",
+                            headers: {
+                                Authorization: "Bearer ".concat(token),
+                            },
+                            body: formData,
+                        })];
+                case 3:
+                    response = _b.sent();
+                    if (!!response.ok) return [3 /*break*/, 5];
+                    return [4 /*yield*/, response.json()];
+                case 4:
+                    errorData = _b.sent();
+                    throw new Error(errorData.error || HOME_PAGE.ERRORS.UPLOAD_FILE_FAILED.replace("${response.status}", response.status.toString()));
+                case 5: return [4 /*yield*/, response.json()];
+                case 6:
+                    filesResult = _b.sent();
+                    setUploadedFiles(filesResult.data.map(function (file) { return ({
+                        id: file.id,
+                        documentId: file.documentId,
+                        name: file.name || "Unnamed File",
+                        url: file.url,
+                        createdAt: file.createdAt,
+                    }); }) || []);
+                    setPdfUrl(filesResult.newFileUrl || "");
+                    return [3 /*break*/, 8];
+                case 7:
+                    err_2 = _b.sent();
+                    console.error("Upload Error:", err_2);
+                    setError(err_2 instanceof Error ? err_2.message : HOME_PAGE.ERRORS.UPLOAD_FILE_ERROR);
+                    return [3 /*break*/, 8];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleDeleteFile = function (documentId) { return __awaiter(_this, void 0, void 0, function () {
+        var token, response, errorData, filesResult, err_3;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!isSignedIn || !(user === null || user === void 0 ? void 0 : user.businessAdminId)) {
+                        setError(HOME_PAGE.ERRORS.UNAUTHORIZED_DELETE);
+                        return [2 /*return*/];
+                    }
+                    setError(null);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 7, , 8]);
+                    return [4 /*yield*/, getToken()];
+                case 2:
+                    token = _b.sent();
+                    if (!token) {
+                        throw new Error(HOME_PAGE.ERRORS.NO_AUTH_TOKEN);
+                    }
+                    return [4 /*yield*/, fetch("/api/files", {
+                            method: "DELETE",
+                            headers: {
+                                "Content-Type": "application/json",
+                                Authorization: "Bearer ".concat(token),
+                            },
+                            body: JSON.stringify({ documentId: documentId }),
+                        })];
+                case 3:
+                    response = _b.sent();
+                    if (!!response.ok) return [3 /*break*/, 5];
+                    return [4 /*yield*/, response.json()];
+                case 4:
+                    errorData = _b.sent();
+                    throw new Error(errorData.error || HOME_PAGE.ERRORS.DELETE_FILE_FAILED.replace("${response.status}", response.status.toString()));
+                case 5: return [4 /*yield*/, response.json()];
+                case 6:
+                    filesResult = _b.sent();
+                    setUploadedFiles(filesResult.data.map(function (file) { return ({
+                        id: file.id,
+                        documentId: file.documentId,
+                        name: file.name || "Unnamed File",
+                        url: file.url,
+                        createdAt: file.createdAt,
+                    }); }) || []);
+                    if (pdfUrl === ((_a = uploadedFiles.find(function (f) { return f.documentId === documentId; })) === null || _a === void 0 ? void 0 : _a.url)) {
+                        setPdfUrl("");
+                    }
+                    return [3 /*break*/, 8];
+                case 7:
+                    err_3 = _b.sent();
+                    console.error("Delete Error:", err_3);
+                    setError(err_3 instanceof Error ? err_3.message : HOME_PAGE.ERRORS.DELETE_FILE_ERROR);
+                    return [3 /*break*/, 8];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    var isAdmin = isSignedIn && !!(user === null || user === void 0 ? void 0 : user.businessAdminId) || false;
+    if (authLoading || isLoading) {
+        return <Spinner />;
+    }
+    return (<div className="w-full min-h-screen bg-[#FFFFFF] overflow-hidden">
+      <style jsx global>{"\n        @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap\");\n\n        :root {\n          --jubilee: #F47C7C;\n          --natural-white: #FFFFFF;\n          --caviar: #2D2D2D;\n          --storm-cloud: #4A636E;\n          --exuberant-blue: #FF69B4;\n        }\n\n        * {\n          font-family: \"Inter\", sans-serif;\n          font-weight: 400;\n        }\n\n        .gradient-text {\n          background: linear-gradient(90deg, var(--exuberant-blue), var(--jubilee));\n          -webkit-background-clip: text;\n          background-clip: text;\n          color: transparent;\n        }\n\n        body.overflow-hidden {\n          overflow: hidden !important;\n          -webkit-overflow-scrolling: none;\n        }\n\n        section {\n          position: relative;\n          z-index: 1;\n        }\n      "}</style>
+
+      <div className="hidden">
+        {backgroundImages.map(function (src, index) { return (<img key={index} src={src} alt=""/>); })}
+      </div>
+
+      <div className="relative w-full min-h-screen flex flex-col">
+        <HeroSection title={HOME_PAGE.UI.HERO_TITLE} subtitle={HOME_PAGE.UI.HERO_SUBTITLE} ctaText={HOME_PAGE.BUTTONS.HERO_CTA_TEXT} ctaLink="/schedule" videoSrc={HOME_PAGE.UI.HERO_VIDEO_SRC} posterSrc="" videoAriaLabel={HOME_PAGE.UI.HERO_VIDEO_ARIA_LABEL}/>
+
+        <AboutSection user={user} authLoading={authLoading}/>
+
+        <ScheduleCarousel weeklySchedule={weeklySchedule} backgroundImages={backgroundImages} error={error}/>
+
+        <BlogList />
+        
+        <section className="relative z-10">
+          <FileUploader uploadedFiles={uploadedFiles} setUploadedFiles={setUploadedFiles} setPdfUrl={setPdfUrl} pdfUrl={pdfUrl} isAdmin={isAdmin} error={error} setError={setError} handleFileUpload={handleFileUpload} handleDeleteFile={handleDeleteFile}/>
+        </section>
+
+        <FeaturesSection features={[
+            { text: HOME_PAGE.UI.FEATURE_1 },
+            { text: HOME_PAGE.UI.FEATURE_2 },
+            { text: HOME_PAGE.UI.FEATURE_3 },
+            { text: HOME_PAGE.UI.FEATURE_4 },
+            { text: HOME_PAGE.UI.FEATURE_5 },
+        ]} title={HOME_PAGE.UI.FEATURES_TITLE} description={HOME_PAGE.UI.FEATURES_DESCRIPTION} ctaText={HOME_PAGE.BUTTONS.FEATURES_CTA_TEXT} ctaLink="/schedule"/>
+      </div>
+    </div>);
+}