@collabdt/core 0.0.50 → 0.0.51

package/dist/core/components/index.d.ts

@@ -5,4 +5,5 @@ export * from './viewers';
 export * from './ui';
 export * from './Toolbar';
 export { InstanceNotFound } from './instance-not-found';
+export * from './organizationConfig';
 //# sourceMappingURL=index.d.ts.map

package/dist/core/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,MAAM,CAAA;AACpB,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,MAAM,CAAA;AACpB,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,cAAc,sBAAsB,CAAA"}

package/dist/core/components/index.js

@@ -5,6 +5,7 @@ export * from "./viewers";
 export * from "./ui";
 export * from "./Toolbar";
 import { InstanceNotFound } from "./instance-not-found";
+export * from "./organizationConfig";
 export {
   InstanceNotFound
 };

package/dist/core/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/components/index.ts"],"sourcesContent":["export * from './AppSidebarContent'\r\nexport * from './authentication'\r\nexport * from './settings'\r\nexport * from './viewers'\r\nexport * from './ui'\r\nexport * from './Toolbar'\r\nexport { InstanceNotFound } from './instance-not-found'"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,wBAAwB;","names":[]}
+{"version":3,"sources":["../../../src/core/components/index.ts"],"sourcesContent":["export * from './AppSidebarContent'\r\nexport * from './authentication'\r\nexport * from './settings'\r\nexport * from './viewers'\r\nexport * from './ui'\r\nexport * from './Toolbar'\r\nexport { InstanceNotFound } from './instance-not-found'\r\nexport * from './organizationConfig'"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,wBAAwB;AACjC,cAAc;","names":[]}

package/dist/core/components/organizationConfig/index.d.ts

@@ -0,0 +1,2 @@
+export default function OrganizationConfigPage(): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/components/organizationConfig/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/components/organizationConfig/index.tsx"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,UAAU,sBAAsB,gCAiE7C"}

package/dist/core/components/organizationConfig/index.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useScroll, useSpring, useTransform } from "framer-motion";
+import { Toaster } from "sonner";
+import { useLocale } from "next-intl";
+import { useRouter } from "next/navigation";
+import Navbar from "../ui/Navbar";
+import AnimatedBackground from "../ui/AnimatedBackground";
+import OrganizationConfigContent from "./src/organizationConfigContent";
+function OrganizationConfigPage() {
+  const [theme, setTheme] = useState("dark");
+  const locale = useLocale();
+  const router = useRouter();
+  const { scrollY } = useScroll();
+  const navOpacity = useTransform(scrollY, [0, 100], [0.8, 1]);
+  const navY = useSpring(
+    useTransform(scrollY, [0, 100], [0, 0]),
+    {
+      stiffness: 300,
+      damping: 30
+    }
+  );
+  useEffect(() => {
+    const isDark = window.matchMedia(
+      "(prefers-color-scheme: dark)"
+    ).matches;
+    setTheme(isDark ? "dark" : "light");
+    document.documentElement.classList.toggle("dark", isDark);
+  }, []);
+  const toggleTheme = () => {
+    const newTheme = theme === "dark" ? "light" : "dark";
+    setTheme(newTheme);
+    document.documentElement.classList.toggle("dark", newTheme === "dark");
+  };
+  const toggleLanguage = () => {
+    const expires = /* @__PURE__ */ new Date();
+    expires.setFullYear(expires.getFullYear() + 1);
+    document.cookie = `NEXT_LOCALE=${locale}; expires=${expires.toUTCString()}; path=/; SameSite=Lax`;
+    router.refresh();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-background text-foreground relative overflow-hidden", children: [
+    /* @__PURE__ */ jsx(AnimatedBackground, {}),
+    /* @__PURE__ */ jsx(Toaster, { richColors: true }),
+    /* @__PURE__ */ jsx(
+      Navbar,
+      {
+        activeSection: "",
+        theme,
+        locale,
+        navOpacity,
+        navY,
+        onToggleTheme: toggleTheme,
+        onToggleLanguage: toggleLanguage,
+        onScrollToSection: () => {
+        },
+        showNavigation: false
+      }
+    ),
+    /* @__PURE__ */ jsx(OrganizationConfigContent, {})
+  ] });
+}
+export {
+  OrganizationConfigPage as default
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/organizationConfig/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/organizationConfig/index.tsx"],"sourcesContent":["'use client'\r\n\r\nimport { useEffect, useState } from 'react'\r\nimport { useScroll, useSpring, useTransform } from 'framer-motion'\r\nimport { Toaster } from 'sonner'\r\nimport { useLocale } from 'next-intl'\r\nimport { useRouter } from 'next/navigation'\r\n\r\nimport Navbar from '../ui/Navbar'\r\nimport AnimatedBackground from '../ui/AnimatedBackground'\r\nimport OrganizationConfigContent  from './src/organizationConfigContent'\r\n\r\nimport { Language } from '../../types/dbTypes'\r\n\r\nexport default function OrganizationConfigPage() {\r\n  const [theme, setTheme] = useState<'light' | 'dark'>('dark')\r\n\r\n  const locale = useLocale() as Language\r\n  const router = useRouter()\r\n\r\n  const { scrollY } = useScroll()\r\n\r\n  const navOpacity = useTransform(scrollY, [0, 100], [0.8, 1])\r\n\r\n  const navY = useSpring(\r\n    useTransform(scrollY, [0, 100], [0, 0]),\r\n    {\r\n      stiffness: 300,\r\n      damping: 30,\r\n    }\r\n  )\r\n\r\n  useEffect(() => {\r\n    const isDark = window.matchMedia(\r\n      '(prefers-color-scheme: dark)'\r\n    ).matches\r\n\r\n    setTheme(isDark ? 'dark' : 'light')\r\n\r\n    document.documentElement.classList.toggle('dark', isDark)\r\n  }, [])\r\n\r\n  const toggleTheme = () => {\r\n    const newTheme = theme === 'dark' ? 'light' : 'dark'\r\n\r\n    setTheme(newTheme)\r\n    document.documentElement.classList.toggle('dark', newTheme === 'dark')\r\n  }\r\n\r\n  const toggleLanguage = () => {\r\n    const expires = new Date()\r\n    expires.setFullYear(expires.getFullYear() + 1)\r\n\r\n    document.cookie = `NEXT_LOCALE=${locale}; expires=${expires.toUTCString()}; path=/; SameSite=Lax`\r\n\r\n    router.refresh()\r\n  }\r\n\r\n  return (\r\n    <div className=\"min-h-screen bg-background text-foreground relative overflow-hidden\">\r\n      <AnimatedBackground />\r\n\r\n      <Toaster richColors />\r\n\r\n      <Navbar\r\n        activeSection=\"\"\r\n        theme={theme}\r\n        locale={locale}\r\n        navOpacity={navOpacity}\r\n        navY={navY}\r\n        onToggleTheme={toggleTheme}\r\n        onToggleLanguage={toggleLanguage}\r\n        onScrollToSection={() => {}}\r\n        showNavigation={false}\r\n      />\r\n\r\n      <OrganizationConfigContent  />\r\n    </div>\r\n  )\r\n}"],"mappings":";AA2DI,SACE,KADF;AAzDJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW,WAAW,oBAAoB;AACnD,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAE1B,OAAO,YAAY;AACnB,OAAO,wBAAwB;AAC/B,OAAO,+BAAgC;AAIxB,SAAR,yBAA0C;AAC/C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA2B,MAAM;AAE3D,QAAM,SAAS,UAAU;AACzB,QAAM,SAAS,UAAU;AAEzB,QAAM,EAAE,QAAQ,IAAI,UAAU;AAE9B,QAAM,aAAa,aAAa,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;AAE3D,QAAM,OAAO;AAAA,IACX,aAAa,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;AAAA,IACtC;AAAA,MACE,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAAA,EACF;AAEA,YAAU,MAAM;AACd,UAAM,SAAS,OAAO;AAAA,MACpB;AAAA,IACF,EAAE;AAEF,aAAS,SAAS,SAAS,OAAO;AAElC,aAAS,gBAAgB,UAAU,OAAO,QAAQ,MAAM;AAAA,EAC1D,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,MAAM;AACxB,UAAM,WAAW,UAAU,SAAS,UAAU;AAE9C,aAAS,QAAQ;AACjB,aAAS,gBAAgB,UAAU,OAAO,QAAQ,aAAa,MAAM;AAAA,EACvE;AAEA,QAAM,iBAAiB,MAAM;AAC3B,UAAM,UAAU,oBAAI,KAAK;AACzB,YAAQ,YAAY,QAAQ,YAAY,IAAI,CAAC;AAE7C,aAAS,SAAS,eAAe,MAAM,aAAa,QAAQ,YAAY,CAAC;AAEzE,WAAO,QAAQ;AAAA,EACjB;AAEA,SACE,qBAAC,SAAI,WAAU,uEACb;AAAA,wBAAC,sBAAmB;AAAA,IAEpB,oBAAC,WAAQ,YAAU,MAAC;AAAA,IAEpB;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,kBAAkB;AAAA,QAClB,mBAAmB,MAAM;AAAA,QAAC;AAAA,QAC1B,gBAAgB;AAAA;AAAA,IAClB;AAAA,IAEA,oBAAC,6BAA2B;AAAA,KAC9B;AAEJ;","names":[]}

package/dist/core/components/organizationConfig/src/organizationConfigContent.d.ts

@@ -0,0 +1,2 @@
+export default function OrganizationConfigContent(): import("react").JSX.Element;
+//# sourceMappingURL=organizationConfigContent.d.ts.map

package/dist/core/components/organizationConfig/src/organizationConfigContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"organizationConfigContent.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/organizationConfig/src/organizationConfigContent.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,yBAAyB,gCAmRhD"}

