@mohasinac/appkit 2.1.3 → 2.3.0

package/src/features/pre-orders/columns/index.ts

@@ -1,90 +0,0 @@
-import type { TableColumn, ColumnExtensionOpts } from "../../../contracts";
-import type { PreorderItem } from "../types";
-
-/**
- * Default admin columns for preorder product listings.
- * Use `buildPreorderColumns()` to customise via overrides / extras / omit.
- */
-export const preorderAdminColumns: TableColumn<PreorderItem>[] = [
-  {
-    key: "name",
-    header: "Name",
-    sortable: true,
-  },
-  {
-    key: "brand",
-    header: "Brand",
-    sortable: false,
-  },
-  {
-    key: "franchise",
-    header: "Franchise",
-    sortable: false,
-  },
-  {
-    key: "salePrice",
-    header: "Sale",
-    sortable: true,
-    render: (item) => `${item.salePrice}`,
-  },
-  {
-    key: "regularPrice",
-    header: "Regular",
-    sortable: true,
-    render: (item) => `${item.regularPrice}`,
-  },
-  {
-    key: "preorderShipDate",
-    header: "Ship Date",
-    sortable: true,
-  },
-  {
-    key: "isFeatured",
-    header: "Featured",
-    sortable: false,
-    render: (item) => (item.isFeatured ? "Yes" : "No"),
-  },
-  {
-    key: "active",
-    header: "Active",
-    sortable: false,
-    render: (item) => (item.active ? "Yes" : "No"),
-  },
-  {
-    key: "createdAt",
-    header: "Created",
-    sortable: true,
-  },
-];
-
-/**
- * Factory that returns columns for the preorders admin table.
- *
- * @example
- * const cols = buildPreorderColumns<MyPreorderItem>({
- *   extras: [{ key: "exclusiveTag", header: "Exclusive", render: (p) => p.exclusiveTag }],
- *   omit: ["franchise"],
- * });
- */
-export function buildPreorderColumns<T extends PreorderItem = PreorderItem>(
-  opts?: ColumnExtensionOpts<T>
-): TableColumn<T>[] {
-  let base = preorderAdminColumns as unknown as TableColumn<T>[];
-
-  if (opts?.omit?.length) {
-    base = base.filter((c) => !opts.omit!.includes(c.key as string));
-  }
-
-  if (opts?.overrides) {
-    base = base.map((c) => {
-      const override = (opts.overrides as Record<string, Partial<TableColumn<T>>>)[c.key as string];
-      return override ? { ...c, ...override } : c;
-    });
-  }
-
-  if (opts?.extras?.length) {
-    base = [...base, ...opts.extras];
-  }
-
-  return base;
-}

package/src/features/pre-orders/components/PreOrderBadge.tsx

