@mohasinac/appkit 2.4.7 → 2.4.8

package/dist/features/products/components/ShowGroupSection.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import { ROUTES } from "../../../next";
+import { Row, Text, Modal, SideDrawer, Button } from "../../../ui";
+import { formatCurrency } from "../../../utils/number.formatter";
+function memberHref(m) {
+    const slug = m.slug ?? m.id;
+    if (m.isPreOrder)
+        return String(ROUTES.PUBLIC.PRE_ORDER_DETAIL(slug));
+    return String(ROUTES.PUBLIC.PRODUCT_DETAIL(slug));
+}
+function MemberThumb({ member, isCurrent }) {
+    const image = member.images?.[0] ?? "";
+    const href = memberHref(member);
+    const price = formatCurrency(member.price, member.currency ?? "INR");
+    return (_jsxs(Link, { href: href, "aria-label": member.title, className: "flex flex-col items-center gap-1.5 flex-shrink-0 w-16 group", children: [_jsxs("div", { className: `relative w-14 h-14 rounded-full overflow-hidden border-2 transition-all ${isCurrent
+                    ? "border-[var(--appkit-color-primary,#6366f1)] ring-2 ring-[var(--appkit-color-primary,#6366f1)]/30"
+                    : "border-zinc-200 dark:border-zinc-700 group-hover:border-[var(--appkit-color-primary,#6366f1)]"}`, children: [image ? (
+                    // eslint-disable-next-line @next/next/no-img-element
+                    _jsx("img", { src: image, alt: member.title, className: "w-full h-full object-cover", loading: "lazy" })) : (_jsx("div", { className: "w-full h-full bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center text-zinc-400 text-xs", children: "\u25EF" })), member.isGroupParent && (_jsx("span", { className: "absolute bottom-0 right-0 bg-[var(--appkit-color-primary,#6366f1)] text-white text-[8px] leading-none px-1 py-0.5 rounded-tl", children: "Set" }))] }), _jsx(Text, { className: "text-[10px] text-center text-zinc-600 dark:text-zinc-400 leading-tight line-clamp-2 w-full", children: member.title }), _jsx(Text, { className: "text-[10px] font-semibold text-zinc-800 dark:text-zinc-200", children: price })] }));
+}
+function GroupTableRow({ member }) {
+    const href = memberHref(member);
+    const price = formatCurrency(member.price, member.currency ?? "INR");
+    const image = member.images?.[0] ?? "";
+    return (_jsxs("tr", { className: "border-b border-zinc-100 dark:border-zinc-800 last:border-0", children: [_jsx("td", { className: "py-2 pr-3", children: _jsx("div", { className: "w-10 h-10 rounded-full overflow-hidden border border-zinc-200 dark:border-zinc-700", children: image ? (
+                    // eslint-disable-next-line @next/next/no-img-element
+                    _jsx("img", { src: image, alt: member.title, className: "w-full h-full object-cover", loading: "lazy" })) : (_jsx("div", { className: "w-full h-full bg-zinc-100 dark:bg-zinc-800" })) }) }), _jsxs("td", { className: "py-2 pr-3", children: [_jsx(Text, { className: "text-sm text-zinc-800 dark:text-zinc-200 font-medium line-clamp-2", children: member.title }), member.isGroupParent && (_jsx("span", { className: "text-[10px] text-[var(--appkit-color-primary,#6366f1)] font-semibold", children: "Parent" }))] }), _jsx("td", { className: "py-2 pr-3", children: _jsx(Text, { className: "text-sm text-zinc-700 dark:text-zinc-300", children: price }) }), _jsx("td", { className: "py-2 pr-3", children: _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 capitalize", children: member.condition ?? "—" }) }), _jsx("td", { className: "py-2", children: _jsx(Link, { href: href, className: "text-xs text-[var(--appkit-color-primary,#6366f1)] hover:underline", children: "View \u2192" }) })] }));
+}
+export function ShowGroupSection({ groupId, currentSlug, isParent, groupTitle }) {
+    const [open, setOpen] = useState(false);
+    const [members, setMembers] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [showAll, setShowAll] = useState(false);
+    useEffect(() => {
+        if (!groupId)
+            return;
+        setLoading(true);
+        fetch(`/api/products/group/${encodeURIComponent(groupId)}`)
+            .then((r) => r.json())
+            .then((res) => setMembers(res.data?.items ?? []))
+            .catch(() => { })
+            .finally(() => setLoading(false));
+    }, [groupId]);
+    if (!groupId || loading || members.length <= 1)
+        return null;
+    const label = groupTitle ?? "Product group";
+    const parentLabel = isParent ? `Parts in this group: ${label}` : `Part of: ${label}`;
+    const useDrawer = members.length >= 5;
+    const tableContent = (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-left min-w-[400px]", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-zinc-200 dark:border-zinc-700", children: [_jsx("th", { className: "pb-2 pr-3 text-xs font-semibold text-zinc-500 dark:text-zinc-400", children: "Image" }), _jsx("th", { className: "pb-2 pr-3 text-xs font-semibold text-zinc-500 dark:text-zinc-400", children: "Name" }), _jsx("th", { className: "pb-2 pr-3 text-xs font-semibold text-zinc-500 dark:text-zinc-400", children: "Price" }), _jsx("th", { className: "pb-2 pr-3 text-xs font-semibold text-zinc-500 dark:text-zinc-400", children: "Condition" }), _jsx("th", { className: "pb-2 text-xs font-semibold text-zinc-500 dark:text-zinc-400" })] }) }), _jsx("tbody", { children: members.map((m) => _jsx(GroupTableRow, { member: m }, m.id)) })] }) }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-zinc-700 bg-zinc-50/60 dark:bg-zinc-800/40 overflow-hidden", children: [_jsxs("button", { type: "button", onClick: () => setOpen((v) => !v), className: "w-full flex items-center justify-between px-4 py-3 text-left hover:bg-zinc-100/70 dark:hover:bg-zinc-800/70 transition-colors", "aria-expanded": open, children: [_jsxs(Row, { align: "center", gap: "xs", children: [_jsx("span", { className: "text-xs text-zinc-400 dark:text-zinc-500 mr-1", children: open ? "▼" : "▶" }), _jsx(Text, { className: "text-sm font-medium text-zinc-800 dark:text-zinc-200", children: parentLabel }), _jsx("span", { className: "ml-1 rounded-full bg-zinc-200 dark:bg-zinc-700 px-2 py-0.5 text-xs text-zinc-600 dark:text-zinc-400", children: members.length })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); setShowAll(true); }, className: "text-xs text-[var(--appkit-color-primary,#6366f1)] hover:underline ml-3 flex-shrink-0", children: "View whole group \u2192" })] }), open && (_jsx("div", { className: "px-4 pb-4 pt-1 overflow-x-auto", children: _jsx("div", { className: "flex gap-3 min-w-0", children: [...members]
+                                .sort((a) => (a.isGroupParent ? -1 : 0))
+                                .map((m) => (_jsx(MemberThumb, { member: m, isCurrent: m.slug === currentSlug || m.id === currentSlug }, m.id))) }) }))] }), useDrawer ? (_jsx(SideDrawer, { isOpen: showAll, onClose: () => setShowAll(false), title: label, children: tableContent })) : (_jsx(Modal, { open: showAll, onClose: () => setShowAll(false), title: label, children: tableContent }))] }));
+}

