create-nextblock 0.16.1 → 0.16.2

package/templates/nextblock-template/app/cms/components/PaymentsReminderBanner.tsx

@@ -1,58 +1,58 @@
-'use client';
-
-import Link from 'next/link';
-import { useState } from 'react';
-import { Button } from '@nextblock-cms/ui';
-import { CreditCard, X } from 'lucide-react';
-import { useAuth } from '../../../context/AuthContext';
-import type { PaymentsReminder } from '../../../lib/cms/payments-reminder';
-
-/**
- * Shown when commerce is active but a payment provider isn't ready, so published
- * products cannot actually be bought. ADMIN-only: /cms/payments is an admin route, so a
- * WRITER would get a reminder they cannot act on. Dismissible for the session only —
- * this is a real revenue problem and should come back until it's fixed.
- */
-export default function PaymentsReminderBanner({ reminder }: { reminder: PaymentsReminder }) {
-  const { isAdmin } = useAuth();
-  const [dismissed, setDismissed] = useState(false);
-
-  if (!isAdmin || dismissed) return null;
-
-  const providerSummary = reminder.blocked
-    .map(({ label, missing }) => (missing.length ? `${label} (missing: ${missing.join(', ')})` : label))
-    .join(' and ');
-
-  return (
-    <div className="mb-6 flex items-start gap-3 rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-amber-900 dark:border-amber-700/60 dark:bg-amber-900/20 dark:text-amber-200">
-      <CreditCard className="mt-0.5 h-5 w-5 shrink-0" />
-      <div className="min-w-0 flex-1">
-        <p className="text-sm font-medium">
-          Your store can&rsquo;t take payments yet.
-        </p>
-        <p className="text-xs opacity-90">
-          {providerSummary} still needs setting up.{' '}
-          {reminder.affectedProducts > 0
-            ? `${reminder.affectedProducts} published ${
-                reminder.affectedProducts === 1 ? 'product' : 'products'
-              } cannot be bought — visitors see a "Contact the seller" form instead of Add to cart.`
-            : 'Products you publish will show visitors a "Contact the seller" form instead of Add to cart.'}
-        </p>
-      </div>
-      <div className="flex shrink-0 items-center gap-2">
-        <Button asChild size="sm" variant="outline" className="border-amber-400">
-          <Link href="/cms/payments">Set up payments</Link>
-        </Button>
-        <Button
-          variant="ghost"
-          size="icon"
-          onClick={() => setDismissed(true)}
-          aria-label="Dismiss for now"
-          className="h-8 w-8"
-        >
-          <X className="h-4 w-4" />
-        </Button>
-      </div>
-    </div>
-  );
-}
+'use client';
+
+import Link from 'next/link';
+import { useState } from 'react';
+import { Button } from '@nextblock-cms/ui';
+import { CreditCard, X } from 'lucide-react';
+import { useAuth } from '../../../context/AuthContext';
+import type { PaymentsReminder } from '../../../lib/cms/payments-reminder';
+
+/**
+ * Shown when commerce is active but a payment provider isn't ready, so published
+ * products cannot actually be bought. ADMIN-only: /cms/payments is an admin route, so a
+ * WRITER would get a reminder they cannot act on. Dismissible for the session only —
+ * this is a real revenue problem and should come back until it's fixed.
+ */
+export default function PaymentsReminderBanner({ reminder }: { reminder: PaymentsReminder }) {
+  const { isAdmin } = useAuth();
+  const [dismissed, setDismissed] = useState(false);
+
+  if (!isAdmin || dismissed) return null;
+
+  const providerSummary = reminder.blocked
+    .map(({ label, missing }) => (missing.length ? `${label} (missing: ${missing.join(', ')})` : label))
+    .join(' and ');
+
+  return (
+    <div className="mb-6 flex items-start gap-3 rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-amber-900 dark:border-amber-700/60 dark:bg-amber-900/20 dark:text-amber-200">
+      <CreditCard className="mt-0.5 h-5 w-5 shrink-0" />
+      <div className="min-w-0 flex-1">
+        <p className="text-sm font-medium">
+          Your store can&rsquo;t take payments yet.
+        </p>
+        <p className="text-xs opacity-90">
+          {providerSummary} still needs setting up.{' '}
+          {reminder.affectedProducts > 0
+            ? `${reminder.affectedProducts} published ${
+                reminder.affectedProducts === 1 ? 'product' : 'products'
+              } cannot be bought — visitors see a "Contact the seller" form instead of Add to cart.`
+            : 'Products you publish will show visitors a "Contact the seller" form instead of Add to cart.'}
+        </p>
+      </div>
+      <div className="flex shrink-0 items-center gap-2">
+        <Button asChild size="sm" variant="outline" className="border-amber-400">
+          <Link href="/cms/payments">Set up payments</Link>
+        </Button>
+        <Button
+          variant="ghost"
+          size="icon"
+          onClick={() => setDismissed(true)}
+          aria-label="Dismiss for now"
+          className="h-8 w-8"
+        >
+          <X className="h-4 w-4" />
+        </Button>
+      </div>
+    </div>
+  );
+}

