@carlonicora/nextjs-jsonapi 2.5.0 → 3.0.1

package/src/features/billing/contexts/BillingContext.tsx

@@ -1,95 +0,0 @@
-"use client";
-
-import { useTranslations } from "next-intl";
-import { createContext, ReactNode, useCallback, useContext, useState } from "react";
-import { SharedProvider } from "../../../contexts/SharedContext";
-import { BreadcrumbItemData } from "../../../interfaces";
-import { getRoleId } from "../../../roles";
-import { Button } from "../../../shadcnui";
-import { useCurrentUserContext } from "../../user/contexts";
-import { ProductEditor } from "../stripe-product/components/forms/ProductEditor";
-
-interface BillingContextType {
-  /**
-   * Bumped every time the provider's own actions change the product catalogue.
-   * ProductsAdminContainer reloads on it — the create action lives up here in
-   * the page title bar, so it cannot call the container's loader directly.
-   */
-  refreshToken: number;
-  refresh: () => void;
-}
-
-const BillingContext = createContext<BillingContextType | undefined>(undefined);
-
-type BillingProviderProps = {
-  children: ReactNode;
-};
-
-/**
- * Page chrome for the administrative billing surface (Stripe products, prices
- * and their credit allowances).
- *
- * Billing gets its own provider rather than borrowing AdministrationProvider so
- * the page carries its own name — and, like CompanyProvider with CompanyEditor,
- * it owns the page's ACTIONS: the create-product control is published through
- * `title.functions`, which RoundPageContainerTitle renders in the header bar.
- * That is where every other page in this codebase puts its primary action.
- */
-export const BillingProvider = ({ children }: BillingProviderProps) => {
-  const t = useTranslations();
-  const { hasRole } = useCurrentUserContext();
-  const [showCreateProduct, setShowCreateProduct] = useState<boolean>(false);
-  const [refreshToken, setRefreshToken] = useState<number>(0);
-
-  const refresh = useCallback(() => setRefreshToken((value) => value + 1), []);
-
-  // No href: this crumb IS the current page. Linking it would also point at the
-  // StripeProduct module's `pageUrl` (/stripe-products), which no consuming app
-  // routes — the page lives under the administration tree.
-  const breadcrumbs: BreadcrumbItemData[] = [{ name: t(`billing.admin.products.title`) }];
-
-  const title = () => {
-    const response: any = { type: t(`billing.admin.products.title`) };
-
-    if (hasRole(getRoleId().Administrator)) {
-      response.functions = [
-        <Button key="productEditorTrigger" onClick={() => setShowCreateProduct(true)}>
-          {t(`billing.admin.products.create`)}
-        </Button>,
-        showCreateProduct ? (
-          <ProductEditor
-            key="productEditor"
-            open={showCreateProduct}
-            onOpenChange={setShowCreateProduct}
-            onSuccess={() => {
-              setShowCreateProduct(false);
-              refresh();
-            }}
-          />
-        ) : null,
-      ];
-    }
-
-    return response;
-  };
-
-  return (
-    <SharedProvider value={{ breadcrumbs, title: title() }}>
-      <BillingContext.Provider value={{ refreshToken, refresh }}>{children}</BillingContext.Provider>
-    </SharedProvider>
-  );
-};
-
-export const useBillingContext = (): BillingContextType => {
-  const context = useContext(BillingContext);
-  if (context === undefined) {
-    throw new Error("useBillingContext must be used within a BillingProvider");
-  }
-  return context;
-};
-
-/**
- * Non-throwing variant. ProductsAdminContainer predates this provider and is
- * still mounted bare by other consumers, so it must keep working without one.
- */
-export const useOptionalBillingContext = (): BillingContextType | undefined => useContext(BillingContext);

package/src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx

