@tapcart/mobile-components 0.7.20 → 0.7.21

package/dist/components/contexts/translationContext.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type TranslationMap = Record<string, string>;
+export declare const TranslationProvider: ({ translations, children, }: {
+    translations: TranslationMap;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useTranslation: () => TranslationMap;
+export {};
+//# sourceMappingURL=translationContext.d.ts.map

package/dist/components/contexts/translationContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translationContext.d.ts","sourceRoot":"","sources":["../../../components/contexts/translationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,KAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAI5C,eAAO,MAAM,mBAAmB;kBAIhB,cAAc;cAClB,MAAM,SAAS;6CAK1B,CAAA;AAED,eAAO,MAAM,cAAc,sBAAuC,CAAA"}

package/dist/components/contexts/translationContext.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const TranslationContext = createContext({});
+export const TranslationProvider = ({ translations, children, }) => (_jsx(TranslationContext.Provider, Object.assign({ value: translations }, { children: children })));
+export const useTranslation = () => useContext(TranslationContext);

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

@@ -0,0 +1,23 @@
+type OpenProductFn = (arg: {
+    productId: string;
+}) => void;
+type OpenCollectionFn = (arg: {
+    collectionId: string;
+}) => void;
+type OpenScreenFn = (arg: {
+    destination: {
+        type: "internal" | "web";
+        url: string;
+    };
+}) => void;
+type DestinationType = "product" | "collection" | "url" | "app-screen";
+interface UseDestinationProps {
+    openProduct: OpenProductFn;
+    openCollection: OpenCollectionFn;
+    openScreen: OpenScreenFn;
+    type: DestinationType;
+    location: string;
+}
+export declare const useDestination: ({ openProduct, openCollection, openScreen, type, location, }: UseDestinationProps) => (() => void);
+export {};
+//# sourceMappingURL=use-destination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-destination.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-destination.ts"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,CAAA;AACzD,KAAK,gBAAgB,GAAG,CAAC,GAAG,EAAE;IAAE,YAAY,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,CAAA;AAC/D,KAAK,YAAY,GAAG,CAAC,GAAG,EAAE;IACxB,WAAW,EAAE;QAAE,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACvD,KAAK,IAAI,CAAA;AAEV,KAAK,eAAe,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,YAAY,CAAA;AAEtE,UAAU,mBAAmB;IAC3B,WAAW,EAAE,aAAa,CAAA;IAC1B,cAAc,EAAE,gBAAgB,CAAA;IAChC,UAAU,EAAE,YAAY,CAAA;IACxB,IAAI,EAAE,eAAe,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,cAAc,iEAMxB,mBAAmB,KAAG,CAAC,MAAM,IAAI,CAYnC,CAAA"}

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

@@ -0,0 +1,13 @@
+"use client";
+export const useDestination = ({ openProduct, openCollection, openScreen, type, location, }) => {
+    switch (type) {
+        case "product":
+            return () => openProduct({ productId: location });
+        case "collection":
+            return () => openCollection({ collectionId: location });
+        case "url":
+            return () => openScreen({ destination: { type: "web", url: location } });
+        case "app-screen":
+            return () => openScreen({ destination: { type: "internal", url: location } });
+    }
+};

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

@@ -0,0 +1,17 @@
+import { Product } from "app-studio-types";
+type UseProductMockParams = {
+    apiUrl: string;
+    appId: string;
+    language: string;
+    country: string;
+    limit?: number;
+    onlyAvailableProducts?: boolean;
+    mock?: boolean;
+};
+export declare function useMockProducts({ apiUrl, appId, language, country, limit, onlyAvailableProducts, mock, }: UseProductMockParams): {
+    products: Product[];
+    error: any;
+    isLoading: boolean;
+};
+export {};
+//# sourceMappingURL=use-mock-products.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-mock-products.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-mock-products.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAI1C,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAS,EACT,qBAA6B,EAC7B,IAAY,GACb,EAAE,oBAAoB;;;;EAkCtB"}

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

@@ -0,0 +1,37 @@
+"use client";
+import { useCollection } from "./use-collection";
+import { useProducts } from "./use-products";
+export function useMockProducts({ apiUrl, appId, language, country, limit = 4, onlyAvailableProducts = false, mock = false, }) {
+    var _a;
+    const { collections } = useCollection({
+        apiUrl,
+        appId,
+        language,
+        collectionId: undefined,
+        getCollections: mock,
+        limit: 1,
+    });
+    const collectionToFetchID = (_a = collections[0]) === null || _a === void 0 ? void 0 : _a.id;
+    const { products, error, isLoading } = useProducts({
+        productIds: [],
+        productHandles: [],
+        baseURL: apiUrl,
+        collection: collectionToFetchID,
+        queryVariables: {
+            collectionId: collectionToFetchID,
+            appId,
+            language,
+            country,
+            limit,
+        },
+    });
+    return {
+        products: products === null || products === void 0 ? void 0 : products.filter((p) => {
+            if (!onlyAvailableProducts)
+                return true;
+            return p.availableForSale;
+        }),
+        error,
+        isLoading,
+    };
+}

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

@@ -41,7 +41,7 @@ export function useProducts(props) {
     const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || defaultFetcher;
     const { data, error } = useSWR(url ? [url, body] : null, ([url, body]) => fetcher(url, body));
     return {
-        products: data || [],
+        products: (data === null || data === void 0 ? void 0 : data.products) ? data.products : data || [],
         error,
         isLoading: !data && !error,
     };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-tap.d.ts","sourceRoot":"","sources":["../../../components/ui/use-tap.ts"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAuFvE,QAAA,MAAM,MAAM;6BAuBkC,GAAG,KAAK,IAAI,aACvC,GAAG;;;CAerB,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/use-tap.js

@@ -0,0 +1,100 @@
+"use client";
+import { 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 };
+};
+export { useTap };

package/dist/components/ui/video copy.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+type VideoAttributes = {
+    enabled: boolean;
+    aspectRatio: string;
+    videoFit: "fill" | "fit";
+    overlayOpacity: number;
+    autoplay: boolean;
+    videoSound: boolean;
+};
+interface VideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {
+    src: string;
+    videoAttributes: VideoAttributes;
+    naturalAspectRatio?: string;
+    className?: string;
+}
+declare const Video: ({ src, videoAttributes, naturalAspectRatio, className, ...props }: VideoProps) => import("react/jsx-runtime").JSX.Element;
+export { Video };
+//# sourceMappingURL=video%20copy.d.ts.map

package/dist/components/ui/video copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video copy.d.ts","sourceRoot":"","sources":["../../../components/ui/video copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,UAAU,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,eAAe,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,sEAMR,UAAU,4CA0DZ,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/video copy.js

@@ -0,0 +1,70 @@
+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());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const videoVariants = {
+    base: "w-full",
+    fit: {
+        cover: "object-cover",
+        contain: "object-contain",
+    },
+};
+const Video = (_a) => {
+    var { src, videoAttributes, naturalAspectRatio = "1/1", className } = _a, props = __rest(_a, ["src", "videoAttributes", "naturalAspectRatio", "className"]);
+    const videoRef = React.useRef(null);
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        // Handle autoplay with sound restrictions
+        const setupVideo = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                if (videoAttributes.autoplay) {
+                    // Always start muted to ensure autoplay works
+                    video.muted = true;
+                    yield video.play();
+                    // If sound is enabled, unmute after autoplay starts
+                    if (videoAttributes.videoSound) {
+                        video.muted = false;
+                    }
+                }
+            }
+            catch (error) {
+                console.error("Error setting up video:", error);
+                // Fallback to showing controls if autoplay fails
+                if (video) {
+                    video.controls = true;
+                }
+            }
+        });
+        setupVideo();
+    }, [videoAttributes.autoplay, videoAttributes.videoSound]);
+    const videoStyle = {
+        aspectRatio: videoAttributes.enabled && videoAttributes.aspectRatio !== "auto"
+            ? videoAttributes.aspectRatio.replace(":", "/")
+            : naturalAspectRatio.replace(":", "/"),
+    };
+    return (_jsx("video", Object.assign({ ref: videoRef, className: cn(videoVariants.base, videoAttributes.videoFit === "fill"
+            ? videoVariants.fit.cover
+            : videoVariants.fit.contain, className), style: videoStyle, preload: "metadata", playsInline: true, loop: videoAttributes.enabled, controls: videoAttributes.enabled && !videoAttributes.autoplay, src: src }, props)));
+};
+export { Video };

