@tapcart/mobile-components 0.7.26 → 0.7.28

package/dist/components/hooks/use-debug-dependencies.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Custom hook to debug dependency changes.
+ *
+ * Usage:
+ * useDebugDependencies([dependencyA, dependencyB]);
+ *
+ * @param {Array} deps - Array of dependencies to monitor for changes.
+ */
+export declare const useDebugDependencies: (deps: any[]) => void;
+//# sourceMappingURL=use-debug-dependencies.d.ts.map

package/dist/components/hooks/use-debug-dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debug-dependencies.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-debug-dependencies.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,SAAU,GAAG,EAAE,SAU/C,CAAA"}

package/dist/components/hooks/use-debug-dependencies.js

@@ -0,0 +1,17 @@
+import { useRef, useEffect } from "react";
+/**
+ * Custom hook to debug dependency changes.
+ *
+ * Usage:
+ * useDebugDependencies([dependencyA, dependencyB]);
+ *
+ * @param {Array} deps - Array of dependencies to monitor for changes.
+ */
+export const useDebugDependencies = (deps) => {
+    const prevDeps = useRef(deps);
+    useEffect(() => {
+        const changedDeps = deps.map((dep, i) => dep !== prevDeps.current[i] ? dep : null);
+        console.log("Changed dependencies:", changedDeps);
+        prevDeps.current = deps;
+    }, [deps]);
+};

package/dist/components/hooks/use-layout.d.ts

@@ -0,0 +1,13 @@
+import { PhoenixLayout } from "lib/tapcart/types";
+type UseLayoutProps = {
+    appId: string;
+    layoutId: string;
+};
+type UseLayoutReturn = {
+    layout: PhoenixLayout | null;
+    error: any;
+    isLoading: boolean;
+};
+export declare function useLayout({ appId, layoutId, }: UseLayoutProps): UseLayoutReturn;
+export {};
+//# sourceMappingURL=use-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-layout.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAA;IAC5B,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,GACT,EAAE,cAAc,GAAG,eAAe,CAYlC"}

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

@@ -0,0 +1,23 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import useSWR from "swr";
+import { fetchLayoutById } from "apps/tapcart-ssr-app/lib/tapcart/index";
+export function useLayout({ appId, layoutId, }) {
+    const fetcher = (appId, layoutId) => __awaiter(this, void 0, void 0, function* () {
+        return fetchLayoutById(appId, layoutId);
+    });
+    const { data, error } = useSWR([appId, layoutId], fetcher);
+    return {
+        layout: data || null,
+        error,
+        isLoading: !data && !error,
+    };
+}

package/dist/components/hooks/use-nosto-recommendation.d.ts

@@ -1,5 +1,13 @@
 import { Integrations } from "app-studio-types";
