@mohasinac/appkit 2.3.0 → 2.3.1

package/dist/features/about/components/UnauthorizedView.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ROUTES } from "../../../constants";
+import { THEME_CONSTANTS } from "../../../tokens";
+import { Heading, Text, Section, Stack } from "../../../ui";
+import { TextLink } from "../../../ui";
+import { ShieldAlert, Home, LogIn } from "lucide-react";
+const DEFAULT_HERO_CLASS = "bg-gradient-to-br from-rose-600 to-red-700 dark:from-rose-700 dark:to-red-800";
+export async function UnauthorizedView({ heroBannerClass = DEFAULT_HERO_CLASS, } = {}) {
+    const { themed, flex, page } = THEME_CONSTANTS;
+    const { getTranslations } = await import("next-intl/server");
+    const t = await getTranslations("unauthorized");
+    const LINKS = [
+        {
+            icon: Home,
+            label: t("linkHome"),
+            href: String(ROUTES.HOME),
+            isPrimary: true,
+        },
+        {
+            icon: LogIn,
+            label: t("linkLogin"),
+            href: String(ROUTES.AUTH.LOGIN),
+            isPrimary: false,
+        },
+    ];
+    return (_jsxs("div", { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", "data-section": "unauthorizedview-div-218", children: [_jsx(Section, { className: `${heroBannerClass} text-white min-h-[60vh] flex flex-col items-center justify-center py-20 text-center`, children: _jsxs("div", { className: `${page.container.sm}`, "data-section": "unauthorizedview-div-219", children: [_jsx("div", { className: `w-20 h-20 rounded-2xl bg-white/20 ${flex.center} mx-auto mb-6`, "data-section": "unauthorizedview-div-220", children: _jsx(ShieldAlert, { className: "w-10 h-10 text-white" }) }), _jsx(Heading, { level: 1, variant: "none", className: "mb-4 text-white text-4xl", children: t("title") }), _jsx(Text, { variant: "none", className: "text-white/80 max-w-lg mx-auto text-lg mb-8", children: t("subtitle") }), _jsx("div", { className: `${flex.center} gap-4 flex-wrap`, "data-section": "unauthorizedview-div-221", children: LINKS.map(({ icon: Icon, label, href, isPrimary }) => (_jsx(TextLink, { href: href, className: isPrimary
+                                    ? "bg-white text-rose-700 font-semibold px-6 py-2.5 rounded-xl hover:bg-white/90 transition-colors"
+                                    : "border border-white/40 text-white px-6 py-2.5 rounded-xl hover:bg-white/10 transition-colors", children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx(Icon, { className: "w-4 h-4" }), label] }) }, href))) })] }) }), _jsx("div", { className: `${page.container.sm} py-10`, "data-section": "unauthorizedview-div-222", children: _jsxs(Section, { className: `rounded-2xl p-6 text-center border ${themed.border} ${themed.bgSecondary}`, children: [_jsx(Heading, { level: 2, className: "mb-2 text-base", children: t("helpTitle") }), _jsx(Text, { variant: "secondary", className: "text-sm mb-3", children: t("helpText") }), _jsxs(Stack, { gap: "sm", className: "flex-row flex-wrap justify-center gap-4", children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.HELP), variant: "muted", className: "text-sm", children: t("helpCenter") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.CONTACT), variant: "muted", className: "text-sm", children: t("contact") })] })] }) })] }));
+}

package/dist/features/about/index.d.ts

