@mohasinac/appkit 2.1.3 → 2.3.0

package/src/features/about/components/AboutView.tsx

@@ -1,142 +0,0 @@
-import React from "react";
-import { Heading, Section, Span, Text } from "../../../ui";
-
-export interface AboutHowItem {
-  title: string;
-  text: string;
-  icon: string;
-  color?: string;
-}
-
-export interface AboutValueItem {
-  title: string;
-  text: string;
-  icon: string;
-}
-
-export interface AboutMilestone {
-  year: string;
-  text: string;
-}
-
-export interface AboutViewProps {
-  labels: {
-    title: string;
-    subtitle: string;
-    missionTitle: string;
-    missionText: string;
-    howItWorksTitle: string;
-    valuesTitle: string;
-    milestonesTitle: string;
-    ctaTitle: string;
-    ctaSell: string;
-    ctaShop: string;
-  };
-  howItems: AboutHowItem[];
-  valueItems: AboutValueItem[];
-  milestones: AboutMilestone[];
-  heroBannerClass?: string;
-  ctaBannerClass?: string;
-  /** Render the CTA action buttons  */
-  renderCtaButtons?: () => React.ReactNode;
-}
-
-export function AboutView({
-  labels,
-  howItems,
-  valueItems,
-  milestones,
-  heroBannerClass = "bg-gradient-to-br from-violet-600 to-indigo-600",
-  ctaBannerClass = "bg-gradient-to-br from-violet-600 to-indigo-600",
-  renderCtaButtons,
-}: AboutViewProps) {
-  return (
-    <div className="-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10">
-      <Section className={`${heroBannerClass} text-white py-16 md:py-20 lg:py-24`}>
-        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-          <Heading level={1} variant="none" className="text-4xl md:text-5xl font-bold mb-6 text-white">
-            {labels.title}
-          </Heading>
-          <Text variant="none" className="text-xl text-white/80 max-w-2xl mx-auto">
-            {labels.subtitle}
-          </Text>
-        </div>
-      </Section>
-
-      <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-20 space-y-16 md:space-y-20">
-        <Section className="text-center max-w-3xl mx-auto">
-          <Heading level={2} className="mb-4">{labels.missionTitle}</Heading>
-          <Text size="lg" variant="secondary" className="leading-relaxed">
-            {labels.missionText}
-          </Text>
-        </Section>
-
-        <Section>
-          <Heading level={2} className="text-center mb-12">{labels.howItWorksTitle}</Heading>
-          <div className="grid md:grid-cols-3 gap-6 md:gap-8">
-            {howItems.map(({ title, text, icon, color }) => (
-              <div
-                key={title}
-                className={`bg-gradient-to-br ${color ?? "from-primary/5 to-primary/5"} rounded-2xl p-6 space-y-3`}
-              >
-                <div className="text-4xl">{icon}</div>
-                <Heading level={3}>{title}</Heading>
-                <Text size="sm" variant="secondary" className="leading-relaxed">
-                  {text}
-                </Text>
-              </div>
-            ))}
-          </div>
-        </Section>
-
-        <Section>
-          <Heading level={2} className="text-center mb-12">{labels.valuesTitle}</Heading>
-          <div className="grid md:grid-cols-3 gap-5 md:gap-6">
-            {valueItems.map(({ title, text, icon }) => (
-              <div
-                key={title}
-                className="bg-white dark:bg-slate-800 rounded-xl p-6 space-y-3 border border-neutral-200 dark:border-slate-700"
-              >
-                <div className="text-3xl">{icon}</div>
-                <Heading level={3}>{title}</Heading>
-                <Text size="sm" variant="secondary" className="leading-relaxed">
-                  {text}
-                </Text>
-              </div>
-            ))}
-          </div>
-        </Section>
-
-        <Section>
-          <Heading level={2} className="text-center mb-10">{labels.milestonesTitle}</Heading>
-          <div className="relative border-l-2 border-primary/30 pl-8 space-y-8 max-w-2xl mx-auto">
-            {milestones.map(({ year, text }) => (
-              <div key={year} className="relative">
-                <div className="absolute -left-10 top-1 w-4 h-4 rounded-full bg-primary border-2 border-white dark:border-slate-900" />
-                <Span size="xs" weight="bold" className="text-primary uppercase tracking-wide">
-                  {year}
-                </Span>
-                <Text className="mt-1">{text}</Text>
-              </div>
-            ))}
-          </div>
-        </Section>
-
-        <Section className={`text-center ${ctaBannerClass} rounded-2xl p-8 md:p-12 text-white`}>
-          <Heading level={2} variant="none" className="text-3xl font-bold mb-8 text-white">
-            {labels.ctaTitle}
-          </Heading>
-          {renderCtaButtons ? (
-            renderCtaButtons()
-          ) : (
-            <div className="flex justify-center gap-3 flex-wrap">
-              <Span className="text-white/70 text-sm">
-                {labels.ctaSell} · {labels.ctaShop}
-              </Span>
-            </div>
-          )}
-        </Section>
-      </div>
-    </div>
-  );
-}

