@tapcart/mobile-components 0.7.65 → 0.7.67

package/dist/components/hooks/use-order-details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-order-details.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-order-details.ts"],"names":[],"mappings":"AAMA,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAClC,CAAA;AA2JD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAY,GACb,EAAE,oBAAoB,GAAG,iBAAiB,CA0C1C"}
+{"version":3,"file":"use-order-details.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-order-details.ts"],"names":[],"mappings":"AAKA,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAClC,CAAA;AAkKD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAY,GACb,EAAE,oBAAoB,GAAG,iBAAiB,CA6C1C"}

package/dist/components/hooks/use-order-details.js

@@ -1,53 +1,6 @@
 "use client";
-import { getIdFromGid } from "../../lib/utils";
-import { useProducts } from "./use-products";
 import { useEffect, useMemo, useState } from "react";
-const getSellingPlan = (lineItems = [], productGid) => {
-    var _a, _b;
-    const productId = getIdFromGid(productGid);
-    const item = lineItems.find((item) => { var _a, _b; return ((_b = (_a = item === null || item === void 0 ? void 0 : item.variant) === null || _a === void 0 ? void 0 : _a.product) === null || _b === void 0 ? void 0 : _b.id) === productId; });
-    if (!item) {
-        return;
-    }
-    return (_b = (_a = item === null || item === void 0 ? void 0 : item.sellingPlanAllocation) === null || _a === void 0 ? void 0 : _a.sellingPlan) === null || _b === void 0 ? void 0 : _b.name;
-};
-const getSalesAmount = (lines) => {
-    return lines === null || lines === void 0 ? void 0 : lines.reduce((acc, line) => {
-        const sale = line.sale ? parseFloat(line.sale) : 0;
-        return acc + sale * line.quantity;
-    }, 0);
-};
-const getSubtotal = (lines) => {
-    return lines === null || lines === void 0 ? void 0 : lines.reduce((acc, line) => {
-        const price = parseFloat(line.compareAtPrice ? line.compareAtPrice.amount : line.price.amount);
-        return acc + price * line.quantity;
-    }, 0);
-};
-const findProductById = (products, productId) => products.find((product) => product.id === productId);
-const findVariantById = (variants, merchandiseId) => variants.find((variant) => variant.id === merchandiseId);
-const calculateSale = (compareAtPrice, price) => parseFloat(compareAtPrice) - parseFloat(price);
-const updateLineWithVariantDetails = (line, variant) => {
-    var _a;
-    line.compareAtPrice = variant.compareAtPrice;
-    line.variantName = variant.title;
-    line.sale = ((_a = variant.compareAtPrice) === null || _a === void 0 ? void 0 : _a.amount)
-        ? calculateSale(variant.compareAtPrice.amount, variant.price.amount)
-        : 0;
-};
-const updateLineDetails = (line, products, checkoutData) => {
-    const product = findProductById(products, line.productId);
-    if (!product)
-        return;
-    line.title = product.title;
-    line.vendor = product.vendor;
-    if (checkoutData && checkoutData.lineItems) {
-        line.sellingPlan = getSellingPlan(checkoutData.lineItems, line.productId);
-    }
-    const productVariant = findVariantById(product.variants, line.merchandiseId);
-    if (productVariant) {
-        updateLineWithVariantDetails(line, productVariant);
-    }
-};
+import { useProducts } from "./use-products";
 const getProductIds = (lines) => lines === null || lines === void 0 ? void 0 : lines.map((line) => line.productId);
 const calculateCompareAtPrice = (variant) => {
     var _a, _b, _c, _d;
@@ -75,34 +28,46 @@ const createCartLines = (product, variant, compareAtPrice) => {
             price: variant === null || variant === void 0 ? void 0 : variant.price,
             compareAtPrice,
             variantName: variant.title,
-            sale: calculateSale(compareAtPrice.amount, variant.price.amount),
         },
     ];
 };