-export declare function useNostoRecommendations(integrations: Integrations, baseURL: string, slotId?: null): {
+export declare enum NostoRecommendationsType {
+    BOUGHT_TOGETHER = "BOUGHT_TOGETHER",
+    VIEWED_TOGETHER = "VIEWED_TOGETHER",
+    VIEWED_TOGETHER_SMART = "VIEWED_TOGETHER_SMART",
+    DEFAULT_SUM = "DEFAULT_SUM",
+    BEST_SELLERS = "BEST_SELLERS",
+    VIEWED_CATEGORY = "VIEWED_CATEGORY"
+}
+export declare function useNostoRecommendations(integrations: Integrations, baseURL: string, slotId?: string, recommendationsType?: NostoRecommendationsType | "", productIds?: string[], skip?: boolean): {
     recommendations: import("app-studio-types").Product[];
     isLoading: boolean;
     error: any;

package/dist/components/hooks/use-nosto-recommendation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-nosto-recommendation.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-nosto-recommendation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AA+E/C,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,MAAM,EACf,MAAM,OAAO;;;;;EA4Cd"}
+{"version":3,"file":"use-nosto-recommendation.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-nosto-recommendation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAe/C,oBAAY,wBAAwB;IAClC,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,qBAAqB,0BAA0B;IAC/C,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,eAAe,oBAAoB;CACpC;AAyRD,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,MAAM,EACf,MAAM,SAAK,EACX,mBAAmB,CAAC,EAAE,wBAAwB,GAAG,EAAE,EACnD,UAAU,CAAC,EAAE,MAAM,EAAE,EACrB,IAAI,CAAC,EAAE,OAAO;;;;;EAiCf"}

package/dist/components/hooks/use-nosto-recommendation.js

@@ -10,74 +10,147 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { useState, useEffect } from "react";
 import { useProducts } from "./use-products";
-const getRecommendations = (integrations, slotId = null) => __awaiter(void 0, void 0, void 0, function* () {
-    if (!Array.isArray(integrations))
-        return [];
-    const nosto = integrations.find((integration) => integration.name === "nosto");
+import { bestSellersRecommendationsQuery, categoryPageRecommendationsQuery, getFrontPageRecommendationsQuery, getProductPageRecommendationsQuery, getRelatedProductsRecommendationsQuery, newSessionQuery, } from "./use-nosto-recommendation.queries";
+export var NostoRecommendationsType;
+(function (NostoRecommendationsType) {
+    NostoRecommendationsType["BOUGHT_TOGETHER"] = "BOUGHT_TOGETHER";
+    NostoRecommendationsType["VIEWED_TOGETHER"] = "VIEWED_TOGETHER";
+    NostoRecommendationsType["VIEWED_TOGETHER_SMART"] = "VIEWED_TOGETHER_SMART";
+    NostoRecommendationsType["DEFAULT_SUM"] = "DEFAULT_SUM";
+    NostoRecommendationsType["BEST_SELLERS"] = "BEST_SELLERS";
+    NostoRecommendationsType["VIEWED_CATEGORY"] = "VIEWED_CATEGORY";
+})(NostoRecommendationsType || (NostoRecommendationsType = {}));
+const fetchNosto = (nostoKey, graphqlBody, mode) => __awaiter(void 0, void 0, void 0, function* () {
     const url = "https://api.nosto.com/v1/graphql";
     const headers = new Headers({
         "Content-Type": "application/json",
-        Authorization: "Basic " + btoa(":" + (nosto === null || nosto === void 0 ? void 0 : nosto.key)),
-    });
-    // Fetch sessionId
-    const sessionBody = JSON.stringify({
-        query: `mutation { newSession }`,
+        Authorization: "Basic " + btoa(":" + nostoKey),
     });
-    const sessionResponse = yield fetch(url, {
+    const response = yield fetch(url, {
         method: "POST",
         headers: headers,
-        body: sessionBody,
+        mode: mode,
+        body: graphqlBody,
     });
-    const sessionData = yield sessionResponse.json();
+    const json = yield response.json();
+    return json;
+});
+const getProductIdsFromPageResponse = (pageResponse) => {
+    return ((pageResponse === null || pageResponse === void 0 ? void 0 : pageResponse.flatMap((page) => page.primary).filter((item) => item && item.productId).map((item) => item.productId)) || []);
+};
+const fetchFrontPageRecommendations = (nostoKey, slotId) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c;
+    // Fetch sessionId
+    const sessionData = yield fetchNosto(nostoKey, newSessionQuery);
     const sessionId = sessionData.data.newSession;
     // Main recommendation query
-    const body = JSON.stringify({
-        query: `
-      mutation {
-        updateSession(
-          by: BY_CID
-          id: "${sessionId}"
-          params: {
-            event: { type: VIEWED_PAGE, target: "home" }
-          }
-        ) {
-          pages {
-            forFrontPage(
-              params: {
-                isPreview: false
-                imageVersion: VERSION_8_400_400
-                ${slotId ? `slotIds: ["${slotId}"]` : ""}
-              }
-            ) {
-              primary {
-                productId
-              }
+    const body = getFrontPageRecommendationsQuery(sessionId, slotId);
+    const response = yield fetchNosto(nostoKey, body, "cors");
+    return getProductIdsFromPageResponse((_c = (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.updateSession) === null || _b === void 0 ? void 0 : _b.pages) === null || _c === void 0 ? void 0 : _c.forFrontPage);
+});
+const fetchProductPageRecommendations = (nostoKey, productId, slotId) => __awaiter(void 0, void 0, void 0, function* () {
+    var _d, _e, _f;
+    const sessionData = yield fetchNosto(nostoKey, newSessionQuery);
+    const sessionId = sessionData.data.newSession;
+    const body = getProductPageRecommendationsQuery(sessionId, productId, slotId);
+    const response = yield fetchNosto(nostoKey, body, "cors");
+    return getProductIdsFromPageResponse((_f = (_e = (_d = response.data) === null || _d === void 0 ? void 0 : _d.updateSession) === null || _e === void 0 ? void 0 : _e.pages) === null || _f === void 0 ? void 0 : _f.forProductPage);
+});
+const fetchCategoryPageRecommendations = (nostoKey, sourceCollectionTitle) => __awaiter(void 0, void 0, void 0, function* () {
+    var _g, _h, _j;
+    const sessionData = yield fetchNosto(nostoKey, newSessionQuery);
+    const sessionId = sessionData.data.newSession;
+    const body = categoryPageRecommendationsQuery(sessionId, sourceCollectionTitle);
+    const response = yield fetchNosto(nostoKey, body, "cors");
+    return getProductIdsFromPageResponse((_j = (_h = (_g = response.data) === null || _g === void 0 ? void 0 : _g.updateSession) === null || _h === void 0 ? void 0 : _h.pages) === null || _j === void 0 ? void 0 : _j.forCategoryPage);
+});
+const fetchBestSellersRecommendations = (nostoKey) => __awaiter(void 0, void 0, void 0, function* () {
+    var _k, _l, _m, _o;
+    const body = bestSellersRecommendationsQuery;
+    const response = yield fetchNosto(nostoKey, body, "cors");
+    const productIds = ((_o = (_m = (_l = (_k = response === null || response === void 0 ? void 0 : response.data) === null || _k === void 0 ? void 0 : _k.recos) === null || _l === void 0 ? void 0 : _l.toplist) === null || _m === void 0 ? void 0 : _m.primary) === null || _o === void 0 ? void 0 : _o.map((item) => item.productId)) || [];
+    return productIds;
+});
+const fetchRelatedProductsRecommendations = (nostoKey, recommendationsType, productIds) => __awaiter(void 0, void 0, void 0, function* () {
+    var _p, _q, _r, _s;
+    const body = getRelatedProductsRecommendationsQuery(recommendationsType, productIds);
+    const response = yield fetchNosto(nostoKey, body, "cors");
+    const recommendedProductIds = ((_s = (_r = (_q = (_p = response === null || response === void 0 ? void 0 : response.data) === null || _p === void 0 ? void 0 : _p.recos) === null || _q === void 0 ? void 0 : _q.related) === null || _r === void 0 ? void 0 : _r.primary) === null || _s === void 0 ? void 0 : _s.map((item) => item.productId)) || [];
+    return recommendedProductIds;
+});
+const fetchPDPFallbackRecommendations = (nostoKey, productId, recommendationsType = NostoRecommendationsType.BOUGHT_TOGETHER) => __awaiter(void 0, void 0, void 0, function* () {
+    switch (recommendationsType) {
+        case NostoRecommendationsType.VIEWED_CATEGORY:
+            return fetchCategoryPageRecommendations(nostoKey, productId);
+        case NostoRecommendationsType.BEST_SELLERS:
+            return fetchBestSellersRecommendations(nostoKey);
+        default:
+            return fetchRelatedProductsRecommendations(nostoKey, recommendationsType, [productId]);
+    }
+});
+const fetchHomeRecommendations = (nostoKey, slotId) => __awaiter(void 0, void 0, void 0, function* () {
+    let productIdRecommendations = [];
+    if (slotId) {
+        try {
+            productIdRecommendations = yield fetchFrontPageRecommendations(nostoKey, slotId);
+            if (productIdRecommendations.length === 0) {
+                productIdRecommendations = yield fetchBestSellersRecommendations(nostoKey);
             }
-          }
         }
-      }
-    `,
-    });
-    const response = yield fetch(url, {
-        method: "POST",
-        headers: headers,
-        mode: "cors",
-        body,
-    });
-    const json = yield response.json();
-    return json;
+        catch (error) {
+            productIdRecommendations = yield fetchBestSellersRecommendations(nostoKey);
+        }
+    }
+    else {
+        productIdRecommendations = yield fetchBestSellersRecommendations(nostoKey);
+    }
+    return productIdRecommendations;
 });
-export function useNostoRecommendations(integrations, baseURL, slotId = null) {
-    var _a, _b, _c, _d;
-    const [nostoData, setNostoData] = useState(null);
+const fetchPDPRecommendations = (nostoKey, productId, slotId, recommendationsType = NostoRecommendationsType.BOUGHT_TOGETHER) => __awaiter(void 0, void 0, void 0, function* () {
+    let productIdRecommendations = [];
+    if (slotId) {
+        try {
+            productIdRecommendations = yield fetchProductPageRecommendations(nostoKey, productId, slotId);
+            if (productIdRecommendations.length === 0) {
+                productIdRecommendations = yield fetchPDPFallbackRecommendations(nostoKey, productId, recommendationsType);
+            }
+        }
+        catch (error) {
+            productIdRecommendations = yield fetchPDPFallbackRecommendations(nostoKey, productId, recommendationsType);
+        }
+    }
+    else {
+        productIdRecommendations = yield fetchPDPFallbackRecommendations(nostoKey, productId, recommendationsType);
+    }
+    return productIdRecommendations;
+});
+const getProductIdRecommendations = (nostoKey, slotId = "", recommendationsType, productIds, skip) => __awaiter(void 0, void 0, void 0, function* () {
+    if (skip) {
+        return [];
+    }
+    const isPDP = productIds && productIds.length > 0;
+    if (isPDP) {
+        return fetchPDPRecommendations(nostoKey, productIds[0], slotId, recommendationsType);
+    }
+    else {
+        return fetchHomeRecommendations(nostoKey, slotId);
+    }
+});
+function useNostoRecommendationsProductIds(nostoKey, slotId = "", recommendationsType, productIds, skip) {
+    const [recommendedProductIds, setRecommendedProductIds] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
     useEffect(() => {
         function fetchNostoData() {
             return __awaiter(this, void 0, void 0, function* () {
                 try {
-                    const result = yield getRecommendations(integrations, slotId);
-                    setNostoData(result);
+                    if (!nostoKey) {
+                        setRecommendedProductIds([]);
+                    }
+                    else {
+                        const productIdRecommendations = yield getProductIdRecommendations(nostoKey, slotId, recommendationsType, productIds, skip);
+                        setRecommendedProductIds(productIdRecommendations);
+                    }
                 }
                 catch (err) {
                     console.error("Error fetching recommendations:", err);
@@ -89,10 +162,22 @@ export function useNostoRecommendations(integrations, baseURL, slotId = null) {
             });
         }
         fetchNostoData();
-    }, [integrations, slotId]);
-    const productIds = ((_d = (_c = (_b = (_a = nostoData === null || nostoData === void 0 ? void 0 : nostoData.data) === null || _a === void 0 ? void 0 : _a.updateSession) === null || _b === void 0 ? void 0 : _b.pages) === null || _c === void 0 ? void 0 : _c.forFrontPage) === null || _d === void 0 ? void 0 : _d.flatMap((page) => page.primary).filter((item) => item && item.productId).map((item) => item.productId)) || [];
+    }, [nostoKey, slotId, recommendationsType, productIds, skip]);
+    return {
+        recommendedProductIds,
+        isLoading,
+        error,
+    };
+}
+export function useNostoRecommendations(integrations, baseURL, slotId = "", recommendationsType, productIds, skip) {
+    var _a;
+    if (recommendationsType === "") {
+        recommendationsType = NostoRecommendationsType.BOUGHT_TOGETHER;
+    }
+    const nostoKey = (_a = integrations.find((integration) => integration.name === "nosto")) === null || _a === void 0 ? void 0 : _a.key;
+    const { recommendedProductIds, isLoading, error } = useNostoRecommendationsProductIds(nostoKey, slotId, recommendationsType, productIds, skip);
     const { products, error: productsError, isLoading: productsLoading, } = useProducts({
-        productIds,
+        productIds: recommendedProductIds,
         baseURL,
         productHandles: [],
     });

package/dist/components/hooks/use-nosto-recommendation.queries.d.ts

@@ -0,0 +1,48 @@
+import { NostoRecommendationsType } from "./use-nosto-recommendation";
+type NostoPageResponse<T extends string> = {
+    data?: {
+        updateSession?: {
+            pages?: {
+                [K in T]: Array<{
+                    primary: Array<{
+                        productId: string;
+                    }>;
+                }>;
+            };
+        };
+    };
+};
+export type NostoFrontPageResponse = NostoPageResponse<"forFrontPage">;
+export type NostoProductPageResponse = NostoPageResponse<"forProductPage">;
+export type NostoCategoryPageResponse = NostoPageResponse<"forCategoryPage">;
+export type NostoBestSellersResponse = {
+    data?: {
+        recos?: {
+            toplist?: {
+                primary: Array<{
+                    name: string;
+                    productId: string;
+                }>;
+            };
+        };
+    };
+};
+export type NostoRelatedProductsResponse = {
+    data?: {
+        recos?: {
+            related?: {
+                primary: Array<{
+                    productId: string;
+                }>;
+            };
+        };
+    };
+};
+export declare const getFrontPageRecommendationsQuery: (sessionId: string, slotId?: string) => string;
+export declare const getProductPageRecommendationsQuery: (sessionId: string, productId: string, slotId?: string) => string;
+export declare const categoryPageRecommendationsQuery: (sessionId: string, sourceCollectionTitle: string) => string;
+export declare const bestSellersRecommendationsQuery: string;
+export declare const getRelatedProductsRecommendationsQuery: (recommendationsType: NostoRecommendationsType, productIds: string[]) => string;
+export declare const newSessionQuery: string;
+export {};
+//# sourceMappingURL=use-nosto-recommendation.queries.d.ts.map

package/dist/components/hooks/use-nosto-recommendation.queries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-nosto-recommendation.queries.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-nosto-recommendation.queries.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI;IACzC,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE;YACd,KAAK,CAAC,EAAE;iBACL,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;oBACd,OAAO,EAAE,KAAK,CAAC;wBAAE,SAAS,EAAE,MAAM,CAAA;qBAAE,CAAC,CAAA;iBACtC,CAAC;aACH,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAA;AACtE,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;AAC1E,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAE5E,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE;YACN,OAAO,CAAC,EAAE;gBACR,OAAO,EAAE,KAAK,CAAC;oBAAE,IAAI,EAAE,MAAM,CAAC;oBAAC,SAAS,EAAE,MAAM,CAAA;iBAAE,CAAC,CAAA;aACpD,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AACD,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE;YACN,OAAO,CAAC,EAAE;gBACR,OAAO,EAAE,KAAK,CAAC;oBAAE,SAAS,EAAE,MAAM,CAAA;iBAAE,CAAC,CAAA;aACtC,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAGD,eAAO,MAAM,gCAAgC,cAAe,MAAM,WAAW,MAAM,WAiC3E,CAAA;AAER,eAAO,MAAM,kCAAkC,cAAe,MAAM,aAAa,MAAM,WAAW,MAAM,WAqChG,CAAA;AAER,eAAO,MAAM,gCAAgC,cAAe,MAAM,yBAAyB,MAAM,WAqCzF,CAAA;AAGR,eAAO,MAAM,+BAA+B,QAe1C,CAAA;AAEF,eAAO,MAAM,sCAAsC,wBAAyB,wBAAwB,cAAc,MAAM,EAAE,WAqBlH,CAAA;AAGR,eAAO,MAAM,eAAe,QAE1B,CAAA"}

package/dist/components/hooks/use-nosto-recommendation.queries.js

@@ -0,0 +1,143 @@
+export const getFrontPageRecommendationsQuery = (sessionId, slotId) => JSON.stringify({
+    query: `
+          mutation GetFrontPageRecommendations($sessionId: String!${slotId ? `, $slotId: String` : ""} ) {
+            updateSession(
+              by: BY_CID
+              id: $sessionId
+              params: {
+                event: { type: VIEWED_PAGE, target: "home" }
+              }
+            ) {
+              pages {
+                forFrontPage(
+                  params: {
+                    isPreview: false
+                    imageVersion: VERSION_8_400_400
+                    ${slotId ? `slotIds: [$slotId]` : ""}
+                  }
+                ) {
+                  primary {
+                    productId
+                  }
+                }
+              }
+            }
+          }
+        `,
+    variables: {
+        sessionId,
+        slotId,
+    },
+});
+export const getProductPageRecommendationsQuery = (sessionId, productId, slotId) => JSON.stringify({
+    query: `
+          mutation GetProductPageRecommendations($sessionId: String!, $productId: String!${slotId ? `, $slotId: String` : ""} ) {
+            updateSession(
+              by: BY_CID
+              id: $sessionId
+              params: {
+                event: { type: VIEWED_PRODUCT, target: $productId }
+              }
+            ) {
+              id
+              pages {
+                forProductPage(
+                  product: $productId
+                  params: {
+                    isPreview: false
+                    ${slotId ? `slotIds: [$slotId]` : ""}
+                  }
+                ) {
+                  resultId
+                  primary {
+                    name
+                    productId
+                  }
+                }
+              }
+            }
+          }
+        `,
+    variables: {
+        sessionId,
+        productId,
+        slotId,
+    },
+});
+export const categoryPageRecommendationsQuery = (sessionId, sourceCollectionTitle) => JSON.stringify({
+    query: `
+          mutation CategoryPageRecommendations($sessionId: String!, $sourceCollectionTitle: String!) {
+            updateSession(
+              by: BY_CID
+              id: $sessionId
+              params: {
+                event: {
+                  type: VIEWED_CATEGORY
+                  target: $sourceCollectionTitle
+                }
+              }
+            ) {
+              id
+              pages {
+                forCategoryPage(
+                  params: {
+                    isPreview: false
+                    imageVersion: VERSION_8_400_400
+                  }
+                  category: $sourceCollectionTitle
+                ) {
+                  resultId
+                  primary {
+                    name
+                    productId
+                  }
+                }
+              }
+            }
+          }
+        `,
+    variables: {
+        sessionId,
+        sourceCollectionTitle,
+    },
+});
+export const bestSellersRecommendationsQuery = JSON.stringify({
+    query: `query GetBestSellersRecommendations {
+    recos(preview: false, image: VERSION_7_200_200) {
+      toplist(hours: 168, sort: BUYS, params: {
+        minProducts: 1
+        maxProducts: 10
+      }) {
+        resultId
+        primary {
+          name
+          productId
+        }
+      }
+    }
+  }`,
+});
+export const getRelatedProductsRecommendationsQuery = (recommendationsType, productIds) => JSON.stringify({
+    query: `
+             query GetRelatedProductsRecommendations($relationship: RelationModeEntity!, $productIds: [String!]!) {
+              recos(preview: false, image: VERSION_7_200_200) {
+                related(
+                  relationship: $relationship
+                  productIds: $productIds
+                  params: { minProducts: 1, maxProducts: 10 }
+                ) {
+                  primary {
+                    productId
+                  }
+                }
+              }
+            }
+          `,
+    variables: {
+        relationship: recommendationsType,
+        productIds: productIds,
+    },
+});
+export const newSessionQuery = JSON.stringify({
+    query: `mutation { newSession }`,
+});

package/dist/components/hooks/use-nosto-recommendation.test.d.ts

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

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

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

package/dist/components/hooks/use-nosto-recommendation.test.js

@@ -0,0 +1,248 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { renderHook } from "@testing-library/react-hooks";
+import { NostoRecommendationsType, useNostoRecommendations, } from "./use-nosto-recommendation";
+import { useProducts } from "./use-products";
+jest.mock("./use-products", () => ({
+    useProducts: jest.fn(),
+}));
+// Mock fetch for GraphQL queries
+global.fetch = jest.fn((url, options) => {
+    const body = JSON.parse(options === null || options === void 0 ? void 0 : options.body);
+    if (body.query.includes("newSession")) {
+        return Promise.resolve({
+            json: () => Promise.resolve({ data: { newSession: "mockSessionId" } }),
+        });
+    }
+    if (body.query.includes("GetFrontPageRecommendations")) {
+        return Promise.resolve({
+            json: () => Promise.resolve({
+                data: {
+                    updateSession: {
+                        pages: {
+                            forFrontPage: [{ primary: [{ productId: "front-page-id-1" }] }],
+                        },
+                    },
+                },
+            }),
+        });
+    }
+    if (body.query.includes("GetBestSellersRecommendations")) {
+        return Promise.resolve({
+            json: () => Promise.resolve({
+                data: {
+                    recos: {
+                        toplist: {
+                            primary: [{ name: "Product 1", productId: "best-seller-1" }],
+                        },
+                    },
+                },
+            }),
+        });
+    }
+    if (body.query.includes("GetRelatedProductsRecommendations")) {
+        return Promise.resolve({
+            json: () => Promise.resolve({
+                data: {
+                    recos: {
+                        related: {
+                            primary: [{ productId: "related-1" }],
+                        },
+                    },
+                },
+            }),
+        });
+    }
+    if (body.query.includes("GetProductPageRecommendations")) {
+        return Promise.resolve({
+            json: () => Promise.resolve({
+                data: {
+                    updateSession: {
+                        pages: {
+                            forProductPage: [
+                                { primary: [{ productId: "product-page-id-1" }] },
+                            ],
+                        },
+                    },
+                },
+            }),
+        });
+    }
+    if (body.query.includes("CategoryPageRecommendations")) {
+        return Promise.resolve({
+            json: () => Promise.resolve({
+                data: {
+                    updateSession: {
+                        pages: {
+                            forCategoryPage: [
+                                { primary: [{ productId: "category-page-id-1" }] },
+                            ],
+                        },
+                    },
+                },
+            }),
+        });
+    }
+    return Promise.reject(new Error("Unknown query"));
+});
+describe("useNostoRecommendations", () => {
+    const mockIntegrations = [
+        {
+            name: "nosto",
+            key: "mockNostoKey",
+            enabled: true,
+        },
+    ];
+    const mockBaseURL = "http://mockbaseurl.com";
+    beforeEach(() => {
+        jest.clearAllMocks();
+        useProducts.mockReturnValue({
+            products: [{ id: "1", name: "Product 1" }],
+            isLoading: false,
+            error: null,
+        });
+    });
+    it("should return front page recommendations if productIds is empty and slotId is provided", () => __awaiter(void 0, void 0, void 0, function* () {
+        const slotId = "mockSlotId";
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, undefined, undefined, undefined));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.isLoading).toBe(false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["front-page-id-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should return best sellers recommendations if productIds is empty and slotId is not provided", () => __awaiter(void 0, void 0, void 0, function* () {
+        const slotId = "";
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, undefined, undefined));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["best-seller-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should return best sellers recommendations if productIds is not empty, Best Sellers is the recommendation type and slotId is not provided", () => __awaiter(void 0, void 0, void 0, function* () {
+        const slotId = "";
+        const productIds = ["mockProductId"];
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, NostoRecommendationsType.BEST_SELLERS, productIds));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["best-seller-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should return default front page recommendations if slotId is provided but layoutType is not", () => __awaiter(void 0, void 0, void 0, function* () {
+        const slotId = "mockSlotId";
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["front-page-id-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should return the correct recommendations for best sellers", () => __awaiter(void 0, void 0, void 0, function* () {
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.BEST_SELLERS, undefined, undefined));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["best-seller-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should return the related recommendations when only productIds and a recommendation type are provided on a non-home layout", () => __awaiter(void 0, void 0, void 0, function* () {
+        const productIds = ["mockProductId"];
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["related-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should return the correct recommendations when productIds and slotIds are provided", () => __awaiter(void 0, void 0, void 0, function* () {
+        const slotId = "mockSlotId";
+        const productIds = ["mockProductId"];
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["product-page-id-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should return the related products fallback recommendations when productIds are provided and no slotId and a type other than viewed_category and best_sellers is provided", () => __awaiter(void 0, void 0, void 0, function* () {
+        const productIds = ["mockProductId"];
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["related-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should return the category fallback recommendations when no slotId, productIds are provided and a recommendation type of viewed_category is provided", () => __awaiter(void 0, void 0, void 0, function* () {
+        const productIds = ["mockProductId"];
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.VIEWED_CATEGORY, productIds, undefined));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["category-page-id-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should handle loading state", () => __awaiter(void 0, void 0, void 0, function* () {
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, ""));
+        expect(result.current.isLoading).toBe(true);
+    }));
+    it("should handle error state", () => __awaiter(void 0, void 0, void 0, function* () {
+        const mockError = () => "Failed to fetch products";
+        useProducts.mockReturnValue({
+            products: [],
+            isLoading: false,
+            error: mockError,
+        });
+        const { result, waitForNextUpdate } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL));
+        yield waitForNextUpdate();
+        expect(result.current.error).toBe(mockError);
+    }));
+    it("should default to best sellers if productIds are empty but a recommendation type other than Best Sellers is used", () => __awaiter(void 0, void 0, void 0, function* () {
+        const productIds = [];
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(result.current.error).toBe(null);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: ["best-seller-1"],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+    it("should return an empty array if skip is true", () => __awaiter(void 0, void 0, void 0, function* () {
+        const { result, waitFor } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.BEST_SELLERS, undefined, true));
+        yield waitFor(() => result.current.isLoading === false);
+        expect(useProducts).toHaveBeenCalledWith({
+            productIds: [],
+            baseURL: mockBaseURL,
+            productHandles: [],
+        });
+    }));
+});

package/dist/components/hooks/use-products.d.ts

@@ -12,6 +12,8 @@ type UseProductsProps = {
     queryVariables?: Record<string, any>;
     fetcher?: (url: string, body?: Record<string, any> | null) => Promise<any>;
     metafields?: MetafieldInput[];
+    mock?: boolean;
+    onlyAvailableProducts?: boolean;
 };
 type UseProductsReturn = {
     products: Product[];

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

@@ -1 +1 @@
-{"version":3,"file":"use-products.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-products.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAG1C,KAAK,GAAG,GAAG,MAAM,CAAA;AACjB,KAAK,cAAc,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AACxD,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,OAAO,EAAE,GAAG,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAC1E,UAAU,CAAC,EAAE,cAAc,EAAE,CAAA;CAC9B,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CAiE7E"}
+{"version":3,"file":"use-products.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-products.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAI1C,KAAK,GAAG,GAAG,MAAM,CAAA;AACjB,KAAK,cAAc,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AACxD,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,OAAO,EAAE,GAAG,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAC1E,UAAU,CAAC,EAAE,cAAc,EAAE,CAAA;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AA8BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CAwF7E"}

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

@@ -1,11 +1,43 @@
 "use client";
 import useSWR from "swr";
 import { getProductGidsFromIds } from "../../lib/utils";
+import { useCollection } from "./use-collection";
+const isUseProductsProps = (props) => {
+    return Boolean(props);
+};
+const formatProductData = ({ data, onlyAvailableProducts = false, }) => {
+    const isProductsObject = (value) => {
+        return value && "products" in value;
+    };
+    const products = isProductsObject(data) ? data.products : data || [];
+    return onlyAvailableProducts
+        ? products === null || products === void 0 ? void 0 : products.filter((p) => {
+            if (!onlyAvailableProducts)
+                return true;
+            return p.availableForSale;
+        })
+        : products;
+};
 export function useProducts(props) {
+    var _a, _b, _c;
     let url = null;
     let body = null;
-    if (props) {
-        const { baseURL, productIds, productHandles, metafields, collection, queryVariables, } = props;
+    const shouldMockProducts = Boolean(props === null || props === void 0 ? void 0 : props.mock);
+    const { collections } = useCollection({
+        apiUrl: (props === null || props === void 0 ? void 0 : props.baseURL) || "",
+        appId: ((_a = props === null || props === void 0 ? void 0 : props.queryVariables) === null || _a === void 0 ? void 0 : _a.appId) || "",
+        language: ((_b = props === null || props === void 0 ? void 0 : props.queryVariables) === null || _b === void 0 ? void 0 : _b.language) || "en",
+        collectionId: undefined,
+        getCollections: shouldMockProducts,
+        limit: 1,
+    });
+    if (isUseProductsProps(props)) {
+        let { baseURL, productIds, productHandles, metafields, collection, queryVariables, } = props;
+        if (shouldMockProducts) {
+            const collectionToFetchID = (_c = collections[0]) === null || _c === void 0 ? void 0 : _c.id;
+            queryVariables = Object.assign(Object.assign({}, queryVariables), { collectionId: collectionToFetchID });
+            collection = collectionToFetchID;
+        }
         let queryParams = new URLSearchParams();
         if ((productIds === null || productIds === void 0 ? void 0 : productIds.length) > 0) {
             queryParams.set("ids", getProductGidsFromIds(productIds).join(","));
@@ -39,10 +71,13 @@ export function useProducts(props) {
         body: body ? JSON.stringify(body) : undefined,
     }).then((res) => res.json());
     const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || defaultFetcher;
-    const { data, error } = useSWR(url ? [url, body] : null, ([url, body]) => fetcher(url, body));
+    const { data, error, isLoading } = useSWR(url ? [url, body] : null, ([url, body]) => fetcher(url, body));
     return {
-        products: (data === null || data === void 0 ? void 0 : data.products) ? data.products : data || [],
+        products: formatProductData({
+            data,
+            onlyAvailableProducts: (props === null || props === void 0 ? void 0 : props.mock) && (props === null || props === void 0 ? void 0 : props.onlyAvailableProducts),
+        }),
         error,
-        isLoading: !data && !error,
+        isLoading,
     };
 }

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,MAAM,kBAAkB,CAAA;AAKtD,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;CACf;AAED,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;CACX;AAOD,QAAA,MAAM,kBAAkB,+BAGrB,sBAAsB,KAAG,uBAiC3B,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,MAAM,kBAAkB,CAAA;AAKtD,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;CACf;AAED,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;CACX;AAOD,QAAA,MAAM,kBAAkB,+BAGrB,sBAAsB,KAAG,uBAgC3B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

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

@@ -8,7 +8,6 @@ const constructURL = (apiURL) => {
 const useRecommendations = ({ queryVariables, apiURL }) => {
     const searchParams = useSearchParams();
     const recommendation = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('recommendation')) || "*";
-    const isBestSeller = recommendation === "*";
     const fetcher = (body) => fetch(constructURL(apiURL), {
         method: "POST",
         body: JSON.stringify(body),
@@ -24,7 +23,7 @@ const useRecommendations = ({ queryVariables, apiURL }) => {
     return {
         products: data === null || data === void 0 ? void 0 : data.products,
         collections: data === null || data === void 0 ? void 0 : data.collections,
-        searches: isBestSeller ? [] : data === null || data === void 0 ? void 0 : data.searches,
+        searches: data === null || data === void 0 ? void 0 : data.searches,
         isLoading: isLoading,
         error: error
     };

package/dist/components/ui/drawer.js

@@ -25,7 +25,7 @@ const DrawerPortal = ({ children, containerRef }) => {
     }
     // If no ref is passed, attempt to look for the dashboard specific block container.
     // This will only be valid within the CMS Dashboard.
-    const dashboardContainer = document.querySelector("#_tcDashboard-BlockPhonePreview");
+    const dashboardContainer = typeof document !== "undefined" && document.querySelector("#_tcDashboard-BlockPhonePreview");
     if (dashboardContainer) {
         return ReactDOM.createPortal(children, dashboardContainer);
     }

package/dist/styles.css

@@ -1002,9 +1002,6 @@ video {
 .min-h-\[24px\] {
   min-height: 24px;
 }
-.min-h-\[315px\] {
-  min-height: 315px;
-}
 .w-0 {
   width: 0px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.26",
+  "version": "0.7.28",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -39,12 +39,14 @@
     "eslint": "^7.32.0",
     "eslint-config-custom": "workspace:*",
     "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.4.24",
     "tailwindcss": "^3.3.2",
     "ts-jest": "^29.2.5",
     "tsc-alias": "^1.8.10",
     "tsconfig": "workspace:*",
-    "typescript": "^4.5.2"
+    "typescript": "^4.5.2",
+    "@testing-library/react-hooks": "^8.0.1"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.1.2",

package/dist/components/hooks/use-tap.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-declare const useTap: (tapThreshold?: number) => {
-    onTap: (handler: (event: any) => void) => (event: any) => void;
-    isPressed: boolean;
-    ref: React.MutableRefObject<null>;
-};
-export { useTap };
-//# sourceMappingURL=use-tap.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-tap.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-tap.ts"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAuFvE,QAAA,MAAM,MAAM;6BAuBkC,GAAG,KAAK,IAAI,aACvC,GAAG;;;CAerB,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

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

@@ -1,100 +0,0 @@
-"use client";
-import { useState, useEffect, useCallback, useRef } from "react";
-// Shared manager for all instances of the hook
-const tapManager = (() => {
-    const elements = new Map();
-    let isListening = false;
-    const startListening = () => {
-        if (isListening)
-            return;
-        const handleTouchStart = (e) => {
-            const touch = e.touches[0];
-            elements.forEach((data, el) => {
-                if (el.contains(touch.target)) {
-                    data.touchStarted = true;
-                    data.touchMoved = false;
-                    data.startPosition = { x: touch.clientX, y: touch.clientY };
-                    // Don't set isPressed here, wait to determine if it's a tap or drag
-                }
-            });
-        };
-        const handleTouchMove = (e) => {
-            const touch = e.touches[0];
-            elements.forEach((data, el) => {
-                if (data.touchStarted) {
-                    const deltaX = Math.abs(touch.clientX - data.startPosition.x);
-                    const deltaY = Math.abs(touch.clientY - data.startPosition.y);
-                    if (deltaX > data.tapThreshold || deltaY > data.tapThreshold) {
-                        data.touchMoved = true;
-                        data.setIsPressed(false);
-                    }
-                }
-            });
-        };
-        const handleTouchEnd = () => {
-            elements.forEach((data) => {
-                if (data.touchStarted) {
-                    data.touchStarted = false;
-                    if (!data.touchMoved) {
-                        // It's a tap, set isPressed briefly
-                        data.setIsPressed(true);
-                        setTimeout(() => data.setIsPressed(false), 100);
-                    }
-                }
-            });
-        };
-        document.addEventListener("touchstart", (e) => handleTouchStart(e), { passive: true });
-        document.addEventListener("touchmove", (e) => handleTouchMove(e), { passive: true });
-        document.addEventListener("touchend", () => handleTouchEnd(), {
-            passive: true,
-        });
-        isListening = true;
-    };
-    return {
-        register: (el, data) => {
-            elements.set(el, data);
-            startListening();
-        },
-        unregister: (el) => {
-            elements.delete(el);
-        },
-        elements,
-    };
-})();
-const useTap = (tapThreshold = 10) => {
-    const [isPressed, setIsPressed] = useState(false);
-    const elementRef = useRef(null);
-    useEffect(() => {
-        const element = elementRef.current;
-        if (!element)
-            return;
-        const data = {
-            touchStarted: false,
-            touchMoved: false,
-            startPosition: { x: 0, y: 0 },
-            setIsPressed,
-            tapThreshold,
-        };
-        tapManager.register(element, data);
-        return () => {
-            tapManager.unregister(element);
-        };
-    }, [tapThreshold]);
-    const onTap = useCallback((handler) => {
-        return (event) => {
-            const data = tapManager.elements.get(elementRef.current);
-            if (!data)
-                return;
-            if (event.type === "touchend" && !data.touchMoved) {
-                handler(event);
-            }
-            else if (event.type === "click" && !data.touchStarted) {
-                handler(event);
-                setIsPressed(true);
-                setTimeout(() => setIsPressed(false), 100);
-            }
-        };
-    }, []);
-    return { onTap, isPressed, ref: elementRef };
-};
-export { useTap };

package/dist/jest.config.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=jest.config.d.ts.map

package/dist/jest.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"jest.config.d.ts","sourceRoot":"","sources":["../jest.config.ts"],"names":[],"mappings":""}

package/dist/jest.config.js

@@ -1 +0,0 @@
-"use strict";

package/dist/lib/__tests__/utils.test.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=utils.test.d.ts.map

package/dist/lib/__tests__/utils.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../lib/__tests__/utils.test.ts"],"names":[],"mappings":""}

package/dist/lib/__tests__/utils.test.js

@@ -1 +0,0 @@
-"use strict";