@tapcart/mobile-components 0.7.7 → 0.7.8

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/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/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,iIAuDjB,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,iIAuDjB,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/drawer.d.ts

@@ -13,10 +13,10 @@ declare const DrawerTrigger: React.FC<DrawerTriggerProps>;
 declare const DrawerPortal: React.FC<DrawerPortalProps>;
 declare const DrawerClose: React.FC<DrawerCloseProps>;
 type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {
-    containerRef?: HTMLElement | null;
+    containerRef?: HTMLElement;
 };
 declare const Drawer: {
-    ({ shouldScaleBackground, containerRef, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+    ({ shouldScaleBackground, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -39,8 +39,6 @@ type DrawerHeaderProps = {
     onCloseClick?: (event: React.MouseEvent) => void;
 };
 declare const DrawerHeader: ({ title, iconLeftName, iconRightName, onCloseClick, }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
-declare const DrawerContent: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const DrawerContent: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContentBase, DrawerContent, DrawerFooter, DrawerDescription, DrawerHeader, };
 //# sourceMappingURL=drawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAA;AAIhD,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8BAA0D,CAAA;AAG7E,QAAA,MAAM,YAAY,6BAAwD,CAAA;AAG1E,QAAA,MAAM,WAAW,4BAAsD,CAAA;AAGvE,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAClC,CAAA;AAED,QAAA,MAAM,MAAM;wDAIT,WAAW;;CAUb,CAAA;AAOD,QAAA,MAAM,aAAa;;wCAYlB,CAAA;AASD,QAAA,MAAM,iBAAiB;;;;wCAyCtB,CAAA;AA0BD,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,iBAAiB,qLASrB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,YAAY,0DAKf,iBAAiB,4CA8BnB,CAAA;AAED,QAAA,MAAM,aAAa;cAA8B,MAAM,SAAS;6CAE/D,CAAA;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,YAAY,GACb,CAAA"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAA;AAIhD,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8BAA0D,CAAA;AAG7E,QAAA,MAAM,YAAY,6BAAwD,CAAA;AAG1E,QAAA,MAAM,WAAW,4BAAsD,CAAA;AAGvE,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,MAAM;0CAAyC,WAAW;;CAS/D,CAAA;AAOD,QAAA,MAAM,aAAa;;wCAYlB,CAAA;AASD,QAAA,MAAM,iBAAiB;;;;wCAwCtB,CAAA;AA0BD,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,iBAAiB,qLASrB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,YAAY,0DAKf,iBAAiB,4CA8BnB,CAAA;AAED,QAAA,MAAM,aAAa,sCAAuC,MAAM,cAAc,CAAC,cAAc,CAAC,4CAE7F,CAAA;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,YAAY,GACb,CAAA"}

package/dist/components/ui/drawer.js

@@ -22,8 +22,8 @@ DrawerPortal.displayName = "DrawerPortal";
 const DrawerClose = DrawerPrimitive.Close;
 DrawerClose.displayName = "DrawerClose";
 const Drawer = (_a) => {
-    var { shouldScaleBackground, containerRef } = _a, props = __rest(_a, ["shouldScaleBackground", "containerRef"]);
-    return (_jsx(DrawerPrimitive.Root, Object.assign({ shouldScaleBackground: shouldScaleBackground, container: containerRef }, props, { noBodyStyles: true, disablePreventScroll: true })));
+    var { shouldScaleBackground } = _a, props = __rest(_a, ["shouldScaleBackground"]);
+    return (_jsx(DrawerPrimitive.Root, Object.assign({ shouldScaleBackground: true }, props, { noBodyStyles: true, disablePreventScroll: true })));
 };
 Drawer.displayName = "Drawer";
 const DrawerOverlay = React.forwardRef((_a, ref) => {
@@ -33,7 +33,7 @@ const DrawerOverlay = React.forwardRef((_a, ref) => {
 });
 DrawerOverlay.displayName = "DrawerOverlay";
 const DrawerContentBase = React.forwardRef((_a, ref) => {
-    var { className, children, hideBackdrop = false, backdropHexColor, isSheet = false } = _a, props = __rest(_a, ["className", "children", "hideBackdrop", "backdropHexColor", "isSheet"]);
+    var { className, children, hideBackdrop = false, backdropHexColor, isSheet = false, onAnimationEnd } = _a, props = __rest(_a, ["className", "children", "hideBackdrop", "backdropHexColor", "isSheet", "onAnimationEnd"]);
     const styles = isSheet
         ? { height: "calc(100vh - 112px)" }
         : { maxHeight: "calc(100vh - 112px)" };
@@ -47,9 +47,9 @@ const DrawerHeaderBase = (_a) => {
 DrawerHeaderBase.displayName = "DrawerHeaderBase";
 const DrawerTitle = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("h2", Object.assign({ ref: ref, className: cn("text-textColors-primaryColor text-center text-[18px] font-medium leading-[24px] truncate my-0 mx-4", className) }, props)));
+    return (_jsx(DrawerPrimitive.Title, Object.assign({ ref: ref, className: cn("text-textColors-primaryColor text-center text-[18px] font-medium leading-[24px] truncate my-0 mx-4", className) }, props)));
 });
-DrawerTitle.displayName = "DrawerTitle";
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
 const DrawerFooter = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (_jsx("div", Object.assign({ className: cn("mt-auto flex flex-row gap-2 pb-8 pt-4 pl-4 pr-4 border-t border-coreColors-dividingLines", className) }, props)));
@@ -63,7 +63,8 @@ DrawerDescription.displayName = "DrawerDescription";
 const DrawerHeader = ({ title, iconLeftName, iconRightName, onCloseClick, }) => {
     return (_jsxs(DrawerHeaderBase, Object.assign({ className: "p-4 text-center flex justify-between" }, { children: [iconLeftName ? (_jsx(DrawerClose, Object.assign({ className: "h-6 w-6 p-0", onClick: onCloseClick }, { children: _jsx(Icon, { name: iconLeftName, color: "coreColors-secondaryIcon", className: "h-6 w-6 p-0", size: "md" }) }))) : (_jsx("div", { className: "w-6" })), _jsx(DrawerTitle, { children: title }), iconRightName ? (_jsx(DrawerClose, Object.assign({ className: "h-6 w-6 p-0", onClick: onCloseClick }, { children: _jsx(Icon, { name: iconRightName, color: "coreColors-secondaryIcon", className: "h-6 w-6 p-0", size: "md" }) }))) : (_jsx("div", { className: "w-6" }))] })));
 };
-const DrawerContent = ({ children }) => {
-    return _jsx("div", Object.assign({ className: "h-full overflow-scroll" }, { children: children }));
+const DrawerContent = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return _jsx("div", Object.assign({ className: cn("h-full overflow-scroll", className) }, props, { children: children }));
 };
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContentBase, DrawerContent, DrawerFooter, DrawerDescription, DrawerHeader, };

package/dist/components/ui/favorite.js

@@ -14,7 +14,7 @@ import * as React from "react";
 import { cva } from "class-variance-authority";
 import { cn, getBorderSidesStyle, getPaddingStyle, } from "../../lib/utils";
 import { Icon } from "./icon";
-import { useTap } from "../hooks/use-tap";
+import { useTap } from "./tap";
 import { useMergeRefs } from "../hooks/use-merge-refs";
 const favoriteVariants = cva("flex p-2 gap-2 rounded-[4px]", {
     variants: {

package/dist/components/ui/image.js

@@ -168,7 +168,7 @@ export const Image = React.forwardRef((_a, ref) => {
         }
     }, [ref]);
     const imgClassName = `opacity-0 transition-opacity duration-500 ease-in-out ${isLoaded ? "opacity-100" : ""}`;
-    const wrapperStyle = Object.assign({ aspectRatio: (_b = normalizedProps.aspectRatio) === null || _b === void 0 ? void 0 : _b.replace(":", "/") }, imageWrapperStyles);
+    const wrapperStyle = Object.assign({ aspectRatio: (_b = normalizedProps === null || normalizedProps === void 0 ? void 0 : normalizedProps.aspectRatio) === null || _b === void 0 ? void 0 : _b.replace(":", "/") }, imageWrapperStyles);
     const srcSet = generateSrcSet(normalizedProps.src, generateSizes(imageWidths, normalizedProps.aspectRatio, crop), loader, normalizedProps.objectFit === "contain");
     return (_jsxs(_Fragment, { children: [loading === "eager" && (_jsx(ImagePreload, { imgAttributes: {
                     srcSet,
@@ -183,7 +183,7 @@ export const Image = React.forwardRef((_a, ref) => {
                     // and `sizes` are defined.
                     // This bug cannot be reproduced in Chrome or Firefox.
                     src: normalizedProps.src, ref: setRefs, style: Object.assign({ objectFit: normalizedProps.objectFit, maxHeight: "100%", height: "100%", width: "100%", borderRadius: `${imageRadius}px` }, passthroughProps.style) }))) : (_jsx("div", { className: "w-full h-full bg-stateColors-skeleton", style: Object.assign({ aspectRatio: aspectRatio && aspectRatio !== "auto"
-                            ? (_c = normalizedProps.aspectRatio) === null || _c === void 0 ? void 0 : _c.replace(":", "/")
+                            ? (_c = normalizedProps === null || normalizedProps === void 0 ? void 0 : normalizedProps.aspectRatio) === null || _c === void 0 ? void 0 : _c.replace(":", "/")
                             : "2/3" }, imageWrapperStyles) })) }))] }));
 });
 /**

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tap.d.ts","sourceRoot":"","sources":["../../../components/ui/tap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAMZ,SAAS,EACV,MAAM,OAAO,CAAA;AAuFd,QAAA,MAAM,MAAM;6BAuBkC,GAAG,KAAK,IAAI,aACvC,GAAG;;;CAerB,CAAA;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAuC3B,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/tap.js

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