@@ -1,52 +0,0 @@
-import type { PreOrderStatus } from "../types";
-import { Div, Span } from "../../../ui";
-
-const STATUS_MAP: Record<PreOrderStatus, { label: string; color: string }> = {
-  pending: { label: "Pending", color: "bg-yellow-100 text-yellow-700" },
-  confirmed: { label: "Confirmed", color: "bg-blue-100 text-blue-700" },
-  ready: { label: "Ready", color: "bg-green-100 text-green-700" },
-  fulfilled: { label: "Fulfilled", color: "bg-gray-100 text-gray-600" },
-  cancelled: { label: "Cancelled", color: "bg-red-100 text-red-600" },
-};
-
-interface PreOrderBadgeProps {
-  status: PreOrderStatus;
-  className?: string;
-}
-
-export function PreOrderBadge({ status, className = "" }: PreOrderBadgeProps) {
-  const { label, color } = STATUS_MAP[status] ?? STATUS_MAP.pending;
-  return (
-    <Span
-      className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${color} ${className}`}
-    >
-      {label}
-    </Span>
-  );
-}
-
-interface PreOrderTagProps {
-  label?: string;
-  estimatedDate?: string;
-  className?: string;
-}
-
-/** Small inline tag shown on a product that is available for pre-order */
-export function PreOrderTag({
-  label = "Pre-order",
-  estimatedDate,
-  className = "",
-}: PreOrderTagProps) {
-  return (
-    <Div className={`inline-flex flex-col ${className}`}>
-      <Span className="rounded-full bg-indigo-600 px-2.5 py-0.5 text-xs font-bold text-white">
-        {label}
-      </Span>
-      {estimatedDate && (
-        <Span className="mt-0.5 text-[10px] text-gray-400">
-          Ships {estimatedDate}
-        </Span>
-      )}
-    </Div>
-  );
-}

package/src/features/pre-orders/components/PreorderCard.tsx

@@ -1,90 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import React from "react";
-import { Div, Heading, Span, Text } from "../../../ui";
-import type { PreorderItem, PreorderStatus } from "../types";
-import { getPreorderStatus } from "../types";
-import { formatCurrency } from "../../../utils/number.formatter";
-
-const STATUS_LABELS: Record<PreorderStatus, string> = {
-  available: "Pre-order now",
-  shipping_soon: "Shipping soon",
-  shipped: "Shipped",
-};
-
-const STATUS_COLORS: Record<PreorderStatus, string> = {
-  available: "bg-indigo-100 text-indigo-800",
-  shipping_soon: "bg-amber-100 text-amber-800",
-  shipped: "bg-green-100 text-green-800",
-};
-
-interface PreorderBadgeProps {
-  shipDate?: string;
-  className?: string;
-}
-
-export function PreorderBadge({ shipDate, className }: PreorderBadgeProps) {
-  const status = getPreorderStatus(shipDate);
-  return (
-    <Span
-      className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${STATUS_COLORS[status]} ${className ?? ""}`}
-    >
-      {STATUS_LABELS[status]}
-    </Span>
-  );
-}
-
-interface PreorderCardProps {
-  item: PreorderItem;
-  href: string;
-}
-
-export function PreorderCard({ item, href }: PreorderCardProps) {
-  return (
-    <Link
-      href={href}
-      className="group relative block overflow-hidden rounded-xl border border-gray-200 bg-white transition-shadow hover:shadow-md"
-    >
-      {item.images[0] ? (
-        <Div
-          role="img"
-          aria-label={item.name}
-          className="h-56 w-full bg-center bg-cover transition-transform duration-300 group-hover:scale-105"
-          style={{ backgroundImage: `url(${item.images[0]})` }}
-        />
-      ) : (
-        <Div className="h-56 w-full bg-gray-100" />
-      )}
-      <Div className="p-4">
-        <PreorderBadge shipDate={item.preorderShipDate} />
-        <Heading
-          level={3}
-          className="mt-2 font-semibold text-gray-900 text-base"
-        >
-          {item.name}
-        </Heading>
-        <Text className="mt-1 text-sm text-gray-500">{item.brand}</Text>
-        <Div className="mt-3 flex items-baseline gap-2">
-          <Span className="text-lg font-bold text-gray-900">
-            {formatCurrency(item.salePrice)}
-          </Span>
-          {item.regularPrice > item.salePrice && (
-            <Span className="text-sm text-gray-400 line-through">
-              {formatCurrency(item.regularPrice)}
-            </Span>
-          )}
-        </Div>
-        {item.preorderShipDate && (
-          <Text className="mt-1 text-xs text-gray-400">
-            Ships:{" "}
-            {new Date(item.preorderShipDate).toLocaleDateString("en-IN", {
-              month: "short",
-              year: "numeric",
-            })}
-          </Text>
-        )}
-      </Div>
-    </Link>
-  );
-}

package/src/features/pre-orders/components/index.ts

@@ -1 +0,0 @@
-export { PreorderBadge, PreorderCard } from "./PreorderCard";

package/src/features/pre-orders/hooks/usePreOrders.ts