package/templates/nextblock-template/app/cms/components/VisibilityBadge.tsx

@@ -1,62 +1,62 @@
-import { Badge } from "@nextblock-cms/ui";
-import {
-  LIVE_STATUS,
-  resolveVisibilityState,
-  type PublishableType,
-  type VisibilityState,
-} from "@nextblock-cms/utils";
-
-/**
- * Status badge for the CMS list views.
- *
- * Reads the same (status, published_at) pair as the editor's top-bar control, so a
- * scheduled row is labelled "Scheduled" here instead of claiming to be published
- * while its URL still 404s.
- */
-
-const LABEL: Record<VisibilityState, string> = {
-  draft: "Draft",
-  scheduled: "Scheduled",
-  published: "Published",
-  archived: "Archived",
-};
-
-const CLASS_NAME: Record<VisibilityState, string> = {
-  published:
-    "bg-green-100 text-green-700 dark:bg-green-700/30 dark:text-green-300 dark:border-green-700/50",
-  scheduled:
-    "bg-amber-100 text-amber-700 dark:bg-amber-700/30 dark:text-amber-300 dark:border-amber-700/50",
-  draft:
-    "bg-yellow-100 text-yellow-700 dark:bg-yellow-700/30 dark:text-yellow-300 dark:border-yellow-700/50",
-  archived:
-    "bg-slate-100 text-slate-700 dark:bg-slate-700/30 dark:text-slate-300 dark:border-slate-600",
-};
-
-const VARIANT: Record<VisibilityState, "default" | "secondary" | "destructive"> = {
-  published: "default",
-  scheduled: "secondary",
-  draft: "secondary",
-  archived: "destructive",
-};
-
-export default function VisibilityBadge({
-  type,
-  status,
-  publishedAt,
-}: {
-  type: PublishableType;
-  status: string;
-  publishedAt?: string | null;
-}) {
-  const state = resolveVisibilityState({
-    status,
-    publishedAt,
-    liveStatus: LIVE_STATUS[type],
-  });
-
-  return (
-    <Badge variant={VARIANT[state]} className={CLASS_NAME[state]}>
-      {LABEL[state]}
-    </Badge>
-  );
-}
+import { Badge } from "@nextblock-cms/ui";
+import {
+  LIVE_STATUS,
+  resolveVisibilityState,
+  type PublishableType,
+  type VisibilityState,
+} from "@nextblock-cms/utils";
+
+/**
+ * Status badge for the CMS list views.
+ *
+ * Reads the same (status, published_at) pair as the editor's top-bar control, so a
+ * scheduled row is labelled "Scheduled" here instead of claiming to be published
+ * while its URL still 404s.
+ */
+
+const LABEL: Record<VisibilityState, string> = {
+  draft: "Draft",
+  scheduled: "Scheduled",
+  published: "Published",
+  archived: "Archived",
+};
+
+const CLASS_NAME: Record<VisibilityState, string> = {
+  published:
+    "bg-green-100 text-green-700 dark:bg-green-700/30 dark:text-green-300 dark:border-green-700/50",
+  scheduled:
+    "bg-amber-100 text-amber-700 dark:bg-amber-700/30 dark:text-amber-300 dark:border-amber-700/50",
+  draft:
+    "bg-yellow-100 text-yellow-700 dark:bg-yellow-700/30 dark:text-yellow-300 dark:border-yellow-700/50",
+  archived:
+    "bg-slate-100 text-slate-700 dark:bg-slate-700/30 dark:text-slate-300 dark:border-slate-600",
+};
+
+const VARIANT: Record<VisibilityState, "default" | "secondary" | "destructive"> = {
+  published: "default",
+  scheduled: "secondary",
+  draft: "secondary",
+  archived: "destructive",
+};
+
+export default function VisibilityBadge({
+  type,
+  status,
+  publishedAt,
+}: {
+  type: PublishableType;
+  status: string;
+  publishedAt?: string | null;
+}) {
+  const state = resolveVisibilityState({
+    status,
+    publishedAt,
+    liveStatus: LIVE_STATUS[type],
+  });
+
+  return (
+    <Badge variant={VARIANT[state]} className={CLASS_NAME[state]}>
+      {LABEL[state]}
+    </Badge>
+  );
+}