@tapcart/mobile-components 0.7.51 → 0.7.52

package/dist/components/hooks/use-debug-dependencies.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Custom hook to debug dependency changes.
+ *
+ * Usage:
+ * useDebugDependencies([dependencyA, dependencyB]);
+ *
+ * @param {Array} deps - Array of dependencies to monitor for changes.
+ */
+export declare function useDebugDependencies(deps: any[]): void;
+//# sourceMappingURL=use-debug-dependencies.d.ts.map

package/dist/components/hooks/use-debug-dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debug-dependencies.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-debug-dependencies.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,GAAG,EAAE,QAU/C"}

package/dist/components/hooks/use-debug-dependencies.js

@@ -0,0 +1,18 @@
+"use client";
+import { useRef, useEffect } from "react";
+/**
+ * Custom hook to debug dependency changes.
+ *
+ * Usage:
+ * useDebugDependencies([dependencyA, dependencyB]);
+ *
+ * @param {Array} deps - Array of dependencies to monitor for changes.
+ */
+export function useDebugDependencies(deps) {
+    const prevDeps = useRef(deps);
+    useEffect(() => {
+        const changedDeps = deps.map((dep, i) => dep !== prevDeps.current[i] ? dep : null);
+        console.log("Changed dependencies:", changedDeps);
+        prevDeps.current = deps;
+    }, [deps]);
+}

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

@@ -0,0 +1,13 @@
+import { PhoenixLayout } from "lib/tapcart/types";
+type UseLayoutProps = {
+    appId: string;
+    layoutId: string;
+};
+type UseLayoutReturn = {
+    layout: PhoenixLayout | null;
+    error: any;
+    isLoading: boolean;
+};
+export declare function useLayout({ appId, layoutId, }: UseLayoutProps): UseLayoutReturn;
+export {};
+//# sourceMappingURL=use-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-layout.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAA;IAC5B,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,GACT,EAAE,cAAc,GAAG,eAAe,CAYlC"}

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

@@ -0,0 +1,23 @@
+"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 useSWR from "swr";
+import { fetchLayoutById } from "apps/tapcart-ssr-app/lib/tapcart/index";
+export function useLayout({ appId, layoutId, }) {
+    const fetcher = (appId, layoutId) => __awaiter(this, void 0, void 0, function* () {
+        return fetchLayoutById(appId, layoutId);
+    });
+    const { data, error } = useSWR([appId, layoutId], fetcher);
+    return {
+        layout: data || null,
+        error,
+        isLoading: !data && !error,
+    };
+}

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

@@ -26,6 +26,7 @@ declare const Selectors: React.ForwardRefExoticComponent<Omit<React.DetailedHTML
 type SelectorContainerProps = {
     children: React.ReactElement<SelectorsProps>[] | React.ReactElement<SelectorsProps>;
     containerRef: React.RefObject<HTMLDivElement>;
+    height?: string;
     className?: string;
 };
 declare const SelectorContainer: React.FC<SelectorContainerProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../components/ui/selectors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,iBAAiB;;;mFAiBtB,CAAA;AACD,KAAK,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAC5D,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAA;CAClE,CAAA;AAEH,QAAA,MAAM,SAAS;;;;;;;;;eAHA,MAAM,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS;2CA2CpE,CAAA;AACD,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EACJ,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,GACpC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;IACtC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6CvD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../components/ui/selectors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,iBAAiB;;;mFAiBtB,CAAA;AACD,KAAK,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAC5D,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAA;CAClE,CAAA;AAEH,QAAA,MAAM,SAAS;;;;;;;;;eAHA,MAAM,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS;2CA2CpE,CAAA;AACD,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EACJ,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,GACpC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;IACtC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8CvD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/ui/selectors.js

@@ -38,7 +38,7 @@ const Selectors = React.forwardRef((_a, ref) => {
             disabled,
         }), "group", className), ref: ref }, props, { children: children ? (children) : (_jsx(Text, Object.assign({ type: "body-primary", color: "text-textColors-primaryColor" }, { children: label }))) })));
 });