@@ -1,31 +0,0 @@
-"use client";
-
-import { useQuery } from "@tanstack/react-query";
-import type { PreorderItem } from "../types";
-
-export function usePreorders() {
-  return useQuery<PreorderItem[]>({
-    queryKey: ["preorders"],
-    queryFn: async () => {
-      const res = await fetch("/api/preorders");
-      if (!res.ok) throw new Error("Failed to fetch preorders");
-      return res.json() as Promise<PreorderItem[]>;
-    },
-    staleTime: 2 * 60 * 1000,
-  });
-}
-
-export function usePreorder(slug: string | undefined) {
-  return useQuery<PreorderItem | null>({
-    queryKey: ["preorders", slug],
-    queryFn: async () => {
-      if (!slug) return null;
-      const res = await fetch(`/api/preorders/${slug}`);
-      if (res.status === 404) return null;
-      if (!res.ok) throw new Error("Failed to fetch preorder");
-      return res.json() as Promise<PreorderItem>;
-    },
-    enabled: !!slug,
-    staleTime: 2 * 60 * 1000,
-  });
-}

package/src/features/pre-orders/index.ts

@@ -1,7 +0,0 @@
-export * from "./types";
-export * from "./schemas";
-export * from "./columns";
-export * from "./hooks/usePreOrders";
-export * from "./components";
-export { PreordersRepository } from "./repository/preorders.repository";
-export { manifest } from "./manifest";

package/src/features/pre-orders/manifest.ts

@@ -1,19 +0,0 @@
-import type { FeatureManifest } from "../../contracts";
-
-export const manifest: FeatureManifest = {
-  name: "pre-orders",
-  i18nNamespace: "preOrders",
-  envKeys: [],
-  routes: [
-    {
-      segment: "[locale]/pre-orders",
-      exports: { default: "PreOrdersListView" },
-    },
-  ],
-  apiRoutes: [
-    { segment: "api/pre-orders", methods: ["GET", "POST"] },
-    { segment: "api/pre-orders/[id]", methods: ["GET", "PATCH", "DELETE"] },
-    { segment: "api/admin/pre-orders", methods: ["GET"] },
-    { segment: "api/admin/pre-orders/[id]", methods: ["GET", "PATCH"] },
-  ],
-};

package/src/features/pre-orders/messages/en.json

@@ -1,13 +0,0 @@
-{
-    "preorders": {
-        "title": "Pre-orders",
-        "subtitle": "Reserve yours before it arrives",
-        "badge": "Pre-order",
-        "shipsOn": "Ships {date}",
-        "shippingSoon": "Shipping soon",
-        "shipped": "Shipped",
-        "empty": "No pre-orders available right now.",
-        "reserveNow": "Reserve now",
-        "depositRequired": "Deposit required: ₹{amount}"
-    }
-}

package/src/features/pre-orders/repository/pre-orders.repository.ts

@@ -1,75 +0,0 @@
-import type {
-  IRepository,
-  PagedResult,
-  SieveQuery,
-} from "../../../contracts";
-import type { PreOrderItem, PreOrderStatus } from "../types";
-
-export class PreOrdersRepository {
-  constructor(private readonly repo: IRepository<PreOrderItem>) {}
-
-  async findAll(query?: SieveQuery): Promise<PagedResult<PreOrderItem>> {
-    return this.repo.findAll(query ?? {});
-  }
-
-  async findById(id: string): Promise<PreOrderItem | null> {
-    return this.repo.findById(id);
-  }
-
-  async findByCustomer(
-    customerId: string,
-    page = 1,
-    perPage = 20,
-  ): Promise<PagedResult<PreOrderItem>> {
-    return this.repo.findAll({
-      filters: `customerId==${customerId}`,
-      sort: "-createdAt",
-      page,
-      perPage,
-    });
-  }
-
-  async findBySeller(
-    sellerId: string,
-    page = 1,
-    perPage = 20,
-  ): Promise<PagedResult<PreOrderItem>> {
-    return this.repo.findAll({
-      filters: `sellerId==${sellerId}`,
-      sort: "-createdAt",
-      page,
-      perPage,
-    });
-  }
-
-  async findByStatus(
-    status: PreOrderStatus,
-    page = 1,
-    perPage = 50,
-  ): Promise<PagedResult<PreOrderItem>> {
-    return this.repo.findAll({
-      filters: `status==${status}`,
-      sort: "-createdAt",
-      page,
-      perPage,
-    });
-  }
-
-  async create(
-    data: Omit<PreOrderItem, "id" | "createdAt" | "updatedAt">,
-  ): Promise<PreOrderItem> {
-    return this.repo.create(data);
-  }
-
-  async updateStatus(
-    id: string,
-    status: PreOrderStatus,
-    adminNote?: string,
-  ): Promise<PreOrderItem> {
-    return this.repo.update(id, { status, adminNote });
-  }
-
-  async delete(id: string): Promise<void> {
-    return this.repo.delete(id);
-  }
-}