package/dist/features/products/components/index.d.ts

@@ -46,3 +46,6 @@ export { CustomSectionTabContent } from "./CustomSectionTabContent";
 export { RelatedProductsCarousel } from "./RelatedProductsCarousel";
 export { SublistingCategorySelect } from "./SublistingCategorySelect";
 export { SublistingCarouselSection } from "./SublistingCarouselSection";
+export { ShowGroupSection } from "./ShowGroupSection";
+export { GroupSettingsPanel } from "./GroupSettingsPanel";
+export type { GroupSettingsPanelProps } from "./GroupSettingsPanel";

package/dist/features/products/components/index.js

@@ -25,3 +25,5 @@ export { CustomSectionTabContent } from "./CustomSectionTabContent";
 export { RelatedProductsCarousel } from "./RelatedProductsCarousel";
 export { SublistingCategorySelect } from "./SublistingCategorySelect";
 export { SublistingCarouselSection } from "./SublistingCarouselSection";
+export { ShowGroupSection } from "./ShowGroupSection";
+export { GroupSettingsPanel } from "./GroupSettingsPanel";

package/dist/features/products/repository/products.repository.d.ts

@@ -28,7 +28,15 @@ export declare class ProductRepository extends BaseRepository<ProductDocument> {
     updateAvailableQuantity(productId: string, quantity: number): Promise<void>;
     updateBid(productId: string, bidAmount: number, bidCount: number): Promise<void>;
     findAvailable(): Promise<ProductDocument[]>;
+    findByGroupId(groupId: string): Promise<ProductDocument[]>;
     findActiveAuctions(): Promise<ProductDocument[]>;
+    startGroup(productId: string, slug: string): Promise<void>;
+    updateGroupTitle(productId: string, groupTitle: string): Promise<void>;
+    dissolveGroup(groupId: string): Promise<void>;
+    linkChildToGroup(parent: ProductDocument, child: ProductDocument): Promise<void>;
+    unlinkChildFromGroup(parent: ProductDocument, child: ProductDocument): Promise<void>;
+    leaveGroup(child: ProductDocument, parent: ProductDocument | null): Promise<void>;
+    addChildProduct(parent: ProductDocument, child: Omit<import("../schemas/firestore").ProductCreateInput, "groupId" | "isGroupParent" | "groupParentSlug" | "groupTitle">): Promise<ProductDocument>;
     deleteByStore(storeId: string): Promise<number>;
     delete(id: string): Promise<void>;
     static readonly SIEVE_FIELDS: {

package/dist/features/products/repository/products.repository.js

@@ -162,6 +162,14 @@ export class ProductRepository extends BaseRepository {
             .get();
         return snapshot.docs.map((doc) => this.mapDoc(doc));
     }
+    async findByGroupId(groupId) {
+        const snapshot = await this.db
+            .collection(this.collection)
+            .where("groupId", "==", groupId)
+            .where(PRODUCT_FIELDS.IS_AUCTION, "==", false)
+            .get();
+        return snapshot.docs.map((doc) => this.mapDoc(doc));
+    }
     async findActiveAuctions() {
         const now = new Date();
         const snapshot = await this.db
@@ -171,6 +179,79 @@ export class ProductRepository extends BaseRepository {
             .get();
         return snapshot.docs.map((doc) => this.mapDoc(doc));
     }
+    async startGroup(productId, slug) {
+        await this.getCollection().doc(productId).update({
+            groupId: slug,
+            isGroupParent: true,
+            groupChildSlugs: [],
+        });
+    }
+    async updateGroupTitle(productId, groupTitle) {
+        await this.getCollection().doc(productId).update({ groupTitle });
+    }
+    async dissolveGroup(groupId) {
+        const members = await this.findByGroupId(groupId);
+        const batch = this.db.batch();
+        const clearFields = {
+            groupId: null,
+            isGroupParent: null,
+            groupParentSlug: null,
+            groupChildSlugs: null,
+            groupTitle: null,
+        };
+        for (const m of members) {
+            batch.update(this.getCollection().doc(m.id), clearFields);
+        }
+        await batch.commit();
+    }
+    async linkChildToGroup(parent, child) {
+        const batch = this.db.batch();
+        batch.update(this.getCollection().doc(child.id), {
+            groupId: parent.groupId,
+            groupParentSlug: parent.slug ?? parent.id,
+            groupTitle: parent.groupTitle ?? null,
+        });
+        batch.update(this.getCollection().doc(parent.id), {
+            groupChildSlugs: [...(parent.groupChildSlugs ?? []), child.id],
+        });
+        await batch.commit();
+    }
+    async unlinkChildFromGroup(parent, child) {
+        const batch = this.db.batch();
+        batch.update(this.getCollection().doc(child.id), {
+            groupId: null,
+            groupParentSlug: null,
+            groupTitle: null,
+        });
+        const updated = (parent.groupChildSlugs ?? []).filter((s) => s !== child.id && s !== child.slug);
+        batch.update(this.getCollection().doc(parent.id), { groupChildSlugs: updated });
+        await batch.commit();
+    }
+    async leaveGroup(child, parent) {
+        const batch = this.db.batch();
+        batch.update(this.getCollection().doc(child.id), {
+            groupId: null,
+            groupParentSlug: null,
+            groupTitle: null,
+        });
+        if (parent) {
+            const updated = (parent.groupChildSlugs ?? []).filter((s) => s !== child.id && s !== child.slug);
+            batch.update(this.getCollection().doc(parent.id), { groupChildSlugs: updated });
+        }
+        await batch.commit();
+    }
+    async addChildProduct(parent, child) {
+        const newChild = await this.create({
+            ...child,
+            groupId: parent.groupId,
+            isGroupParent: false,
+            groupParentSlug: parent.slug ?? parent.id,
+            groupTitle: parent.groupTitle,
+        });
+        const updated = [...(parent.groupChildSlugs ?? []), newChild.id];
+        await this.getCollection().doc(parent.id).update({ groupChildSlugs: updated });
+        return newChild;
+    }
     async deleteByStore(storeId) {
         try {
             const snapshot = await this.getCollection()

package/dist/features/products/schemas/firestore.d.ts

@@ -102,6 +102,11 @@ export interface ProductDocument {
     customFields?: CustomField[];
     customSections?: CustomSection[];
     sublistingCategoryId?: string;
+    groupId?: string;
+    isGroupParent?: boolean;
+    groupParentSlug?: string;
+    groupChildSlugs?: string[];
+    groupTitle?: string;
     createdAt: Date;
     updatedAt: Date;
 }
@@ -117,8 +122,8 @@ export declare const ProductStatusValues: {
 export declare const PRODUCT_COLLECTION: "products";
 export declare const PRODUCT_INDEXED_FIELDS: readonly ["storeId", "status", "category", "featured", "isAuction", "isPreOrder", "isPromoted", "isOnSale", "isSold", "createdAt"];
 export declare const DEFAULT_PRODUCT_DATA: Partial<ProductDocument>;
-export declare const PRODUCT_PUBLIC_FIELDS: readonly ["id", "title", "description", "category", "subcategory", "brand", "price", "currency", "stockQuantity", "availableQuantity", "images", "status", "storeName", "featured", "tags", "specifications", "features", "shippingInfo", "returnPolicy", "isAuction", "auctionEndDate", "startingBid", "currentBid", "bidCount", "reservePrice", "buyNowPrice", "minBidIncrement", "autoExtendable", "auctionExtensionMinutes", "auctionShippingPaidBy", "isPreOrder", "preOrderDeliveryDate", "preOrderDepositPercent", "preOrderDepositAmount", "preOrderMaxQuantity", "preOrderCurrentCount", "preOrderProductionStatus", "preOrderCancellable", "condition", "insurance", "insuranceCost", "shippingPaidBy", "isPromoted", "isOnSale", "isSold", "slug", "seoTitle", "seoDescription", "seoKeywords", "viewCount", "customFields", "customSections", "sublistingCategoryId", "createdAt"];
-export declare const PRODUCT_UPDATABLE_FIELDS: readonly ["title", "description", "category", "subcategory", "brand", "price", "stockQuantity", "images", "status", "tags", "specifications", "features", "shippingInfo", "returnPolicy", "pickupAddressId", "condition", "insurance", "shippingPaidBy", "autoExtendable", "auctionExtensionMinutes", "auctionShippingPaidBy", "reservePrice", "buyNowPrice", "minBidIncrement", "isPreOrder", "preOrderDeliveryDate", "preOrderDepositPercent", "preOrderDepositAmount", "preOrderMaxQuantity", "preOrderProductionStatus", "preOrderCancellable", "isOnSale", "isSold", "seoTitle", "seoDescription", "seoKeywords", "customFields", "customSections", "sublistingCategoryId"];
+export declare const PRODUCT_PUBLIC_FIELDS: readonly ["id", "title", "description", "category", "subcategory", "brand", "price", "currency", "stockQuantity", "availableQuantity", "images", "status", "storeName", "featured", "tags", "specifications", "features", "shippingInfo", "returnPolicy", "isAuction", "auctionEndDate", "startingBid", "currentBid", "bidCount", "reservePrice", "buyNowPrice", "minBidIncrement", "autoExtendable", "auctionExtensionMinutes", "auctionShippingPaidBy", "isPreOrder", "preOrderDeliveryDate", "preOrderDepositPercent", "preOrderDepositAmount", "preOrderMaxQuantity", "preOrderCurrentCount", "preOrderProductionStatus", "preOrderCancellable", "condition", "insurance", "insuranceCost", "shippingPaidBy", "isPromoted", "isOnSale", "isSold", "slug", "seoTitle", "seoDescription", "seoKeywords", "viewCount", "customFields", "customSections", "sublistingCategoryId", "groupId", "isGroupParent", "groupParentSlug", "groupChildSlugs", "groupTitle", "createdAt"];
+export declare const PRODUCT_UPDATABLE_FIELDS: readonly ["title", "description", "category", "subcategory", "brand", "price", "stockQuantity", "images", "status", "tags", "specifications", "features", "shippingInfo", "returnPolicy", "pickupAddressId", "condition", "insurance", "shippingPaidBy", "autoExtendable", "auctionExtensionMinutes", "auctionShippingPaidBy", "reservePrice", "buyNowPrice", "minBidIncrement", "isPreOrder", "preOrderDeliveryDate", "preOrderDepositPercent", "preOrderDepositAmount", "preOrderMaxQuantity", "preOrderProductionStatus", "preOrderCancellable", "isOnSale", "isSold", "seoTitle", "seoDescription", "seoKeywords", "customFields", "customSections", "sublistingCategoryId", "groupId", "isGroupParent", "groupParentSlug", "groupChildSlugs", "groupTitle"];
 export type ProductCreateInput = Omit<ProductDocument, "id" | "createdAt" | "updatedAt" | "availableQuantity" | "bidCount" | "currentBid" | "auctionOriginalEndDate">;
 export type ProductUpdateInput = Partial<Pick<ProductDocument, (typeof PRODUCT_UPDATABLE_FIELDS)[number]>>;
 export type ProductAdminUpdateInput = Partial<Omit<ProductDocument, "id" | "createdAt">>;

package/dist/features/products/schemas/firestore.js

@@ -99,6 +99,11 @@ export const PRODUCT_PUBLIC_FIELDS = [
     "customFields",
     "customSections",
     "sublistingCategoryId",
+    "groupId",
+    "isGroupParent",
+    "groupParentSlug",
+    "groupChildSlugs",
+    "groupTitle",
     "createdAt",
 ];
 export const PRODUCT_UPDATABLE_FIELDS = [
@@ -141,6 +146,11 @@ export const PRODUCT_UPDATABLE_FIELDS = [
     "customFields",
     "customSections",
     "sublistingCategoryId",
+    "groupId",
+    "isGroupParent",
+    "groupParentSlug",
+    "groupChildSlugs",
+    "groupTitle",
 ];
 export const productQueryHelpers = {
     byStore: (storeId) => ["storeId", "==", storeId],

package/dist/features/products/types/index.d.ts

@@ -44,6 +44,11 @@ export interface ProductItem {
     isAuction?: boolean;
     isPreOrder?: boolean;
     sublistingCategoryId?: string;
+    groupId?: string;
+    isGroupParent?: boolean;
+    groupParentSlug?: string;
+    groupChildSlugs?: string[];
+    groupTitle?: string;
     isOnSale?: boolean;
     isSold?: boolean;
     inStock?: boolean;

package/dist/features/wishlist/schemas/index.d.ts

@@ -27,10 +27,10 @@ export declare const wishlistItemSchema: z.ZodObject<{
     userId: string;
     productTitle?: string | undefined;
     productImage?: string | undefined;
+    productSlug?: string | undefined;
     addedAt?: string | undefined;
     productPrice?: number | undefined;
     productCurrency?: string | undefined;
-    productSlug?: string | undefined;
     productStatus?: string | undefined;
 }, {
     id: string;
@@ -38,9 +38,9 @@ export declare const wishlistItemSchema: z.ZodObject<{
     userId: string;
     productTitle?: string | undefined;
     productImage?: string | undefined;
+    productSlug?: string | undefined;
     addedAt?: string | undefined;
     productPrice?: number | undefined;
     productCurrency?: string | undefined;
-    productSlug?: string | undefined;
     productStatus?: string | undefined;
 }>;