package/dist/core/components/organizationConfig/src/organizationConfigContent.js

@@ -0,0 +1,229 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { Button } from "../../ui/Button";
+import { Card } from "../../ui/Card";
+import { Input } from "../../ui/Input";
+import { Textarea } from "../../ui/Textarea";
+import Footer from "../../ui/Footer";
+function OrganizationConfigContent() {
+  const t = useTranslations("OrganizationConfig");
+  const router = useRouter();
+  const [error, setError] = useState(null);
+  const [loading, setLoading] = useState(false);
+  function validateOrgName(name) {
+    const regex = /^[a-z0-9.-]{3,63}$/;
+    return regex.test(name);
+  }
+  async function handleSubmit(e) {
+    var _a;
+    e.preventDefault();
+    setError(null);
+    setLoading(true);
+    const formData = new FormData(e.currentTarget);
+    const orgLanguages = formData.getAll("orgLanguages").map(String);
+    const data = {
+      orgName: formData.get("orgName"),
+      orgTitle: formData.get("orgTitle"),
+      orgDescription: formData.get("orgDescription"),
+      orgLanguages,
+      adminName: formData.get("adminName"),
+      adminEmail: formData.get("adminEmail"),
+      adminPassword: formData.get("adminPassword")
+    };
+    try {
+      const res = await fetch("/api/setup", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(data)
+      });
+      const json = await res.json();
+      if (res.ok && json.success) {
+        router.push(`/${data.orgName}/auth/signin`);
+        return;
+      }
+      setError((_a = json.error) != null ? _a : "Failed to initialize instance.");
+    } catch (e2) {
+      setError("Network error. Please try again.");
+    } finally {
+      setLoading(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("section", { className: "min-h-screen py-32 relative flex items-center z-10", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 30 },
+        animate: { opacity: 1, y: 0 },
+        className: "max-w-5xl mx-auto",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-center mb-16 space-y-6", children: [
+            /* @__PURE__ */ jsx("h1", { className: "text-4xl md:text-5xl font-bold", children: t("title") }),
+            /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground max-w-3xl mx-auto", children: t("description") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid lg:grid-cols-3 gap-8", children: [
+            /* @__PURE__ */ jsxs(Card, { className: "lg:col-span-2 p-8", children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold mb-6", children: t("setupTitle") }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-8", children: t("setupDescription") }),
+              /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Organization Name / Slug" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      name: "orgName",
+                      placeholder: "my-org",
+                      required: true,
+                      minLength: 3,
+                      maxLength: 63,
+                      pattern: "^[a-z0-9.-]+$"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "3\u201363 characters. Lowercase letters, numbers, dots, and hyphens only." })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Organization Title" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      name: "orgTitle",
+                      placeholder: "Organization Title",
+                      required: true
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Organization Description" }),
+                  /* @__PURE__ */ jsx(
+                    Textarea,
+                    {
+                      name: "orgDescription",
+                      placeholder: "Organization Description",
+                      rows: 4,
+                      required: true
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Languages" }),
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      name: "orgLanguages",
+                      multiple: true,
+                      defaultValue: ["En"],
+                      className: "w-full rounded-md border border-input bg-background px-3 py-2 min-h-[100px]",
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "En", children: "English" }),
+                        /* @__PURE__ */ jsx("option", { value: "Fr", children: "French" }),
+                        /* @__PURE__ */ jsx("option", { value: "Es", children: "Spanish" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Hold Ctrl (Windows) / Cmd (Mac) to select multiple languages" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "border-t pt-6", children: [
+                  /* @__PURE__ */ jsx("h4", { className: "font-semibold mb-4", children: "Administrator Account" }),
+                  /* @__PURE__ */ jsxs("div", { className: "grid sm:grid-cols-2 gap-4", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Admin Name" }),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          name: "adminName",
+                          placeholder: "Admin Name",
+                          required: true
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Admin Email" }),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          name: "adminEmail",
+                          type: "email",
+                          placeholder: "admin@example.com",
+                          required: true
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col gap-2", children: [
+                    /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: "Password" }),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        name: "adminPassword",
+                        type: "password",
+                        placeholder: "Password",
+                        minLength: 8,
+                        required: true
+                      }
+                    )
+                  ] })
+                ] }),
+                error && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-red-500/20 bg-red-500/10 p-4 text-sm text-red-500", children: error }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "submit",
+                    size: "lg",
+                    className: "gradient-button w-full",
+                    disabled: loading,
+                    children: loading ? "Initializing Instance..." : "Initialize Instance"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+              /* @__PURE__ */ jsxs(Card, { className: "p-6 hover-card", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mb-3", children: t("contactInfoTitle") }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-1", children: t("emailLabel") }),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "mailto:info@collabdt.org",
+                        className: "text-primary hover:underline font-medium text-sm",
+                        children: "info@collabdt.org"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-1", children: t("websiteLabel") }),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "https://collabdt.org",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        className: "text-primary hover:underline font-medium text-sm",
+                        children: "collabdt.org"
+                      }
+                    )
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(Card, { className: "p-6 hover-card bg-primary/5 border-primary/20", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mb-3", children: t("needHelpTitle") }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("needHelpDescription") })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(Footer, {})
+  ] });
+}
+export {
+  OrganizationConfigContent as default
+};
+//# sourceMappingURL=organizationConfigContent.js.map

