@tapcart/mobile-components 0.7.7 → 0.7.9

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.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,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"}
+{"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,5 +1,6 @@
 "use client";
 import useSWR from "swr";
+import { getProductGidsFromIds } from "../../lib/utils";
 export function useProducts(props) {
     let url = null;
     let body = null;
@@ -7,7 +8,7 @@ export function useProducts(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(","));
         }
         if ((productHandles === null || productHandles === void 0 ? void 0 : productHandles.length) > 0) {
             queryParams.set("handles", productHandles.join(","));

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

@@ -14,7 +14,7 @@ type UseReviewsProps = {
     page: number;
 };
 type UseReviewsReturn = {
-    data: ReviewSummaryData | ReviewMetaData | ReviewSearchData;
+    data: ReviewSummaryData | ReviewMetaData | ReviewSearchData | null;
     error: any;
     isLoading: boolean;
 };

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

@@ -1 +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"}
+{"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,GAAG,IAAI,CAAA;IAClE,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,CA0H1F"}

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

@@ -1,5 +1,5 @@
 "use client";
-import { useCallback, useEffect } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import useSWR from "swr";
 import useSWRInfinite from "swr/infinite";
 import { useInView } from 'react-intersection-observer';
@@ -52,13 +52,13 @@ export function useReviews(props) {
     };
 }
 export function useReviewsInfinite(props) {
-    var _a, _b;
+    var _a;
     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
+        const { productId, provider, dataType, searchText, ratings, topics, sortBy, ascending, perPage } = props;
         baseURL = props.baseURL;
         if (productId.length > 0) {
             queryParams.set("id", productId);
@@ -92,12 +92,29 @@ export function useReviewsInfinite(props) {
             url = `${baseURL}/reviews/by-id?${queryParams.toString()}`;
         }
     }
+    const isEndReached = useRef(false);
     const getKey = (pageIndex, previousPageData) => {
-        const dataType = queryParams.get("dataType") === "null" ? null : queryParams.get("dataType");
-        if (dataType == null) {
-            return null;
+        var _a, _b;
+        if ((props === null || props === void 0 ? void 0 : props.provider) === "yotpo") {
+            const dataType = queryParams.get("dataType") === "null" ? null : queryParams.get("dataType");
+            if (dataType == null) {
+                return null;
+            }
+            if (previousPageData && previousPageData.pagination) {
+                const { perPage, total } = previousPageData.pagination;
+                isEndReached.current = (((pageIndex + 1) * perPage) >= total);
+            }
+            return `${baseURL}/reviews/by-id?${queryParams.toString()}&page=${pageIndex + 1}`;
+        }
+        if ((props === null || props === void 0 ? void 0 : props.provider) === "okendo") {
+            if (pageIndex === 0)
+                return `${baseURL}/reviews/by-id?${queryParams.toString()}`;
+            if (!((_a = previousPageData === null || previousPageData === void 0 ? void 0 : previousPageData.pagination) === null || _a === void 0 ? void 0 : _a.nextUrl)) {
+                isEndReached.current = true;
+                return null;
+            }
+            return `${baseURL}/reviews/by-id?${queryParams.toString()}&nextUrl=${((_b = previousPageData === null || previousPageData === void 0 ? void 0 : previousPageData.pagination) === null || _b === void 0 ? void 0 : _b.nextUrl) || 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);
@@ -110,17 +127,22 @@ export function useReviewsInfinite(props) {
         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);
+    if ((props === null || props === void 0 ? void 0 : props.provider) === "yotpo") {
+        isEndReached.current = (mergedReviews === null || mergedReviews === void 0 ? void 0 : mergedReviews.length) === ((_a = searchResponse.pagination) === null || _a === void 0 ? void 0 : _a.total);
+    }
     const loadMore = useCallback(() => {
-        if (!isLoading && !isValidating && !isAllReviewsLoaded) {
+        if (!isLoading && !isValidating && !isEndReached.current) {
             setSize(size + 1);
         }
-    }, [isLoading, isValidating, setSize, size, isAllReviewsLoaded]);
+    }, [isLoading, isValidating, setSize, size]);
     useEffect(() => {
         if (inView) {
             loadMore();
         }
     }, [inView, loadMore]);
+    useEffect(() => {
+        isEndReached.current = false;
+    }, [props]);
     return {
         data: searchResponse || {},
         error: errorInfinite,

package/dist/components/hooks/use-style-utils.d.ts

@@ -0,0 +1,69 @@
+type BorderSide = "all" | "top" | "bottom" | "left" | "right";
+type BorderSides = BorderSide[];
+declare const getBorderSidesStyle: (borderSides: BorderSides) => {
+    borderWidth: string;
+    borderTopWidth?: undefined;
+    borderBottomWidth?: undefined;
+    borderLeftWidth?: undefined;
+    borderRightWidth?: undefined;
+} | {
+    borderTopWidth: string | number;
+    borderBottomWidth: string | number;
+    borderLeftWidth: string | number;
+    borderRightWidth: string | number;
+    borderWidth?: undefined;
+};
+type VerticalAlignment = "top" | "middle" | "bottom";
+type Spacing = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+interface AlignmentAndSpacing {
+    alignment: VerticalAlignment;
+    spacing: Spacing;
+}
+declare const getVerticalAlignmentStyle: (alignmentAndSpacing: AlignmentAndSpacing) => {
+    bottom: string;
+    top: string;
+    transform?: undefined;
+} | {
+    top: string;
+    transform: string;
+    bottom?: undefined;
+} | {
+    bottom?: undefined;
+    top?: undefined;
+    transform?: undefined;
+};
+type BackgroundAndPadding = {
+    backgroundColor?: ColorOption;
+    borderSides?: BorderSides;
+    borderColor?: ColorOption;
+    cornerRadius?: number;
+    padding?: Partial<Spacing>;
+};
+type ColorOption = {
+    type: "brand-kit" | "custom";
+    value: string;
+} | undefined;
+declare const getColor: (colorOption: ColorOption) => string | undefined;
+type BackgroundAndSpacing = AlignmentAndSpacing & {
+    backgroundColor?: ColorOption;
+    borderColor?: ColorOption;
+    backgroundCorners?: number;
+};
+type TextStyle = {
+    font: {
+        family: string;
+        weight: number | string;
+    };
+    size: number | string;
+    color: ColorOption;
+    uppercase: boolean;
+    textAlignment: "left" | "center" | "right" | "justify";
+};
+type Headline = TextStyle;
+type Subtext = TextStyle;
+//# sourceMappingURL=use-style-utils.d.ts.map

package/dist/components/hooks/use-style-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-style-utils.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-style-utils.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC7D,KAAK,WAAW,GAAG,UAAU,EAAE,CAAA;AAE/B,QAAA,MAAM,mBAAmB;;;;;;;;;;;;CAUxB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEpD,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,iBAAiB,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,yBAAyB,wBACR,mBAAmB;;;;;;;;;;;;CAczC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CAC3B,CAAA;AAED,KAAK,WAAW,GACZ;IACE,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;CACd,GACD,SAAS,CAAA;AAEb,QAAA,MAAM,QAAQ,gBAAiB,WAAW,KAAG,MAAM,GAAG,SAMrD,CAAA;AAqCD,KAAK,oBAAoB,GAAG,mBAAmB,GAAG;IAChD,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAeD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CACvD,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,CAAA;AACzB,KAAK,OAAO,GAAG,SAAS,CAAA"}

package/dist/components/hooks/use-style-utils.js

@@ -0,0 +1,77 @@
+"use strict";
+const getBorderSidesStyle = (borderSides) => {
+    const style = borderSides.includes("all")
+        ? { borderWidth: "1px" }
+        : {
+            borderTopWidth: borderSides.includes("top") ? "1px" : 0,
+            borderBottomWidth: borderSides.includes("bottom") ? "1px" : 0,
+            borderLeftWidth: borderSides.includes("left") ? "1px" : 0,
+            borderRightWidth: borderSides.includes("right") ? "1px" : 0,
+        };
+    return style;
+};
+const getVerticalAlignmentStyle = (alignmentAndSpacing) => {
+    const { alignment, spacing } = alignmentAndSpacing;
+    switch (alignment) {
+        case "bottom":
+            return { bottom: `${spacing.bottom}px`, top: "auto" };
+        case "middle":
+            return { top: "50%", transform: "translateY(-50%)" };
+        case "top":
+            return { top: `${spacing.top}px`, bottom: "auto" };
+        default:
+            return {};
+    }
+};
+const getColor = (colorOption) => {
+    return colorOption
+        ? colorOption.type === "brand-kit"
+            ? `var(--${colorOption.value})`
+            : colorOption.value
+        : undefined;
+};
+function getBackgroundAndPaddingStyle(backgroundAndPadding) {
+    const { backgroundColor, borderSides, borderColor, cornerRadius, padding } = backgroundAndPadding;
+    return {
+        backgroundColor: getColor(backgroundColor),
+        borderColor: getColor(borderColor),
+        borderTopWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("top")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        borderBottomWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("bottom")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        borderLeftWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("left")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        borderRightWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("right")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
+            ? "1px"
+            : undefined,
+        paddingTop: (padding === null || padding === void 0 ? void 0 : padding.top) !== undefined ? `${padding.top}px` : undefined,
+        paddingBottom: (padding === null || padding === void 0 ? void 0 : padding.bottom) !== undefined ? `${padding.bottom}px` : undefined,
+        paddingLeft: (padding === null || padding === void 0 ? void 0 : padding.left) !== undefined ? `${padding.left}px` : undefined,
+        paddingRight: (padding === null || padding === void 0 ? void 0 : padding.right) !== undefined ? `${padding.right}px` : undefined,
+        borderStyle: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.length) ? "solid" : undefined,
+        borderRadius: cornerRadius !== undefined ? `${cornerRadius}px` : undefined,
+    };
+}
+function getBackgroundAndSpacingStyle(backgroundAndSpacing) {
+    const { spacing, borderColor, backgroundColor, backgroundCorners } = backgroundAndSpacing;
+    return {
+        padding: `${spacing.top}px ${spacing.right}px ${spacing.bottom}px ${spacing.left}px`,
+        borderColor: borderColor ? borderColor.value : "transparent",
+        backgroundColor: getColor(backgroundColor) || "transparent",
+        borderRadius: `${backgroundCorners !== null && backgroundCorners !== void 0 ? backgroundCorners : 0}px`,
+    };
+}
+function getTextStyle(textStyle) {
+    const { font, size, color, uppercase, textAlignment } = textStyle;
+    return {
+        fontFamily: font.family,
+        fontWeight: font.weight,
+        fontSize: size,
+        color: getColor(color),
+        textTransform: uppercase ? "uppercase" : "none",
+        textAlign: textAlignment,
+    };
+}

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

@@ -0,0 +1,94 @@
+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 getProductCardBadgeVariantsFn(config?: Partial<ProductCardBadgeConfig>): (props?: ({
+    horizontalPosition?: "center" | "end" | "start" | 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 getProductCardFavoriteVariantsFn(config?: Partial<ProductCardFavoriteConfig>): (props?: ({
+    iconPosition?: "below-image-on-right" | "top-right" | "top-left" | "bottom-left" | "bottom-right" | null | undefined;
+    badgeHorizontalPosition?: "center" | "end" | "start" | 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;
+type PageState = {
+    pageViewType: "collection" | "search";
+};
+export declare function getProductCardTranslationsFn(pageState: PageState, translations: Record<string, string>): {
+    gridTranslations: {
+        title: string;
+        description: string;
+        buttonLabel: string;
+    };
+    productCardTranslations: {
+        quickAdd: string;
+        soldOut: string;
+        addToBag: string;
+        viewItem: string;
+    };
+};
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../components/ui/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,6BAA6B,CAC3C,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,gCAAgC,CAC9C,MAAM,GAAE,OAAO,CAAC,yBAAyB,CAAM;;;;;;;oFAuGhD;AAED,KAAK,SAAS,GAAG;IAAE,YAAY,EAAE,YAAY,GAAG,QAAQ,CAAA;CAAE,CAAA;AAE1D,wBAAgB,4BAA4B,CAC1C,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;;;;;;;;;;;;EAuBrC"}

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

@@ -0,0 +1,148 @@
+import { cva } from "../../../lib/utils";
+export function getProductCardBadgeVariantsFn(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 getProductCardFavoriteVariantsFn(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));
+}
+export function getProductCardTranslationsFn(pageState, translations) {
+    const gridTranslations = pageState.pageViewType === "collection"
+        ? {
+            title: translations["collection-empty-title"],
+            description: translations["collection-empty-message"],
+            buttonLabel: translations["collection-empty-button"],
+        }
+        : {
+            title: translations["product-search-empty-title"],
+            description: translations["product-search-empty-message"],
+            buttonLabel: translations["product-search-empty-button"],
+        };
+    const productCardTranslations = {
+        quickAdd: translations["collection-product-quick-add"],
+        soldOut: translations["collection-product-sold-out"],
+        addToBag: translations["quick-add-add"],
+        viewItem: translations["quick-add-view"],
+    };
+    return { gridTranslations, productCardTranslations };
+}

package/dist/components/ui/button.d.ts

@@ -17,6 +17,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     iconStrokeColor?: string;
     iconClassName?: string;
     iconPosition?: "left" | "right";
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const getButtonProps: (buttonConfig: TextStyle & BackgroundAndPadding & {

package/dist/components/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAGL,KAAK,EAEL,SAAS,EAET,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAIxB,QAAA,MAAM,cAAc;;;mFAgCnB,CAAA;AAwCD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAChC;AAED,QAAA,MAAM,MAAM,uFAsGX,CAAA;AAGD,QAAA,MAAM,cAAc,iBACJ,SAAS,GACrB,oBAAoB,GAAG;IACrB,SAAS,EAAE,KAAK,CAAA;IAChB,WAAW,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,gBAAgB,EAAE,OAAO,CAAA;CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBJ,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAGL,KAAK,EAEL,SAAS,EAET,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAMxB,QAAA,MAAM,cAAc;;;mFAgCnB,CAAA;AAwCD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC9D;AAED,QAAA,MAAM,MAAM,uFA0GX,CAAA;AAGD,QAAA,MAAM,cAAc,iBACJ,SAAS,GACrB,oBAAoB,GAAG;IACrB,SAAS,EAAE,KAAK,CAAA;IAChB,WAAW,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,gBAAgB,EAAE,OAAO,CAAA;CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBJ,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}