@tapcart/mobile-components 0.7.26 → 0.7.27

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-products.d.ts

@@ -12,6 +12,8 @@ type UseProductsProps = {
     queryVariables?: Record<string, any>;
     fetcher?: (url: string, body?: Record<string, any> | null) => Promise<any>;
     metafields?: MetafieldInput[];
+    mock?: boolean;
+    onlyAvailableProducts?: boolean;
 };
 type UseProductsReturn = {
     products: Product[];

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;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,CAiE7E"}
+{"version":3,"file":"use-products.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-products.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAI1C,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;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AA8BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CAwF7E"}

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

@@ -1,11 +1,43 @@
 "use client";
 import useSWR from "swr";
 import { getProductGidsFromIds } from "../../lib/utils";
+import { useCollection } from "./use-collection";
+const isUseProductsProps = (props) => {
+    return Boolean(props);
+};
+const formatProductData = ({ data, onlyAvailableProducts = false, }) => {
+    const isProductsObject = (value) => {
+        return value && "products" in value;
+    };
+    const products = isProductsObject(data) ? data.products : data || [];
+    return onlyAvailableProducts
+        ? products === null || products === void 0 ? void 0 : products.filter((p) => {
+            if (!onlyAvailableProducts)
+                return true;
+            return p.availableForSale;
+        })
+        : products;
+};
 export function useProducts(props) {
+    var _a, _b, _c;
     let url = null;
     let body = null;
-    if (props) {
-        const { baseURL, productIds, productHandles, metafields, collection, queryVariables, } = props;
+    const shouldMockProducts = Boolean(props === null || props === void 0 ? void 0 : props.mock);
+    const { collections } = useCollection({
+        apiUrl: (props === null || props === void 0 ? void 0 : props.baseURL) || "",
+        appId: ((_a = props === null || props === void 0 ? void 0 : props.queryVariables) === null || _a === void 0 ? void 0 : _a.appId) || "",
+        language: ((_b = props === null || props === void 0 ? void 0 : props.queryVariables) === null || _b === void 0 ? void 0 : _b.language) || "en",
+        collectionId: undefined,
+        getCollections: shouldMockProducts,
+        limit: 1,
+    });
+    if (isUseProductsProps(props)) {
+        let { baseURL, productIds, productHandles, metafields, collection, queryVariables, } = props;
+        if (shouldMockProducts) {
+            const collectionToFetchID = (_c = collections[0]) === null || _c === void 0 ? void 0 : _c.id;
+            queryVariables = Object.assign(Object.assign({}, queryVariables), { collectionId: collectionToFetchID });
+            collection = collectionToFetchID;
+        }
         let queryParams = new URLSearchParams();
         if ((productIds === null || productIds === void 0 ? void 0 : productIds.length) > 0) {
             queryParams.set("ids", getProductGidsFromIds(productIds).join(","));
@@ -39,10 +71,13 @@ export function useProducts(props) {
         body: body ? JSON.stringify(body) : undefined,
     }).then((res) => res.json());
     const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || defaultFetcher;
-    const { data, error } = useSWR(url ? [url, body] : null, ([url, body]) => fetcher(url, body));
+    const { data, error, isLoading } = useSWR(url ? [url, body] : null, ([url, body]) => fetcher(url, body));
     return {
-        products: (data === null || data === void 0 ? void 0 : data.products) ? data.products : data || [],
+        products: formatProductData({
+            data,
+            onlyAvailableProducts: (props === null || props === void 0 ? void 0 : props.mock) && (props === null || props === void 0 ? void 0 : props.onlyAvailableProducts),
+        }),
         error,
-        isLoading: !data && !error,
+        isLoading,
     };
 }

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/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../../lib/utils/id.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAK5D;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAI7E;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAI7E;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,YAOlD"}