package/dist/core/components/organizationConfig/src/organizationConfigContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/organizationConfig/src/organizationConfigContent.tsx"],"sourcesContent":["'use client'\r\n\r\nimport { motion } from 'framer-motion'\r\nimport { useState } from 'react'\r\nimport { useRouter } from 'next/navigation'\r\nimport { useTranslations } from 'next-intl'\r\n\r\nimport { Button } from '../../ui/Button'\r\nimport { Card } from '../../ui/Card'\r\nimport { Input } from '../../ui/Input'\r\nimport { Textarea } from '../../ui/Textarea'\r\nimport Footer from '../../ui/Footer'\r\n\r\nexport default function OrganizationConfigContent() {\r\n  const t = useTranslations('OrganizationConfig')\r\n  const router = useRouter()\r\n\r\n  const [error, setError] = useState<string | null>(null)\r\n  const [loading, setLoading] = useState(false)\r\n\r\n  function validateOrgName(name: string) {\r\n  const regex = /^[a-z0-9.-]{3,63}$/\r\n  return regex.test(name)\r\n  }\r\n\r\n  async function handleSubmit(\r\n    e: React.FormEvent<HTMLFormElement>\r\n  ) {\r\n    e.preventDefault()\r\n\r\n    setError(null)\r\n    setLoading(true)\r\n    \r\n    \r\n    const formData = new FormData(e.currentTarget)\r\n    \r\n    const orgLanguages = formData\r\n      .getAll('orgLanguages')\r\n      .map(String)\r\n\r\n    const data = {\r\n      orgName: formData.get('orgName'),\r\n      orgTitle: formData.get('orgTitle'),\r\n      orgDescription: formData.get('orgDescription'),\r\n      orgLanguages,\r\n      adminName: formData.get('adminName'),\r\n      adminEmail: formData.get('adminEmail'),\r\n      adminPassword: formData.get('adminPassword'),\r\n    }\r\n\r\n    try {\r\n      const res = await fetch('/api/setup', {\r\n        method: 'POST',\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n        },\r\n        body: JSON.stringify(data),\r\n      })\r\n\r\n      const json = await res.json()\r\n\r\n      if (res.ok && json.success) {\r\n        router.push(`/${data.orgName}/auth/signin`)\r\n        return\r\n      }\r\n\r\n      setError(json.error ?? 'Failed to initialize instance.')\r\n    } catch {\r\n      setError('Network error. Please try again.')\r\n    } finally {\r\n      setLoading(false)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <section className=\"min-h-screen py-32 relative flex items-center z-10\">\r\n        <div className=\"container mx-auto px-6\">\r\n          <motion.div\r\n            initial={{ opacity: 0, y: 30 }}\r\n            animate={{ opacity: 1, y: 0 }}\r\n            className=\"max-w-5xl mx-auto\"\r\n          >\r\n            <div className=\"text-center mb-16 space-y-6\">\r\n              <h1 className=\"text-4xl md:text-5xl font-bold\">\r\n                {t('title')}\r\n              </h1>\r\n\r\n              <p className=\"text-lg text-muted-foreground max-w-3xl mx-auto\">\r\n                {t('description')}\r\n              </p>\r\n            </div>\r\n\r\n            <div className=\"grid lg:grid-cols-3 gap-8\">\r\n              <Card className=\"lg:col-span-2 p-8\">\r\n                <h3 className=\"text-2xl font-bold mb-6\">\r\n                  {t('setupTitle')}\r\n                </h3>\r\n\r\n                <p className=\"text-muted-foreground mb-8\">\r\n                  {t('setupDescription')}\r\n                </p>\r\n\r\n                <form onSubmit={handleSubmit} className=\"space-y-6\">\r\n\r\n                {/* Org Name */}\r\n                <div className=\"flex flex-col gap-2\">\r\n                  <label className=\"text-sm font-medium\">\r\n                    Organization Name / Slug\r\n                  </label>\r\n                  <Input\r\n                  name=\"orgName\"\r\n                  placeholder=\"my-org\"\r\n                  required\r\n                  minLength={3}\r\n                  maxLength={63}\r\n                  pattern=\"^[a-z0-9.-]+$\"\r\n                  />\r\n                  <p className=\"text-xs text-muted-foreground\">\r\n                    3–63 characters. Lowercase letters, numbers, dots, and hyphens only.\r\n                  </p>\r\n                </div>\r\n\r\n                {/* Org Title */}\r\n                <div className=\"flex flex-col gap-2\">\r\n                  <label className=\"text-sm font-medium\">\r\n                    Organization Title\r\n                  </label>\r\n                  <Input\r\n                    name=\"orgTitle\"\r\n                    placeholder=\"Organization Title\"\r\n                    required\r\n                  />\r\n                </div>\r\n\r\n                {/* Org Description */}\r\n                <div className=\"flex flex-col gap-2\">\r\n                  <label className=\"text-sm font-medium\">\r\n                    Organization Description\r\n                  </label>\r\n                  <Textarea\r\n                    name=\"orgDescription\"\r\n                    placeholder=\"Organization Description\"\r\n                    rows={4}\r\n                    required\r\n                  />\r\n                </div>\r\n\r\n                {/* Languages */}\r\n                <div className=\"flex flex-col gap-2\">\r\n                  <label className=\"text-sm font-medium\">\r\n                    Languages\r\n                  </label>\r\n\r\n                  <select\r\n                    name=\"orgLanguages\"\r\n                    multiple\r\n                    defaultValue={['En']}\r\n                    className=\"w-full rounded-md border border-input bg-background px-3 py-2 min-h-[100px]\"\r\n                  >\r\n                    <option value=\"En\">English</option>\r\n                    <option value=\"Fr\">French</option>\r\n                    <option value=\"Es\">Spanish</option>\r\n                  </select>\r\n\r\n                  <p className=\"text-xs text-muted-foreground\">\r\n                    Hold Ctrl (Windows) / Cmd (Mac) to select multiple languages\r\n                  </p>\r\n                </div>\r\n\r\n                {/* Admin Section */}\r\n                <div className=\"border-t pt-6\">\r\n                  <h4 className=\"font-semibold mb-4\">\r\n                    Administrator Account\r\n                  </h4>\r\n\r\n                  <div className=\"grid sm:grid-cols-2 gap-4\">\r\n                    <div className=\"flex flex-col gap-2\">\r\n                      <label className=\"text-sm font-medium\">\r\n                        Admin Name\r\n                      </label>\r\n                      <Input\r\n                        name=\"adminName\"\r\n                        placeholder=\"Admin Name\"\r\n                        required\r\n                      />\r\n                    </div>\r\n\r\n                    <div className=\"flex flex-col gap-2\">\r\n                      <label className=\"text-sm font-medium\">\r\n                        Admin Email\r\n                      </label>\r\n                      <Input\r\n                        name=\"adminEmail\"\r\n                        type=\"email\"\r\n                        placeholder=\"admin@example.com\"\r\n                        required\r\n                      />\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className=\"mt-4 flex flex-col gap-2\">\r\n                    <label className=\"text-sm font-medium\">\r\n                      Password\r\n                    </label>\r\n                    <Input\r\n                      name=\"adminPassword\"\r\n                      type=\"password\"\r\n                      placeholder=\"Password\"\r\n                      minLength={8}\r\n                      required\r\n                    />\r\n                  </div>\r\n                </div>\r\n\r\n                {/* Error */}\r\n                {error && (\r\n                  <div className=\"rounded-md border border-red-500/20 bg-red-500/10 p-4 text-sm text-red-500\">\r\n                    {error}\r\n                  </div>\r\n                )}\r\n\r\n                <Button\r\n                  type=\"submit\"\r\n                  size=\"lg\"\r\n                  className=\"gradient-button w-full\"\r\n                  disabled={loading}\r\n                >\r\n                  {loading ? 'Initializing Instance...' : 'Initialize Instance'}\r\n                </Button>\r\n              </form>\r\n              </Card>\r\n\r\n              <div className=\"space-y-6\">\r\n              <Card className=\"p-6 hover-card\">\r\n                <h3 className=\"text-lg font-bold mb-3\">\r\n                  {t('contactInfoTitle')}\r\n                </h3>\r\n\r\n                <div className=\"space-y-4\">\r\n                  <div>\r\n                    <p className=\"text-sm text-muted-foreground mb-1\">\r\n                      {t('emailLabel')}\r\n                    </p>\r\n\r\n                    <a\r\n                      href=\"mailto:info@collabdt.org\"\r\n                      className=\"text-primary hover:underline font-medium text-sm\"\r\n                    >\r\n                      info@collabdt.org\r\n                    </a>\r\n                  </div>\r\n\r\n                  <div>\r\n                    <p className=\"text-sm text-muted-foreground mb-1\">\r\n                      {t('websiteLabel')}\r\n                    </p>\r\n\r\n                    <a\r\n                      href=\"https://collabdt.org\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      className=\"text-primary hover:underline font-medium text-sm\"\r\n                    >\r\n                      collabdt.org\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n              </Card>\r\n\r\n              <Card className=\"p-6 hover-card bg-primary/5 border-primary/20\">\r\n                <h3 className=\"text-lg font-bold mb-3\">\r\n                  {t('needHelpTitle')}\r\n                </h3>\r\n\r\n                <p className=\"text-sm text-muted-foreground\">\r\n                  {t('needHelpDescription')}\r\n                </p>\r\n              </Card>\r\n            </div>\r\n            </div>\r\n          </motion.div>\r\n        </div>\r\n      </section>\r\n\r\n      <Footer />\r\n    </>\r\n  )\r\n}"],"mappings":"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","names":["e"]}