package/src/features/about/components/index.ts

@@ -1,7 +0,0 @@
-export { AboutView } from "./AboutView";
-export type {
-  AboutViewProps,
-  AboutHowItem,
-  AboutValueItem,
-  AboutMilestone,
-} from "./AboutView";

package/src/features/about/index.ts

@@ -1,7 +0,0 @@
-export { AboutView } from "./components/AboutView";
-export type {
-  AboutViewProps,
-  AboutHowItem,
-  AboutValueItem,
-  AboutMilestone,
-} from "./components/AboutView";

package/src/features/account/api/[userId]/addresses/route.ts

@@ -1,131 +0,0 @@
-/**
- * feat-account — GET/POST /api/account/[userId]/addresses
- *
- * User address list with Sieve filtering and address creation.
- *
- * Consumer stub:
- * ```ts
- * export { userAddressesGET as GET, userAddressesPOST as POST } from "@mohasinac/feat-account";
- * ```
- */
-
-import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../../contracts";
-
-function numParam(url: URL, key: string, fallback: number): number {
-  const v = url.searchParams.get(key);
-  const n = v !== null ? Number(v) : NaN;
-  return Number.isFinite(n) ? n : fallback;
-}
-
-export async function GET(
-  request: Request,
-  { params }: { params: { userId: string } },
-): Promise<NextResponse> {
-  try {
-    const { userId } = await params;
-    if (!userId) {
-      return NextResponse.json(
-        { success: false, error: "User ID required" },
-        { status: 400 },
-      );
-    }
-
-    const url = new URL(request.url);
-    const page = Math.max(1, numParam(url, "page", 1));
-    const pageSize = Math.min(100, Math.max(1, numParam(url, "pageSize", 20)));
-    const filters =
-      `userId==${userId}` +
-      (url.searchParams.get("filters")
-        ? `,${url.searchParams.get("filters")}`
-        : "");
-    const sort =
-      url.searchParams.get("sorts") ??
-      url.searchParams.get("sort") ??
-      "-createdAt";
-
-    const { db } = getProviders();
-    if (!db)
-      return NextResponse.json(
-        { success: false, error: "DB not configured" },
-        { status: 503 },
-      );
-
-    const repo = db.getRepository<Record<string, unknown>>("addresses");
-    const result = await repo.findAll({
-      filters,
-      sort,
-      page,
-      perPage: pageSize,
-    });
-
-    const totalPages = Math.max(1, Math.ceil(result.total / pageSize));
-
-    return NextResponse.json({
-      success: true,
-      data: {
-        items: result.data,
-        total: result.total,
-        page,
-        pageSize,
-        totalPages,
-        hasMore: page < totalPages,
-      },
-    });
-  } catch (error) {
-    return NextResponse.json(
-      {
-        success: false,
-        error: error instanceof Error ? error.message : "Internal server error",
-      },
-      { status: 500 },
-    );
-  }
-}
-
-export async function POST(
-  request: Request,
-  { params }: { params: { userId: string } },
-): Promise<NextResponse> {
-  try {
-    const { userId } = await params;
-    if (!userId) {
-      return NextResponse.json(
-        { success: false, error: "User ID required" },
-        { status: 400 },
-      );
-    }
-
-    const body = await request.json();
-
-    const { db } = getProviders();
-    if (!db)
-      return NextResponse.json(
-        { success: false, error: "DB not configured" },
-        { status: 503 },
-      );
-
-    const repo = db.getRepository<Record<string, unknown>>("addresses");
-    const created = await repo.create({
-      ...body,
-      userId,
-      createdAt: new Date(),
-    });
-
-    return NextResponse.json(
-      {
-        success: true,
-        data: created,
-      },
-      { status: 201 },
-    );
-  } catch (error) {
-    return NextResponse.json(
-      {
-        success: false,
-        error: error instanceof Error ? error.message : "Internal server error",
-      },
-      { status: 500 },
-    );
-  }
-}

package/src/features/account/api/[userId]/route.ts