package/dist/components/ui/video.v2.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+type VideoAttributes = {
+    enabled: boolean;
+    aspectRatio: string;
+    videoFit: "fill" | "fit";
+    overlayOpacity: number;
+    autoplay: boolean;
+    videoSound: boolean;
+};
+interface VideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {
+    src: string;
+    videoAttributes: VideoAttributes;
+    naturalAspectRatio?: string;
+    className?: string;
+}
+declare const Video: ({ src, videoAttributes, naturalAspectRatio, className, ...props }: VideoProps) => import("react/jsx-runtime").JSX.Element;
+export { Video as VideoV2 };
+//# sourceMappingURL=video.v2.d.ts.map

package/dist/components/ui/video.v2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.v2.d.ts","sourceRoot":"","sources":["../../../components/ui/video.v2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,UAAU,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,eAAe,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,sEAMR,UAAU,4CA0DZ,CAAA;AAED,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,CAAA"}

package/dist/components/ui/video.v2.js

@@ -0,0 +1,70 @@
+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());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const videoVariants = {
+    base: "w-full",
+    fit: {
+        cover: "object-cover",
+        contain: "object-contain",
+    },
+};
+const Video = (_a) => {
+    var { src, videoAttributes, naturalAspectRatio = "1/1", className } = _a, props = __rest(_a, ["src", "videoAttributes", "naturalAspectRatio", "className"]);
+    const videoRef = React.useRef(null);
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        // Handle autoplay with sound restrictions
+        const setupVideo = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                if (videoAttributes.autoplay) {
+                    // Always start muted to ensure autoplay works
+                    video.muted = true;
+                    yield video.play();
+                    // If sound is enabled, unmute after autoplay starts
+                    if (videoAttributes.videoSound) {
+                        video.muted = false;
+                    }
+                }
+            }
+            catch (error) {
+                console.error("Error setting up video:", error);
+                // Fallback to showing controls if autoplay fails
+                if (video) {
+                    video.controls = true;
+                }
+            }
+        });
+        setupVideo();
+    }, [videoAttributes.autoplay, videoAttributes.videoSound]);
+    const videoStyle = {
+        aspectRatio: videoAttributes.enabled && videoAttributes.aspectRatio !== "auto"
+            ? videoAttributes.aspectRatio.replace(":", "/")
+            : naturalAspectRatio.replace(":", "/"),
+    };
+    return (_jsx("video", Object.assign({ ref: videoRef, className: cn(videoVariants.base, videoAttributes.videoFit === "fill"
+            ? videoVariants.fit.cover
+            : videoVariants.fit.contain, className), style: videoStyle, preload: "metadata", playsInline: true, loop: videoAttributes.enabled, controls: videoAttributes.enabled && !videoAttributes.autoplay, src: src }, props)));
+};
+export { Video as VideoV2 };