@@ -0,0 +1,34 @@
+export { AboutView } from "./components/AboutView";
+export type { AboutViewProps, AboutHowItem, AboutValueItem, AboutMilestone, } from "./components/AboutView";
+export { TrackOrderView } from "./components/TrackOrderView";
+export type { TrackOrderViewProps } from "./components/TrackOrderView";
+export { FeesView } from "./components/FeesView";
+export type { FeesViewProps } from "./components/FeesView";
+export { SecurityPrivacyView } from "./components/SecurityPrivacyView";
+export type { SecurityPrivacyViewProps } from "./components/SecurityPrivacyView";
+export { ShippingPolicyView } from "./components/ShippingPolicyView";
+export type { ShippingPolicyViewProps } from "./components/ShippingPolicyView";
+export { HowCheckoutWorksView } from "./components/HowCheckoutWorksView";
+export type { HowCheckoutWorksViewProps } from "./components/HowCheckoutWorksView";
+export { HowOffersWorkView } from "./components/HowOffersWorkView";
+export type { HowOffersWorkViewProps } from "./components/HowOffersWorkView";
+export { HowOrdersWorkView } from "./components/HowOrdersWorkView";
+export type { HowOrdersWorkViewProps } from "./components/HowOrdersWorkView";
+export { HowReviewsWorkView } from "./components/HowReviewsWorkView";
+export type { HowReviewsWorkViewProps } from "./components/HowReviewsWorkView";
+export { UnauthorizedView } from "./components/UnauthorizedView";
+export type { UnauthorizedViewProps } from "./components/UnauthorizedView";
+export { PolicyPageView } from "./components/PolicyPageView";
+export type { PolicyPageViewProps } from "./components/PolicyPageView";
+export { FAQPageView } from "./components/FAQPageView";
+export type { FAQPageViewProps } from "./components/FAQPageView";
+export { HelpPageView } from "./components/HelpPageView";
+export type { HelpPageViewProps } from "./components/HelpPageView";
+export { HowAuctionsWorkView } from "./components/HowAuctionsWorkView";
+export type { HowAuctionsWorkViewProps } from "./components/HowAuctionsWorkView";
+export { HowPayoutsWorkView } from "./components/HowPayoutsWorkView";
+export type { HowPayoutsWorkViewProps } from "./components/HowPayoutsWorkView";
+export { HowPreOrdersWorkView } from "./components/HowPreOrdersWorkView";
+export type { HowPreOrdersWorkViewProps } from "./components/HowPreOrdersWorkView";
+export { PublicProfileView } from "./components/PublicProfileView";
+export type { PublicProfileViewProps } from "./components/PublicProfileView";

package/dist/features/about/index.js

@@ -0,0 +1,17 @@
+export { AboutView } from "./components/AboutView";
+export { TrackOrderView } from "./components/TrackOrderView";
+export { FeesView } from "./components/FeesView";
+export { SecurityPrivacyView } from "./components/SecurityPrivacyView";
+export { ShippingPolicyView } from "./components/ShippingPolicyView";
+export { HowCheckoutWorksView } from "./components/HowCheckoutWorksView";
+export { HowOffersWorkView } from "./components/HowOffersWorkView";
+export { HowOrdersWorkView } from "./components/HowOrdersWorkView";
+export { HowReviewsWorkView } from "./components/HowReviewsWorkView";
+export { UnauthorizedView } from "./components/UnauthorizedView";
+export { PolicyPageView } from "./components/PolicyPageView";
+export { FAQPageView } from "./components/FAQPageView";
+export { HelpPageView } from "./components/HelpPageView";
+export { HowAuctionsWorkView } from "./components/HowAuctionsWorkView";
+export { HowPayoutsWorkView } from "./components/HowPayoutsWorkView";
+export { HowPreOrdersWorkView } from "./components/HowPreOrdersWorkView";
+export { PublicProfileView } from "./components/PublicProfileView";

package/dist/features/account/actions/address-actions.d.ts

@@ -0,0 +1,7 @@
+import type { AddressCreateInput, AddressDocument, AddressUpdateInput } from "../schemas";
+export declare function createAddressForUser(userId: string, input: AddressCreateInput): Promise<AddressDocument>;
+export declare function updateAddressForUser(userId: string, addressId: string, input: AddressUpdateInput): Promise<AddressDocument>;
+export declare function deleteAddressForUser(userId: string, addressId: string): Promise<void>;
+export declare function setDefaultAddressForUser(userId: string, addressId: string): Promise<AddressDocument>;
+export declare function listAddressesForUser(userId: string): Promise<AddressDocument[]>;
+export declare function getAddressByIdForUser(userId: string, addressId: string): Promise<AddressDocument | null>;

package/dist/features/account/actions/address-actions.js