@@ -1,107 +0,0 @@
-/**
- * feat-account — GET/PATCH /api/account/[userId]
- *
- * User account retrieval and updates using Sieve query params.
- * GET returns single user by ID.
- * PATCH updates user fields.
- *
- * Consumer stub:
- * ```ts
- * export { userAccountGET as GET, userAccountPATCH as PATCH } from "@mohasinac/feat-account";
- * ```
- */
-
-import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../contracts";
-
-export async function GET(
-  request: Request,
-  { params }: { params: { userId: string } },
-): Promise<NextResponse> {
-  try {
-    const { userId } = await params;
-    if (!userId) {
-      return NextResponse.json(
-        { success: false, error: "User ID required" },
-        { status: 400 },
-      );
-    }
-
-    const { db } = getProviders();
-    if (!db)
-      return NextResponse.json(
-        { success: false, error: "DB not configured" },
-        { status: 503 },
-      );
-
-    const repo = db.getRepository<Record<string, unknown>>("users");
-    const user = await repo.findById(userId);
-
-    if (!user) {
-      return NextResponse.json(
-        { success: false, error: "User not found" },
-        { status: 404 },
-      );
-    }
-
-    return NextResponse.json({
-      success: true,
-      data: user,
-    });
-  } catch (error) {
-    return NextResponse.json(
-      {
-        success: false,
-        error: error instanceof Error ? error.message : "Internal server error",
-      },
-      { status: 500 },
-    );
-  }
-}
-
-export async function PATCH(
-  request: Request,
-  { params }: { params: { userId: string } },
-): Promise<NextResponse> {
-  try {
-    const { userId } = await params;
-    if (!userId) {
-      return NextResponse.json(
-        { success: false, error: "User ID required" },
-        { status: 400 },
-      );
-    }
-
-    const body = await request.json();
-
-    const { db } = getProviders();
-    if (!db)
-      return NextResponse.json(
-        { success: false, error: "DB not configured" },
-        { status: 503 },
-      );
-
-    const repo = db.getRepository<Record<string, unknown>>("users");
-    const updated = await repo.update(userId, body);
-
-    if (!updated) {
-      return NextResponse.json(
-        { success: false, error: "User not found" },
-        { status: 404 },
-      );
-    }
-
-    return NextResponse.json({
-      success: true,
-      data: updated,
-    });
-  } catch (error) {
-    return NextResponse.json(
-      {
-        success: false,
-        error: error instanceof Error ? error.message : "Internal server error",
-      },
-      { status: 500 },
-    );
-  }
-}

package/src/features/account/columns/index.ts