package/dist/index copy.d.ts

@@ -0,0 +1,59 @@
+export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, getDestinationHandler, createCollectionImageMap, } from "./lib/utils";
+export * from "./components/hooks/use-collection";
+export * from "./components/hooks/use-infinite-scroll";
+export * from "./components/hooks/use-recommendations";
+export * from "./components/hooks/use-products";
+export * from "./components/hooks/use-scroll-direction";
+export * from "./components/hooks/use-sort-filter";
+export * from "./components/hooks/use-product-options";
+export * from "./components/hooks/use-shop";
+export * from "./components/hooks/use-tap";
+export * from "./components/ui/accordion";
+export * from "./components/ui/aspect-ratio";
+export * from "./components/ui/badge";
+export * from "./components/ui/button";
+export * from "./components/ui/carousel";
+export * from "./components/ui/checkbox";
+export * from "./components/ui/chip";
+export * from "./components/ui/color-swatch";
+export * from "./components/ui/container";
+export * from "./components/ui/drawer";
+export * from "./components/ui/dropdown";
+export * from "./components/ui/empty-message";
+export * from "./components/ui/favorite";
+export * from "./components/ui/grid";
+export * from "./components/ui/icon";
+export * from "./components/ui/image";
+export * from "./components/ui/Input/input";
+export * from "./components/ui/label";
+export * from "./components/ui/line-item-text-icons";
+export * from "./components/ui/money";
+export * from "./components/ui/price";
+export * from "./components/ui/product-card";
+export * from "./components/ui/quantity-picker";
+export * from "./components/ui/radio-group";
+export * from "./components/ui/scroll-area";
+export * from "./components/ui/selectors";
+export * from "./components/ui/separator";
+export * from "./components/ui/skeleton";
+export * from "./components/ui/slider";
+export * from "./components/ui/subscription";
+export * from "./components/ui/switch";
+export * from "./components/ui/tabs";
+export * from "./components/ui/text";
+export * from "./components/ui/textarea";
+export * from "./components/ui/toast";
+export * from "./components/ui/toaster";
+export * from "./components/ui/toggle-group";
+export * from "./components/ui/toggle";
+export * from "./components/ui/use-toast";
+export * from "./components/ui/video";
+export * from "./components/ui/video.v2";
+export * from "./components/ui/wishlist";
+export * from "./components/ui/wishlist-select";
+export * from "./components/hooks/use-shop";
+export * from "./components/libs/sort-filter/search-integration";
+export * from "./components/hooks/use-reviews";
+export * from "./components/ui/subcollection-tabs";
+export * from "./components/libs/sort-filter/search-integration";
+//# sourceMappingURL=index%20copy.d.ts.map

