@devvistatech/devvista-kit 0.0.9 → 0.0.10

package/dist/app/api/trial-request/route.js

@@ -0,0 +1,165 @@
+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 { NextResponse } from "next/server";
+import nodemailer from "nodemailer";
+var CALENDAR_API_URL = process.env.STRAPI_CALENDAR_API_URL || "";
+var TRIAL_REQUEST_API_URL = process.env.STRAPI_TRIAL_REQUEST_API_URL || "";
+var STRAPI_API_TOKEN = process.env.STRAPI_API_TOKEN || "";
+var RECEIVER_EMAIL = process.env.RECEIVER_EMAIL || "";
+var FROM_EMAIL = process.env.FROM_EMAIL || "";
+var SMTP_HOST = process.env.SMTP_HOST || "";
+var SMTP_PORT = process.env.SMTP_PORT || "";
+var SMTP_USERNAME = process.env.SMTP_USERNAME || "";
+var SMTP_PASSWORD = process.env.SMTP_PASSWORD || "";
+export function POST(request) {
+    return __awaiter(this, void 0, void 0, function () {
+        var data, name_1, email, phone, information, date, strapiResponse, responseText, errorData, transporter, eventsResponse, result, events, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 7, , 8]);
+                    if (!FROM_EMAIL || !SMTP_HOST || !SMTP_PORT || !SMTP_USERNAME || !SMTP_PASSWORD) {
+                        console.error("SMTP configuration is incomplete");
+                        return [2 /*return*/, NextResponse.json({ error: "Server configuration error: SMTP configuration is incomplete" }, { status: 500 })];
+                    }
+                    if (!TRIAL_REQUEST_API_URL) {
+                        console.error("STRAPI_TRIAL_REQUEST_API_URL is not defined");
+                        return [2 /*return*/, NextResponse.json({ error: "Server configuration error: STRAPI_TRIAL_REQUEST_API_URL is not defined" }, { status: 500 })];
+                    }
+                    if (!STRAPI_API_TOKEN) {
+                        console.error("STRAPI_API_TOKEN is not defined");
+                        return [2 /*return*/, NextResponse.json({ error: "Server configuration error: STRAPI_API_TOKEN is not defined" }, { status: 500 })];
+                    }
+                    return [4 /*yield*/, request.json()];
+                case 1:
+                    data = _a.sent();
+                    name_1 = data.name, email = data.email, phone = data.phone, information = data.information, date = data.date;
+                    if (!name_1 || !email || !phone || !information || !date) {
+                        return [2 /*return*/, NextResponse.json({ error: "Missing required fields" }, { status: 400 })];
+                    }
+                    return [4 /*yield*/, fetch(TRIAL_REQUEST_API_URL, {
+                            method: "POST",
+                            headers: {
+                                "Content-Type": "application/json",
+                                "Authorization": "Bearer ".concat(STRAPI_API_TOKEN),
+                            },
+                            body: JSON.stringify({
+                                data: {
+                                    name: name_1,
+                                    email: email,
+                                    phone: phone,
+                                    information: information,
+                                    date: date,
+                                    publishedAt: new Date().toISOString(),
+                                },
+                            }),
+                        })];
+                case 2:
+                    strapiResponse = _a.sent();
+                    return [4 /*yield*/, strapiResponse.text()];
+                case 3:
+                    responseText = _a.sent();
+                    errorData = {};
+                    try {
+                        errorData = JSON.parse(responseText);
+                    }
+                    catch (parseError) {
+                        console.error("Failed to parse Strapi response:", parseError);
+                    }
+                    if (!strapiResponse.ok) {
+                        console.error("Strapi trial request error:", strapiResponse.status, errorData);
+                        return [2 /*return*/, NextResponse.json({
+                                error: "Failed to submit trial request: ".concat(strapiResponse.status, " - ").concat(JSON.stringify(errorData)),
+                            }, { status: strapiResponse.status })];
+                    }
+                    transporter = nodemailer.createTransport({
+                        host: SMTP_HOST,
+                        port: Number(SMTP_PORT),
+                        auth: {
+                            user: SMTP_USERNAME,
+                            pass: SMTP_PASSWORD,
+                        },
+                    });
+                    return [4 /*yield*/, transporter.sendMail({
+                            from: "\"DevVista Kit Email Service\" <".concat(FROM_EMAIL, ">"),
+                            to: RECEIVER_EMAIL,
+                            subject: "New Trial Request: ".concat(information),
+                            text: "\n        Name: ".concat(name_1, "\n        Email: ").concat(email, "\n        Phone: ").concat(phone, "\n        Class: ").concat(information, "\n        Date: ").concat(new Date(date).toLocaleString(), "\n      "),
+                            html: "\n        <!DOCTYPE html>\n        <html lang=\"en\">\n        <head>\n          <meta charset=\"UTF-8\">\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n          <title>New Trial Request</title>\n          <style>\n            /* Reset default styles */\n            * {\n              margin: 0;\n              padding: 0;\n              box-sizing: border-box;\n            }\n            body {\n              font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n              background-color: #f4f7fa;\n              color: #333333;\n              line-height: 1.6;\n            }\n            .container {\n              max-width: 600px;\n              margin: 20px auto;\n              background-color: #ffffff;\n              border-radius: 8px;\n              overflow: hidden;\n              box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n            }\n            .header {\n              background-color: #2c3e50;\n              padding: 20px;\n              text-align: center;\n            }\n            .header .business-name {\n              color: #ff69b4; /* Pink color */\n              font-size: 28px;\n              font-weight: bold;\n              margin-bottom: 10px;\n            }\n            .header h1 {\n              color: #ffffff;\n              font-size: 24px;\n              margin-top: 10px;\n            }\n            .content {\n              padding: 30px;\n            }\n            .content h2 {\n              font-size: 20px;\n              color: #2c3e50;\n              margin-bottom: 20px;\n            }\n            .content p {\n              margin-bottom: 15px;\n              font-size: 16px;\n            }\n            .content .label {\n              font-weight: 600;\n              color: #2c3e50;\n            }\n            .content .button {\n              display: inline-block;\n              padding: 12px 24px;\n              margin-top: 20px;\n              background-color: #3498db;\n              color: #ffffff;\n              text-decoration: none;\n              border-radius: 4px;\n              font-size: 16px;\n              font-weight: 500;\n            }\n            .content .button:hover {\n              background-color: #2980b9;\n            }\n            .footer {\n              background-color: #ecf0f1;\n              padding: 20px;\n              text-align: center;\n              font-size: 14px;\n              color: #7f8c8d;\n            }\n            .footer a {\n              color: #3498db;\n              text-decoration: none;\n            }\n            .footer a:hover {\n              text-decoration: underline;\n            }\n            @media only screen and (max-width: 600px) {\n              .container {\n                margin: 10px;\n                border-radius: 0;\n              }\n              .header {\n                padding: 15px;\n              }\n              .header .business-name {\n                font-size: 24px;\n              }\n              .header h1 {\n                font-size: 20px;\n              }\n              .content {\n                padding: 20px;\n              }\n              .content h2 {\n                font-size: 18px;\n              }\n              .content p {\n                font-size: 14px;\n              }\n              .content .button {\n                padding: 10px 20px;\n                font-size: 14px;\n              }\n              .footer {\n                padding: 15px;\n                font-size: 12px;\n              }\n            }\n          </style>\n        </head>\n        <body>\n          <div class=\"container\">\n            <div class=\"header\">\n              <div class=\"business-name\">DevVista Kit</div>\n              <h1>New Trial Request</h1>\n            </div>\n            <div class=\"content\">\n              <h2>Trial Request Details</h2>\n              <p><span class=\"label\">Name:</span> ".concat(name_1, "</p>\n              <p><span class=\"label\">Email:</span> <a href=\"mailto:").concat(email, "\">").concat(email, "</a></p>\n              <p><span class=\"label\">Phone:</span> ").concat(phone, "</p>\n              <p><span class=\"label\">Class:</span> ").concat(information, "</p>\n              <p><span class=\"label\">Date:</span> ").concat(new Date(date).toLocaleString(), "</p>\n              <a href=\"mailto:").concat(email, "\" class=\"button\">Reply to Customer</a>\n            </div>\n            <div class=\"footer\">\n              <p>\u00A9 ").concat(new Date().getFullYear(), " DevVista. All rights reserved.</p>\n              <p><a href=\"https://devvistatech.com/\">Visit our website</a> | <a href=\"mailto:devvistainfo@gmail.com\">Contact Support</a></p>\n            </div>\n          </div>\n        </body>\n        </html>\n      "),
+                            replyTo: email,
+                        })];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, fetch("".concat(CALENDAR_API_URL, "?pagination[pageSize]=100&fields[0]=title&fields[1]=startTime&fields[2]=endTime&fields[3]=daysOfWeek&fields[4]=classDescription&fields[5]=id&fields[6]=documentId"), {
+                            headers: {
+                                "Content-Type": "application/json",
+                                "Authorization": "Bearer ".concat(STRAPI_API_TOKEN)
+                            }
+                        })];
+                case 5:
+                    eventsResponse = _a.sent();
+                    if (!eventsResponse.ok) {
+                        console.error("Failed to fetch events after trial request");
+                        return [2 /*return*/, NextResponse.json({ data: { trialRequest: { name: name_1, email: email, phone: phone, information: information, date: date } } })];
+                    }
+                    return [4 /*yield*/, eventsResponse.json()];
+                case 6:
+                    result = _a.sent();
+                    events = (result.data || []).map(function (event) {
+                        var _a, _b, _c, _d, _e, _f;
+                        return ({
+                            id: event.id || 0,
+                            documentId: event.documentId || "",
+                            title: ((_a = event.attributes) === null || _a === void 0 ? void 0 : _a.title) || event.title || "Untitled",
+                            startTime: ((_b = event.attributes) === null || _b === void 0 ? void 0 : _b.startTime) || event.startTime || "00:00",
+                            endTime: ((_c = event.attributes) === null || _c === void 0 ? void 0 : _c.endTime) || event.endTime || "00:00",
+                            daysOfWeek: Array.isArray(((_d = event.attributes) === null || _d === void 0 ? void 0 : _d.daysOfWeek) || event.daysOfWeek)
+                                ? (((_e = event.attributes) === null || _e === void 0 ? void 0 : _e.daysOfWeek) || event.daysOfWeek).filter(function (num) { return num >= 1 && num <= 7; })
+                                : [],
+                            classDescription: ((_f = event.attributes) === null || _f === void 0 ? void 0 : _f.classDescription) || event.classDescription || "",
+                        });
+                    });
+                    return [2 /*return*/, NextResponse.json({ data: { trialRequest: { name: name_1, email: email, phone: phone, information: information, date: date }, events: events } })];
+                case 7:
+                    error_1 = _a.sent();
+                    console.error("Trial Request Error:", error_1);
+                    return [2 /*return*/, NextResponse.json({ error: error_1 instanceof Error ? error_1.message : "An error occurred while processing trial request" }, { status: 500 })];
+                case 8: return [2 /*return*/];
+            }
+        });
+    });
+}

