@tapcart/mobile-components 0.12.8 → 0.12.9

package/dist/components/hooks/use-recommendations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-recommendations.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-recommendations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAOxE,UAAU,sBAAsB;IAE9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAGxC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;CACf;AAUD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,GAAG,EAAE,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;CACX;AAmBD,QAAA,MAAM,kBAAkB,yEASrB,sBAAsB,KAAG,uBAmH3B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"use-recommendations.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-recommendations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAOxE,UAAU,sBAAsB;IAE9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAGxC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;CACf;AAUD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,GAAG,EAAE,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;CACX;AAmBD,QAAA,MAAM,kBAAkB,yEASrB,sBAAsB,KAAG,uBA2H3B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/hooks/use-recommendations.js

@@ -35,7 +35,13 @@ queryVariables, apiURL, }) => {
         ? query
         : (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("recommendation")) || "";
     // Check if resolved recommendation meets minimum length requirement
-    const shouldFetch = recommendation.length >= MIN_QUERY_LENGTH;
+    // Allow fetching when:
+    // - query is empty → show trending searches
+    // - query meets minimum length (≥3 chars)
+    // - searchClient has a customSearchConfig (e.g., filter-only queries on PDP)
+    const shouldFetch = !recommendation.trim().length ||
+        recommendation.length >= MIN_QUERY_LENGTH ||
+        (usingSearchClient && Boolean(customSearchConfig));
     const [cachedRecommendation, setCachedRecommendations] = React.useState(recommendationsLocalStorage.getCacheItem({
         id: `${recommendation}-${queryVariables === null || queryVariables === void 0 ? void 0 : queryVariables.language}`,
     }));

package/dist/components/hooks/use-recommendations.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-recommendations.test.d.ts.map

package/dist/components/hooks/use-recommendations.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-recommendations.test.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-recommendations.test.ts"],"names":[],"mappings":""}

package/dist/components/hooks/use-recommendations.test.js

@@ -0,0 +1,85 @@
+import { renderHook } from "@testing-library/react";
+import { useRecommendations } from "./use-recommendations";
+// Mock next/navigation
+jest.mock("next/navigation", () => ({
+    useSearchParams: () => new URLSearchParams(),
+}));
+// Mock SWR to give us control over fetching behavior
+jest.mock("swr", () => {
+    return {
+        __esModule: true,
+        default: (key, fetcher, _options) => {
+            // If key is null, SWR doesn't fetch
+            if (key === null) {
+                return { data: undefined, error: undefined, isLoading: false };
+            }
+            return { data: undefined, error: undefined, isLoading: true };
+        },
+    };
+});
+// Mock the local storage cache
+jest.mock("../libs/cache/RecommendationsLocalStorage", () => {
+    return {
+        __esModule: true,
+        default: jest.fn().mockImplementation(() => ({
+            getCacheItem: jest.fn().mockReturnValue(null),
+            setCacheItem: jest.fn(),
+        })),
+    };
+});
+describe("useRecommendations", () => {
+    const mockSearchClient = {
+        getRecommendations: jest.fn().mockResolvedValue({
+            products: [{ id: "1", title: "Product 1" }],
+            searches: ["suggestion 1"],
+            facets: [],
+            totalResults: 1,
+        }),
+    };
+    const defaultProps = {
+        queryVariables: { appId: "test-app" },
+        apiURL: "http://test.com/recommendations",
+    };
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    it("should fetch trending recommendations when query is empty", () => {
+        const { result } = renderHook(() => useRecommendations(Object.assign({ searchClient: mockSearchClient, query: "" }, defaultProps)));
+        // Empty query now triggers a trending recommendations fetch
+        expect(result.current.isLoading).toBe(true);
+    });
+    it("should not fetch when query is below MIN_QUERY_LENGTH and no customSearchConfig", () => {
+        const { result } = renderHook(() => useRecommendations(Object.assign({ searchClient: mockSearchClient, query: "ab" }, defaultProps)));
+        expect(result.current.products).toEqual([]);
+        expect(result.current.isLoading).toBe(false);
+    });
+    it("should fetch trending when no searchClient and empty search params", () => {
+        const { result } = renderHook(() => useRecommendations(Object.assign({ query: "ab" }, defaultProps)));
+        // Without searchClient, recommendation comes from searchParams (empty string)
+        // Empty query now triggers a trending fetch
+        expect(result.current.isLoading).toBe(true);
+    });
+    it("should fetch when query meets MIN_QUERY_LENGTH", () => {
+        const { result } = renderHook(() => useRecommendations(Object.assign({ searchClient: mockSearchClient, query: "abc" }, defaultProps)));
+        // SWR mock returns isLoading: true when key is not null
+        expect(result.current.isLoading).toBe(true);
+    });
+    it("should fetch when customSearchConfig is provided with searchClient even with empty query", () => {
+        const customSearchConfig = {
+            filter: 'attributes.mfield_bnb__seriesId = 584945 AND NOT id: ANY("9338273530096")',
+            pageSize: 6,
+        };
+        const { result } = renderHook(() => useRecommendations(Object.assign({ searchClient: mockSearchClient, query: "", customSearchConfig }, defaultProps)));
+        // shouldFetch should be true due to customSearchConfig bypass, so SWR gets a key and returns isLoading: true
+        expect(result.current.isLoading).toBe(true);
+    });
+    it("should fetch trending when customSearchConfig is provided without searchClient and empty query", () => {
+        const customSearchConfig = {
+            filter: "attributes.mfield_bnb__seriesId = 584945",
+            pageSize: 6,
+        };
+        const { result } = renderHook(() => useRecommendations(Object.assign({ query: "", customSearchConfig }, defaultProps)));
+        // Empty query now triggers a trending fetch regardless of searchClient
+        expect(result.current.isLoading).toBe(true);
+    });
+});

package/dist/lib/variablesCart.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variablesCart.util.d.ts","sourceRoot":"","sources":["../../lib/variablesCart.util.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,sBAAsB,EACtB,6BAA6B,EAO9B,MAAM,kBAAkB,CAAA;AAEzB,eAAO,MAAM,2BAA2B;;cAM5B,MAAM;;0BAEI;YAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;YACzB,KAAK,EAAE,MAAM,CAAA;YACb,cAAc,CAAC,EAAE,MAAM,CAAA;SACxB,EAAE;;;;;;CAyBN,CAAA;AA4FD,eAAO,MAAM,6BAA6B,SAClC,MAAM,QACN,SAAS,GAAG,IAAI,YAUvB,CAAA;AAED,eAAO,MAAM,2BAA2B,SAChC,MAAM,QACN,SAAS,GAAG,IAAI,YAUvB,CAAA;AAoMD,MAAM,MAAM,uBAAuB,GAAG;IACpC,yBAAyB,EAAE,sBAAsB,EAAE,CAAA;IACnD,gBAAgB,EAAE,6BAA6B,EAAE,CAAA;IACjD,cAAc,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,gBAAgB,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,uBAU/C,CAAA;AAED,eAAO,MAAM,8BAA8B,SACnC,SAAS,GAAG,IAAI,KACrB,uBAmCF,CAAA"}
+{"version":3,"file":"variablesCart.util.d.ts","sourceRoot":"","sources":["../../lib/variablesCart.util.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,sBAAsB,EACtB,6BAA6B,EAO9B,MAAM,kBAAkB,CAAA;AAEzB,eAAO,MAAM,2BAA2B;;cAM5B,MAAM;;0BAEI;YAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;YACzB,KAAK,EAAE,MAAM,CAAA;YACb,cAAc,CAAC,EAAE,MAAM,CAAA;SACxB,EAAE;;;;;;CAyBN,CAAA;AA8FD,eAAO,MAAM,6BAA6B,SAClC,MAAM,QACN,SAAS,GAAG,IAAI,YAUvB,CAAA;AAED,eAAO,MAAM,2BAA2B,SAChC,MAAM,QACN,SAAS,GAAG,IAAI,YAUvB,CAAA;AAoMD,MAAM,MAAM,uBAAuB,GAAG;IACpC,yBAAyB,EAAE,sBAAsB,EAAE,CAAA;IACnD,gBAAgB,EAAE,6BAA6B,EAAE,CAAA;IACjD,cAAc,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,gBAAgB,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,uBAU/C,CAAA;AAED,eAAO,MAAM,8BAA8B,SACnC,SAAS,GAAG,IAAI,KACrB,uBAmCF,CAAA"}

package/dist/lib/variablesCart.util.js

@@ -42,6 +42,9 @@ const getOrderLevelDiscounts = (cart) => {
         if (discount.code) {
             code = ((discount === null || discount === void 0 ? void 0 : discount.code) || "").toUpperCase();
         }
+        else if (discount.title) {
+            code = ((discount === null || discount === void 0 ? void 0 : discount.title) || "").toUpperCase();
+        }
         else if ((_b = (_a = discount.kind) === null || _a === void 0 ? void 0 : _a.manual) === null || _b === void 0 ? void 0 : _b.code) {
             code = (((_d = (_c = discount === null || discount === void 0 ? void 0 : discount.kind) === null || _c === void 0 ? void 0 : _c.manual) === null || _d === void 0 ? void 0 : _d.code) || "").toUpperCase();
         }

package/dist/styles.css

@@ -1030,6 +1030,9 @@ video {
 .h-24 {
   height: 6rem;
 }
+.h-3 {
+  height: 0.75rem;
+}
 .h-4 {
   height: 1rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.12.8",
+  "version": "0.12.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",