@@ -0,0 +1,24 @@
+import { serverLogger } from "../../../monitoring";
+import { addressRepository } from "../repository/address.repository";
+export async function createAddressForUser(userId, input) {
+    serverLogger.debug("createAddressForUser", { userId });
+    return addressRepository.create(userId, input);
+}
+export async function updateAddressForUser(userId, addressId, input) {
+    serverLogger.debug("updateAddressForUser", { userId, addressId });
+    return addressRepository.update(userId, addressId, input);
+}
+export async function deleteAddressForUser(userId, addressId) {
+    serverLogger.debug("deleteAddressForUser", { userId, addressId });
+    return addressRepository.delete(userId, addressId);
+}
+export async function setDefaultAddressForUser(userId, addressId) {
+    serverLogger.debug("setDefaultAddressForUser", { userId, addressId });
+    return addressRepository.setDefault(userId, addressId);
+}
+export async function listAddressesForUser(userId) {
+    return addressRepository.findByUser(userId);
+}
+export async function getAddressByIdForUser(userId, addressId) {
+    return addressRepository.findById(userId, addressId);
+}

package/dist/features/account/actions/index.d.ts

@@ -0,0 +1 @@
+export { createAddressForUser, updateAddressForUser, deleteAddressForUser, setDefaultAddressForUser, listAddressesForUser, getAddressByIdForUser, } from "./address-actions";

package/dist/features/account/actions/index.js

@@ -0,0 +1 @@
+export { createAddressForUser, updateAddressForUser, deleteAddressForUser, setDefaultAddressForUser, listAddressesForUser, getAddressByIdForUser, } from "./address-actions";

package/dist/features/account/address-validation.d.ts

@@ -0,0 +1,20 @@
+export interface AddressValidationFormData {
+    fullName: string;
+    phoneNumber: string;
+    pincode: string;
+    addressLine1: string;
+    addressLine2?: string;
+    landmark?: string;
+    city: string;
+    state: string;
+    addressType: string;
+    isDefault: boolean;
+}
+export interface AddressValidationOptions {
+    validatePhoneNumber?: (value: string) => boolean;
+    validatePostalCode?: (value: string) => boolean;
+    requiredFieldMessage?: string;
+    invalidPhoneMessage?: string;
+    invalidPostalCodeMessage?: string;
+}
+export declare function validateAddressForm(formData: AddressValidationFormData, options?: AddressValidationOptions): Record<string, string>;

package/dist/features/account/address-validation.js

@@ -0,0 +1,35 @@
+import { ERROR_MESSAGES } from "../../errors";
+export function validateAddressForm(formData, options) {
+    const errors = {};
+    const requiredFieldMessage = options?.requiredFieldMessage ?? ERROR_MESSAGES.VALIDATION.REQUIRED_FIELD;
+    if (!formData.fullName?.trim()) {
+        errors.fullName = requiredFieldMessage;
+    }
+    if (!formData.phoneNumber?.trim()) {
+        errors.phoneNumber = requiredFieldMessage;
+    }
+    else if (options?.validatePhoneNumber &&
+        !options.validatePhoneNumber(formData.phoneNumber)) {
+        errors.phoneNumber =
+            options.invalidPhoneMessage ?? ERROR_MESSAGES.VALIDATION.INVALID_PHONE;
+    }
+    if (!formData.pincode?.trim()) {
+        errors.pincode = requiredFieldMessage;
+    }
+    else if (options?.validatePostalCode &&
+        !options.validatePostalCode(formData.pincode)) {
+        errors.pincode =
+            options.invalidPostalCodeMessage ??
+                ERROR_MESSAGES.VALIDATION.INVALID_INPUT;
+    }
+    if (!formData.addressLine1?.trim()) {
+        errors.addressLine1 = requiredFieldMessage;
+    }
+    if (!formData.city?.trim()) {
+        errors.city = requiredFieldMessage;
+    }
+    if (!formData.state?.trim()) {
+        errors.state = requiredFieldMessage;
+    }
+    return errors;
+}

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

