create-nextblock 0.14.1 → 0.14.4

package/templates/nextblock-template/app/cms/settings/packages/package-card.tsx

@@ -1,122 +1,122 @@
-'use client';
-
-import { PackageDef } from '@nextblock-cms/utils';
-import { Button } from '@nextblock-cms/ui';
-import { deactivatePackage } from '../../../actions/package-actions';
-import { toast } from 'sonner';
-import { useState } from 'react';
-import { Loader2, CheckCircle, ExternalLink, FlaskConical, X } from 'lucide-react';
-
-const isSandbox = process.env.NEXT_PUBLIC_IS_SANDBOX === 'true';
-
-interface PackageCardProps {
-    pkg: PackageDef;
-    isActive: boolean;
-    licenseKey?: string;
-}
-
-export function PackageCard({ pkg, isActive, licenseKey }: PackageCardProps) {
-    const [loading, setLoading] = useState(false);
-    const [showSandboxModal, setShowSandboxModal] = useState(false);
-
-    const handleDeactivate = async () => {
-        if (!confirm('Are you sure you want to deactivate this package? functionality will be locked instantly.')) return;
-        setLoading(true);
-        try {
-            const res = await deactivatePackage(pkg.id);
-            if (res?.error) {
-                toast.error(res.error);
-            } else {
-                toast.success('Package deactivated.');
-            }
-        } catch {
-            toast.error('Deactivation failed');
-        } finally {
-            setLoading(false);
-        }
-    };
-
-    return (
-        <>
-            {/* Sandbox Mock Checkout Modal */}
-            {showSandboxModal && (
-                <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={() => setShowSandboxModal(false)}>
-                    <div className="relative bg-background border rounded-xl shadow-2xl p-8 max-w-md mx-4" onClick={e => e.stopPropagation()}>
-                        <button
-                            onClick={() => setShowSandboxModal(false)}
-                            className="absolute top-4 right-4 text-muted-foreground hover:text-foreground transition-colors"
-                        >
-                            <X className="w-5 h-5" />
-                        </button>
-                        <div className="flex items-center gap-3 mb-4">
-                            <div className="p-2 rounded-full bg-amber-100 dark:bg-amber-900/20">
-                                <FlaskConical className="h-6 w-6 text-amber-600 dark:text-amber-400" />
-                            </div>
-                            <h2 className="text-xl font-semibold">Checkout Successful</h2>
-                        </div>
-                        <p className="text-muted-foreground mb-2">
-                            🎉 This is a <strong>Sandbox environment</strong>. The Freemius checkout is
-                            skipped here for demo purposes.
-                        </p>
-                        <p className="text-muted-foreground mb-6">
-                            To purchase a real license for your self-hosted NextBlock™ instance, visit:
-                        </p>
-                        <a
-                            href="https://nextblock.ca"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            className="block w-full text-center py-3 px-4 rounded-lg bg-primary text-primary-foreground font-semibold hover:opacity-90 transition-opacity"
-                        >
-                            Purchase at nextblock.ca
-                        </a>
-                    </div>
-                </div>
-            )}
-
-            <div className="border rounded-lg p-6 flex flex-col justify-between h-full bg-card shadow-sm">
-                <div>
-                    <div className="flex justify-between items-start mb-4">
-                        <div>
-                            <h3 className="text-xl font-semibold">{pkg.name}</h3>
-                            {isActive ? (
-                                <span className="inline-flex items-center text-xs font-medium px-2.5 py-0.5 rounded-full bg-green-100 text-green-800 mt-1">
-                                    <CheckCircle className="w-3 h-3 mr-1" />
-                                    Active
-                                </span>
-                            ) : (
-                                <span className="inline-flex items-center text-xs font-medium px-2.5 py-0.5 rounded-full bg-gray-100 text-gray-800 mt-1">
-                                    Inactive
-                                </span>
-                            )}
-                        </div>
-                    </div>
-                    <p className="text-muted-foreground mb-6">{pkg.description}</p>
-                </div>
-
-                <div className="pt-4 border-t">
-                    {isActive ? (
-                        <div className="flex flex-col gap-3">
-                            <div className="text-xs text-muted-foreground">
-                                License: <span className="font-mono bg-muted px-1 rounded">{licenseKey ? `•••• ${licenseKey.slice(-4)}` : '••••'}</span>
-                            </div>
-                            <Button variant="outline" size="sm" onClick={handleDeactivate} disabled={loading || isSandbox} className="w-full text-destructive hover:text-destructive">
-                                {loading ? <Loader2 className="w-4 h-4 animate-spin" /> : 'Deactivate License'}
-                            </Button>
-                        </div>
-                    ) : isSandbox ? (
-                        <Button className="w-full" onClick={() => setShowSandboxModal(true)}>
-                            <FlaskConical className="mr-2 w-4 h-4" />
-                            Buy License (Sandbox Demo)
-                        </Button>
-                    ) : (
-                        <Button asChild className="w-full">
-                            <a href="https://nextblock.ca" target="_blank" rel="noopener noreferrer">
-                                Buy License <ExternalLink className="ml-2 w-3 h-3" />
-                            </a>
-                        </Button>
-                    )}
-                </div>
-            </div>
-        </>
-    );
-}
+'use client';
+
+import { PackageDef } from '@nextblock-cms/utils';
+import { Button } from '@nextblock-cms/ui';
+import { deactivatePackage } from '../../../actions/package-actions';
+import { toast } from 'sonner';
+import { useState } from 'react';
+import { Loader2, CheckCircle, ExternalLink, FlaskConical, X } from 'lucide-react';
+
+const isSandbox = process.env.NEXT_PUBLIC_IS_SANDBOX === 'true';
+
+interface PackageCardProps {
+    pkg: PackageDef;
+    isActive: boolean;
+    licenseKey?: string;
+}
+
+export function PackageCard({ pkg, isActive, licenseKey }: PackageCardProps) {
+    const [loading, setLoading] = useState(false);
+    const [showSandboxModal, setShowSandboxModal] = useState(false);
+
+    const handleDeactivate = async () => {
+        if (!confirm('Are you sure you want to deactivate this package? functionality will be locked instantly.')) return;
+        setLoading(true);
+        try {
+            const res = await deactivatePackage(pkg.id);
+            if (res?.error) {
+                toast.error(res.error);
+            } else {
+                toast.success('Package deactivated.');
+            }
+        } catch {
+            toast.error('Deactivation failed');
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    return (
+        <>
+            {/* Sandbox Mock Checkout Modal */}
+            {showSandboxModal && (
+                <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={() => setShowSandboxModal(false)}>
+                    <div className="relative bg-background border rounded-xl shadow-2xl p-8 max-w-md mx-4" onClick={e => e.stopPropagation()}>
+                        <button
+                            onClick={() => setShowSandboxModal(false)}
+                            className="absolute top-4 right-4 text-muted-foreground hover:text-foreground transition-colors"
+                        >
+                            <X className="w-5 h-5" />
+                        </button>
+                        <div className="flex items-center gap-3 mb-4">
+                            <div className="p-2 rounded-full bg-amber-100 dark:bg-amber-900/20">
+                                <FlaskConical className="h-6 w-6 text-amber-600 dark:text-amber-400" />
+                            </div>
+                            <h2 className="text-xl font-semibold">Checkout Successful</h2>
+                        </div>
+                        <p className="text-muted-foreground mb-2">
+                            🎉 This is a <strong>Sandbox environment</strong>. The Freemius checkout is
+                            skipped here for demo purposes.
+                        </p>
+                        <p className="text-muted-foreground mb-6">
+                            To purchase a real license for your self-hosted NextBlock™ instance, visit:
+                        </p>
+                        <a
+                            href="https://nextblock.ca"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="block w-full text-center py-3 px-4 rounded-lg bg-primary text-primary-foreground font-semibold hover:opacity-90 transition-opacity"
+                        >
+                            Purchase at nextblock.ca
+                        </a>
+                    </div>
+                </div>
+            )}
+
+            <div className="border rounded-lg p-6 flex flex-col justify-between h-full bg-card shadow-sm">
+                <div>
+                    <div className="flex justify-between items-start mb-4">
+                        <div>
+                            <h3 className="text-xl font-semibold">{pkg.name}</h3>
+                            {isActive ? (
+                                <span className="inline-flex items-center text-xs font-medium px-2.5 py-0.5 rounded-full bg-green-100 text-green-800 mt-1">
+                                    <CheckCircle className="w-3 h-3 mr-1" />
+                                    Active
+                                </span>
+                            ) : (
+                                <span className="inline-flex items-center text-xs font-medium px-2.5 py-0.5 rounded-full bg-gray-100 text-gray-800 mt-1">
+                                    Inactive
+                                </span>
+                            )}
+                        </div>
+                    </div>
+                    <p className="text-muted-foreground mb-6">{pkg.description}</p>
+                </div>
+
+                <div className="pt-4 border-t">
+                    {isActive ? (
+                        <div className="flex flex-col gap-3">
+                            <div className="text-xs text-muted-foreground">
+                                License: <span className="font-mono bg-muted px-1 rounded">{licenseKey ? `•••• ${licenseKey.slice(-4)}` : '••••'}</span>
+                            </div>
+                            <Button variant="outline" size="sm" onClick={handleDeactivate} disabled={loading || isSandbox} className="w-full text-destructive hover:text-destructive">
+                                {loading ? <Loader2 className="w-4 h-4 animate-spin" /> : 'Deactivate License'}
+                            </Button>
+                        </div>
+                    ) : isSandbox ? (
+                        <Button className="w-full" onClick={() => setShowSandboxModal(true)}>
+                            <FlaskConical className="mr-2 w-4 h-4" />
+                            Buy License (Sandbox Demo)
+                        </Button>
+                    ) : (
+                        <Button asChild className="w-full">
+                            <a href="https://nextblock.ca" target="_blank" rel="noopener noreferrer">
+                                Buy License <ExternalLink className="ml-2 w-3 h-3" />
+                            </a>
+                        </Button>
+                    )}
+                </div>
+            </div>
+        </>
+    );
+}

package/templates/nextblock-template/app/cms/settings/privacy/page.tsx

@@ -1,27 +1,27 @@
-// app/cms/settings/privacy/page.tsx
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
-import { getPrivacySettings } from './actions';
-import PrivacyForm from './components/PrivacyForm';
-
-export default async function PrivacySettingsPage() {
-  const settings = await getPrivacySettings();
-
-  return (
-    <div className="max-w-4xl mx-auto">
-      <Card>
-        <CardHeader>
-          <CardTitle>Privacy &amp; Consent (Law 25 / CASL)</CardTitle>
-          <CardDescription>
-            Control the Quebec Law 25 consent banner and the corporate identity appended
-            to the CASL-compliant footer. Analytics tags (Google Tag Manager / GA4) are
-            configured under Settings &rarr; Google Analytics and download zero bytes until
-            a visitor opts in here.
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <PrivacyForm initialSettings={settings} />
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
+// app/cms/settings/privacy/page.tsx
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
+import { getPrivacySettings } from './actions';
+import PrivacyForm from './components/PrivacyForm';
+
+export default async function PrivacySettingsPage() {
+  const settings = await getPrivacySettings();
+
+  return (
+    <div className="max-w-4xl mx-auto">
+      <Card>
+        <CardHeader>
+          <CardTitle>Privacy &amp; Consent (Law 25 / CASL)</CardTitle>
+          <CardDescription>
+            Control the Quebec Law 25 consent banner and the corporate identity appended
+            to the CASL-compliant footer. Analytics tags (Google Tag Manager / GA4) are
+            configured under Settings &rarr; Google Analytics and download zero bytes until
+            a visitor opts in here.
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <PrivacyForm initialSettings={settings} />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/templates/nextblock-template/app/cms/settings/registration/page.tsx

@@ -1,27 +1,27 @@
-// app/cms/settings/registration/page.tsx
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
-import { getRegistrationSettings } from './actions';
-import RegistrationForm from './components/RegistrationForm';
-
-export const dynamic = 'force-dynamic';
-
-export default async function RegistrationSettingsPage() {
-  const settings = await getRegistrationSettings();
-
-  return (
-    <div className="max-w-4xl mx-auto">
-      <Card>
-        <CardHeader>
-          <CardTitle>Sign-ups &amp; Registration</CardTitle>
-          <CardDescription>
-            Control how new public registrations are handled. Email verification requires a
-            configured SMTP server (Settings → Configuration → Email).
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <RegistrationForm initialSettings={settings} />
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
+// app/cms/settings/registration/page.tsx
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
+import { getRegistrationSettings } from './actions';
+import RegistrationForm from './components/RegistrationForm';
+
+export const dynamic = 'force-dynamic';
+
+export default async function RegistrationSettingsPage() {
+  const settings = await getRegistrationSettings();
+
+  return (
+    <div className="max-w-4xl mx-auto">
+      <Card>
+        <CardHeader>
+          <CardTitle>Sign-ups &amp; Registration</CardTitle>
+          <CardDescription>
+            Control how new public registrations are handled. Email verification requires a
+            configured SMTP server (Settings → Configuration → Email).
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <RegistrationForm initialSettings={settings} />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/templates/nextblock-template/app/cms/settings/security/components/SecurityPanel.tsx

@@ -260,10 +260,12 @@ export default function SecurityPanel({ data }: { data: SecurityPanelData }) {
                     mode === 'totp' ? 'border-primary ring-1 ring-primary' : ''
                   }`}
                 >
-                  <p className="font-medium text-sm">Authenticator App (TOTP)</p>
-                  <p className="text-xs text-slate-500">
+                  <span className="block font-medium text-sm">
+                    Authenticator App (TOTP)
+                  </span>
+                  <span className="block text-xs text-slate-500">
                     Scan a QR code with Google Authenticator, 1Password, Authy, etc.
-                  </p>
+                  </span>
                 </button>
                 <button
                   type="button"
@@ -274,19 +276,19 @@ export default function SecurityPanel({ data }: { data: SecurityPanelData }) {
                     mode === 'email' ? 'border-primary ring-1 ring-primary' : ''
                   }`}
                 >
-                  <p className="font-medium text-sm">
+                  <span className="block font-medium text-sm">
                     Secure Email Code
                     {!emailAvailable && (
                       <Badge variant="secondary" className="ml-2 align-middle text-[10px]">
                         Needs SMTP
                       </Badge>
                     )}
-                  </p>
-                  <p className="text-xs text-slate-500">
+                  </span>
+                  <span className="block text-xs text-slate-500">
                     {emailAvailable
                       ? 'Receive a 6-digit code at your account email each time you sign in.'
                       : 'Unavailable until an email (SMTP) server is configured for this site.'}
-                  </p>
+                  </span>
                 </button>
               </div>
 

package/templates/nextblock-template/app/cms/settings/security/page.tsx

@@ -1,33 +1,33 @@
-// app/cms/settings/security/page.tsx
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
-import { getSecurityPanelData } from './actions';
-import SecurityPanel from './components/SecurityPanel';
-
-export default async function SecuritySettingsPage() {
-  // The sandbox/demo runs on a single shared account, so per-account security (2FA,
-  // trusted devices, policy) is intentionally disabled there.
-  if (process.env.NEXT_PUBLIC_IS_SANDBOX === 'true') {
-    return (
-      <div className="max-w-4xl mx-auto">
-        <Card>
-          <CardHeader>
-            <CardTitle>Security &amp; 2FA</CardTitle>
-            <CardDescription>
-              Security settings are disabled in the sandbox/demo environment, which runs on a
-              shared account and resets daily. They are available in a real installation.
-            </CardDescription>
-          </CardHeader>
-          <CardContent />
-        </Card>
-      </div>
-    );
-  }
-
-  const data = await getSecurityPanelData();
-
-  return (
-    <div className="max-w-4xl mx-auto space-y-6">
-      <SecurityPanel data={data} />
-    </div>
-  );
-}
+// app/cms/settings/security/page.tsx
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@nextblock-cms/ui';
+import { getSecurityPanelData } from './actions';
+import SecurityPanel from './components/SecurityPanel';
+
+export default async function SecuritySettingsPage() {
+  // The sandbox/demo runs on a single shared account, so per-account security (2FA,
+  // trusted devices, policy) is intentionally disabled there.
+  if (process.env.NEXT_PUBLIC_IS_SANDBOX === 'true') {
+    return (
+      <div className="max-w-4xl mx-auto">
+        <Card>
+          <CardHeader>
+            <CardTitle>Security &amp; 2FA</CardTitle>
+            <CardDescription>
+              Security settings are disabled in the sandbox/demo environment, which runs on a
+              shared account and resets daily. They are available in a real installation.
+            </CardDescription>
+          </CardHeader>
+          <CardContent />
+        </Card>
+      </div>
+    );
+  }
+
+  const data = await getSecurityPanelData();
+
+  return (
+    <div className="max-w-4xl mx-auto space-y-6">
+      <SecurityPanel data={data} />
+    </div>
+  );
+}

package/templates/nextblock-template/app/cms/settings/taxes/page.tsx

@@ -1,21 +1,21 @@
-import { redirect } from 'next/navigation';
-import { verifyPackageOnline } from '@nextblock-cms/db/server';
-import { TaxesPage as TaxesPageUI } from '@nextblock-cms/ecommerce/server';
-
-export const metadata = {
-  title: 'Tax Settings | NextBlock™ CMS',
-};
-
-export default async function TaxesPageWrapper({
-  searchParams,
-}: {
-  searchParams?: Promise<{ success?: string }>;
-}) {
-  const isOnline = await verifyPackageOnline('ecommerce');
-
-  if (!isOnline) {
-    redirect('/cms/settings/packages');
-  }
-
-  return <TaxesPageUI searchParams={await searchParams} />;
-}
+import { redirect } from 'next/navigation';
+import { verifyPackageOnline } from '@nextblock-cms/db/server';
+import { TaxesPage as TaxesPageUI } from '@nextblock-cms/ecommerce/server';
+
+export const metadata = {
+  title: 'Tax Settings | NextBlock™ CMS',
+};
+
+export default async function TaxesPageWrapper({
+  searchParams,
+}: {
+  searchParams?: Promise<{ success?: string }>;
+}) {
+  const isOnline = await verifyPackageOnline('ecommerce');
+
+  if (!isOnline) {
+    redirect('/cms/settings/packages');
+  }
+
+  return <TaxesPageUI searchParams={await searchParams} />;
+}

package/templates/nextblock-template/app/cms/shipping/page.tsx

@@ -1,20 +1,20 @@
-import { redirect } from 'next/navigation';
-import { verifyPackageOnline } from '@nextblock-cms/db/server';
-import { ShippingPage as ShippingPageUI } from '@nextblock-cms/ecommerce/server';
-
-export default async function ShippingPage({
-    searchParams,
-}: {
-    searchParams: Promise<{ success?: string }>;
-}) {
-    const [isOnline, resolvedSearchParams] = await Promise.all([
-        verifyPackageOnline('ecommerce'),
-        searchParams,
-    ]);
-
-    if (!isOnline) {
-        redirect('/cms/settings/packages');
-    }
-
-    return <ShippingPageUI searchParams={resolvedSearchParams} />;
-}
+import { redirect } from 'next/navigation';
+import { verifyPackageOnline } from '@nextblock-cms/db/server';
+import { ShippingPage as ShippingPageUI } from '@nextblock-cms/ecommerce/server';
+
+export default async function ShippingPage({
+    searchParams,
+}: {
+    searchParams: Promise<{ success?: string }>;
+}) {
+    const [isOnline, resolvedSearchParams] = await Promise.all([
+        verifyPackageOnline('ecommerce'),
+        searchParams,
+    ]);
+
+    if (!isOnline) {
+        redirect('/cms/settings/packages');
+    }
+
+    return <ShippingPageUI searchParams={resolvedSearchParams} />;
+}

package/templates/nextblock-template/app/cms/users/components/DeleteUserButton.tsx

@@ -7,17 +7,17 @@ import { Trash2, ShieldAlert } from "lucide-react";
 import { deleteUserAndProfile } from "../actions";
 import { ConfirmationModal } from '../../components/ConfirmationModal';
 
-export function DeleteUserButtonClient({
-  userId,
-  userEmail,
-  currentAdminId,
-}: {
-  userId: string;
-  userEmail?: string;
-  currentAdminId?: string;
-}) {
-  void userEmail;
-  const [isPending, startTransition] = useTransition();
+export function DeleteUserButtonClient({
+  userId,
+  userEmail,
+  currentAdminId,
+}: {
+  userId: string;
+  userEmail?: string;
+  currentAdminId?: string;
+}) {
+  void userEmail;
+  const [isPending, startTransition] = useTransition();
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const handleDelete = () => {
@@ -68,4 +68,4 @@ export function DeleteUserButtonClient({
       />
     </>
   );
-}
+}