@mohasinac/appkit 4.12.3 → 4.13.0

package/dist/features/whatsapp-bot/components/SellerWhatsAppSettingsView.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApiMutation } from "@mohasinac/appkit/client";
+import { useApiMutation, useBulkEvent, RTDB_PATHS } from "@mohasinac/appkit/client";
 import React from "react";
+import { normalizeError } from "../../../errors/normalize";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };
@@ -136,19 +137,46 @@ export function SellerWhatsAppSettingsView({ hasCapability }) {
             showToast(msg, "error");
         },
     });
-    // Catalog import mutation (pull: WhatsApp → site)
-    const importMutation = useApiMutation({
-        mutationFn: async () => apiClient.post(WHATSAPP_SELLER_ENDPOINTS.CATALOG_IMPORT, {}),
-        onSuccess: (res) => {
-            const r = res ?? {};
-            showToast(`Imported ${r.imported ?? 0} product${(r.imported ?? 0) !== 1 ? "s" : ""} from WhatsApp (${r.skipped ?? 0} already synced)`, "success");
+    // Catalog import (pull: WhatsApp → site). Runs as the `whatsappCatalogImport`
+    // async job — the route only enqueues, so the result arrives over the
+    // useBulkEvent RTDB channel rather than in the POST response.
+    const bulkEvent = useBulkEvent({ rtdbPath: RTDB_PATHS.BULK_EVENTS });
+    const [importing, setImporting] = React.useState(false);
+    const startImport = async () => {
+        setImporting(true);
+        try {
+            const res = (await apiClient.post(WHATSAPP_SELLER_ENDPOINTS.CATALOG_IMPORT, {}));
+            const { jobId, customToken } = res.data ?? {};
+            if (jobId && customToken) {
+                bulkEvent.subscribe(jobId, customToken);
+            }
+            else {
+                setImporting(false);
+                showToast("Failed to start catalog import.", "error");
+            }
+        }
+        catch (err) {
+            void normalizeError(err);
+            setImporting(false);
+            showToast(err instanceof Error ? err.message : "Import failed", "error");
+        }
+    };
+    React.useEffect(() => {
+        if (bulkEvent.status === "success") {
+            setImporting(false);
+            const summary = bulkEvent.result?.summary;
+            const imported = summary?.succeeded ?? 0;
+            const skipped = summary?.skipped ?? 0;
+            showToast(`Imported ${imported} product${imported !== 1 ? "s" : ""} from WhatsApp (${skipped} already synced)`, "success");
             void queryClient.invalidateQueries({ queryKey: ["store", "whatsapp-settings"] });
-        },
-        onError: (err) => {
-            const msg = err instanceof Error ? err.message : "Import failed";
-            showToast(msg, "error");
-        },
-    });
+            void queryClient.invalidateQueries({ queryKey: ["store", "products"] });
+        }
+        else if (bulkEvent.status === "failed" || bulkEvent.status === "timeout") {
+            setImporting(false);
+            showToast(bulkEvent.error ?? "Catalog import failed.", "error");
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [bulkEvent.status]);
     if (!hasCapability) {
         return (_jsx(Div, { className: "max-w-xl mx-auto", paddingY: "y-xl", paddingX: "x-md", children: _jsxs(Alert, { variant: "warning", children: [_jsx(Text, { weight: "medium", children: "WhatsApp catalog sync is not enabled for your store." }), _jsx(Text, { className: "mt-1", size: "sm", children: "Contact LetItRip support to request access to the WhatsApp Business integration." })] }) }));
     }
@@ -162,7 +190,7 @@ export function SellerWhatsAppSettingsView({ hasCapability }) {
                         }) })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsxs(Row, { justify: "between", align: "center", className: "mb-4", children: [_jsx(Heading, { level: 2, size: "sm", weight: "semibold", color: "primary", children: "Connection" }), isLoading ? null : cfg?.connected ? (_jsx(Badge, { variant: "success", children: "Connected" })) : (_jsx(Badge, { variant: "default", children: "Not configured" }))] }), _jsxs(Form, { onSubmit: (e) => {
                             e.preventDefault();
                             saveMutation.mutate();
-                        }, spacing: "md", children: [_jsx(Input, { label: "WhatsApp Business Phone Number", value: phoneNumber, onChange: (e) => setPhoneNumber(e.target.value), placeholder: "919876543210", helperText: "Digits only, include country code (e.g. 91 for India)" }), _jsx(Input, { label: "WABA ID (WhatsApp Business Account ID)", value: wabaId, onChange: (e) => setWabaId(e.target.value), placeholder: "123456789012345", helperText: "From Meta Business Manager \u2192 WhatsApp Accounts" }), _jsx(Input, { label: "Catalog ID", value: catalogId, onChange: (e) => setCatalogId(e.target.value), placeholder: "987654321098765", helperText: "From Meta Commerce Manager \u2192 Catalogs" }), _jsx(MaskedTokenInput, { label: "System User Access Token", value: accessToken, onChange: setAccessToken, placeholder: "EAAxxxxxxxx\u2026", helperText: "Long-lived token with WhatsApp Business permissions" }), _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: saveMutation.isPending, children: saveMutation.isPending ? "Saving…" : ACTIONS.STORE["whatsapp-connect"].label }) })] })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "mb-4", color: "primary", size: "sm", weight: "semibold", children: "Catalog Sync" }), _jsxs(Row, { justify: "between", align: "center", className: "mb-4", children: [_jsxs(Div, { children: [_jsx(Text, { size: "sm", color: "muted", children: "Enable catalog sync" }), _jsx(Text, { size: "xs", color: "muted", children: "When enabled, your published standard products can be synced to WhatsApp." })] }), _jsx(Toggle, { checked: syncEnabled, onChange: setSyncEnabled, disabled: !cfg?.connected })] }), cfg?.lastCatalogSyncAt && (_jsxs(Row, { color: "muted", textSize: "xs", gap: "sm", align: "center", className: "mb-3", children: [_jsxs(Text, { children: ["Last sync: ", new Date(cfg.lastCatalogSyncAt).toLocaleString("en-IN")] }), cfg.lastSyncCount !== undefined && _jsxs(Text, { children: ["\u00B7 ", cfg.lastSyncCount, " products"] }), cfg.lastSyncStatus && (_jsx(Badge, { variant: STATUS_VARIANT[cfg.lastSyncStatus] ?? "default", children: cfg.lastSyncStatus }))] })), _jsx(Text, { className: "mb-3", color: "faint", size: "xs", children: "Only published standard products are synced. Auctions and pre-orders are excluded. Batches of up to 50 products per call." }), _jsxs(Row, { gap: "3", children: [_jsx(Button, { onClick: () => syncMutation.mutate(), isLoading: syncMutation.isPending, disabled: !cfg?.connected || !syncEnabled || syncMutation.isPending, variant: "secondary", children: syncMutation.isPending ? "Syncing…" : ACTIONS.STORE["whatsapp-catalog-sync"].label }), _jsx(Button, { onClick: () => importMutation.mutate(), isLoading: importMutation.isPending, disabled: !cfg?.connected || !syncEnabled || importMutation.isPending, variant: "secondary", children: importMutation.isPending ? "Importing…" : ACTIONS.STORE["whatsapp-catalog-import"].label })] }), _jsxs(Text, { className: "mt-3", color: "faint", size: "xs", children: [_jsx(Span, { weight: "bold", children: "Push" }), " sends your published standard products to WhatsApp.", " ", _jsx(Span, { weight: "bold", children: "Import" }), " creates draft products from your WhatsApp catalog. Products are matched by slug in the description field."] })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "mb-2", color: "primary", size: "sm", weight: "semibold", children: "Purchase Announcement Preview" }), _jsx(Text, { className: "mb-3", color: "muted", size: "xs", children: "This message is sent automatically to your phone and the platform admin when a new order is placed." }), _jsx(Div, { textSize: "sm", className: "font-mono", color: "primary", surface: "muted", padding: "inline", rounded: "lg", children: buildPurchaseAnnouncementMessage({
+                        }, spacing: "md", children: [_jsx(Input, { label: "WhatsApp Business Phone Number", value: phoneNumber, onChange: (e) => setPhoneNumber(e.target.value), placeholder: "919876543210", helperText: "Digits only, include country code (e.g. 91 for India)" }), _jsx(Input, { label: "WABA ID (WhatsApp Business Account ID)", value: wabaId, onChange: (e) => setWabaId(e.target.value), placeholder: "123456789012345", helperText: "From Meta Business Manager \u2192 WhatsApp Accounts" }), _jsx(Input, { label: "Catalog ID", value: catalogId, onChange: (e) => setCatalogId(e.target.value), placeholder: "987654321098765", helperText: "From Meta Commerce Manager \u2192 Catalogs" }), _jsx(MaskedTokenInput, { label: "System User Access Token", value: accessToken, onChange: setAccessToken, placeholder: "EAAxxxxxxxx\u2026", helperText: "Long-lived token with WhatsApp Business permissions" }), _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: saveMutation.isPending, children: saveMutation.isPending ? "Saving…" : ACTIONS.STORE["whatsapp-connect"].label }) })] })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "mb-4", color: "primary", size: "sm", weight: "semibold", children: "Catalog Sync" }), _jsxs(Row, { justify: "between", align: "center", className: "mb-4", children: [_jsxs(Div, { children: [_jsx(Text, { size: "sm", color: "muted", children: "Enable catalog sync" }), _jsx(Text, { size: "xs", color: "muted", children: "When enabled, your published standard products can be synced to WhatsApp." })] }), _jsx(Toggle, { checked: syncEnabled, onChange: setSyncEnabled, disabled: !cfg?.connected })] }), cfg?.lastCatalogSyncAt && (_jsxs(Row, { color: "muted", textSize: "xs", gap: "sm", align: "center", className: "mb-3", children: [_jsxs(Text, { children: ["Last sync: ", new Date(cfg.lastCatalogSyncAt).toLocaleString("en-IN")] }), cfg.lastSyncCount !== undefined && _jsxs(Text, { children: ["\u00B7 ", cfg.lastSyncCount, " products"] }), cfg.lastSyncStatus && (_jsx(Badge, { variant: STATUS_VARIANT[cfg.lastSyncStatus] ?? "default", children: cfg.lastSyncStatus }))] })), _jsx(Text, { className: "mb-3", color: "faint", size: "xs", children: "Only published standard products are synced. Auctions and pre-orders are excluded. Batches of up to 50 products per call." }), _jsxs(Row, { gap: "3", children: [_jsx(Button, { onClick: () => syncMutation.mutate(), isLoading: syncMutation.isPending, disabled: !cfg?.connected || !syncEnabled || syncMutation.isPending, variant: "secondary", children: syncMutation.isPending ? "Syncing…" : ACTIONS.STORE["whatsapp-catalog-sync"].label }), _jsx(Button, { onClick: () => void startImport(), isLoading: importing, disabled: !cfg?.connected || !syncEnabled || importing, variant: "secondary", children: importing ? "Importing…" : ACTIONS.STORE["whatsapp-catalog-import"].label })] }), _jsxs(Text, { className: "mt-3", color: "faint", size: "xs", children: [_jsx(Span, { weight: "bold", children: "Push" }), " sends your published standard products to WhatsApp.", " ", _jsx(Span, { weight: "bold", children: "Import" }), " creates draft products from your WhatsApp catalog. Products are matched by slug in the description field."] })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "mb-2", color: "primary", size: "sm", weight: "semibold", children: "Purchase Announcement Preview" }), _jsx(Text, { className: "mb-3", color: "muted", size: "xs", children: "This message is sent automatically to your phone and the platform admin when a new order is placed." }), _jsx(Div, { textSize: "sm", className: "font-mono", color: "primary", surface: "muted", padding: "inline", rounded: "lg", children: buildPurchaseAnnouncementMessage({
                             buyerName: "Ravi K.",
                             firstItemName: "Charizard PSA 9",
                             additionalItemCount: 2,

package/dist/features/wishlist/hooks/useUserWishlist.d.ts

@@ -18,7 +18,7 @@ interface UseUserWishlistOptions<TProduct> {
 }
 export declare function useUserWishlist<TProduct = unknown>(options?: UseUserWishlistOptions<TProduct>): {
     total: number;
-    data: NoInfer<UserWishlistResponse<TProduct>>;
+    data: UserWishlistResponse<TProduct>;
     error: Error;
     isError: true;
     isPending: false;
@@ -41,12 +41,11 @@ export declare function useUserWishlist<TProduct = unknown>(options?: UseUserWis
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<UserWishlistResponse<TProduct>>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<UserWishlistResponse<TProduct>, Error>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
-    promise: Promise<NoInfer<UserWishlistResponse<TProduct>>>;
 } | {
     total: number;
-    data: NoInfer<UserWishlistResponse<TProduct>>;
+    data: UserWishlistResponse<TProduct>;
     error: null;
     isError: false;
     isPending: false;
@@ -69,9 +68,8 @@ export declare function useUserWishlist<TProduct = unknown>(options?: UseUserWis
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<UserWishlistResponse<TProduct>>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<UserWishlistResponse<TProduct>, Error>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
-    promise: Promise<NoInfer<UserWishlistResponse<TProduct>>>;
 } | {
     total: number;
     data: undefined;
@@ -97,9 +95,8 @@ export declare function useUserWishlist<TProduct = unknown>(options?: UseUserWis
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<UserWishlistResponse<TProduct>>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<UserWishlistResponse<TProduct>, Error>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
-    promise: Promise<NoInfer<UserWishlistResponse<TProduct>>>;
 } | {
     total: number;
     data: undefined;
@@ -125,9 +122,8 @@ export declare function useUserWishlist<TProduct = unknown>(options?: UseUserWis
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<UserWishlistResponse<TProduct>>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<UserWishlistResponse<TProduct>, Error>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
-    promise: Promise<NoInfer<UserWishlistResponse<TProduct>>>;
 } | {
     total: number;
     data: undefined;
@@ -153,12 +149,11 @@ export declare function useUserWishlist<TProduct = unknown>(options?: UseUserWis
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<UserWishlistResponse<TProduct>>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<UserWishlistResponse<TProduct>, Error>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
-    promise: Promise<NoInfer<UserWishlistResponse<TProduct>>>;
 } | {
     total: number;
-    data: NoInfer<UserWishlistResponse<TProduct>>;
+    data: UserWishlistResponse<TProduct>;
     isError: false;
     error: null;
     isPending: false;
@@ -181,8 +176,7 @@ export declare function useUserWishlist<TProduct = unknown>(options?: UseUserWis
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<UserWishlistResponse<TProduct>>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<UserWishlistResponse<TProduct>, Error>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
-    promise: Promise<NoInfer<UserWishlistResponse<TProduct>>>;
 };
 export {};

package/dist/features/wishlist/hooks/useWishlist.d.ts

@@ -11,6 +11,6 @@ export declare function useWishlist(userId: string, opts?: UseWishlistOptions):
     isWishlisted: (productId: string) => boolean;
     isLoading: boolean;
     error: Error | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<WishlistResponse>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<WishlistResponse, Error>>;
 };
 export {};

package/dist/features/wishlist/hooks/useWishlistWithGuest.d.ts

@@ -17,7 +17,7 @@ export declare function useWishlistWithGuest(userId: string | null | undefined,
     isWishlisted: (productId: string) => boolean;
     isLoading: boolean;
     error: Error | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<WishlistResponse>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<WishlistResponse, Error>>;
     isGuest: boolean;
     guestWishlist?: undefined;
 } | {

package/dist/seed/site-settings-seed-data.js

@@ -523,9 +523,27 @@ export const siteSettingsSeedData = {
         razorpayWebhookSecret: "webhook_PLACEHOLDER",
         resendApiKey: "",
         whatsappApiKey: "wa_PLACEHOLDER",
+        // Real Meta secrets — deliberately left empty. With these unset the order
+        // announcement logs "not configured" and skips cleanly; a placeholder
+        // string here would instead be treated as a usable token and fail on send.
+        // Enter the real values in Admin → Site Settings → WhatsApp.
         whatsappPhoneNumberId: "",
         whatsappCloudApiToken: "",
-        whatsappAdminNotifyNumbers: "",
+        // The platform's own WhatsApp number, digits-only with country code
+        // (+91 8919665811). Same number as contact.whatsappNumber above.
+        whatsappAdminNotifyNumbers: "918919665811",
+        // Default Meta message-template names. These MUST be created and approved
+        // in Meta Business Manager under exactly these names — business-initiated
+        // sends outside the 24h customer-service window are rejected without an
+        // approved template. Names match the notification types they serve, see
+        // WHATSAPP_TEMPLATE_BY_TYPE in features/admin/actions/notification-actions.ts.
+        whatsappTemplateOrderPlaced: "order_placed",
+        whatsappTemplateOrderConfirmed: "order_confirmed",
+        whatsappTemplateOrderShipped: "order_shipped",
+        whatsappTemplateOrderDelivered: "order_delivered",
+        whatsappTemplateOrderCancelled: "order_cancelled",
+        whatsappTemplateRefundInitiated: "refund_initiated",
+        whatsappTemplateLanguage: "en",
         metaAppId: "meta_app_PLACEHOLDER",
         metaAppSecret: "meta_secret_PLACEHOLDER",
         metaPageAccessToken: "meta_page_token_PLACEHOLDER",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "4.12.3",
+  "version": "4.13.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -174,7 +174,7 @@
     "@mohasinac/sievejs": "^1.0.0",
     "driver.js": "^1.8.0",
     "jsbarcode": "^3.12.3",
-    "motion": "^12.40.0",
+    "motion": "^13.1.1",
     "react-advanced-cropper": "^0.20.1",
     "tailwind-merge": "^3.3.0",
     "zod": "^3.24.0",
@@ -184,8 +184,8 @@
     "@tanstack/react-query": ">=5.0.0",
     "@types/react": ">=18",
     "@types/react-dom": ">=18",
-    "firebase-admin": "^13.6.1",
-    "firebase-functions": ">=6.0.0",
+    "firebase-admin": "^14.3.0",
+    "firebase-functions": "^7.3.2",
     "next": ">=14",
     "next-intl": ">=3",
     "razorpay": ">=2.9.0",
@@ -214,7 +214,7 @@
   "devDependencies": {
     "@tailwindcss/cli": "^4.3.3",
     "@tanstack/react-query": "^5.0.0",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
     "@types/babel__generator": "^7.27.0",
     "@types/babel__template": "^7.4.4",
@@ -227,13 +227,13 @@
     "@types/yargs-parser": "^21.0.3",
     "@upstash/ratelimit": "^2.0.8",
     "@upstash/redis": "^1.37.0",
-    "concurrently": "^9.2.1",
-    "eslint": "^9.37.0",
-    "firebase": "^12.8.0",
-    "firebase-admin": "^13.6.1",
-    "firebase-functions": "^6.6.0",
+    "concurrently": "^10.0.5",
+    "eslint": "^10.9.0",
+    "firebase": "^12.18.0",
+    "firebase-admin": "^14.3.0",
+    "firebase-functions": "^7.3.2",
     "jsdom": "^29.1.1",
-    "lucide-react": "^1.7.0",
+    "lucide-react": "^1.33.0",
     "next": "^15.0.0",
     "next-intl": "^4.9.1",
     "razorpay": "^2.9.6",
@@ -243,6 +243,9 @@
     "server-only": "^0.0.1",
     "tailwindcss": "^4.3.3",
     "typescript": "^5.9.3",
-    "vitest": "^4.1.7"
+    "vitest": "^4.1.11"
+  },
+  "engines": {
+    "node": ">=22"
   }
 }