package/src/features/pre-orders/repository/preorders.repository.ts

@@ -1,24 +0,0 @@
-import type { IRepository } from "../../../contracts";
-import type { PreorderItem } from "../types";
-
-export class PreordersRepository {
-  constructor(private readonly repo: IRepository<PreorderItem>) {}
-
-  async findPreorders(): Promise<PreorderItem[]> {
-    const result = await this.repo.findAll({
-      filters: "isPreorder==true,active==true",
-      sort: "createdAt",
-      order: "desc",
-    });
-    return result.data;
-  }
-
-  async findFeaturedPreorders(): Promise<PreorderItem[]> {
-    const result = await this.repo.findAll({
-      filters: "isPreorder==true,active==true,isFeatured==true",
-      sort: "createdAt",
-      order: "desc",
-    });
-    return result.data;
-  }
-}

package/src/features/pre-orders/schemas/index.ts

@@ -1,28 +0,0 @@
-import { z } from "zod";
-import { mediaFieldSchema } from "../../media/types/index";
-
-/**
- * Base Zod schema for a preorder product item (storefront listing).
- *
- * @example
- * import { preorderItemSchema } from "@mohasinac/feat-preorders";
- *
- * const mySchema = preorderItemSchema.extend({
- *   exclusiveTag: z.string().optional(),
- * });
- */
-export const preorderItemSchema = z.object({
-  id: z.string(),
-  name: z.string(),
-  slug: z.string(),
-  images: z.array(z.string()).optional(),
-  media: z.array(mediaFieldSchema).optional(),
-  salePrice: z.number(),
-  regularPrice: z.number(),
-  franchise: z.string().optional(),
-  brand: z.string().optional(),
-  preorderShipDate: z.string().optional(),
-  isFeatured: z.boolean().default(false),
-  active: z.boolean().default(true),
-  createdAt: z.string().optional(),
-});

package/src/features/pre-orders/server.ts

@@ -1,12 +0,0 @@
-/**
- * @mohasinac/appkit/features/pre-orders/server
- *
- * Server-only entry point — exports only the API route handlers.
- */
-
-export {
-  GET as preOrdersGET,
-  POST as preOrdersPOST,
-  GET,
-  POST,
-} from "./api/route";

package/src/features/pre-orders/types/index.ts

@@ -1,49 +0,0 @@
-import type { MediaField } from "../../media/types/index";
-
-export interface PreorderItem {
-  id: string;
-  name: string;
-  slug: string;
-  images: string[];
-  media?: MediaField[];
-  salePrice: number;
-  regularPrice: number;
-  franchise: string;
-  brand: string;
-  description: string;
-  preorderShipDate?: string;
-  isFeatured: boolean;
-  active: boolean;
-  /** Order lifecycle status (from feat-pre-orders) */
-  status?: PreOrderStatus;
-  /** Admin note for status updates */
-  adminNote?: string;
-  createdAt: string;
-  updatedAt: string;
-}
-
-/** Shipping/availability status for preorder items (from feat-preorders) */
-export type PreorderStatus = "available" | "shipping_soon" | "shipped";
-/** Order lifecycle status (from feat-pre-orders) */
-export type PreOrderStatus =
-  | "pending"
-  | "confirmed"
-  | "ready"
-  | "fulfilled"
-  | "cancelled";
-/** @alias PreorderItem — compatibility with feat-pre-orders naming */
-export type PreOrderItem = PreorderItem;
-
-export function getPreorderStatus(
-  shipDate: string | undefined,
-): PreorderStatus {
-  if (!shipDate) return "available";
-  const ship = new Date(shipDate);
-  const now = new Date();
-  const diffDays = Math.ceil(
-    (ship.getTime() - now.getTime()) / (1000 * 60 * 60 * 24),
-  );
-  if (diffDays <= 0) return "shipped";
-  if (diffDays <= 14) return "shipping_soon";
-  return "available";
-}