@tapcart/mobile-components 0.7.27 → 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":""}