@tapcart/mobile-components 0.7.1 → 0.7.4

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/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));
+}

package/dist/components/templates/ProductGrid/index.d.ts

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

package/dist/components/templates/ProductGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/templates/ProductGrid/index.tsx"],"names":[],"mappings":""}

package/dist/components/templates/ProductGrid/index.js

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

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/ProductGrid/index.d.ts

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

package/dist/components/ui/ProductGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/ui/ProductGrid/index.tsx"],"names":[],"mappings":""}

package/dist/components/ui/ProductGrid/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../components/ui/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAS7B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC/C,CAAA;AA0BD,QAAA,MAAM,QAAQ,6HAsIb,CAAA;AAGD,QAAA,MAAM,eAAe,6GAmBnB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAmBhB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kLA0BpB,CAAA;AAGF,QAAA,MAAM,YAAY,kLA0BhB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,iIAqDjB,CAAA;AA8DD,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,CAAA"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../components/ui/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAS7B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC/C,CAAA;AA0BD,QAAA,MAAM,QAAQ,6HAuIb,CAAA;AAGD,QAAA,MAAM,eAAe,6GAmBnB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAmBhB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kLA0BpB,CAAA;AAGF,QAAA,MAAM,YAAY,kLA0BhB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,iIAqDjB,CAAA;AA8DD,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,CAAA"}

package/dist/components/ui/carousel.js

@@ -90,6 +90,7 @@ const Carousel = React.forwardRef((_a, ref) => {
             .on("reInit", setTweenFactor)
             .on("reInit", tweenScale)
             .on("scroll", tweenScale)
+            // @ts-ignore
             .on("slideFocus", tweenScale);
     }, [api, tweenScale]);
     return (_jsx(CarouselContext.Provider, Object.assign({ value: {

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

@@ -1 +1 @@
-{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../components/ui/favorite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAGL,OAAO,EAER,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,QAAA,MAAM,gBAAgB;;;;mFAuBpB,CAAA;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EACP,sBAAsB,GACtB,WAAW,GACX,UAAU,GACV,aAAa,GACb,cAAc,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,QAAA,MAAM,QAAQ,yFA4Db,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../components/ui/favorite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAGL,OAAO,EAER,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,QAAA,MAAM,gBAAgB;;;;mFAuBpB,CAAA;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EACP,sBAAsB,GACtB,WAAW,GACX,UAAU,GACV,aAAa,GACb,cAAc,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,QAAA,MAAM,QAAQ,yFA2Db,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/ui/favorite.js

@@ -48,7 +48,7 @@ const Favorite = React.forwardRef((_a, forwardedRef) => {
             size,
             showBackgroundShadow,
             layoutType,
-        }), className), style: Object.assign({}, (showBackground && Object.assign(Object.assign({ borderRadius: `${cornerRadius}px`, backgroundColor: backgroundColor, borderColor: borderColorStyle }, getBorderSidesStyle(borderSides)), getPaddingStyle(borderPadding)))) }, props, { children: _jsx(Icon, { url: iconUrl, color: selected ? "stateColors-favorites" : "stateColors-disabled", size: size === "small" ? "xs" : "sm", fillColor: selected ? favoriteFillColor : disabledFillColor, style: {
+        }), className), style: Object.assign({}, (showBackground && Object.assign(Object.assign({ borderRadius: `${cornerRadius}px`, backgroundColor: backgroundColor, borderColor: borderColorStyle }, getBorderSidesStyle(borderSides)), getPaddingStyle(borderPadding)))) }, props, { children: _jsx(Icon, { url: iconUrl, size: size === "small" ? "xs" : "sm", color: selected ? favoriteFillColor : disabledFillColor, style: {
                 opacity: isPressed ? 0.7 : 1,
             } }) })));
 });