@tapcart/mobile-components 0.7.0 → 0.7.2

package/dist/components/hooks/use-infinite-scroll.d.ts

@@ -11,6 +11,8 @@ interface PageData {
 interface UseInfiniteScrollProps {
     initialData: PageData;
     queryVariables: Record<string, any>;
+    direction: "vertical" | "horizontal";
+    productLimit: number;
 }
 interface UseInfiniteScrollReturn {
     data: PageData[] | undefined;
@@ -26,6 +28,6 @@ interface UseInfiniteScrollReturn {
 }
 export declare const formatSearchParamsAsNextQueryVariables: (searchParams: ReadonlyURLSearchParams) => {};
 declare const constructURL: (apiURL: string) => string;
-declare const useInfiniteScroll: ({ initialData, queryVariables: queryVariableProps, }: UseInfiniteScrollProps) => UseInfiniteScrollReturn;
+declare const useInfiniteScroll: ({ initialData, queryVariables: queryVariableProps, direction, productLimit, }: UseInfiniteScrollProps) => UseInfiniteScrollReturn;
 export { useInfiniteScroll, constructURL };
 //# sourceMappingURL=use-infinite-scroll.d.ts.map

package/dist/components/hooks/use-infinite-scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-infinite-scroll.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-infinite-scroll.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAmB,MAAM,iBAAiB,CAAA;AAE1E,UAAU,OAAO;IACf,MAAM,EAAE,MAAM,CAAA;CAEf;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,GAAG,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf;AAOD,UAAU,sBAAsB;IAC9B,WAAW,EAAE,QAAQ,CAAA;IACrB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACpC;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IAC5B,KAAK,EAAE,GAAG,CAAA;IACV,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAChD,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,sCAAsC,iBACnC,uBAAuB,OAsBtC,CAAA;AAED,QAAA,MAAM,YAAY,WAAY,MAAM,WAGnC,CAAA;AAED,QAAA,MAAM,iBAAiB,yDAGpB,sBAAsB,KAAG,uBA4F3B,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"use-infinite-scroll.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-infinite-scroll.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAmB,MAAM,iBAAiB,CAAA;AAE1E,UAAU,OAAO;IACf,MAAM,EAAE,MAAM,CAAA;CAEf;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,GAAG,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf;AAOD,UAAU,sBAAsB;IAC9B,WAAW,EAAE,QAAQ,CAAA;IACrB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,UAAU,GAAG,YAAY,CAAA;IACpC,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IAC5B,KAAK,EAAE,GAAG,CAAA;IACV,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAChD,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,sCAAsC,iBACnC,uBAAuB,OAsBtC,CAAA;AAED,QAAA,MAAM,YAAY,WAAY,MAAM,WAGnC,CAAA;AAED,QAAA,MAAM,iBAAiB,kFAKpB,sBAAsB,KAAG,uBAuG3B,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/hooks/use-infinite-scroll.js

@@ -1,5 +1,14 @@
 "use client";
-import { useCallback, useEffect, useMemo } from "react";
+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 { useCallback, useEffect, useMemo, useRef } from "react";
 import useSWRInfinite from "swr/infinite";
 import { useInView } from "react-intersection-observer";
 import { useSearchParams } from "next/navigation";
@@ -31,10 +40,14 @@ const constructURL = (apiURL) => {
     const url = new URL(apiURL);
     return url.toString();
 };
-const useInfiniteScroll = ({ initialData, queryVariables: queryVariableProps, }) => {
+const useInfiniteScroll = ({ initialData, queryVariables: queryVariableProps, direction = "vertical", productLimit = Infinity, }) => {
     var _a, _b, _c, _d, _e;
     const searchParams = useSearchParams();
-    const { ref, inView } = useInView({ rootMargin: "600px" }); // controls how early the next page loads
+    const productCount = useRef(0);
+    const { ref, inView } = useInView({
+        rootMargin: direction === "vertical" ? "600px" : "0px 420px 0px 0px",
+        threshold: 0,
+    });
     const queryVariables = useMemo(() => {
         const formattedParams = formatSearchParamsAsNextQueryVariables(searchParams);
         return Object.assign(Object.assign({}, queryVariableProps), { searchParams: formattedParams });
@@ -48,10 +61,16 @@ const useInfiniteScroll = ({ initialData, queryVariables: queryVariableProps, })
             return null;
         return Object.assign(Object.assign({}, queryVariables), { cursorBlob: previousPageData.pageData.cursorBlob });
     };
-    const fetcher = (body) => fetch(constructURL(initialData.apiURL), {
-        method: "POST",
-        body: JSON.stringify(body),
-    }).then((res) => res.json());
+    const fetcher = (body) => __awaiter(void 0, void 0, void 0, function* () {
+        var _f, _g;
+        const res = yield fetch(constructURL(initialData.apiURL), {
+            method: "POST",
+            body: JSON.stringify(body),
+        });
+        const data = yield res.json();
+        productCount.current += (_g = (_f = data === null || data === void 0 ? void 0 : data.products) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : 0;
+        return data;
+    });
     const { data, error, size, setSize, isLoading, isValidating, } = useSWRInfinite((pageIndex, previousPageData) => getKey(pageIndex, previousPageData, queryVariables), fetcher, {
         revalidateFirstPage: false,
         initialSize: 1,
@@ -66,9 +85,11 @@ const useInfiniteScroll = ({ initialData, queryVariables: queryVariableProps, })
     const isReachingEnd = isEmpty || isEndPointer;
     const isRefreshing = isValidating && data && data.length === size;
     const loadMore = useCallback(() => {
-        if (!isLoadingMore && !isReachingEnd && !isRefreshing) {
-            setSize(size + 1);
-        }
+        if (isLoadingMore || isReachingEnd || isRefreshing)
+            return;
+        if (productCount.current >= productLimit)
+            return;
+        setSize(size + 1);
     }, [isLoadingMore, isReachingEnd, isRefreshing, setSize, size]);
     useEffect(() => {
         if (inView) {
@@ -83,7 +104,9 @@ const useInfiniteScroll = ({ initialData, queryVariables: queryVariableProps, })
         isEmpty,
         isReachingEnd,
         ref,
-        products: data ? data === null || data === void 0 ? void 0 : data.flatMap((page) => page === null || page === void 0 ? void 0 : page.products) : [],
+        products: data
+            ? data === null || data === void 0 ? void 0 : data.flatMap((page) => page === null || page === void 0 ? void 0 : page.products).slice(0, productLimit)
+            : [],
         isLoading,
         isValidating,
     };

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

@@ -0,0 +1,8 @@
+import { Integrations } from "app-studio-types";
+export declare function useNostoRecommendations(integrations: Integrations, baseURL: string, slotId?: null): {
+    recommendations: import("app-studio-types").Product[];
+    isLoading: boolean;
+    error: any;
+    isEmpty: boolean;
+};
+//# sourceMappingURL=use-nosto-recommendation.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,105 @@
+"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 { 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");
+    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 }`,
+    });
+    const sessionResponse = yield fetch(url, {
+        method: "POST",
+        headers: headers,
+        body: sessionBody,
+    });
+    const sessionData = yield sessionResponse.json();
+    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 response = yield fetch(url, {
+        method: "POST",
+        headers: headers,
+        mode: "cors",
+        body,
+    });
+    const json = yield response.json();
+    return json;
+});
+export function useNostoRecommendations(integrations, baseURL, slotId = null) {
+    var _a, _b, _c, _d;
+    const [nostoData, setNostoData] = useState(null);
+    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);
+                }
+                catch (err) {
+                    console.error("Error fetching recommendations:", err);
+                    setError(err);
+                }
+                finally {
+                    setIsLoading(false);
+                }
+            });
+        }
+        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)) || [];
+    const { products, error: productsError, isLoading: productsLoading, } = useProducts({
+        productIds,
+        baseURL,
+        productHandles: [],
+    });
+    return {
+        recommendations: products,
+        isLoading: isLoading || productsLoading,
+        error: error || productsError,
+        isEmpty: products.length === 0,
+    };
+}

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

@@ -8,7 +8,9 @@ type UseProductsProps = {
     productIds: string[];
     productHandles: string[];
     baseURL: URL;
-    fetcher?: (url: string) => Promise<any>;
+    collection?: string;
+    queryVariables?: Record<string, any>;
+    fetcher?: (url: string, body?: Record<string, any> | null) => Promise<any>;
     metafields?: MetafieldInput[];
 };
 type UseProductsReturn = {

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;AAE1C,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,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACvC,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,CA8B7E"}
+{"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,CAyD7E"}

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

@@ -1,24 +1,39 @@
 "use client";
 import useSWR from "swr";
+import { getProductGidsFromIds } from "../../lib/utils";
 export function useProducts(props) {
     let url = null;
+    let body = null;
     if (props) {
-        const { baseURL, productIds, productHandles, metafields } = props;
+        const { baseURL, productIds, productHandles, metafields, collection, queryVariables, } = props;
         let queryParams = new URLSearchParams();
         if ((productIds === null || productIds === void 0 ? void 0 : productIds.length) > 0) {
-            queryParams.set("ids", productIds.join(","));
+            queryParams.set("ids", getProductGidsFromIds(productIds).join(","));
         }
-        else if ((productHandles === null || productHandles === void 0 ? void 0 : productHandles.length) > 0) {
+        if ((productHandles === null || productHandles === void 0 ? void 0 : productHandles.length) > 0) {
             queryParams.set("handles", productHandles.join(","));
         }
         if (metafields && metafields.length > 0) {
             const metafieldStrings = metafields.map((m) => `${m.namespace}.${m.key}`);
             queryParams.set("metafields", metafieldStrings.join(","));
         }
-        url = `${baseURL}/products/by-ids?${queryParams.toString()}`;
+        if (collection) {
+            url = `${baseURL}/products/by-page?${queryParams.toString()}`;
+            body = queryVariables || {};
+        }
+        if ((productIds === null || productIds === void 0 ? void 0 : productIds.length) || (productHandles === null || productHandles === void 0 ? void 0 : productHandles.length)) {
+            url = `${baseURL}/products/by-ids?${queryParams.toString()}`;
+        }
     }
-    const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || ((url) => fetch(url).then((res) => res.json()));
-    const { data, error } = useSWR(url, fetcher);
+    const defaultFetcher = (url, body) => fetch(url, {
+        method: body ? "POST" : "GET",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        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));
     return {
         products: data || [],
         error,

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

@@ -0,0 +1,27 @@
+import { ReviewSummaryData, ReviewMetaData, ReviewSearchData } from "app-studio-types";
+type UseReviewsProps = {
+    baseURL: string;
+    productId: string;
+    provider: string;
+    fetcher?: (url: string) => Promise<any>;
+    dataType: "summary" | "metadata" | "search";
+    searchText: string;
+    ratings: [number];
+    topics: [string];
+    sortBy: "date" | "votes_up" | "votes_down" | "time" | "rating" | "reviewer_type";
+    ascending: boolean;
+    perPage: number;
+    page: number;
+};
+type UseReviewsReturn = {
+    data: ReviewSummaryData | ReviewMetaData | ReviewSearchData;
+    error: any;
+    isLoading: boolean;
+};
+export declare function useReviews(props: UseReviewsProps | null): UseReviewsReturn;
+type UseReviewsInfiniteReturn = UseReviewsReturn & {
+    ref: (node?: Element | null) => void;
+};
+export declare function useReviewsInfinite(props: UseReviewsProps | null): UseReviewsInfiniteReturn;
+export {};
+//# sourceMappingURL=use-reviews.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-reviews.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-reviews.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAGtF,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAC;IACjF,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,CAAA;IAC3D,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,gBAAgB,CAwD1E;AAED,KAAK,wBAAwB,GAAG,gBAAgB,GAAG;IACjD,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACtC,CAAA;AAGD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,wBAAwB,CA8F1F"}

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

@@ -0,0 +1,130 @@
+"use client";
+import { useCallback, useEffect } from "react";
+import useSWR from "swr";
+import useSWRInfinite from "swr/infinite";
+import { useInView } from 'react-intersection-observer';
+export function useReviews(props) {
+    let url = null;
+    if (props) {
+        const { baseURL, productId, provider, dataType, searchText, ratings, topics, sortBy, ascending, perPage, page } = props;
+        let queryParams = new URLSearchParams();
+        if (productId.length > 0) {
+            queryParams.set("id", productId);
+        }
+        if (provider.length > 0) {
+            queryParams.set("provider", provider);
+        }
+        queryParams.set("dataType", dataType);
+        if (searchText) {
+            queryParams.set("searchText", searchText);
+        }
+        if (ratings && ratings.length > 0) {
+            queryParams.set("ratings", ratings.join(","));
+        }
+        if (topics && topics.length > 0) {
+            queryParams.set("topics", topics.join(","));
+        }
+        if (sortBy) {
+            queryParams.set("sortBy", sortBy);
+        }
+        if (ascending !== undefined) {
+            queryParams.set("ascending", ascending.toString());
+        }
+        if (perPage) {
+            queryParams.set("perPage", String(perPage));
+        }
+        if (page) {
+            queryParams.set("page", String(page));
+        }
+        if (dataType === null || productId === null || productId.length === 0) {
+            url = null;
+        }
+        else {
+            url = `${baseURL}/reviews/by-id?${queryParams.toString()}`;
+        }
+    }
+    const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || ((url) => fetch(url).then((res) => res.json()));
+    const { data, error } = useSWR(url, fetcher);
+    return {
+        data: data || {},
+        error,
+        isLoading: !data && !error,
+    };
+}
+export function useReviewsInfinite(props) {
+    var _a, _b;
+    let url = null;
+    const { ref, inView } = useInView({ rootMargin: "800px" });
+    let baseURL = "";
+    let queryParams = new URLSearchParams();
+    if (props) {
+        const { productId, provider, dataType, searchText, ratings, topics, sortBy, ascending, perPage } = props; // Destructure all relevant props
+        baseURL = props.baseURL;
+        if (productId.length > 0) {
+            queryParams.set("id", productId);
+        }
+        if (provider.length > 0) {
+            queryParams.set("provider", provider);
+        }
+        queryParams.set("dataType", dataType);
+        if (searchText) {
+            queryParams.set("searchText", searchText);
+        }
+        if (ratings && ratings.length > 0) {
+            queryParams.set("ratings", ratings.join(","));
+        }
+        if (topics && topics.length > 0) {
+            queryParams.set("topics", topics.join(","));
+        }
+        if (sortBy) {
+            queryParams.set("sortBy", sortBy);
+        }
+        if (ascending !== undefined) {
+            queryParams.set("ascending", ascending.toString());
+        }
+        if (perPage) {
+            queryParams.set("perPage", String(perPage));
+        }
+        if (dataType === null || productId === null || productId.length === 0) {
+            url = null;
+        }
+        else {
+            url = `${baseURL}/reviews/by-id?${queryParams.toString()}`;
+        }
+    }
+    const getKey = (pageIndex, previousPageData) => {
+        const dataType = queryParams.get("dataType") === "null" ? null : queryParams.get("dataType");
+        if (dataType == null) {
+            return null;
+        }
+        return `${baseURL}/reviews/by-id?${queryParams.toString()}&page=${pageIndex + 1}`;
+    };
+    const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || ((url) => fetch(url).then((res) => res.json()));
+    const { data: dataInfinite, error: errorInfinite, size, setSize, isLoading, isValidating, } = useSWRInfinite(getKey, fetcher);
+    let mergedReviews = dataInfinite
+        ? dataInfinite
+            .filter(page => page && page.reviews)
+            .flatMap(page => (page.reviews))
+        : [];
+    let searchResponse = {
+        pagination: (dataInfinite === null || dataInfinite === void 0 ? void 0 : dataInfinite.length) ? dataInfinite[0].pagination : null,
+        reviews: mergedReviews
+    };
+    const isAllReviewsLoaded = (mergedReviews === null || mergedReviews === void 0 ? void 0 : mergedReviews.length) === ((_b = (_a = dataInfinite === null || dataInfinite === void 0 ? void 0 : dataInfinite[0]) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.total);
+    const loadMore = useCallback(() => {
+        if (!isLoading && !isValidating && !isAllReviewsLoaded) {
+            setSize(size + 1);
+        }
+    }, [isLoading, isValidating, setSize, size, isAllReviewsLoaded]);
+    useEffect(() => {
+        if (inView) {
+            loadMore();
+        }
+    }, [inView, loadMore]);
+    return {
+        data: searchResponse || {},
+        error: errorInfinite,
+        isLoading: isValidating,
+        ref
+    };
+}

package/dist/components/templates/ProductCard/utils.d.ts

@@ -0,0 +1,78 @@
+interface ProductCardBadgeConfig {
+    variants: {
+        horizontalPosition: {
+            start: string;
+            end: string;
+            center: string;
+        };
+        verticalPosition: {
+            top: string;
+            bottom: string;
+            below: string;
+        };
+        imageSwipeEnabled: {
+            true: string;
+            false: string;
+        };
+    };
+    compoundVariants: Array<{
+        verticalPosition: "bottom";
+        imageSwipeEnabled: true;
+        class: string;
+    }>;
+}
+export declare function getProductCardBadgeVariants(config?: Partial<ProductCardBadgeConfig>): (props?: ({
+    horizontalPosition?: "center" | "start" | "end" | null | undefined;
+    verticalPosition?: "top" | "bottom" | "below" | null | undefined;
+    imageSwipeEnabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface ProductCardFavoriteConfig {
+    variants: {
+        iconPosition: {
+            "top-left": string;
+            "top-right": string;
+            "bottom-left": string;
+            "bottom-right": string;
+            "below-image-on-right": string;
+        };
+        badgeHorizontalPosition: {
+            start: string;
+            end: string;
+            center: string;
+        };
+        badgeVerticalPosition: {
+            top: string;
+            bottom: string;
+            below: string;
+        };
+        isSoldOut: {
+            true: string;
+            false: string;
+        };
+        showSoldOutBadge: {
+            true: string;
+            false: string;
+        };
+        imageSwipeEnabled: {
+            true: string;
+            false: string;
+        };
+    };
+    compoundVariants: Array<{
+        [key: string]: any;
+        class: string;
+    }>;
+    defaultVariants: {
+        iconPosition: "below-image-on-right";
+    };
+}
+export declare function getProductCardFavoriteVariants(config?: Partial<ProductCardFavoriteConfig>): (props?: ({
+    iconPosition?: "below-image-on-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | null | undefined;
+    badgeHorizontalPosition?: "center" | "start" | "end" | null | undefined;
+    badgeVerticalPosition?: "top" | "bottom" | "below" | null | undefined;
+    isSoldOut?: boolean | null | undefined;
+    showSoldOutBadge?: boolean | null | undefined;
+    imageSwipeEnabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/templates/ProductCard/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../components/templates/ProductCard/utils.ts"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,QAAQ,EAAE;QACR,kBAAkB,EAAE;YAClB,KAAK,EAAE,MAAM,CAAA;YACb,GAAG,EAAE,MAAM,CAAA;YACX,MAAM,EAAE,MAAM,CAAA;SACf,CAAA;QACD,gBAAgB,EAAE;YAChB,GAAG,EAAE,MAAM,CAAA;YACX,MAAM,EAAE,MAAM,CAAA;YACd,KAAK,EAAE,MAAM,CAAA;SACd,CAAA;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,CAAA;KACF,CAAA;IACD,gBAAgB,EAAE,KAAK,CAAC;QACtB,gBAAgB,EAAE,QAAQ,CAAA;QAC1B,iBAAiB,EAAE,IAAI,CAAA;QACvB,KAAK,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;CACH;AAED,wBAAgB,2BAA2B,CACzC,MAAM,GAAE,OAAO,CAAC,sBAAsB,CAAM;;;;oFAgC7C;AAED,UAAU,yBAAyB;IACjC,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,UAAU,EAAE,MAAM,CAAA;YAClB,WAAW,EAAE,MAAM,CAAA;YACnB,aAAa,EAAE,MAAM,CAAA;YACrB,cAAc,EAAE,MAAM,CAAA;YACtB,sBAAsB,EAAE,MAAM,CAAA;SAC/B,CAAA;QACD,uBAAuB,EAAE;YACvB,KAAK,EAAE,MAAM,CAAA;YACb,GAAG,EAAE,MAAM,CAAA;YACX,MAAM,EAAE,MAAM,CAAA;SACf,CAAA;QACD,qBAAqB,EAAE;YACrB,GAAG,EAAE,MAAM,CAAA;YACX,MAAM,EAAE,MAAM,CAAA;YACd,KAAK,EAAE,MAAM,CAAA;SACd,CAAA;QACD,SAAS,EAAE;YACT,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,CAAA;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,CAAA;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,CAAA;KACF,CAAA;IACD,gBAAgB,EAAE,KAAK,CAAC;QACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;IACF,eAAe,EAAE;QACf,YAAY,EAAE,sBAAsB,CAAA;KACrC,CAAA;CACF;AAED,wBAAgB,8BAA8B,CAC5C,MAAM,GAAE,OAAO,CAAC,yBAAyB,CAAM;;;;;;;oFAuGhD"}

package/dist/components/templates/ProductCard/utils.js

@@ -0,0 +1,128 @@
+import { cva } from "../../../lib/utils";
+export function getProductCardBadgeVariants(config = {}) {
+    const defaultConfig = {
+        variants: {
+            horizontalPosition: {
+                start: "left-0",
+                end: "right-0",
+                center: "",
+            },
+            verticalPosition: {
+                top: "top-0 mt-2",
+                bottom: "bottom-0 mb-2",
+                below: "",
+            },
+            imageSwipeEnabled: {
+                true: "",
+                false: "",
+            },
+        },
+        compoundVariants: [
+            {
+                verticalPosition: "bottom",
+                imageSwipeEnabled: true,
+                class: "bottom-[18px]",
+            },
+        ],
+    };
+    return cva("absolute truncate pointer-events-none", Object.assign(Object.assign({}, defaultConfig), config));
+}
+export function getProductCardFavoriteVariants(config = {}) {
+    const defaultConfig = {
+        variants: {
+            iconPosition: {
+                "top-left": "top-0 left-2 mt-2",
+                "top-right": "top-0 right-2 mt-2",
+                "bottom-left": "bottom-0 left-2 mb-2",
+                "bottom-right": "bottom-0 right-2 mb-2",
+                "below-image-on-right": "",
+            },
+            badgeHorizontalPosition: {
+                start: "",
+                end: "",
+                center: "",
+            },
+            badgeVerticalPosition: {
+                top: "",
+                bottom: "",
+                below: "",
+            },
+            isSoldOut: {
+                true: "",
+                false: "",
+            },
+            showSoldOutBadge: {
+                true: "",
+                false: "",
+            },
+            imageSwipeEnabled: {
+                true: "",
+                false: "",
+            },
+        },
+        compoundVariants: [
+            {
+                iconPosition: "top-left",
+                badgeHorizontalPosition: ["start", "center"],
+                badgeVerticalPosition: "top",
+                showSoldOutBadge: false,
+                class: "top-10",
+            },
+            {
+                iconPosition: "top-right",
+                badgeHorizontalPosition: ["end", "center"],
+                badgeVerticalPosition: "top",
+                class: "top-10",
+            },
+            {
+                iconPosition: "bottom-left",
+                badgeHorizontalPosition: ["start", "center"],
+                badgeVerticalPosition: "bottom",
+                class: "bottom-10",
+            },
+            {
+                iconPosition: "bottom-right",
+                badgeHorizontalPosition: ["end", "center"],
+                badgeVerticalPosition: "bottom",
+                class: "bottom-10",
+            },
+            {
+                iconPosition: "bottom-left",
+                showSoldOutBadge: true,
+                class: "bottom-10",
+            },
+            {
+                iconPosition: ["bottom-left", "bottom-right"],
+                imageSwipeEnabled: true,
+                class: "bottom-[18px]",
+            },
+            {
+                iconPosition: "bottom-left",
+                badgeHorizontalPosition: ["start", "center"],
+                badgeVerticalPosition: "bottom",
+                isSoldOut: false,
+                showSoldOutBadge: false,
+                imageSwipeEnabled: true,
+                class: "bottom-[58px]",
+            },
+            {
+                iconPosition: "bottom-right",
+                badgeHorizontalPosition: ["end", "center"],
+                badgeVerticalPosition: "bottom",
+                showSoldOutBadge: false,
+                imageSwipeEnabled: true,
+                class: "bottom-[58px]",
+            },
+            {
+                iconPosition: "bottom-left",
+                showSoldOutBadge: true,
+                imageSwipeEnabled: true,
+                class: "bottom-[58px]",
+            },
+        ],
+        defaultVariants: {
+            iconPosition: "below-image-on-right",
+        },
+    };
+    return cva("absolute ", Object.assign(Object.assign({}, defaultConfig), config));
+}