-const SelectorContainer = ({ children, containerRef, className, }) => {
+const SelectorContainer = ({ children, containerRef, className, height = "42px", }) => {
     const [showFadeLeft, setShowFadeLeft] = React.useState(false);
     const [showFadeRight, setShowFadeRight] = React.useState(false);
     const checkOverflow = () => {
@@ -55,7 +55,7 @@ const SelectorContainer = ({ children, containerRef, className, }) => {
     React.useEffect(() => {
         checkOverflow();
     }, [children]);
-    return (_jsx("div", Object.assign({ className: "relative no-scrollbar" }, { children: _jsxs("div", Object.assign({ className: cn("flex gap-2 px-1 h-[42px] items-center overflow-x-auto overflow-y-hidden no-scrollbar", className), onScroll: checkOverflow, ref: containerRef }, { children: [children, showFadeLeft && (_jsx("div", { className: "absolute top-0 left-0 w-8 h-full pointer-events-none" })), showFadeRight && (_jsx("div", { className: "absolute top-0 right-0 w-8 h-full pointer-events-none " }))] })) })));
+    return (_jsx("div", Object.assign({ className: "relative no-scrollbar" }, { children: _jsxs("div", Object.assign({ className: cn(`flex gap-2 px-1 h-[${height}] items-center overflow-x-auto overflow-y-hidden no-scrollbar`, className), onScroll: checkOverflow, ref: containerRef }, { children: [children, showFadeLeft && (_jsx("div", { className: "absolute top-0 left-0 w-8 h-full pointer-events-none bg-fade-left" })), showFadeRight && (_jsx("div", { className: "absolute top-0 right-0 w-8 h-full pointer-events-none bg-fade-right" }))] })) })));
 };
 Selectors.displayName = "Selectors";
 export { SelectorContainer, Selectors, selectorsVariants };

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

@@ -11,6 +11,8 @@ export interface WishlistProps extends React.ButtonHTMLAttributes<HTMLButtonElem
     objectFit?: "none" | "fit" | "fill" | "cover" | "contain" | "scale-down";
     isTrigger?: boolean;
     translations: Translations;
+    nameStyle?: React.CSSProperties;
+    amountStyle?: React.CSSProperties;
 }
 declare const PlaceholderIcon: () => import("react/jsx-runtime").JSX.Element;
 declare const Wishlist: React.ForwardRefExoticComponent<WishlistProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"wishlist.d.ts","sourceRoot":"","sources":["../../../components/ui/wishlist.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,CAAA;IACxE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,YAAY,CAAA;CAC3B;AAED,QAAA,MAAM,eAAe,+CAIpB,CAAA;AAED,QAAA,MAAM,QAAQ,yFA+Db,CAAA;AAID,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,YAAY,CAAA;CAC3B;AAED,QAAA,MAAM,SAAS,0FAwBd,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"wishlist.d.ts","sourceRoot":"","sources":["../../../components/ui/wishlist.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,CAAA;IACxE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAClC;AAED,QAAA,MAAM,eAAe,+CASpB,CAAA;AAED,QAAA,MAAM,QAAQ,yFA2Eb,CAAA;AAID,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,YAAY,CAAA;CAC3B;AAED,QAAA,MAAM,SAAS,0FAwBd,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/ui/wishlist.js

@@ -15,12 +15,16 @@ import * as React from "react";
 import { Text } from "./text";
 import { cn } from "../../lib/utils";
 import { Icon } from "./icon";
-const PlaceholderIcon = () => (_jsx("div", Object.assign({ className: "flex-shrink-0 flex items-center justify-center h-10 w-10 bg-stateColors-skeleton rounded-sm" }, { children: _jsx(Icon, { name: "heart-filled", size: "sm", color: "coreColors-secondaryIcon" }) })));
+const PlaceholderIcon = () => (_jsx("div", Object.assign({ className: "flex items-center justify-center h-10 w-10 bg-stateColors-skeleton rounded-sm", style: {
+        flex: "0 1 auto",
+    } }, { children: _jsx(Icon, { name: "heart-filled", size: "sm", color: "coreColors-secondaryIcon" }) })));
 const Wishlist = React.forwardRef((_a, ref) => {
-    var { selected = false, onClick, className, name, amount, imgUrl, aspectRatio, objectFit, isTrigger, translations } = _a, props = __rest(_a, ["selected", "onClick", "className", "name", "amount", "imgUrl", "aspectRatio", "objectFit", "isTrigger", "translations"]);
-    return (_jsxs("button", Object.assign({ className: cn("flex flex-row items-center px-4 py-2 w-full ", selected ? "bg-stateColors-skeleton" : "", className), ref: ref, onClick: onClick }, props, { children: [imgUrl ? (_jsx("div", Object.assign({ className: "flex-shrink-0 h-10 w-10 border border-coreColors-dividingLines rounded-sm overflow-hidden" }, { children: _jsx("img", { alt: "wishlist-image", src: `${imgUrl}?width=40`, width: 40, height: 40, className: cn("rounded-sm w-full h-full", objectFit === "contain" ? "object-contain" : "object-cover") }) }))) : (_jsx(PlaceholderIcon, {})), _jsxs("div", Object.assign({ className: "flex flex-col items-start ml-2 space-y-1 overflow-hidden" }, { children: [isTrigger && _jsx(Text, Object.assign({ type: "body-secondary" }, { children: "Wishlists" })), _jsx(Text, Object.assign({ type: "body-primary", className: "w-full overflow-hidden text-ellipsis whitespace-nowrap" }, { children: name })), !isTrigger && (_jsx(Text, Object.assign({ type: "body-secondary" }, { children: `${amount} ${amount !== 1
-                            ? translations["cart-checkout-items"]
-                            : translations["cart-checkout-item"]}` })))] }))] })));
+    var { selected = false, onClick, className, name, amount, imgUrl, aspectRatio, objectFit, isTrigger, translations, nameStyle, amountStyle } = _a, props = __rest(_a, ["selected", "onClick", "className", "name", "amount", "imgUrl", "aspectRatio", "objectFit", "isTrigger", "translations", "nameStyle", "amountStyle"]);
+    return (_jsxs("button", Object.assign({ className: cn("flex flex-row items-center px-4 py-2 w-full ", selected ? "bg-stateColors-skeleton" : "", className), ref: ref, onClick: onClick }, props, { children: [imgUrl ? (_jsx("div", Object.assign({ className: "h-10 w-10 border border-coreColors-dividingLines rounded-sm overflow-hidden", style: {
+                    flex: "0 1 auto",
+                } }, { children: _jsx("img", { alt: "wishlist-image", src: `${imgUrl}?width=40`, width: 40, height: 40, className: cn("rounded-sm w-full h-full", objectFit === "contain" ? "object-contain" : "object-cover") }) }))) : (_jsx(PlaceholderIcon, {})), _jsxs("div", Object.assign({ className: "flex flex-col flex-1 items-start mx-2 space-y-1 overflow-hidden" }, { children: [isTrigger && _jsx(Text, Object.assign({ type: "body-secondary" }, { children: "Wishlists" })), _jsx(Text, Object.assign({ type: "body-primary", className: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", style: nameStyle }, { children: name })), !isTrigger && (_jsx(Text, Object.assign({ type: "body-secondary", className: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", style: amountStyle }, { children: `${amount} ${amount !== 1
+                            ? translations["checkout-summary-items"]
+                            : translations["checkout-summary-item"]}` })))] }))] })));
 });
 Wishlist.displayName = "Wishlist";
 const CreateNew = React.forwardRef((_a, ref) => {

package/dist/styles.css

@@ -993,12 +993,12 @@ video {
 .h-\[40px\] {
   height: 40px;
 }
-.h-\[42px\] {
-  height: 42px;
-}
 .h-\[4px\] {
   height: 4px;
 }
+.h-\[80vh\] {
+  height: 80vh;
+}
 .h-auto {
   height: auto;
 }
@@ -1092,6 +1092,9 @@ video {
 .w-\[40px\] {
   width: 40px;
 }
+.w-\[45vw\] {
+  width: 45vw;
+}
 .w-auto {
   width: auto;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.51",
+  "version": "0.7.52",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",

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

@@ -1,10 +0,0 @@
-type Customer = {
-    isAuthenticated: boolean;
-};
-type UseCustomerProps = {};
-type UseCustomerReturn = {
-    customer: Customer;
-};
-export declare const useCustomer: (props: UseCustomerProps | null) => UseCustomerReturn;
-export {};
-//# sourceMappingURL=use-customer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-customer.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-customer.ts"],"names":[],"mappings":"AAWA,KAAK,QAAQ,GAAG;IACd,eAAe,EAAE,OAAO,CAAA;CACzB,CAAA;AAGD,KAAK,gBAAgB,GAAG,EAAE,CAAA;AAE1B,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,UACf,gBAAgB,GAAG,IAAI,KAC7B,iBAuBF,CAAA"}

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

@@ -1,24 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-// @ts-ignore -- webbridge-react is not typed (yet)
-import { useActions } from "@tapcart/webbridge-react";
-export const useCustomer = (props) => {
-    const [isAuthenticated, setIsAuthenticated] = useState(false);
-    const [customer, setCustomer] = useState({});
-    const actions = useActions();
-    // verify customer
-    useEffect(() => {
-        try {
-            // webbridge method to get customerIdentity
-            actions.getCustomerIdentity(null, {
-                onSuccess: (user) => setIsAuthenticated(!!(user === null || user === void 0 ? void 0 : user.email)),
-            });
-        }
-        catch (e) {
-            console.log("unable to get customer identity ", e);
-        }
-    }, [actions]);
-    return {
-        customer: Object.assign({ isAuthenticated }, customer),
-    };
-};

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

@@ -1,8 +0,0 @@
-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/hooks/use-tap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-tap.d.ts","sourceRoot":"","sources":["../../../components/hooks/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/hooks/use-tap.js

@@ -1,100 +0,0 @@
-"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 };