package/dist/index copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index copy.d.ts","sourceRoot":"","sources":["../index copy.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,aAAa,CAAA;AACpB,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,kDAAkD,CAAA"}

package/dist/index copy.js

@@ -0,0 +1,59 @@
+// component exports
+export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, getDestinationHandler, createCollectionImageMap, } from "./lib/utils";
+export * from "./components/hooks/use-collection";
+export * from "./components/hooks/use-infinite-scroll";
+export * from "./components/hooks/use-recommendations";
+export * from "./components/hooks/use-products";
+export * from "./components/hooks/use-scroll-direction";
+export * from "./components/hooks/use-sort-filter";
+export * from "./components/hooks/use-product-options";
+export * from "./components/hooks/use-shop";
+export * from "./components/hooks/use-tap";
+export * from "./components/ui/accordion";
+export * from "./components/ui/aspect-ratio";
+export * from "./components/ui/badge";
+export * from "./components/ui/button";
+export * from "./components/ui/carousel";
+export * from "./components/ui/checkbox";
+export * from "./components/ui/chip";
+export * from "./components/ui/color-swatch";
+export * from "./components/ui/container";
+export * from "./components/ui/drawer";
+export * from "./components/ui/dropdown";
+export * from "./components/ui/empty-message";
+export * from "./components/ui/favorite";
+export * from "./components/ui/grid";
+export * from "./components/ui/icon";
+export * from "./components/ui/image";
+export * from "./components/ui/Input/input";
+export * from "./components/ui/label";
+export * from "./components/ui/line-item-text-icons";
+export * from "./components/ui/money";
+export * from "./components/ui/price";
+export * from "./components/ui/product-card";
+export * from "./components/ui/quantity-picker";
+export * from "./components/ui/radio-group";
+export * from "./components/ui/scroll-area";
+export * from "./components/ui/selectors";
+export * from "./components/ui/separator";
+export * from "./components/ui/skeleton";
+export * from "./components/ui/slider";
+export * from "./components/ui/subscription";
+export * from "./components/ui/switch";
+export * from "./components/ui/tabs";
+export * from "./components/ui/text";
+export * from "./components/ui/textarea";
+export * from "./components/ui/toast";
+export * from "./components/ui/toaster";
+export * from "./components/ui/toggle-group";
+export * from "./components/ui/toggle";
+export * from "./components/ui/use-toast";
+export * from "./components/ui/video";
+export * from "./components/ui/video.v2";
+export * from "./components/ui/wishlist";
+export * from "./components/ui/wishlist-select";
+export * from "./components/hooks/use-shop";
+export * from "./components/libs/sort-filter/search-integration";
+export * from "./components/hooks/use-reviews";
+export * from "./components/ui/subcollection-tabs";
+export * from "./components/libs/sort-filter/search-integration";

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export * from "./components/hooks/use-scroll-direction";
 export * from "./components/hooks/use-sort-filter";
 export * from "./components/hooks/use-product-options";
 export * from "./components/hooks/use-shop";