-const calculateCartPrice = (variant, lines) => {
-    var _a;
-    const subtotal = (_a = calculateCompareAtPrice(variant)) === null || _a === void 0 ? void 0 : _a.amount;
-    const salesAmount = getSalesAmount(lines);
-    const discounts = [
+const calculateCartPrice = (lines) => {
+    const subtotal = lines[0].price;
+    const orderLevelDiscounts = [
+        {
+            title: "APP15",
+            valueType: "percentage",
+            value: { currencyCode: "USD", amount: 15.0 },
+            applicationType: "code",
+        },
+    ];
+    const shippingLevelDiscounts = [
         {
-            amount: { currencyCode: "USD", amount: 5.0 },
-            title: "WELCOME20",
+            title: "FREESHIPPING",
             valueType: "percentage",
-            value: 15,
+            value: { currencyCode: "USD", amount: 30.0 },
             applicationType: "code",
         },
     ];
     const taxes = { amount: 5.0, currencyCode: "USD" };
+    const oldShipping = { amount: 30, currencyCode: "USD" };
     const shipping = { amount: 0, currencyCode: "USD" };
     const total = {
-        amount: subtotal -
-            salesAmount -
-            discounts[0].amount.amount -
+        amount: subtotal.amount -
+            orderLevelDiscounts[0].value.amount -
             20 + // Payment method amount
             taxes.amount,
         currencyCode: "USD",
     };
-    return { subtotal, salesAmount, discounts, taxes, shipping, total };
+    return {
+        subtotal,
+        orderLevelDiscounts,
+        shippingLevelDiscounts,
+        taxes,
+        shipping,
+        oldShipping,
+        total,
+    };
 };
 const updateOrderDetails = (orderDetails, products) => {
     const product = products[0];
@@ -112,7 +77,49 @@ const updateOrderDetails = (orderDetails, products) => {
     orderDetails.cart = {
         lines: createCartLines(product, variant, compareAtPrice),
     };
-    orderDetails.cart.price = calculateCartPrice(variant, orderDetails.cart.lines);
+    orderDetails.cart.price = calculateCartPrice(orderDetails.cart.lines);
+};
+const mapDiscountsByType = (discounts = [], type) => {
+    return discounts.filter((discount) => discount.targetType === type && discount.targetSelection === "ALL");
+};
+const mapShippingDiscount = (discounts = [], shipping) => {
+    const mappedDiscounts = mapDiscountsByType(discounts, "SHIPPING_LINE");
+    return mappedDiscounts.map((discount) => {
+        var _a;
+        return (Object.assign(Object.assign({}, discount), { value: {
+                currencyCode: shipping.currencyCode,
+                amount: ((shipping === null || shipping === void 0 ? void 0 : shipping.amount) * ((_a = discount.value) === null || _a === void 0 ? void 0 : _a.percentage)) / 100,
+            } }));
+    });
+};
+const updateCartPriceDetails = (orderDetails, checkoutData) => {
+    var _a;
+    const newCartPrice = {
+        subtotal: checkoutData.subtotalPrice,
+        orderLevelDiscounts: mapDiscountsByType(checkoutData.discountApplications, "LINE_ITEM"),
+        shippingLevelDiscounts: mapShippingDiscount(checkoutData.discountApplications, orderDetails.cart.price.shipping),
+        total: checkoutData.totalPrice,
+        taxes: checkoutData.totalTax,
+        shipping: (_a = checkoutData.shippingLine) === null || _a === void 0 ? void 0 : _a.price,
+        oldShipping: orderDetails.cart.price.shipping,
+    };
+    orderDetails.cart.price = newCartPrice;
+};
+const updateLineDetails = (line, product) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    if (!product) {
+        return;
+    }
+    line.uniqueId = crypto.randomUUID();
+    line.title = (_b = (_a = product.variant) === null || _a === void 0 ? void 0 : _a.product) === null || _b === void 0 ? void 0 : _b.title;
+    line.vendor = (_d = (_c = product.variant) === null || _c === void 0 ? void 0 : _c.product) === null || _d === void 0 ? void 0 : _d.vendor;
+    line.compareAtPrice = {
+        amount: ((_f = (_e = product === null || product === void 0 ? void 0 : product.variant) === null || _e === void 0 ? void 0 : _e.price) === null || _f === void 0 ? void 0 : _f.amount) * (product === null || product === void 0 ? void 0 : product.quantity),
+        currencyCode: (_h = (_g = product === null || product === void 0 ? void 0 : product.variant) === null || _g === void 0 ? void 0 : _g.price) === null || _h === void 0 ? void 0 : _h.currencyCode,
+    };
+    line.price = product.finalLinePrice;
+    line.sellingPlan = (_k = (_j = product.sellingPlanAllocation) === null || _j === void 0 ? void 0 : _j.sellingPlan) === null || _k === void 0 ? void 0 : _k.name;
+    line.variantName = (_l = product.variant) === null || _l === void 0 ? void 0 : _l.title;
 };
 export function useOrderDetails({ variables, apiUrl, appId, language, country, mock = false, }) {
     const [orderDetails, setOrderDetails] = useState({});
@@ -128,20 +135,25 @@ export function useOrderDetails({ variables, apiUrl, appId, language, country, m
         mock,
     });
     useEffect(() => {
-        var _a, _b, _c, _d;
+        var _a, _b;
         if (products.length > 0) {
             const updatedOrderDetails = Object.assign({}, variables === null || variables === void 0 ? void 0 : variables.orderDetails);
             if (mock) {
                 updateOrderDetails(updatedOrderDetails, products);
             }
             else {
-                (_b = (_a = updatedOrderDetails === null || updatedOrderDetails === void 0 ? void 0 : updatedOrderDetails.cart) === null || _a === void 0 ? void 0 : _a.lines) === null || _b === void 0 ? void 0 : _b.forEach((line) => updateLineDetails(line, products, variables.checkoutData));
-                updatedOrderDetails.cart.price.salesAmount = getSalesAmount((_c = updatedOrderDetails === null || updatedOrderDetails === void 0 ? void 0 : updatedOrderDetails.cart) === null || _c === void 0 ? void 0 : _c.lines);
-                updatedOrderDetails.cart.price.subtotal = getSubtotal((_d = updatedOrderDetails === null || updatedOrderDetails === void 0 ? void 0 : updatedOrderDetails.cart) === null || _d === void 0 ? void 0 : _d.lines);
+                (_b = (_a = updatedOrderDetails === null || updatedOrderDetails === void 0 ? void 0 : updatedOrderDetails.cart) === null || _a === void 0 ? void 0 : _a.lines) === null || _b === void 0 ? void 0 : _b.forEach((line, index) => {
+                    if (variables.checkoutData &&
+                        variables.checkoutData.lineItems &&
+                        variables.checkoutData.lineItems.length > 0) {
+                        updateLineDetails(line, variables.checkoutData.lineItems[index]);
+                    }
+                });
+                updateCartPriceDetails(updatedOrderDetails, variables.checkoutData);
             }
             setOrderDetails(updatedOrderDetails);
         }
-    }, [products, products, mock, variables === null || variables === void 0 ? void 0 : variables.orderDetails]);
+    }, [products, mock, variables === null || variables === void 0 ? void 0 : variables.orderDetails]);
     return {
         orderDetails,
     };

package/dist/lib/cart.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cart.util.d.ts","sourceRoot":"","sources":["../../lib/cart.util.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,6BAA6B,EAC9B,MAAM,kBAAkB,CAAA;AAuCzB,eAAO,MAAM,oBAAoB,SAAU,MAAM,QAAQ,YAAY,YAGpE,CAAA;AAED,eAAO,MAAM,kBAAkB,SAAU,MAAM,QAAQ,YAAY,YAGlE,CAAA;AAgGD,MAAM,MAAM,cAAc,GAAG;IAC3B,yBAAyB,EAAE,sBAAsB,EAAE,CAAA;IACnD,gBAAgB,EAAE,6BAA6B,EAAE,CAAA;IACjD,cAAc,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,cASrC,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,YAAY,KAAG,cA4B1D,CAAA"}
+{"version":3,"file":"cart.util.d.ts","sourceRoot":"","sources":["../../lib/cart.util.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,6BAA6B,EAC9B,MAAM,kBAAkB,CAAA;AA2CzB,eAAO,MAAM,oBAAoB,SAAU,MAAM,QAAQ,YAAY,YAGpE,CAAA;AAED,eAAO,MAAM,kBAAkB,SAAU,MAAM,QAAQ,YAAY,YAGlE,CAAA;AAqGD,MAAM,MAAM,cAAc,GAAG;IAC3B,yBAAyB,EAAE,sBAAsB,EAAE,CAAA;IACnD,gBAAgB,EAAE,6BAA6B,EAAE,CAAA;IACjD,cAAc,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,cASrC,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,YAAY,KAAG,cA4B1D,CAAA"}

package/dist/lib/cart.util.js

@@ -2,7 +2,7 @@ const getOrderLevelDiscounts = (cart) => {
     var _a;
     const discountMap = (_a = cart.discountAllocations) === null || _a === void 0 ? void 0 : _a.filter((discount) => discount.targetType !== "SHIPPING_LINE").reduce((acc, discount) => {
         var _a;
-        const code = (_a = discount.code) !== null && _a !== void 0 ? _a : "unknown";
+        const code = ((_a = discount.code) !== null && _a !== void 0 ? _a : "unknown").toUpperCase();
         if (!acc[code]) {
             acc[code] = 0;
         }
@@ -18,7 +18,9 @@ const getOrderLevelDiscounts = (cart) => {
         name: `Discount - ${code}`,
         type: "ORDER_LEVEL",
     }))
-        .filter((discount) => cart.discounts.includes(discount.id));
+        .filter((discount) => cart.discounts
+        .map((d) => d.toUpperCase())
+        .includes(discount.id.toUpperCase()));
 };
 const getShippingDiscounts = (cart) => {
     var _a;
@@ -68,7 +70,11 @@ const getLineItemDiscounts = (cart) => {
             if (!code)
                 return;
             if (!acc[code]) {
-                acc[code] = { amount: 0, type: discount.type };
+                acc[code] = {
+                    amount: 0,
+                    type: discount.type,
+                    readOnly: discount.readOnly,
+                };
             }
             acc[code].amount += discount.amount;
         });
@@ -76,12 +82,13 @@ const getLineItemDiscounts = (cart) => {
     }, {});
     if (!discountMap)
         return [];
-    return (_b = Object.entries(discountMap)) === null || _b === void 0 ? void 0 : _b.map(([code, { amount, type }]) => ({
+    return (_b = Object.entries(discountMap)) === null || _b === void 0 ? void 0 : _b.map(([code, { amount, type, readOnly }]) => ({
         id: code,
         name: `Discount - ${code}`,
         amount,
         type,
-    })).filter((discount) => cart.discounts.includes(discount.id));
+        readOnly,
+    }));
 };
 const getDiscountsTotalAmount = (orderAndLineItemDiscounts) => {
     return orderAndLineItemDiscounts === null || orderAndLineItemDiscounts === void 0 ? void 0 : orderAndLineItemDiscounts.reduce((acc, discount) => acc + +discount.amount, 0);

package/dist/lib/cart.util.test.js

@@ -89,7 +89,7 @@ describe("cart-provider.util", () => {
             expect(result.isFreeShipping).toBe(true);
         });
         it("should calculate total discounted price correctly", () => {
-            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: ["DISCOUNT10"], items: [
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: ["Discount10"], items: [
                     {
                         id: "line1",
                         quantity: 1,
@@ -132,7 +132,7 @@ describe("cart-provider.util", () => {
                     {
                         targetType: DiscountApplicationTargetType.LineItem,
                         discountedAmount: { amount: "10.00", currencyCode: "USD" },
-                        code: "DISCOUNT10",
+                        code: "DiScOUnT10",
                     },
                 ], appliedGiftCards: [
                     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.65",
+  "version": "0.7.67",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -11,6 +11,20 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Tapcart Inc.",
   "homepage": "https://tapcart.com",
+  "scripts": {
+    "clean": "rm -rf dist node_modules",
+    "lint": "eslint \"**/*.ts*\"",
+    "ui:add": "pnpm dlx shadcn-ui@latest add",
+    "build:styles": "postcss styles/globals.css -o dist/styles.css",
+    "build:ts": "tsc -p tsconfig.json && tsc-alias",
+    "build": "pnpm run build:ts && pnpm run build:styles",
+    "dev:ts": "tsc -w -p tsconfig.json",
+    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
+    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\"",
+    "test": "jest",
+    "test:silent": "jest --silent",
+    "test:watch": "jest --watch"
+  },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
@@ -23,20 +37,20 @@
     "@types/pluralize": "^0.0.33",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
+    "app-studio-types": "workspace:*",
     "autoprefixer": "^10.4.14",
     "chokidar-cli": "^3.0.0",
     "concurrently": "^8.2.2",
     "eslint": "^7.32.0",
+    "eslint-config-custom": "workspace:*",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.4.24",
     "tailwindcss": "^3.3.2",
     "ts-jest": "^29.2.5",
     "tsc-alias": "^1.8.10",
-    "typescript": "^4.5.2",
-    "app-studio-types": "0.0.8",
-    "eslint-config-custom": "0.0.0",
-    "tsconfig": "0.0.0"
+    "tsconfig": "workspace:*",
+    "typescript": "^4.5.2"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.1.2",
@@ -76,19 +90,5 @@
     "tailwind-merge": "^1.13.2",
     "tailwindcss-animate": "^1.0.6",
     "vaul": "0.9.1"
-  },
-  "scripts": {
-    "clean": "rm -rf dist node_modules",
-    "lint": "eslint \"**/*.ts*\"",
-    "ui:add": "pnpm dlx shadcn-ui@latest add",
-    "build:styles": "postcss styles/globals.css -o dist/styles.css",
-    "build:ts": "tsc -p tsconfig.json && tsc-alias",
-    "build": "pnpm run build:ts && pnpm run build:styles",
-    "dev:ts": "tsc -w -p tsconfig.json",
-    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
-    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\"",
-    "test": "jest",
-    "test:silent": "jest --silent",
-    "test:watch": "jest --watch"
   }
-}
+}

package/dist/components/hooks/use-click-outside.d.ts

@@ -1,6 +0,0 @@
-import React from "react"
-export declare function useClickOutside(
-  ref: React.RefObject<HTMLElement>,
-  callback: () => void
-): void
-//# sourceMappingURL=use-click-outside.d.ts.map

package/dist/components/hooks/use-click-outside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-click-outside.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-click-outside.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAE,IAAI,CAa5F"}

package/dist/components/hooks/use-click-outside.js

@@ -1,15 +0,0 @@
-"use client"
-import React from "react"
-export function useClickOutside(ref, callback) {
-  React.useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback()
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside)
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside)
-    }
-  }, [ref, callback])
-}

package/dist/components/hooks/use-outside-click.d.ts

@@ -1,7 +0,0 @@
-import React from "react"
-declare const useClickOutside: (
-  ref: React.RefObject<HTMLElement>,
-  callback: () => void
-) => void
-export default useClickOutside
-//# sourceMappingURL=use-outside-click.d.ts.map

package/dist/components/hooks/use-outside-click.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-outside-click.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-outside-click.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,eAAe,QAAS,MAAM,SAAS,CAAC,WAAW,CAAC,YAAY,MAAM,IAAI,SAa/E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/hooks/use-outside-click.js

@@ -1,16 +0,0 @@
-"use client"
-import React from "react"
-const useClickOutside = (ref, callback) => {
-  React.useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback()
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside)
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside)
-    }
-  }, [ref, callback])
-}
-export default useClickOutside

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 }