@nebulit/embuilder 0.1.44 → 0.1.45

package/templates/frontend/src/pages/Register.tsx

@@ -8,7 +8,7 @@ import { useToast } from '@/hooks/use-toast';
 import { Check, ChevronLeft } from 'lucide-react';
 import { supabase } from '@/integrations/supabase/client';
 import { useAuth } from '@/contexts/AuthContext';
-import { registerTenant } from "@/lib/api";
+//import { registerTenant } from "@/lib/api";
 import { v4 } from "uuid";
 
 const Register = () => {
@@ -113,11 +113,11 @@ const Register = () => {
       const token = sessionData?.session?.access_token ?? "";
       const tenantId = v4();
 
-      await registerTenant({
+     /* await registerTenant({
         tenantId,
         name: tenantName,
         ownerId: ownerId,
-      }, { token, userId: ownerId, tenantId });
+      }, { token, userId: ownerId, tenantId });*/
 
       toast({
         title: 'Success',

package/templates/frontend/src/components/tables/ReservationTemplates.tsx

@@ -1,189 +0,0 @@
-import { useRef, useState, useEffect } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
-import { Label } from "@/components/ui/label";
-import { Loader2, Mail, Phone } from "lucide-react";
-import { toast } from "sonner";
-import { useReservationTemplates, useSaveReservationTemplate } from "@/hooks/api/useReservationTemplates";
-import { Skeleton } from "@/components/ui/skeleton";
-
-const TEMPLATE_VARIABLES = [
-  { key: "name", label: "Name" },
-  { key: "from", label: "From" },
-  { key: "to", label: "To" },
-  { key: "persons", label: "Persons" },
-  { key: "location", label: "Location" },
-];
-
-export function ReservationTemplates() {
-  const { data: templates = [], isLoading } = useReservationTemplates();
-  const saveMutation = useSaveReservationTemplate();
-
-  const [emailTemplate, setEmailTemplate] = useState("");
-  const [phoneTemplate, setPhoneTemplate] = useState("");
-  const [focusedField, setFocusedField] = useState<"email" | "phone" | null>(null);
-
-  const emailRef = useRef<HTMLTextAreaElement>(null);
-  const phoneRef = useRef<HTMLTextAreaElement>(null);
-
-  // Load templates when data is fetched
-  useEffect(() => {
-    const emailTpl = templates.find(t => t.templateType === "EMAIL");
-    const phoneTpl = templates.find(t => t.templateType === "PHONE");
-
-    if (emailTpl) setEmailTemplate(emailTpl.template);
-    if (phoneTpl) setPhoneTemplate(phoneTpl.template);
-  }, [templates]);
-
-  const insertVariable = (variable: string) => {
-    const insertion = `{${variable}}`;
-
-    if (focusedField === "email" && emailRef.current) {
-      const textarea = emailRef.current;
-      const start = textarea.selectionStart;
-      const end = textarea.selectionEnd;
-      const newValue = emailTemplate.slice(0, start) + insertion + emailTemplate.slice(end);
-      setEmailTemplate(newValue);
-
-      // Restore cursor position after insertion
-      setTimeout(() => {
-        textarea.focus();
-        textarea.setSelectionRange(start + insertion.length, start + insertion.length);
-      }, 0);
-    } else if (focusedField === "phone" && phoneRef.current) {
-      const textarea = phoneRef.current;
-      const start = textarea.selectionStart;
-      const end = textarea.selectionEnd;
-      const newValue = phoneTemplate.slice(0, start) + insertion + phoneTemplate.slice(end);
-      setPhoneTemplate(newValue);
-
-      setTimeout(() => {
-        textarea.focus();
-        textarea.setSelectionRange(start + insertion.length, start + insertion.length);
-      }, 0);
-    } else {
-      toast.error("Please select a text field first");
-    }
-  };
-
-  const handleSaveEmail = async () => {
-    const existingTemplate = templates.find(t => t.templateType === "EMAIL");
-    const templateId = existingTemplate?.templateId || `tpl-email-${Date.now()}`;
-
-    try {
-      await saveMutation.mutateAsync({
-        templateId,
-        templateType: "EMAIL",
-        template: emailTemplate,
-      });
-      toast.success("Email template saved");
-    } catch (err) {
-      toast.error(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
-    }
-  };
-
-  const handleSavePhone = async () => {
-    const existingTemplate = templates.find(t => t.templateType === "PHONE");
-    const templateId = existingTemplate?.templateId || `tpl-phone-${Date.now()}`;
-
-    try {
-      await saveMutation.mutateAsync({
-        templateId,
-        templateType: "PHONE",
-        template: phoneTemplate,
-      });
-      toast.success("SMS template saved");
-    } catch (err) {
-      toast.error(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
-    }
-  };
-
-  if (isLoading) {
-    return (
-      <Card>
-        <CardHeader>
-          <Skeleton className="h-6 w-48" />
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <Skeleton className="h-32 w-full" />
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>Notification Templates</CardTitle>
-      </CardHeader>
-      <CardContent className="space-y-6">
-        {/* Variable buttons */}
-        <div className="flex flex-wrap gap-2">
-          {TEMPLATE_VARIABLES.map((variable) => (
-            <Button
-              key={variable.key}
-              variant="outline"
-              size="sm"
-              onClick={() => insertVariable(variable.key)}
-              className="text-xs"
-            >
-              {variable.label}
-            </Button>
-          ))}
-        </div>
-
-        {/* Templates grid */}
-        <div className="grid gap-6 md:grid-cols-2">
-          {/* Email template */}
-          <div className="space-y-3">
-            <div className="flex items-center gap-2">
-              <Mail className="h-4 w-4 text-muted-foreground" />
-              <Label>Email</Label>
-            </div>
-            <Textarea
-              ref={emailRef}
-              value={emailTemplate}
-              onChange={(e) => setEmailTemplate(e.target.value)}
-              onFocus={() => setFocusedField("email")}
-              placeholder="Enter email template..."
-              className="min-h-[150px] resize-none"
-            />
-            <Button
-              onClick={handleSaveEmail}
-              disabled={saveMutation.isPending}
-              className="w-full"
-            >
-              {saveMutation.isPending && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-              Save
-            </Button>
-          </div>
-
-          {/* Phone/SMS template */}
-          <div className="space-y-3">
-            <div className="flex items-center gap-2">
-              <Phone className="h-4 w-4 text-muted-foreground" />
-              <Label>SMS</Label>
-            </div>
-            <Textarea
-              ref={phoneRef}
-              value={phoneTemplate}
-              onChange={(e) => setPhoneTemplate(e.target.value)}
-              onFocus={() => setFocusedField("phone")}
-              placeholder="Enter SMS template..."
-              className="min-h-[150px] resize-none"
-            />
-            <Button
-              onClick={handleSavePhone}
-              disabled={saveMutation.isPending}
-              className="w-full"
-            >
-              {saveMutation.isPending && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-              Save
-            </Button>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}

package/templates/frontend/src/pages/Menus.tsx

@@ -1,224 +0,0 @@
-import { useState } from "react";
-import { DashboardLayout } from "@/components/layout/DashboardLayout";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Card, CardContent } from "@/components/ui/card";
-import { Plus, Trash2, Download, FileText, Loader2 } from "lucide-react";
-import { Menu } from "@/types";
-import { Badge } from "@/components/ui/badge";
-import { toast } from "sonner";
-import { useMenus, useUploadMenu, useDeleteMenu } from "@/hooks/api";
-import { Skeleton } from "@/components/ui/skeleton";
-
-const documentTypes = [
-  { value: "primary", label: "Primary" },
-  { value: "secondary", label: "Secondary" },
-  { value: "report", label: "Report" },
-  { value: "template", label: "Template" },
-  { value: "archive", label: "Archive" },
-  { value: "other", label: "Other" },
-];
-
-export default function Menus() {
-  const { data: menus = [], isLoading, error } = useMenus();
-  const uploadMenuMutation = useUploadMenu();
-  const deleteMenuMutation = useDeleteMenu();
-
-  const [isAddOpen, setIsAddOpen] = useState(false);
-  const [formData, setFormData] = useState({
-    menuName: "",
-    menuType: "",
-    file: "",
-  });
-
-  const handleAddMenu = async () => {
-    if (!formData.menuName || !formData.menuType) {
-      toast.error("Please fill in all required fields");
-      return;
-    }
-
-    try {
-      await uploadMenuMutation.mutateAsync({
-        menuName: formData.menuName,
-        menuType: formData.menuType,
-        file: formData.file,
-        restaurantId: "", // Will be set from context headers
-      });
-      setFormData({ menuName: "", menuType: "", file: "" });
-      setIsAddOpen(false);
-      toast.success("Document uploaded successfully");
-    } catch (err) {
-      toast.error(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
-    }
-  };
-
-  const deleteMenu = async (menu: Menu) => {
-    try {
-      await deleteMenuMutation.mutateAsync(menu.menuId);
-      toast.success(`"${menu.menuName}" deleted`);
-    } catch (err) {
-      toast.error(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
-    }
-  };
-
-  const getTypeColor = (type: string) => {
-    const colors: Record<string, string> = {
-      primary: "bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",
-      secondary: "bg-indigo-100 text-indigo-800 dark:bg-indigo-900/30 dark:text-indigo-300",
-      report: "bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300",
-      template: "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300",
-      archive: "bg-pink-100 text-pink-800 dark:bg-pink-900/30 dark:text-pink-300",
-      other: "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300",
-    };
-    return colors[type] || "bg-muted text-muted-foreground";
-  };
-
-  const getTypeLabel = (type: string) => {
-    const docType = documentTypes.find((t) => t.value === type);
-    return docType?.label || type;
-  };
-
-  if (error) {
-    return (
-      <DashboardLayout title="Documents" subtitle="Manage your documents">
-        <div className="flex flex-col items-center justify-center py-12 text-center">
-          <p className="text-destructive">Error loading: {error.message}</p>
-          <p className="mt-2 text-sm text-muted-foreground">
-            Check the API settings (Settings icon in the header)
-          </p>
-        </div>
-      </DashboardLayout>
-    );
-  }
-
-  return (
-    <DashboardLayout title="Documents" subtitle="Manage your documents">
-      <div className="mb-6 flex items-center justify-between">
-        <p className="text-muted-foreground">
-          {isLoading ? "Loading..." : `${menus.length} document${menus.length !== 1 ? "s" : ""} uploaded`}
-        </p>
-        <Dialog open={isAddOpen} onOpenChange={setIsAddOpen}>
-          <DialogTrigger asChild>
-            <Button>
-              <Plus className="mr-2 h-4 w-4" />
-              Upload document
-            </Button>
-          </DialogTrigger>
-          <DialogContent>
-            <DialogHeader>
-              <DialogTitle>Upload new document</DialogTitle>
-            </DialogHeader>
-            <div className="space-y-4 pt-4">
-              <div>
-                <Label htmlFor="menuName">Document name *</Label>
-                <Input
-                  id="menuName"
-                  value={formData.menuName}
-                  onChange={(e) => setFormData({ ...formData, menuName: e.target.value })}
-                  placeholder="e.g. Q1 Report"
-                />
-              </div>
-              <div>
-                <Label htmlFor="menuType">Document type *</Label>
-                <Select
-                  value={formData.menuType}
-                  onValueChange={(value) => setFormData({ ...formData, menuType: value })}
-                >
-                  <SelectTrigger>
-                    <SelectValue placeholder="Select type" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    {documentTypes.map((type) => (
-                      <SelectItem key={type.value} value={type.value}>
-                        {type.label}
-                      </SelectItem>
-                    ))}
-                  </SelectContent>
-                </Select>
-              </div>
-              <div>
-                <Label htmlFor="file">File</Label>
-                <Input
-                  id="file"
-                  type="file"
-                  accept=".pdf,.doc,.docx"
-                  onChange={(e) => setFormData({ ...formData, file: e.target.files?.[0]?.name || "" })}
-                />
-                <p className="mt-1 text-xs text-muted-foreground">PDF or Word documents are accepted</p>
-              </div>
-              <Button
-                onClick={handleAddMenu}
-                className="w-full"
-                disabled={uploadMenuMutation.isPending}
-              >
-                {uploadMenuMutation.isPending && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-                Upload document
-              </Button>
-            </div>
-          </DialogContent>
-        </Dialog>
-      </div>
-
-      {isLoading ? (
-        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-          {[1, 2, 3].map((i) => (
-            <Card key={i}>
-              <CardContent className="p-4">
-                <div className="flex items-center gap-3">
-                  <Skeleton className="h-12 w-12 rounded-lg" />
-                  <div>
-                    <Skeleton className="h-4 w-32 mb-2" />
-                    <Skeleton className="h-3 w-24" />
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          ))}
-        </div>
-      ) : (
-        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-          {menus.map((menu) => (
-            <Card key={menu.menuId} className="group transition-shadow hover:shadow-md animate-fade-in">
-              <CardContent className="p-4">
-                <div className="flex items-start justify-between">
-                  <div className="flex items-center gap-3">
-                    <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10">
-                      <FileText className="h-6 w-6 text-primary" />
-                    </div>
-                    <div>
-                      <h3 className="font-medium text-foreground">{menu.menuName}</h3>
-                      <p className="text-sm text-muted-foreground">{menu.file || "No file"}</p>
-                    </div>
-                  </div>
-                </div>
-
-                <div className="mt-4 flex items-center justify-between">
-                  <Badge className={getTypeColor(menu.menuType)}>
-                    {getTypeLabel(menu.menuType)}
-                  </Badge>
-                  <div className="flex gap-1 opacity-0 transition-opacity group-hover:opacity-100">
-                    <Button variant="ghost" size="icon" className="h-8 w-8">
-                      <Download className="h-4 w-4" />
-                    </Button>
-                    <Button
-                      variant="ghost"
-                      size="icon"
-                      className="h-8 w-8 text-destructive hover:bg-destructive hover:text-destructive-foreground"
-                      onClick={() => deleteMenu(menu)}
-                      disabled={deleteMenuMutation.isPending}
-                    >
-                      <Trash2 className="h-4 w-4" />
-                    </Button>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          ))}
-        </div>
-      )}
-    </DashboardLayout>
-  );
-}