@@ -1,61 +0,0 @@
-import type { TableColumn, ColumnExtensionOpts } from "../../../contracts";
-import type { UserProfile } from "../types";
-
-/**
- * Default admin columns for user accounts.
- * Use `buildAccountColumns()` to customise via overrides / extras / omit.
- */
-export const accountAdminColumns: TableColumn<UserProfile>[] = [
-  {
-    key: "displayName",
-    header: "Name",
-    sortable: true,
-  },
-  {
-    key: "email",
-    header: "Email",
-    sortable: true,
-  },
-  {
-    key: "phone",
-    header: "Phone",
-    sortable: false,
-  },
-  {
-    key: "createdAt",
-    header: "Joined",
-    sortable: true,
-  },
-];
-
-/**
- * Factory that returns columns for the accounts admin table.
- *
- * @example
- * const cols = buildAccountColumns<MyUser>({
- *   extras: [{ key: "tier", header: "Tier", render: (u) => u.tier }],
- *   omit: ["phone"],
- * });
- */
-export function buildAccountColumns<T extends UserProfile = UserProfile>(
-  opts?: ColumnExtensionOpts<T>
-): TableColumn<T>[] {
-  let base = accountAdminColumns 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/account/components/AddressBook.tsx

@@ -1,109 +0,0 @@
-import type { UserAddress } from "../types";
-import { Button, Div, Span, Text } from "../../../ui";
-
-interface AddressCardProps {
-  address: UserAddress;
-  onEdit?: (address: UserAddress) => void;
-  onDelete?: (id: string) => void;
-  labels?: { edit?: string; delete?: string; defaultBadge?: string };
-}
-
-export function AddressCard({
-  address,
-  onEdit,
-  onDelete,
-  labels = {},
-}: AddressCardProps) {
-  return (
-    <Div className="relative rounded-xl border border-neutral-200 bg-white p-4">
-      {address.isDefault && (
-        <Span className="absolute right-3 top-3 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700">
-          {labels.defaultBadge ?? "Default"}
-        </Span>
-      )}
-      {address.label && (
-        <Text className="mb-1 text-xs font-semibold uppercase tracking-wide text-neutral-500">
-          {address.label}
-        </Text>
-      )}
-      <Text className="text-sm text-neutral-900">{address.line1}</Text>
-      {address.line2 && (
-        <Text className="text-sm text-neutral-900">{address.line2}</Text>
-      )}
-      <Text className="text-sm text-neutral-900">
-        {address.city}, {address.state} {address.postalCode}
-      </Text>
-      <Text className="text-sm text-neutral-900">{address.country}</Text>
-      {address.phone && (
-        <Text className="mt-1 text-sm text-neutral-500">{address.phone}</Text>
-      )}
-      <Div className="mt-3 flex gap-3">
-        {onEdit && (
-          <Button
-            onClick={() => onEdit(address)}
-            variant="ghost"
-            size="sm"
-            className="text-xs font-medium text-primary hover:underline"
-          >
-            {labels.edit ?? "Edit"}
-          </Button>
-        )}
-        {onDelete && (
-          <Button
-            onClick={() => onDelete(address.id)}
-            variant="ghost"
-            size="sm"
-            className="text-xs font-medium text-red-500 hover:underline"
-          >
-            {labels.delete ?? "Delete"}
-          </Button>
-        )}
-      </Div>
-    </Div>
-  );
-}
-
-interface AddressBookProps {
-  addresses: UserAddress[];
-  onEdit?: (address: UserAddress) => void;
-  onDelete?: (id: string) => void;
-  onAdd?: () => void;
-  emptyLabel?: string;
-  addLabel?: string;
-}
-
-export function AddressBook({
-  addresses,
-  onEdit,
-  onDelete,
-  onAdd,
-  emptyLabel = "No saved addresses",
-  addLabel = "Add Address",
-}: AddressBookProps) {
-  return (
-    <Div className="space-y-4">
-      {addresses.length === 0 && (
-        <Text className="text-sm text-neutral-500">{emptyLabel}</Text>
-      )}
-      <Div className="grid gap-4 sm:grid-cols-2">
-        {addresses.map((addr) => (
-          <AddressCard
-            key={addr.id}
-            address={addr}
-            onEdit={onEdit}
-            onDelete={onDelete}
-          />
-        ))}
-      </Div>
-      {onAdd && (
-        <Button
-          onClick={onAdd}
-          variant="outline"
-          className="mt-2 rounded-lg border border-dashed border-neutral-300 px-4 py-3 text-sm font-medium text-neutral-500 transition hover:border-neutral-400 hover:text-neutral-700"
-        >
-          + {addLabel}
-        </Button>
-      )}
-    </Div>
-  );
-}

package/src/features/account/components/BecomeSellerView.tsx

@@ -1,44 +0,0 @@
-"use client";
-
-import React from "react";
-import { Div, Heading } from "../../../ui";
-
-export interface BecomeSellerViewLabels {
-  title?: string;
-  applyButton?: string;
-  alreadySeller?: string;
-}
-
-export interface BecomeSellerViewProps {
-  labels?: BecomeSellerViewLabels;
-  renderGuide?: () => React.ReactNode;
-  renderSuccess?: () => React.ReactNode;
-  renderAlreadySeller?: () => React.ReactNode;
-  /** Which state to render. Shell exposes all three slots; consumer controls which is active. */
-  state?: "guide" | "success" | "already-seller";
-  isLoading?: boolean;
-  className?: string;
-}
-
-export function BecomeSellerView({
-  labels = {},
-  renderGuide,
-  renderSuccess,
-  renderAlreadySeller,
-  state = "guide",
-  isLoading = false,
-  className = "",
-}: BecomeSellerViewProps) {
-  return (
-    <Div className={className}>
-      {labels.title && state === "guide" && (
-        <Heading level={1} className="text-2xl font-bold mb-6">
-          {labels.title}
-        </Heading>
-      )}
-      {state === "guide" && renderGuide?.()}
-      {state === "success" && renderSuccess?.()}
-      {state === "already-seller" && renderAlreadySeller?.()}
-    </Div>
-  );
-}

package/src/features/account/components/ChatList.tsx

@@ -1,43 +0,0 @@
-"use client";
-
-import React from "react";
-import { Div, Heading } from "../../../ui";
-
-export interface ChatListLabels {
-  title?: string;
-}
-
-export interface ChatListProps {
-  labels?: ChatListLabels;
-  isLoading?: boolean;
-  hasItems: boolean;
-  renderLoading?: () => React.ReactNode;
-  renderEmptyState?: () => React.ReactNode;
-  renderList: () => React.ReactNode;
-  className?: string;
-}
-
-export function ChatList({
-  labels = {},
-  isLoading = false,
-  hasItems,
-  renderLoading,
-  renderEmptyState,
-  renderList,
-  className = "",
-}: ChatListProps) {
-  return (
-    <Div className={className}>
-      {labels.title && (
-        <Heading level={4} className="mb-3 font-semibold">
-          {labels.title}
-        </Heading>
-      )}
-      {isLoading
-        ? (renderLoading?.() ?? null)
-        : hasItems
-          ? renderList()
-          : (renderEmptyState?.() ?? null)}
-    </Div>
-  );
-}