@@ -1,98 +0,0 @@
-"use client";
-
-import { Package } from "lucide-react";
-import { useEffect, useState } from "react";
-import { getRoleId } from "../../../../../roles";
-import { Button } from "../../../../../shadcnui";
-import { useCurrentUserContext } from "../../../../user/contexts";
-import { useOptionalBillingContext } from "../../../contexts/BillingContext";
-import { StripeProductInterface } from "../../data/stripe-product.interface";
-import { StripeProductService } from "../../data/stripe-product.service";
-import { ProductEditor } from "../forms/ProductEditor";
-import { ProductsList } from "../lists/ProductsList";
-
-export function ProductsAdminContainer() {
-  const { hasRole } = useCurrentUserContext();
-  // Optional on purpose: the create action lives in BillingProvider's title
-  // functions when this container is a page, but the container is still mounted
-  // bare elsewhere, where it keeps its own inline create button.
-  const billing = useOptionalBillingContext();
-  const [products, setProducts] = useState<StripeProductInterface[]>([]);
-  const [loading, setLoading] = useState<boolean>(true);
-  const [showCreateProduct, setShowCreateProduct] = useState<boolean>(false);
-
-  // Check if user has Administrator role
-  if (!hasRole(getRoleId().Administrator)) {
-    return (
-      <div className="flex h-64 items-center justify-center">
-        <p className="text-destructive text-xs/relaxed">Permission denied. Administrator access required.</p>
-      </div>
-    );
-  }
-
-  const loadProducts = async () => {
-    setLoading(true);
-    try {
-      const fetchedProducts = await StripeProductService.listProducts();
-      setProducts(fetchedProducts);
-    } catch (error) {
-      console.error("[ProductsAdminContainer] Failed to load products:", error);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  // Reloads on mount and whenever the provider's create action succeeds.
-  useEffect(() => {
-    loadProducts();
-  }, [billing?.refreshToken]);
-
-  if (loading) {
-    return (
-      <div className="flex h-64 items-center justify-center">
-        <p className="text-muted-foreground">Loading products...</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex w-full flex-col">
-      {/* No header here. The page name and the create action belong to
-          BillingProvider, which publishes them through `title.functions` for
-          RoundPageContainerTitle to render — the same way CompanyProvider
-          publishes CompanyEditor. A header drawn inside the content would
-          duplicate the title bar and strand the button above the list. */}
-      {/* Fallback for consumers mounting this container without BillingProvider:
-          they have no title bar to host the action, so it stays inline. */}
-      {!billing && (
-        <div className="flex w-full items-center justify-end px-4 pt-4">
-          <Button onClick={() => setShowCreateProduct(true)}>Create Product</Button>
-        </div>
-      )}
-
-      <div className="flex w-full flex-col gap-y-6 px-4 pb-4">
-        {/* Empty State */}
-        {products.length === 0 && (
-          <div className="bg-muted/50 flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed p-12">
-            <Package className="text-muted-foreground h-16 w-16" />
-            <div className="text-center">
-              <h3 className="mb-2 text-sm font-medium">No products yet</h3>
-              <p className="text-muted-foreground mb-4">
-                Create your first product to start offering subscriptions to your customers.
-              </p>
-              <Button onClick={() => setShowCreateProduct(true)}>Create Your First Product</Button>
-            </div>
-          </div>
-        )}
-
-        {/* Products List */}
-        {products.length > 0 && <ProductsList products={products} onProductsChange={loadProducts} />}
-
-        {/* Create Product Modal */}
-        {showCreateProduct && (
-          <ProductEditor open={showCreateProduct} onOpenChange={setShowCreateProduct} onSuccess={loadProducts} />
-        )}
-      </div>
-    </div>
-  );
-}

package/src/features/billing/stripe-product/components/containers/ProductsAdminPageContainer.tsx

@@ -1,27 +0,0 @@
-"use client";
-
-import { RoundPageContainer } from "../../../../../components";
-import { Modules } from "../../../../../core";
-import { BillingProvider } from "../../../contexts/BillingContext";
-import { ProductsAdminContainer } from "./ProductsAdminContainer";
-
-/**
- * Page shell around the Stripe product/price administration surface.
- *
- * Client component by necessity: `module={Modules.StripeProduct}` is a registry
- * entry with an icon component and methods, which a Server Component cannot pass
- * across the boundary.
- */
-export function ProductsAdminPageContainer() {
-  return (
-    <BillingProvider>
-      {/* forceHeader, unlike the sibling list pages: those get their header row
-          (title + actions) from ContentListTable, and this page has no table.
-          The strip is what renders BillingProvider's title and its create-product
-          action — the same arrangement TokenUsageAdminContainer uses. */}
-      <RoundPageContainer module={Modules.StripeProduct} fullWidth forceHeader>
-        <ProductsAdminContainer />
-      </RoundPageContainer>
-    </BillingProvider>
-  );
-}