package/dist/core/components/ui/AppSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/AppSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGzC,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,WAAW,EACnB,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAC1D,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAC1D,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAC1D,SAAS,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,EACjE,eAAe,GAAG,SAYnB,CAAA;AAED,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAClF;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,qBAqEhE"}
+{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/AppSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGzC,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,WAAW,EACnB,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAC1D,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAC1D,iBAAiB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAC1D,SAAS,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,EACjE,eAAe,GAAG,SAYnB,CAAA;AAED,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAClF;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,qBA4FhE"}

package/dist/core/components/ui/AppSidebar.js

@@ -47,21 +47,36 @@ function AppSidebar({ children, signOut }) {
         }
       ) }),
       children,
-      /* @__PURE__ */ jsxs("div", { className: `w-full flex flex-col ${sidebarState === "expanded" ? "items-center justify-center" : "justify-center"}`, children: [
-        /* @__PURE__ */ jsx(NavUser, { signOut }),
-        /* @__PURE__ */ jsx(Link, { href: "https://collabdt.org/", className: sidebarState === "expanded" ? "w-full" : "", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            title: isCollapsed ? t("home") : void 0,
-            variant: "ghost",
-            className: `text-xs scale-[85%] py-0 my-0 w-full ${sidebarState === "expanded" ? "flex flex-row items-center justify-center gap-2" : "flex flex-col items-center"}`,
-            children: [
-              !isCollapsed && /* @__PURE__ */ jsx(CdtIcon, { monochromatic: true }),
-              /* @__PURE__ */ jsx("span", { className: isCollapsed ? "hidden" : "inline", children: t("home") })
-            ]
-          }
-        ) })
-      ] })
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `w-full flex flex-col ${sidebarState === "expanded" ? "items-center justify-center" : "justify-center"}`,
+          children: [
+            /* @__PURE__ */ jsx(NavUser, { signOut }),
+            /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: "https://collabdt.org/",
+                className: sidebarState === "expanded" ? "w-full" : "",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    title: isCollapsed ? t("home") : void 0,
+                    variant: "ghost",
+                    className: `text-xs scale-[85%] py-0 my-0 w-full ${sidebarState === "expanded" ? "flex flex-row items-center justify-center gap-2" : "flex flex-col items-center"}`,
+                    children: /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("div", { className: isCollapsed ? "scale-75" : "", children: /* @__PURE__ */ jsx(CdtIcon, { monochromatic: true }) }),
+                      !isCollapsed && /* @__PURE__ */ jsx("span", { children: t("home") })
+                    ] })
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
     ] })
   ] });
 }