+export * from "./components/hooks/use-mock-products";
 export * from "./components/ui/accordion";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/badge";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,4BAA4B,EAC5B,eAAe,EACf,cAAc,GACf,MAAM,aAAa,CAAA;AACpB,cAAc,2CAA2C,CAAA;AACzD,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,mCAAmC,CAAA;AACjD,cAAc,aAAa,CAAA;AAC3B,cAAc,6CAA6C,CAAA;AAC3D,cAAc,kDAAkD,CAAA;AAChE,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,4BAA4B,EAC5B,eAAe,EACf,cAAc,GACf,MAAM,aAAa,CAAA;AACpB,cAAc,2CAA2C,CAAA;AACzD,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AACpD,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,mCAAmC,CAAA;AACjD,cAAc,aAAa,CAAA;AAC3B,cAAc,6CAA6C,CAAA;AAC3D,cAAc,kDAAkD,CAAA;AAChE,cAAc,qBAAqB,CAAA"}

package/dist/index.js

@@ -9,6 +9,7 @@ export * from "./components/hooks/use-scroll-direction";
 export * from "./components/hooks/use-sort-filter";
 export * from "./components/hooks/use-product-options";
 export * from "./components/hooks/use-shop";
+export * from "./components/hooks/use-mock-products";
 export * from "./components/ui/accordion";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/badge";

package/dist/lib/utils/destination.d.ts

@@ -0,0 +1,17 @@
+type DestinationActions = {
+    openScreen: (arg: {
+        destination: {
+            type: "internal" | "web";
+            url: string;
+        };
+    }) => void;
+    openProduct: (arg: {
+        productId: string;
+    }) => void;
+    openCollection: (arg: {
+        collectionId: string;
+    }) => void;
+};
+export declare const getDestinationHandler: (type: "app-screen" | "url" | "product" | "collection" | "none") => ((location: string, actions: DestinationActions) => void) | ((location: string, actions: DestinationActions) => void) | ((location: string, actions: DestinationActions) => void) | ((location: string, actions: DestinationActions) => void) | (() => void);
+export {};
+//# sourceMappingURL=destination.d.ts.map

package/dist/lib/utils/destination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"destination.d.ts","sourceRoot":"","sources":["../../../lib/utils/destination.ts"],"names":[],"mappings":"AAAA,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,CAAC,GAAG,EAAE;QAChB,WAAW,EAAE;YAAE,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,CAAA;KACvD,KAAK,IAAI,CAAA;IACV,WAAW,EAAE,CAAC,GAAG,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACjD,cAAc,EAAE,CAAC,GAAG,EAAE;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACxD,CAAA;AAmBD,eAAO,MAAM,qBAAqB,SAC1B,YAAY,GAAG,KAAK,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,iBAjBrC,MAAM,WAAW,kBAAkB,yBAE5C,MAAM,WAAW,kBAAkB,yBAO/B,MAAM,WAAW,kBAAkB,yBAEhC,MAAM,WAAW,kBAAkB,yBAS3D,CAAA"}

package/dist/lib/utils/destination.js

@@ -0,0 +1,15 @@
+const DESTINATION_HANDLERS = {
+    "app-screen": (location, actions) => actions.openScreen({ destination: { type: "internal", url: location } }),
+    url: (location, actions) => actions.openScreen({
+        destination: {
+            type: "web",
+            url: location.includes("https://") ? location : `https://${location}`,
+        },
+    }),
+    product: (location, actions) => actions.openProduct({ productId: location }),
+    collection: (location, actions) => actions.openCollection({ collectionId: location }),
+    none: () => { },
+};
+export const getDestinationHandler = (type) => {
+    return DESTINATION_HANDLERS[type];
+};

package/dist/lib/utils/id.d.ts

@@ -0,0 +1,5 @@
+export declare function getIdFromGid(gid: string | undefined): string;
+export declare function productGidFromId(id: string | null | undefined): string | null;
+export declare function variantGidFromId(id: string | null | undefined): string | null;
+export declare function getProductGidsFromIds(ids: string[]): string[];
+//# sourceMappingURL=id.d.ts.map