@@ -0,0 +1,21 @@
+/**
+ * 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";
+export declare function GET(request: Request, { params }: {
+    params: {
+        userId: string;
+    };
+}): Promise<NextResponse>;
+export declare function POST(request: Request, { params }: {
+    params: {
+        userId: string;
+    };
+}): Promise<NextResponse>;

package/dist/features/account/api/[userId]/addresses/route.js

@@ -0,0 +1,91 @@
+/**
+ * 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, key, fallback) {
+    const v = url.searchParams.get(key);
+    const n = v !== null ? Number(v) : NaN;
+    return Number.isFinite(n) ? n : fallback;
+}
+export async function GET(request, { params }) {
+    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("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, { params }) {
+    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("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/dist/features/account/api/[userId]/route.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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";
+export declare function GET(request: Request, { params }: {
+    params: {
+        userId: string;
+    };
+}): Promise<NextResponse>;
+export declare function PATCH(request: Request, { params }: {
+    params: {
+        userId: string;
+    };
+}): Promise<NextResponse>;

package/dist/features/account/api/[userId]/route.js

@@ -0,0 +1,67 @@
+/**
+ * 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, { params }) {
+    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("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, { params }) {
+    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("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/dist/features/account/columns/index.d.ts

@@ -0,0 +1,17 @@
+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 declare const accountAdminColumns: TableColumn<UserProfile>[];
+/**
+ * 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 declare function buildAccountColumns<T extends UserProfile = UserProfile>(opts?: ColumnExtensionOpts<T>): TableColumn<T>[];

package/dist/features/account/columns/index.js

@@ -0,0 +1,39 @@
+import { buildColumns } from "../../../ui/columns";
+/**
+ * Default admin columns for user accounts.
+ * Use `buildAccountColumns()` to customise via overrides / extras / omit.
+ */
+export const accountAdminColumns = [
+    {
+        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(opts) {
+    return buildColumns(accountAdminColumns, opts);
+}

package/dist/features/account/components/AddressBook.d.ts

@@ -0,0 +1,39 @@
+import type { UserAddress } from "../types";
+export interface AddressCardAddress {
+    id: string;
+    label?: string;
+    line1?: string;
+    line2?: string;
+    addressLine1?: string;
+    addressLine2?: string;
+    city: string;
+    state: string;
+    postalCode: string;
+    country: string;
+    isDefault?: boolean;
+    phone?: string;
+    [key: string]: unknown;
+}
+export interface AddressCardProps {
+    address: AddressCardAddress;
+    onEdit?: (address: AddressCardAddress) => void;
+    onDelete?: (id: string) => void;
+    onSetDefault?: (id: string) => void;
+    labels?: {
+        edit?: string;
+        delete?: string;
+        defaultBadge?: string;
+        setDefault?: string;
+    };
+}
+interface AddressBookProps {
+    addresses: (UserAddress | AddressCardAddress)[];
+    onEdit?: (address: AddressCardAddress) => void;
+    onDelete?: (id: string) => void;
+    onAdd?: () => void;
+    emptyLabel?: string;
+    addLabel?: string;
+}
+export declare function AddressCard({ address, onEdit, onDelete, onSetDefault, labels, }: AddressCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddressBook({ addresses, onEdit, onDelete, onAdd, emptyLabel, addLabel, }: AddressBookProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/account/components/AddressBook.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Div, Span, Text } from "../../../ui";
+import { THEME_CONSTANTS } from "../../../tokens";
+export function AddressCard({ address, onEdit, onDelete, onSetDefault, labels = {}, }) {
+    const line1 = "line1" in address && address.line1
+        ? address.line1
+        : (address.addressLine1 ?? "");
+    const line2 = "line2" in address && address.line2
+        ? address.line2
+        : address.addressLine2;
+    return (_jsxs(Div, { className: "relative rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-4", children: [address.isDefault && (_jsx(Span, { className: "absolute right-3 top-3 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700", children: labels.defaultBadge ?? "Default" })), address.label && (_jsx(Text, { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-zinc-400", children: address.label })), _jsx(Text, { className: "text-sm text-neutral-900 dark:text-zinc-100", children: line1 }), line2 && _jsx(Text, { className: "text-sm text-neutral-900 dark:text-zinc-100", children: line2 }), _jsxs(Text, { className: "text-sm text-neutral-900 dark:text-zinc-100", children: [address.city, ", ", address.state, " ", address.postalCode] }), _jsx(Text, { className: "text-sm text-neutral-900 dark:text-zinc-100", children: address.country }), address.phone && (_jsx(Text, { className: "mt-1 text-sm text-neutral-500 dark:text-zinc-400", children: address.phone })), _jsxs(Div, { className: `mt-3 flex ${THEME_CONSTANTS.spacing.gap.xs}`, children: [onEdit && (_jsx(Button, { onClick: () => onEdit(address), variant: "ghost", size: "sm", className: "text-xs font-medium text-primary hover:underline", children: labels.edit ?? "Edit" })), onDelete && (_jsx(Button, { onClick: () => onDelete(address.id), variant: "ghost", size: "sm", className: "text-xs font-medium text-red-500 hover:underline", children: labels.delete ?? "Delete" })), !address.isDefault && onSetDefault && (_jsx(Button, { onClick: () => onSetDefault(address.id), variant: "outline", size: "sm", className: "ml-auto text-xs font-medium", children: labels.setDefault ?? "Set default" }))] })] }));
+}
+export function AddressBook({ addresses, onEdit, onDelete, onAdd, emptyLabel = "No saved addresses", addLabel = "Add Address", }) {
+    return (_jsxs(Div, { className: "space-y-4", children: [addresses.length === 0 && (_jsx(Text, { className: "text-sm text-neutral-500 dark:text-zinc-400", children: emptyLabel })), _jsx(Div, { className: `grid ${THEME_CONSTANTS.spacing.gap.md} sm:grid-cols-2`, children: addresses.map((addr) => (_jsx(AddressCard, { address: addr, onEdit: onEdit, onDelete: onDelete }, addr.id))) }), onAdd && (_jsxs(Button, { onClick: onAdd, variant: "outline", className: "mt-2 rounded-lg border border-dashed border-neutral-300 dark:border-slate-600 px-4 py-3 text-sm font-medium text-neutral-500 dark:text-zinc-400 transition hover:border-neutral-400 dark:hover:border-slate-500 hover:text-neutral-700 dark:hover:text-zinc-200", children: ["+ ", addLabel] }))] }));
+}

package/dist/features/account/components/AddressForm.d.ts

@@ -0,0 +1,39 @@
+import type { AddressFormData } from "../hooks/useAddresses";
+export interface AddressFormLabels {
+    label: string;
+    fullName: string;
+    phone: string;
+    addressLine1: string;
+    addressLine2: string;
+    city: string;
+    state: string;
+    postalCode: string;
+    country: string;
+    setDefault: string;
+    cancel: string;
+    save: string;
+    loading: string;
+}
+export interface AddressFormPlaceholders {
+    label: string;
+    fullName: string;
+    phone: string;
+    addressLine1: string;
+    addressLine2: string;
+    city: string;
+    state: string;
+    postalCode: string;
+    country: string;
+}
+interface AddressFormProps {
+    initialData?: Partial<AddressFormData>;
+    onSubmit: (data: AddressFormData) => void | Promise<void>;
+    onCancel: () => void;
+    isLoading?: boolean;
+    submitLabel?: string;
+    defaultCountry?: string;
+    labels?: Partial<AddressFormLabels>;
+    placeholders?: Partial<AddressFormPlaceholders>;
+}
+export declare function AddressForm({ initialData, onSubmit, onCancel, isLoading, submitLabel, defaultCountry, labels, placeholders, }: AddressFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/account/components/AddressForm.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Checkbox, FormField, FormGroup } from "../../../ui";
+import { THEME_CONSTANTS } from "../../../tokens";
+const DEFAULT_LABELS = {
+    label: "Address Label",
+    fullName: "Full Name",
+    phone: "Phone Number",
+    addressLine1: "Address Line 1",
+    addressLine2: "Address Line 2",
+    city: "City",
+    state: "State",
+    postalCode: "Postal Code",
+    country: "Country",
+    setDefault: "Set as default address",
+    cancel: "Cancel",
+    save: "Save",
+    loading: "Saving...",
+};
+const DEFAULT_PLACEHOLDERS = {
+    label: "Home, Office, etc.",
+    fullName: "Recipient's full name",
+    phone: "Enter phone number",
+    addressLine1: "Street address, P.O. box",
+    addressLine2: "Apartment, suite, unit, building, floor, etc.",
+    city: "City",
+    state: "State/Province",
+    postalCode: "Postal/ZIP code",
+    country: "Country",
+};
+export function AddressForm({ initialData, onSubmit, onCancel, isLoading = false, submitLabel, defaultCountry = "India", labels, placeholders, }) {
+    const mergedLabels = { ...DEFAULT_LABELS, ...labels };
+    const mergedPlaceholders = { ...DEFAULT_PLACEHOLDERS, ...placeholders };
+    const effectiveSubmitLabel = submitLabel ?? mergedLabels.save;
+    const [formData, setFormData] = useState({
+        label: initialData?.label || "",
+        fullName: initialData?.fullName || "",
+        phone: initialData?.phone || "",
+        addressLine1: initialData?.addressLine1 || "",
+        addressLine2: initialData?.addressLine2 || "",
+        city: initialData?.city || "",
+        state: initialData?.state || "",
+        postalCode: initialData?.postalCode || "",
+        country: initialData?.country || defaultCountry,
+        isDefault: initialData?.isDefault || false,
+    });
+    const handleChange = (field, value) => {
+        setFormData((prev) => ({ ...prev, [field]: value }));
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        await onSubmit(formData);
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsx(FormField, { label: mergedLabels.label, name: "label", type: "text", value: formData.label, onChange: (value) => handleChange("label", value), placeholder: mergedPlaceholders.label, required: true }), _jsx(FormField, { label: mergedLabels.fullName, name: "fullName", type: "text", value: formData.fullName, onChange: (value) => handleChange("fullName", value), placeholder: mergedPlaceholders.fullName, required: true }), _jsx(FormField, { label: mergedLabels.phone, name: "phone", type: "tel", value: formData.phone, onChange: (value) => handleChange("phone", value), placeholder: mergedPlaceholders.phone, required: true }), _jsx(FormField, { label: mergedLabels.addressLine1, name: "addressLine1", type: "text", value: formData.addressLine1, onChange: (value) => handleChange("addressLine1", value), placeholder: mergedPlaceholders.addressLine1, required: true }), _jsx(FormField, { label: mergedLabels.addressLine2, name: "addressLine2", type: "text", value: formData.addressLine2, onChange: (value) => handleChange("addressLine2", value), placeholder: mergedPlaceholders.addressLine2 }), _jsxs(FormGroup, { columns: 3, children: [_jsx(FormField, { label: mergedLabels.city, name: "city", type: "text", value: formData.city, onChange: (value) => handleChange("city", value), placeholder: mergedPlaceholders.city, required: true }), _jsx(FormField, { label: mergedLabels.state, name: "state", type: "text", value: formData.state, onChange: (value) => handleChange("state", value), placeholder: mergedPlaceholders.state, required: true }), _jsx(FormField, { label: mergedLabels.postalCode, name: "postalCode", type: "text", value: formData.postalCode, onChange: (value) => handleChange("postalCode", value), placeholder: mergedPlaceholders.postalCode, required: true })] }), _jsx(FormField, { label: mergedLabels.country, name: "country", type: "text", value: formData.country, onChange: (value) => handleChange("country", value), placeholder: mergedPlaceholders.country, required: true }), _jsx(Checkbox, { checked: formData.isDefault, onChange: (e) => handleChange("isDefault", e.target.checked), label: mergedLabels.setDefault }), _jsxs("div", { className: `flex items-center justify-start ${THEME_CONSTANTS.spacing.gap.xs} pt-2`, "data-section": "addressform-div-223", children: [_jsx(Button, { type: "button", variant: "outline", onClick: onCancel, disabled: isLoading, children: mergedLabels.cancel }), _jsx(Button, { type: "submit", variant: "primary", disabled: isLoading, children: isLoading ? mergedLabels.loading : effectiveSubmitLabel })] })] }));
+}

package/dist/features/account/components/AddressSelectorCreate.d.ts

@@ -0,0 +1,16 @@
+export interface AddressSelectorCreateLabels {
+    addAddress: string;
+    save: string;
+    pickupAddress: string;
+    selectAddress: string;
+}
+export interface AddressSelectorCreateProps {
+    value: string;
+    onChange: (id: string) => void;
+    disabled?: boolean;
+    label?: string;
+    labels?: Partial<AddressSelectorCreateLabels>;
+    onCreated?: (id: string) => void;
+    onCreateError?: () => void;
+}
+export declare function AddressSelectorCreate({ value, onChange, disabled, label, labels, onCreated, onCreateError, }: AddressSelectorCreateProps): import("react/jsx-runtime").JSX.Element;