package/dist/core/components/ui/AppSidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/core/components/ui/AppSidebar.tsx"],"sourcesContent":["'use client'\r\nimport * as React from 'react'\r\n\r\n// Dependencies\r\nimport { Button } from './Button'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n\r\nimport { useTranslations } from 'next-intl'\r\nimport { CdtIcon } from './Icons/CdtIcon'\r\nimport Link from 'next/link'\r\nimport { Sidebar, useSidebar, NavUser } from './'\r\nimport { ViewerNames } from '../../types'\r\nimport { useMenusContext } from '../../store'\r\n\r\nexport const handleChangeViewer = (\r\n  viewer: ViewerNames,\r\n  setSelectedItem: React.Dispatch<React.SetStateAction<any>>,\r\n  setSelectedSite: React.Dispatch<React.SetStateAction<any>>,\r\n  setSelectedFile: React.Dispatch<React.SetStateAction<any>>,\r\n  setView: React.Dispatch<React.SetStateAction<'table' | 'detail'>>,\r\n  menusDispatch: any,\r\n) => {\r\n  // Reset selected item, file, & view when changing viewer\r\n  setSelectedItem(null)\r\n  setSelectedSite(null)\r\n  setSelectedFile(null)\r\n  setView('table')\r\n\r\n  menusDispatch({\r\n    type: 'SET_VIEWER',\r\n    payload: { currentViewer: viewer },\r\n  })\r\n}\r\n\r\ninterface AppSidebarProps {\r\n  children?: React.ReactNode\r\n  signOut: (options?: { redirectTo?: string; redirect?: boolean }) => Promise<void>\r\n}\r\n\r\nexport function AppSidebar({ children, signOut }: AppSidebarProps) {\r\n  // Translations\r\n  const t = useTranslations('AppSidebar')\r\n\r\n  const { state: menusState } = useMenusContext()\r\n\r\n  const { sidebarState, isMobile, openMobile, toggleMenuSidebar } = useSidebar()\r\n\r\n  const { currentViewer } = menusState.menus\r\n\r\n  // On mobile, treat the sheet open as expanded so labels render when the drawer is visible\r\n  const isCollapsed = isMobile ? !openMobile : sidebarState === 'collapsed'\r\n\r\n  // Determine the collapsible type based on the current viewer\r\n  const collapsibleType = currentViewer === ViewerNames.auth ? 'offcanvas' : 'icon'\r\n\r\n  return (\r\n    <>\r\n      {/* Always show toggle button on mobile when collapsed */}\r\n      {isMobile && isCollapsed && (\r\n        <div id='sidebar-toggle-button-mobile' className='fixed left-0 top-1/2 -translate-y-1/2 z-[100] flex items-center justify-center pointer-events-auto'>\r\n          <button\r\n            onClick={toggleMenuSidebar}\r\n            className=\"text-muted-foreground hover:text-primary p-[2px] rounded-r-md bg-sidebar\"\r\n            style={{ border: '1px solid rgba(128,128,128,0.2)', borderLeft: 'none', boxShadow: '4px 0 8px -4px rgba(0,0,0,0.12)' }}\r\n          >\r\n            <LR.ChevronRight className=\"w-5\" />\r\n          </button>\r\n        </div>\r\n      )}\r\n      <Sidebar collapsible={collapsibleType} className=\"border-none z-50 shadow-md relative\" >\r\n        {/* Sidebar toggle button - right side inside Sidebar */}\r\n        {(sidebarState === 'expanded') && (\r\n          <div id='sidebar-toggle-button' className={`absolute right-2 top-2 flex items-center justify-center pointer-events-auto z-50 ${isMobile ? '' : ''}`}>\r\n            <button onClick={toggleMenuSidebar} className='text-muted-foreground hover:text-primary p-1'>\r\n              <LR.X className='w-5' />\r\n            </button>\r\n          </div>\r\n        )}\r\n        {/* Show collapsed toggle only on desktop */}\r\n        {!isMobile && sidebarState !== 'expanded' && (\r\n          <div id='sidebar-toggle-button' className='absolute -right-1 max-h-1 top-1/2 -translate-y-1/2 flex items-center justify-center pointer-events-auto z-50'>\r\n            <button\r\n              onClick={toggleMenuSidebar}\r\n              className=\"text-muted-foreground hover:text-primary p-0 rounded-md bg-sidebar\"\r\n              style={{ borderRight: '1px solid rgba(128,128,128,0.2)', boxShadow: '4px 0 8px -4px rgba(0,0,0,0.12)' }}\r\n            >\r\n              <LR.ChevronRight className=\"w-4\" />\r\n            </button>\r\n          </div>\r\n        )}\r\n        {children}\r\n        <div className={`w-full flex flex-col ${sidebarState === 'expanded' ? 'items-center justify-center' : 'justify-center'}`}>\r\n          {/*  Nav User */}\r\n          <NavUser signOut={signOut} />\r\n          <Link href=\"https://collabdt.org/\" className={sidebarState === 'expanded' ? 'w-full' : ''} target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <Button\r\n              title={isCollapsed ? t('home') : undefined}\r\n              variant=\"ghost\"\r\n              className={`text-xs scale-[85%] py-0 my-0 w-full ${sidebarState === 'expanded' ? 'flex flex-row items-center justify-center gap-2' : 'flex flex-col items-center'}`}\r\n            >\r\n              {!isCollapsed && <CdtIcon monochromatic={true} />}\r\n              <span className={isCollapsed ? 'hidden' : 'inline'}>{t('home')}</span>\r\n            </Button>\r\n          </Link>\r\n        </div>\r\n      </Sidebar>\r\n    </>\r\n  )\r\n}"],"mappings":";AA0DI,mBASQ,KA8BA,YAvCR;AAtDJ,SAAS,cAAc;AAGvB,YAAY,QAAQ;AAEpB,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,OAAO,UAAU;AACjB,SAAS,SAAS,YAAY,eAAe;AAC7C,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEzB,MAAM,qBAAqB,CAChC,QACA,iBACA,iBACA,iBACA,SACA,kBACG;AAEH,kBAAgB,IAAI;AACpB,kBAAgB,IAAI;AACpB,kBAAgB,IAAI;AACpB,UAAQ,OAAO;AAEf,gBAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,EAAE,eAAe,OAAO;AAAA,EACnC,CAAC;AACH;AAOO,SAAS,WAAW,EAAE,UAAU,QAAQ,GAAoB;AAEjE,QAAM,IAAI,gBAAgB,YAAY;AAEtC,QAAM,EAAE,OAAO,WAAW,IAAI,gBAAgB;AAE9C,QAAM,EAAE,cAAc,UAAU,YAAY,kBAAkB,IAAI,WAAW;AAE7E,QAAM,EAAE,cAAc,IAAI,WAAW;AAGrC,QAAM,cAAc,WAAW,CAAC,aAAa,iBAAiB;AAG9D,QAAM,kBAAkB,kBAAkB,YAAY,OAAO,cAAc;AAE3E,SACE,iCAEG;AAAA,gBAAY,eACX,oBAAC,SAAI,IAAG,gCAA+B,WAAU,sGAC/C;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,mCAAmC,YAAY,QAAQ,WAAW,kCAAkC;AAAA,QAErH,8BAAC,GAAG,cAAH,EAAgB,WAAU,OAAM;AAAA;AAAA,IACnC,GACF;AAAA,IAEF,qBAAC,WAAQ,aAAa,iBAAiB,WAAU,uCAE7C;AAAA,uBAAiB,cACjB,oBAAC,SAAI,IAAG,yBAAwB,WAAW,oFAAoF,WAAW,KAAK,EAAE,IAC/I,8BAAC,YAAO,SAAS,mBAAmB,WAAU,gDAC5C,8BAAC,GAAG,GAAH,EAAK,WAAU,OAAM,GACxB,GACF;AAAA,MAGD,CAAC,YAAY,iBAAiB,cAC7B,oBAAC,SAAI,IAAG,yBAAwB,WAAU,gHACxC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UACV,OAAO,EAAE,aAAa,mCAAmC,WAAW,kCAAkC;AAAA,UAEtG,8BAAC,GAAG,cAAH,EAAgB,WAAU,OAAM;AAAA;AAAA,MACnC,GACF;AAAA,MAED;AAAA,MACD,qBAAC,SAAI,WAAW,wBAAwB,iBAAiB,aAAa,gCAAgC,gBAAgB,IAEpH;AAAA,4BAAC,WAAQ,SAAkB;AAAA,QAC3B,oBAAC,QAAK,MAAK,yBAAwB,WAAW,iBAAiB,aAAa,WAAW,IAAI,QAAO,UAAS,KAAI,uBAC7G;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,cAAc,EAAE,MAAM,IAAI;AAAA,YACjC,SAAQ;AAAA,YACR,WAAW,wCAAwC,iBAAiB,aAAa,oDAAoD,4BAA4B;AAAA,YAEhK;AAAA,eAAC,eAAe,oBAAC,WAAQ,eAAe,MAAM;AAAA,cAC/C,oBAAC,UAAK,WAAW,cAAc,WAAW,UAAW,YAAE,MAAM,GAAE;AAAA;AAAA;AAAA,QACjE,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/core/components/ui/AppSidebar.tsx"],"sourcesContent":["'use client'\r\nimport * as React from 'react'\r\n\r\n// Dependencies\r\nimport { Button } from './Button'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n\r\nimport { useTranslations } from 'next-intl'\r\nimport { CdtIcon } from './Icons/CdtIcon'\r\nimport Link from 'next/link'\r\nimport { Sidebar, useSidebar, NavUser } from './'\r\nimport { ViewerNames } from '../../types'\r\nimport { useMenusContext } from '../../store'\r\n\r\nexport const handleChangeViewer = (\r\n  viewer: ViewerNames,\r\n  setSelectedItem: React.Dispatch<React.SetStateAction<any>>,\r\n  setSelectedSite: React.Dispatch<React.SetStateAction<any>>,\r\n  setSelectedFile: React.Dispatch<React.SetStateAction<any>>,\r\n  setView: React.Dispatch<React.SetStateAction<'table' | 'detail'>>,\r\n  menusDispatch: any,\r\n) => {\r\n  // Reset selected item, file, & view when changing viewer\r\n  setSelectedItem(null)\r\n  setSelectedSite(null)\r\n  setSelectedFile(null)\r\n  setView('table')\r\n\r\n  menusDispatch({\r\n    type: 'SET_VIEWER',\r\n    payload: { currentViewer: viewer },\r\n  })\r\n}\r\n\r\ninterface AppSidebarProps {\r\n  children?: React.ReactNode\r\n  signOut: (options?: { redirectTo?: string; redirect?: boolean }) => Promise<void>\r\n}\r\n\r\nexport function AppSidebar({ children, signOut }: AppSidebarProps) {\r\n  // Translations\r\n  const t = useTranslations('AppSidebar')\r\n\r\n  const { state: menusState } = useMenusContext()\r\n\r\n  const { sidebarState, isMobile, openMobile, toggleMenuSidebar } = useSidebar()\r\n\r\n  const { currentViewer } = menusState.menus\r\n\r\n  // On mobile, treat the sheet open as expanded so labels render when the drawer is visible\r\n  const isCollapsed = isMobile ? !openMobile : sidebarState === 'collapsed'\r\n\r\n  // Determine the collapsible type based on the current viewer\r\n  const collapsibleType = currentViewer === ViewerNames.auth ? 'offcanvas' : 'icon'\r\n\r\n  return (\r\n    <>\r\n      {/* Always show toggle button on mobile when collapsed */}\r\n      {isMobile && isCollapsed && (\r\n        <div id='sidebar-toggle-button-mobile' className='fixed left-0 top-1/2 -translate-y-1/2 z-[100] flex items-center justify-center pointer-events-auto'>\r\n          <button\r\n            onClick={toggleMenuSidebar}\r\n            className=\"text-muted-foreground hover:text-primary p-[2px] rounded-r-md bg-sidebar\"\r\n            style={{ border: '1px solid rgba(128,128,128,0.2)', borderLeft: 'none', boxShadow: '4px 0 8px -4px rgba(0,0,0,0.12)' }}\r\n          >\r\n            <LR.ChevronRight className=\"w-5\" />\r\n          </button>\r\n        </div>\r\n      )}\r\n      <Sidebar collapsible={collapsibleType} className=\"border-none z-50 shadow-md relative\" >\r\n        {/* Sidebar toggle button - right side inside Sidebar */}\r\n        {(sidebarState === 'expanded') && (\r\n          <div id='sidebar-toggle-button' className={`absolute right-2 top-2 flex items-center justify-center pointer-events-auto z-50 ${isMobile ? '' : ''}`}>\r\n            <button onClick={toggleMenuSidebar} className='text-muted-foreground hover:text-primary p-1'>\r\n              <LR.X className='w-5' />\r\n            </button>\r\n          </div>\r\n        )}\r\n        {/* Show collapsed toggle only on desktop */}\r\n        {!isMobile && sidebarState !== 'expanded' && (\r\n          <div id='sidebar-toggle-button' className='absolute -right-1 max-h-1 top-1/2 -translate-y-1/2 flex items-center justify-center pointer-events-auto z-50'>\r\n            <button\r\n              onClick={toggleMenuSidebar}\r\n              className=\"text-muted-foreground hover:text-primary p-0 rounded-md bg-sidebar\"\r\n              style={{ borderRight: '1px solid rgba(128,128,128,0.2)', boxShadow: '4px 0 8px -4px rgba(0,0,0,0.12)' }}\r\n            >\r\n              <LR.ChevronRight className=\"w-4\" />\r\n            </button>\r\n          </div>\r\n        )}\r\n        {children}\r\n        <div\r\n            className={`w-full flex flex-col ${\r\n              sidebarState === 'expanded'\r\n                ? 'items-center justify-center'\r\n                : 'justify-center'\r\n            }`}\r\n          >\r\n            {/* Nav User */}\r\n            <NavUser signOut={signOut} />\r\n\r\n            <Link\r\n              href=\"https://collabdt.org/\"\r\n              className={sidebarState === 'expanded' ? 'w-full' : ''}\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n            >\r\n              <Button\r\n                title={isCollapsed ? t('home') : undefined}\r\n                variant=\"ghost\"\r\n                className={`text-xs scale-[85%] py-0 my-0 w-full ${\r\n                  sidebarState === 'expanded'\r\n                    ? 'flex flex-row items-center justify-center gap-2'\r\n                    : 'flex flex-col items-center'\r\n                }`}\r\n              >\r\n                <>\r\n                <div className={isCollapsed ? 'scale-75' : ''}>\r\n                  <CdtIcon monochromatic />\r\n                </div>\r\n\r\n                {!isCollapsed && (\r\n                  <span>{t('home')}</span>\r\n                )}\r\n              </>\r\n              </Button>\r\n            </Link>\r\n          </div>\r\n      </Sidebar>\r\n    </>\r\n  )\r\n}"],"mappings":";AAmEY,SAmDI,UAnDJ,KAmDI,YAnDJ;AA/DZ,SAAS,cAAc;AAGvB,YAAY,QAAQ;AAEpB,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,OAAO,UAAU;AACjB,SAAS,SAAS,YAAY,eAAe;AAC7C,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEzB,MAAM,qBAAqB,CAChC,QACA,iBACA,iBACA,iBACA,SACA,kBACG;AAEH,kBAAgB,IAAI;AACpB,kBAAgB,IAAI;AACpB,kBAAgB,IAAI;AACpB,UAAQ,OAAO;AAEf,gBAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,EAAE,eAAe,OAAO;AAAA,EACnC,CAAC;AACH;AAOO,SAAS,WAAW,EAAE,UAAU,QAAQ,GAAoB;AAEjE,QAAM,IAAI,gBAAgB,YAAY;AAEtC,QAAM,EAAE,OAAO,WAAW,IAAI,gBAAgB;AAE9C,QAAM,EAAE,cAAc,UAAU,YAAY,kBAAkB,IAAI,WAAW;AAE7E,QAAM,EAAE,cAAc,IAAI,WAAW;AAGrC,QAAM,cAAc,WAAW,CAAC,aAAa,iBAAiB;AAG9D,QAAM,kBAAkB,kBAAkB,YAAY,OAAO,cAAc;AAE3E,SACE,iCAEG;AAAA,gBAAY,eACX,oBAAC,SAAI,IAAG,gCAA+B,WAAU,sGAC/C;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,mCAAmC,YAAY,QAAQ,WAAW,kCAAkC;AAAA,QAErH,8BAAC,GAAG,cAAH,EAAgB,WAAU,OAAM;AAAA;AAAA,IACnC,GACF;AAAA,IAEF,qBAAC,WAAQ,aAAa,iBAAiB,WAAU,uCAE7C;AAAA,uBAAiB,cACjB,oBAAC,SAAI,IAAG,yBAAwB,WAAW,oFAAoF,WAAW,KAAK,EAAE,IAC/I,8BAAC,YAAO,SAAS,mBAAmB,WAAU,gDAC5C,8BAAC,GAAG,GAAH,EAAK,WAAU,OAAM,GACxB,GACF;AAAA,MAGD,CAAC,YAAY,iBAAiB,cAC7B,oBAAC,SAAI,IAAG,yBAAwB,WAAU,gHACxC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UACV,OAAO,EAAE,aAAa,mCAAmC,WAAW,kCAAkC;AAAA,UAEtG,8BAAC,GAAG,cAAH,EAAgB,WAAU,OAAM;AAAA;AAAA,MACnC,GACF;AAAA,MAED;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACG,WAAW,wBACT,iBAAiB,aACb,gCACA,gBACN;AAAA,UAGA;AAAA,gCAAC,WAAQ,SAAkB;AAAA,YAE3B;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAW,iBAAiB,aAAa,WAAW;AAAA,gBACpD,QAAO;AAAA,gBACP,KAAI;AAAA,gBAEJ;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO,cAAc,EAAE,MAAM,IAAI;AAAA,oBACjC,SAAQ;AAAA,oBACR,WAAW,wCACT,iBAAiB,aACb,oDACA,4BACN;AAAA,oBAEA,2CACA;AAAA,0CAAC,SAAI,WAAW,cAAc,aAAa,IACzC,8BAAC,WAAQ,eAAa,MAAC,GACzB;AAAA,sBAEC,CAAC,eACA,oBAAC,UAAM,YAAE,MAAM,GAAE;AAAA,uBAErB;AAAA;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA,OACJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/core/components/viewers/Data/files/DatatableFileAdder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatatableFileAdder.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/DatatableFileAdder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,CAAC,OAAO,UAAU,kBAAkB,sBAqCzC"}
+{"version":3,"file":"DatatableFileAdder.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/DatatableFileAdder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,CAAC,OAAO,UAAU,kBAAkB,sBAuCzC"}