package/dist/app/blog/[id]/page.jsx

@@ -0,0 +1,312 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 React, { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { Card, CardContent } from '@/components/other/card';
+import { BackButton, EditToggleButton, UpdateButton } from '@/components/other/button';
+import { ArrowLeft, Calendar } from 'lucide-react';
+import { useAuth, useUser } from '@clerk/nextjs';
+import { useStrapiAuth } from '@/lib/auth-context';
+import BlogSidebar from '@/components/addOns/functional/blogSections/BlogSidebar';
+import ClassList from '@/components/addOns/functional/ClassList';
+import Spinner from '@/components/addOns/non-functional/spinner';
+export default function BlogPostPage(_a) {
+    var _this = this;
+    var params = _a.params;
+    var resolvedParams = React.use(params);
+    var id = resolvedParams.id;
+    var router = useRouter();
+    var _b = useStrapiAuth(), user = _b.user, authLoading = _b.authLoading, checkSession = _b.checkSession;
+    var _c = useAuth(), getToken = _c.getToken, isSignedIn = _c.isSignedIn;
+    var clerkUser = useUser().user;
+    var _d = useState(null), post = _d[0], setPost = _d[1];
+    var _e = useState([]), posts = _e[0], setPosts = _e[1];
+    var _f = useState(true), isLoading = _f[0], setIsLoading = _f[1];
+    var _g = useState(null), error = _g[0], setError = _g[1];
+    var _h = useState(false), isEditing = _h[0], setIsEditing = _h[1];
+    var _j = useState(''), editTitle = _j[0], setEditTitle = _j[1];
+    var _k = useState(''), editDescription = _k[0], setEditDescription = _k[1];
+    var _l = useState(0), titleCharCount = _l[0], setTitleCharCount = _l[1];
+    var _m = useState(0), titleWordCount = _m[0], setTitleWordCount = _m[1];
+    var _o = useState(0), descriptionCharCount = _o[0], setDescriptionCharCount = _o[1];
+    var _p = useState(0), descriptionWordCount = _p[0], setDescriptionWordCount = _p[1];
+    var isAdmin = isSignedIn && !!(user === null || user === void 0 ? void 0 : user.businessAdminId);
+    useEffect(function () {
+        var handleLogin = function () { return checkSession(); };
+        var handleLogout = function () { return checkSession(); };
+        window.addEventListener('user-login', handleLogin);
+        window.addEventListener('user-logout', handleLogout);
+        return function () {
+            window.removeEventListener('user-login', handleLogin);
+            window.removeEventListener('user-logout', handleLogout);
+        };
+    }, [checkSession]);
+    useEffect(function () {
+        var fetchPost = function () { return __awaiter(_this, void 0, void 0, function () {
+            var headers, token, response, errorData, data, blogPosts, parsedId_1, foundPost, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setIsLoading(true);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 8, 9, 10]);
+                        headers = { 'Content-Type': 'application/json' };
+                        if (!isSignedIn) return [3 /*break*/, 3];
+                        return [4 /*yield*/, getToken()];
+                    case 2:
+                        token = _a.sent();
+                        if (token)
+                            headers['Authorization'] = "Bearer ".concat(token);
+                        _a.label = 3;
+                    case 3: return [4 /*yield*/, fetch('/api/blog', { headers: headers, cache: 'no-store' })];
+                    case 4:
+                        response = _a.sent();
+                        if (!!response.ok) return [3 /*break*/, 6];
+                        return [4 /*yield*/, response.json()];
+                    case 5:
+                        errorData = _a.sent();
+                        throw new Error(errorData.error || 'Failed to fetch blog posts');
+                    case 6: return [4 /*yield*/, response.json()];
+                    case 7:
+                        data = (_a.sent()).data;
+                        blogPosts = data.blogPosts.map(function (p) { return (__assign(__assign({}, p), { title: p.title.length > 50 ? p.title.substring(0, 50) + '...' : p.title, description: p.description.length > 1500 ? p.description.substring(0, 1500) + '...' : p.description, publishedAt: new Date(p.publishedAt).toISOString() })); });
+                        parsedId_1 = parseInt(id);
+                        if (isNaN(parsedId_1)) {
+                            router.push('/404');
+                            return [2 /*return*/];
+                        }
+                        foundPost = blogPosts.find(function (p) { return p.id === parsedId_1; });
+                        if (!foundPost) {
+                            router.push('/404');
+                            return [2 /*return*/];
+                        }
+                        setPost(foundPost);
+                        setPosts(blogPosts);
+                        setEditTitle(foundPost.title);
+                        setEditDescription(foundPost.description);
+                        setTitleCharCount(foundPost.title.length);
+                        setTitleWordCount(foundPost.title.trim().split(/\s+/).filter(Boolean).length);
+                        setDescriptionCharCount(foundPost.description.length);
+                        setDescriptionWordCount(foundPost.description.trim().split(/\s+/).filter(Boolean).length);
+                        return [3 /*break*/, 10];
+                    case 8:
+                        err_1 = _a.sent();
+                        router.push('/404');
+                        return [3 /*break*/, 10];
+                    case 9:
+                        setIsLoading(false);
+                        return [7 /*endfinally*/];
+                    case 10: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchPost();
+    }, [id, isSignedIn, getToken, router]);
+    var handleTitleChange = function (e) {
+        var value = e.target.value.slice(0, 50);
+        setEditTitle(value);
+        setTitleCharCount(value.length);
+        setTitleWordCount(value.trim().split(/\s+/).filter(Boolean).length);
+    };
+    var handleDescriptionChange = function (e) {
+        var value = e.target.value.slice(0, 1500);
+        setEditDescription(value);
+        setDescriptionCharCount(value.length);
+        setDescriptionWordCount(value.trim().split(/\s+/).filter(Boolean).length);
+    };
+    var handleSave = function () { return __awaiter(_this, void 0, void 0, function () {
+        var token, response, errorData, fetchResponse, errorData, data, blogPosts, updatedPost, err_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 9, , 10]);
+                    return [4 /*yield*/, getToken()];
+                case 1:
+                    token = _a.sent();
+                    if (!token) {
+                        throw new Error('Unauthorized: No token provided');
+                    }
+                    if (!(post === null || post === void 0 ? void 0 : post.documentId)) {
+                        throw new Error('Missing documentId for update');
+                    }
+                    return [4 /*yield*/, fetch('/api/blog', {
+                            method: 'PUT',
+                            headers: {
+                                'Content-Type': 'application/json',
+                                Authorization: "Bearer ".concat(token),
+                            },
+                            body: JSON.stringify({
+                                documentId: post.documentId,
+                                data: {
+                                    title: editTitle,
+                                    description: editDescription,
+                                    author: post.author,
+                                    publishedAt: post.publishedAt,
+                                },
+                            }),
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (!!response.ok) return [3 /*break*/, 4];
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    errorData = _a.sent();
+                    throw new Error(errorData.error || 'Failed to update post');
+                case 4: return [4 /*yield*/, fetch('/api/blog', {
+                        headers: {
+                            'Content-Type': 'application/json',
+                            Authorization: "Bearer ".concat(token),
+                        },
+                        cache: 'no-store',
+                    })];
+                case 5:
+                    fetchResponse = _a.sent();
+                    if (!!fetchResponse.ok) return [3 /*break*/, 7];
+                    return [4 /*yield*/, fetchResponse.json()];
+                case 6:
+                    errorData = _a.sent();
+                    throw new Error(errorData.error || 'Failed to fetch blog posts');
+                case 7: return [4 /*yield*/, fetchResponse.json()];
+                case 8:
+                    data = (_a.sent()).data;
+                    blogPosts = data.blogPosts.map(function (p) { return (__assign(__assign({}, p), { title: p.title.length > 50 ? p.title.substring(0, 50) + '...' : p.title, description: p.description.length > 1500 ? p.description.substring(0, 1500) + '...' : p.description, publishedAt: new Date(p.publishedAt).toISOString() })); });
+                    updatedPost = blogPosts.find(function (p) { return p.documentId === post.documentId; });
+                    if (!updatedPost) {
+                        throw new Error('Updated post not found');
+                    }
+                    setPost(updatedPost);
+                    setPosts(blogPosts);
+                    setIsEditing(false);
+                    return [3 /*break*/, 10];
+                case 9:
+                    err_2 = _a.sent();
+                    setError(err_2 instanceof Error ? err_2.message : 'An unknown error occurred');
+                    return [3 /*break*/, 10];
+                case 10: return [2 /*return*/];
+            }
+        });
+    }); };
+    if (authLoading || isLoading) {
+        return (<div className="min-h-screen bg-gray-900 text-gray-200 py-32 px-4 sm:px-6 lg:px-8 pt-48 lg:pt-56">
+        <div className="max-w-7xl mx-auto text-center">
+          <Spinner />
+        </div>
+      </div>);
+    }
+    if (!post) {
+        router.push('/404');
+        return null;
+    }
+    return (<div className="min-h-screen bg-white/90 text-gray-200 py-32 px-4 sm:px-6 lg:px-8 pt-48 lg:pt-56">
+      <div className="max-w-7xl mx-auto">
+        {isAdmin && (<div className="mb-4 flex gap-4">
+            <BackButton onClick={function () { return router.push('/blog'); }}>
+              <ArrowLeft size={16}/> Blog Dashboard
+            </BackButton>
+            <EditToggleButton onClick={function () { return setIsEditing(!isEditing); }}>
+              {isEditing ? 'Cancel' : 'Edit Post'}
+            </EditToggleButton>
+          </div>)}
+        {isEditing && isAdmin ? (<Card className="mb-6 max-w-full mx-auto">
+            <CardContent className="p-6 sm:p-8">
+              <div className="space-y-4">
+                <div>
+                  <label className="text-gray-800 font-medium">Title</label>
+                  <input type="text" value={editTitle} onChange={handleTitleChange} maxLength={50} className="w-full p-2 border rounded text-black break-words"/>
+                  <p className="text-sm text-gray-500">
+                    {titleCharCount}/50 characters, {titleWordCount} words
+                  </p>
+                </div>
+                <div>
+                  <label className="text-gray-800 font-medium">Description</label>
+                  <textarea value={editDescription} onChange={handleDescriptionChange} maxLength={1500} rows={10} className="w-full p-2 border rounded text-black break-words"/>
+                  <p className="text-sm text-gray-500">
+                    {descriptionCharCount}/1500 characters, {descriptionWordCount} words
+                  </p>
+                </div>
+                <UpdateButton size="sm" onClick={handleSave}>
+                  Save Changes
+                </UpdateButton>
+              </div>
+            </CardContent>
+          </Card>) : (<>
+            <h1 className="text-4xl sm:text-5xl font-extrabold tracking-tight mb-8 text-center text-gray-800 break-words pt-12">
+              {post.title}
+            </h1>
+            <div className="grid gap-6 lg:grid-cols-[2fr_1fr]">
+              <Card className="hover:border-blue-500/50 transition-colors max-w-full mx-auto">
+                <CardContent className="p-6 sm:p-8">
+                  <div className="flex items-center gap-2 text-sm text-gray-400 mb-4">
+                    <Calendar className="w-5 h-5 text-blue-400"/>
+                    <span className="text-blue-400/90">
+                      By {post.author} |{' '}
+                      {new Date(post.publishedAt).toLocaleDateString('en-US', {
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric',
+            })}
+                    </span>
+                  </div>
+                  <div className="text-black/90 leading-relaxed break-words">
+                    {post.description.split('\n').map(function (paragraph, index) { return (<p key={index} className="mb-4 last:mb-0">
+                        {paragraph}
+                      </p>); })}
+                  </div>
+                </CardContent>
+              </Card>
+              <div className="flex flex-col gap-6 max-w-full mx-auto lg:max-w-[400px]">
+                <BlogSidebar posts={posts} currentPostId={post.id}/>
+                <ClassList />
+              </div>
+            </div>
+          </>)}
+      </div>
+    </div>);
+}