package/dist/core/components/viewers/Data/files/DatatableFileAdder.js

@@ -5,6 +5,7 @@ import { usePermissions } from "../../../../store";
 import { Button, LoadingSpinner } from "../../../../components/ui/";
 import * as LR from "lucide-react";
 import { useFileUploadWithProgress } from "../../../../components/ui/FilesManager";
+import { toast } from "sonner";
 function DatatableFileAdder() {
   const t = useTranslations("HeadDatatableFileAddererButtons");
   const { ability } = usePermissions();
@@ -12,9 +13,11 @@ function DatatableFileAdder() {
     acceptedFileTypes: "*",
     onUploadSuccess: () => {
       console.log("File successfully uploaded to API");
+      toast.success(t("uploadSuccess"));
     },
     onUploadError: (error) => {
       console.error("Error uploading file:", error);
+      toast.error(error.message);
     }
   });
   return /* @__PURE__ */ jsx("div", { className: "inline-block", children: /* @__PURE__ */ jsxs(

package/dist/core/components/viewers/Data/files/DatatableFileAdder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/DatatableFileAdder.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\nimport { Button, LoadingSpinner } from '../../../../components/ui/'\r\nimport * as LR from 'lucide-react'\r\nimport { useFileUploadWithProgress } from '../../../../components/ui/FilesManager'\r\n\r\nexport default function DatatableFileAdder() {\r\n\r\n  // Translations\r\n  const t = useTranslations('HeadDatatableFileAddererButtons')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  // Use the reusable upload hook with progress\r\n  const { handleAddFile, uploadState } = useFileUploadWithProgress({\r\n    acceptedFileTypes: '*',\r\n    onUploadSuccess: () => {\r\n      console.log('File successfully uploaded to API')\r\n    },\r\n    onUploadError: (error) => {\r\n      console.error('Error uploading file:', error)\r\n    }\r\n  })\r\n\r\n  return (\r\n    <div className=\"inline-block\">\r\n      <Button \r\n        variant=\"default\" \r\n        onClick={handleAddFile}\r\n        disabled={!ability.can('create', 'File') || uploadState.uploading}\r\n      >\r\n        {uploadState.uploading\r\n          ? (\r\n              <LoadingSpinner />\r\n            )\r\n          : (\r\n              <LR.CirclePlus className=\"mr-2\" />\r\n            )}\r\n        {uploadState.uploading ? `${t('uploading')} ${uploadState.progress}%` : t('addFile')}\r\n      </Button>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AA+BM,SAOQ,KAPR;AA5BN,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAE/B,SAAS,QAAQ,sBAAsB;AACvC,YAAY,QAAQ;AACpB,SAAS,iCAAiC;AAE3B,SAAR,qBAAsC;AAG3C,QAAM,IAAI,gBAAgB,iCAAiC;AAG3D,QAAM,EAAE,QAAQ,IAAI,eAAe;AAGnC,QAAM,EAAE,eAAe,YAAY,IAAI,0BAA0B;AAAA,IAC/D,mBAAmB;AAAA,IACnB,iBAAiB,MAAM;AACrB,cAAQ,IAAI,mCAAmC;AAAA,IACjD;AAAA,IACA,eAAe,CAAC,UAAU;AACxB,cAAQ,MAAM,yBAAyB,KAAK;AAAA,IAC9C;AAAA,EACF,CAAC;AAED,SACE,oBAAC,SAAI,WAAU,gBACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM,KAAK,YAAY;AAAA,MAEvD;AAAA,oBAAY,YAEP,oBAAC,kBAAe,IAGhB,oBAAC,GAAG,YAAH,EAAc,WAAU,QAAO;AAAA,QAErC,YAAY,YAAY,GAAG,EAAE,WAAW,CAAC,IAAI,YAAY,QAAQ,MAAM,EAAE,SAAS;AAAA;AAAA;AAAA,EACrF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/DatatableFileAdder.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\nimport { Button, LoadingSpinner } from '../../../../components/ui/'\r\nimport * as LR from 'lucide-react'\r\nimport { useFileUploadWithProgress } from '../../../../components/ui/FilesManager'\r\n\r\nimport { toast } from 'sonner'\r\n\r\nexport default function DatatableFileAdder() {\r\n\r\n  // Translations\r\n  const t = useTranslations('HeadDatatableFileAddererButtons')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  // Use the reusable upload hook with progress\r\n  const { handleAddFile, uploadState } = useFileUploadWithProgress({\r\n    acceptedFileTypes: '*',\r\n    onUploadSuccess: () => {\r\n      console.log('File successfully uploaded to API')\r\n      toast.success(t('uploadSuccess'))\r\n    },\r\n    onUploadError: (error) => {\r\n      console.error('Error uploading file:', error)\r\n      toast.error(error.message)\r\n    }\r\n  })\r\n\r\n  return (\r\n    <div className=\"inline-block\">\r\n      <Button \r\n        variant=\"default\" \r\n        onClick={handleAddFile}\r\n        disabled={!ability.can('create', 'File') || uploadState.uploading}\r\n      >\r\n        {uploadState.uploading\r\n          ? (\r\n              <LoadingSpinner />\r\n            )\r\n          : (\r\n              <LR.CirclePlus className=\"mr-2\" />\r\n            )}\r\n        {uploadState.uploading ? `${t('uploading')} ${uploadState.progress}%` : t('addFile')}\r\n      </Button>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAmCM,SAOQ,KAPR;AAhCN,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAE/B,SAAS,QAAQ,sBAAsB;AACvC,YAAY,QAAQ;AACpB,SAAS,iCAAiC;AAE1C,SAAS,aAAa;AAEP,SAAR,qBAAsC;AAG3C,QAAM,IAAI,gBAAgB,iCAAiC;AAG3D,QAAM,EAAE,QAAQ,IAAI,eAAe;AAGnC,QAAM,EAAE,eAAe,YAAY,IAAI,0BAA0B;AAAA,IAC/D,mBAAmB;AAAA,IACnB,iBAAiB,MAAM;AACrB,cAAQ,IAAI,mCAAmC;AAC/C,YAAM,QAAQ,EAAE,eAAe,CAAC;AAAA,IAClC;AAAA,IACA,eAAe,CAAC,UAAU;AACxB,cAAQ,MAAM,yBAAyB,KAAK;AAC5C,YAAM,MAAM,MAAM,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AAED,SACE,oBAAC,SAAI,WAAU,gBACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM,KAAK,YAAY;AAAA,MAEvD;AAAA,oBAAY,YAEP,oBAAC,kBAAe,IAGhB,oBAAC,GAAG,YAAH,EAAc,WAAU,QAAO;AAAA,QAErC,YAAY,YAAY,GAAG,EAAE,WAAW,CAAC,IAAI,YAAY,QAAQ,MAAM,EAAE,SAAS;AAAA;AAAA;AAAA,EACrF,GACF;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@collabdt/core",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "description": "CDT Core contains all the core technology for your CDT platform",
   "type": "module",
   "main": "dist/index.js",