@tapcart/mobile-components 0.7.58 → 0.7.60

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

@@ -1,4 +1,4 @@
-import { Product } from "app-studio-types";
+import { Money, Product, DiscountApplicationTargetType } from "app-studio-types";
 type UseMockCartParams = {
     apiUrl: string;
     appId: string;
@@ -15,8 +15,10 @@ export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCa
     error: any;
     isLoading: boolean;
     cart: {
+        calculatedData: import("../../lib/cart.util").CalculatedData;
         subtotal: number;
         items: {
+            id: string;
             discounts: {
                 amount: number;
                 code: string;
@@ -39,7 +41,7 @@ export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCa
                     value: string;
                     optionValue: import("app-studio-types").ProductOptionValue;
                 }[];
-                price: import("app-studio-types").Money;
+                price: Money;
                 available: boolean;
                 image?: import("app-studio-types").Image | undefined;
                 createdAt: string;
@@ -58,16 +60,10 @@ export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCa
                 };
             };
             sellingPlanAllocation: {
-                priceAdjustments: {
-                    perDeliveryPrice: {
-                        amount: number;
-                        currencyCode: string;
-                    };
-                    price: {
-                        amount: number;
-                        currencyCode: string;
-                    };
-                };
+                priceAdjustments: [{
+                    perDeliveryPrice: Money;
+                    price: Money;
+                }];
                 sellingPlan: {
                     id: string;
                     name: string;
@@ -76,12 +72,64 @@ export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCa
             } | undefined;
         }[];
         discountAllocations: {
-            targetType: string;
+            targetType: DiscountApplicationTargetType;
             discountedAmount: {
                 amount: string;
+                currencyCode: string;
             };
             code: string;
         }[];
+        delivery: {
+            addresses: {
+                selected: boolean;
+                oneTimeUse: boolean;
+                id: string;
+                address: {
+                    address1: string;
+                    city: string;
+                    countryCode: string;
+                };
+            }[];
+        };
+        deliveryGroups: {
+            id: string;
+            deliveryOptions: {
+                code: string;
+                handle: string;
+                title: string;
+                deliveryMethodType: string;
+                description: string;
+                estimatedCost: {
+                    amount: string;
+                    currencyCode: string;
+                };
+            }[];
+            selectedDeliveryOption: {
+                code: string;
+                handle: string;
+                title: string;
+                deliveryMethodType: string;
+                description: string;
+                estimatedCost: {
+                    amount: string;
+                    currencyCode: string;
+                };
+            };
+        }[];
+        cost: {
+            subtotalAmount: {
+                amount: string;
+                currencyCode: string;
+            };
+            totalAmount: {
+                amount: string;
+                currencyCode: string;
+            };
+            totalTaxAmount: {
+                amount: string;
+                currencyCode: string;
+            };
+        };
         attributes: {
             key: string;
             value: string;
@@ -95,6 +143,15 @@ export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCa
             lastCharacters: string;
             amountUsed: {
                 amount: string;
+                currencyCode: string;
+            };
+            balance: {
+                amount: string;
+                currencyCode: string;
+            };
+            presentmentAmountUsed: {
+                amount: string;
+                currencyCode: string;
             };
         }[];
     };

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

@@ -1 +1 @@
-{"version":3,"file":"use-mock-cart.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-mock-cart.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAyH1C,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,uCAKrB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BnB,CAAA"}
+{"version":3,"file":"use-mock-cart.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-mock-cart.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AAsLhF,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,uCAKrB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAzGc,KAAK;2BAChB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0I3B,CAAA"}

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

@@ -1,6 +1,8 @@
 "use client";
+import { getCalculatedCartData } from "../../lib/cart.util";
 import { getIdFromGid } from "../../lib/utils";
 import { useProducts } from "./use-products";
+import { DiscountApplicationTargetType } from "app-studio-types";
 const cartMock = {
     attributes: [{ key: "tapcart_id", value: "123" }],
     currency: "USD",
@@ -11,8 +13,8 @@ const cartMock = {
     subtotal: 0,
     discountAllocations: [
         {
-            targetType: "SHIPPING_LINE",
-            discountedAmount: { amount: "10.00" },
+            targetType: DiscountApplicationTargetType.ShippingLine,
+            discountedAmount: { amount: "10.00", currencyCode: "USD" },
             code: "FREE_SHIPPING",
         },
     ],
@@ -20,7 +22,9 @@ const cartMock = {
         {
             id: "gid://shopify/GiftCard/1",
             lastCharacters: "1234",
-            amountUsed: { amount: "10.00" },
+            amountUsed: { amount: "10.00", currencyCode: "USD" },
+            balance: { amount: "40.00", currencyCode: "USD" },
+            presentmentAmountUsed: { amount: "10.00", currencyCode: "USD" },
         },
     ],
 };
@@ -55,16 +59,18 @@ const transformCart = ({ products, cartOrigin = cartMock, }) => {
         }
         const sellingPlanAllocation = i === 0
             ? {
-                priceAdjustments: {
-                    perDeliveryPrice: {
-                        amount: price,
-                        currencyCode: "USD",
+                priceAdjustments: [
+                    {
+                        perDeliveryPrice: {
+                            amount: price,
+                            currencyCode: "USD",
+                        },
+                        price: {
+                            amount: price,
+                            currencyCode: "USD",
+                        },
                     },
-                    price: {
-                        amount: price,
-                        currencyCode: "USD",
-                    },
-                },
+                ],
                 sellingPlan: {
                     id: "gid://shopify/SellingPlan/123",
                     name: "Delivery every 30 Days",
@@ -73,6 +79,7 @@ const transformCart = ({ products, cartOrigin = cartMock, }) => {
             }
             : undefined;
         return {
+            id: `item-${i}`,
             discounts,
             productId,
             quantity: 1,
@@ -84,15 +91,62 @@ const transformCart = ({ products, cartOrigin = cartMock, }) => {
         };
     });
     const orderLevelDiscount = {
-        targetType: "LINE_ITEM",
-        discountedAmount: { amount: (subtotal / 10).toString() },
+        targetType: DiscountApplicationTargetType.LineItem,
+        discountedAmount: {
+            amount: (subtotal / 10).toString(),
+            currencyCode: "USD",
+        },
         code: "10_OFF_ORDER",
     };
+    const delivery = {
+        addresses: [
+            {
+                selected: true,
+                oneTimeUse: false,
+                id: "mock-delivery-address-id",
+                address: {
+                    address1: "123 Mock St",
+                    city: "Mock City",
+                    countryCode: "US",
+                },
+            },
+        ],
+    };
+    const deliveryGroups = [
+        {
+            id: "mock-delivery-group-id",
+            deliveryOptions: [
+                {
+                    code: "mock-code",
+                    handle: "mock-handle",
+                    title: "Mock Delivery Option",
+                    deliveryMethodType: "standard",
+                    description: "Mock delivery description",
+                    estimatedCost: { amount: "5.00", currencyCode: "USD" },
+                },
+            ],
+            selectedDeliveryOption: {
+                code: "mock-code",
+                handle: "mock-handle",
+                title: "Mock Delivery Option",
+                deliveryMethodType: "standard",
+                description: "Mock delivery description",
+                estimatedCost: { amount: "5.00", currencyCode: "USD" },
+            },
+        },
+    ];
+    const cost = {
+        subtotalAmount: { amount: subtotal.toString(), currencyCode: "USD" },
+        totalAmount: { amount: (subtotal + 5).toString(), currencyCode: "USD" },
+        totalTaxAmount: { amount: "0.00", currencyCode: "USD" },
+    };
     return Object.assign(Object.assign({}, cartOrigin), { subtotal,
         items, discountAllocations: [
             ...cartOrigin.discountAllocations,
             orderLevelDiscount,
-        ] });
+        ], delivery,
+        deliveryGroups,
+        cost });
 };
 export const useMockCart = ({ apiUrl, appId, enabled = true, limit = 1, }) => {
     const { products, error: productsError, isLoading: productsLoading, } = useProducts({
@@ -116,6 +170,6 @@ export const useMockCart = ({ apiUrl, appId, enabled = true, limit = 1, }) => {
     return {
         error: productsError,
         isLoading: productsLoading,
-        cart,
+        cart: Object.assign(Object.assign({}, cart), { calculatedData: getCalculatedCartData(cart) }),
     };
 };

package/dist/components/libs/cart/calculated-cart-values.util.d.ts

@@ -0,0 +1,16 @@
+import { EnrichedCart, CartCalculatedDiscount, CartCalculatedAppliedGiftCard } from "app-studio-types";
+export declare const isOrderLevelDiscount: (code: string, cart: EnrichedCart) => boolean;
+export declare const isLineItemDiscount: (code: string, cart: EnrichedCart) => boolean;
+export type CalculatedData = {
+    orderAndLineItemDiscounts: CartCalculatedDiscount[];
+    appliedGiftCards: CartCalculatedAppliedGiftCard[];
+    isFreeShipping: boolean;
+    discountsTotalAmount: number;
+    giftCardsTotalAmount: number;
+    salesAmount: number;
+    totalCompareAtPrice: number;
+    totalDiscountedPrice: number;
+};
+export declare const DEFAULT_CALCULATED_DATA: CalculatedData;
+export declare const getData: (cart: EnrichedCart) => CalculatedData;
+//# sourceMappingURL=calculated-cart-values.util.d.ts.map

package/dist/components/libs/cart/calculated-cart-values.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculated-cart-values.util.d.ts","sourceRoot":"","sources":["../../../../components/libs/cart/calculated-cart-values.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,OAAO,SAAU,YAAY,KAAG,cA4B5C,CAAA"}

package/dist/components/libs/cart/calculated-cart-values.util.js

@@ -0,0 +1,144 @@
+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";
+        if (!acc[code]) {
+            acc[code] = 0;
+        }
+        acc[code] += parseFloat(discount.discountedAmount.amount);
+        return acc;
+    }, {});
+    if (!discountMap)
+        return [];
+    return Object.entries(discountMap)
+        .map(([code, amount]) => ({
+        id: code,
+        amount,
+        name: `Discount - ${code}`,
+        type: "ORDER_LEVEL",
+    }))
+        .filter((discount) => cart.discounts.includes(discount.id));
+};
+const getShippingDiscounts = (cart) => {
+    var _a;
+    if (!(cart === null || cart === void 0 ? void 0 : cart.discountAllocations))
+        return [];
+    return (_a = cart.discountAllocations) === null || _a === void 0 ? void 0 : _a.filter((discount) => discount.targetType === "SHIPPING_LINE").map((discount) => ({
+        amount: discount.discountedAmount.amount,
+        code: discount.code,
+        type: discount.targetType,
+    }));
+};
+export const isOrderLevelDiscount = (code, cart) => {
+    const orderLevelDiscounts = getOrderLevelDiscounts(cart);
+    return orderLevelDiscounts.some((discount) => discount.id === code);
+};
+export const isLineItemDiscount = (code, cart) => {
+    const lineItemDiscounts = getLineItemDiscounts(cart);
+    return lineItemDiscounts.some((discount) => discount.id === code);
+};
+const getAppliedGiftCards = (cart) => {
+    var _a;
+    return (_a = cart.appliedGiftCards) === null || _a === void 0 ? void 0 : _a.map((giftCard) => ({
+        id: giftCard.id,
+        amount: +giftCard.amountUsed.amount,
+        name: `Gift Card - ${giftCard.lastCharacters}`,
+    }));
+};
+const getSalesAmount = (cart) => {
+    var _a;
+    return (_a = cart.items) === null || _a === void 0 ? void 0 : _a.reduce((acc, item) => {
+        var _a, _b, _c, _d;
+        const compareAtPrice = +(((_b = (_a = item.variantDetails) === null || _a === void 0 ? void 0 : _a.compareAtPrice) === null || _b === void 0 ? void 0 : _b.amount) || 0);
+        const price = +(((_d = (_c = item.variantDetails) === null || _c === void 0 ? void 0 : _c.price) === null || _d === void 0 ? void 0 : _d.amount) || 0);
+        const quantity = item.quantity || 1;
+        if (compareAtPrice && compareAtPrice > price) {
+            return acc + (compareAtPrice - price) * quantity;
+        }
+        return acc;
+    }, 0);
+};
+const getLineItemDiscounts = (cart) => {
+    var _a, _b;
+    const discountMap = (_a = cart.items) === null || _a === void 0 ? void 0 : _a.reduce((acc, item) => {
+        var _a;
+        (_a = item === null || item === void 0 ? void 0 : item.discounts) === null || _a === void 0 ? void 0 : _a.forEach((discount) => {
+            const code = discount === null || discount === void 0 ? void 0 : discount.code;
+            if (!code)
+                return;
+            if (!acc[code]) {
+                acc[code] = { amount: 0, type: discount.type };
+            }
+            acc[code].amount += discount.amount;
+        });
+        return acc;
+    }, {});
+    if (!discountMap)
+        return [];
+    return (_b = Object.entries(discountMap)) === null || _b === void 0 ? void 0 : _b.map(([code, { amount, type }]) => ({
+        id: code,
+        name: `Discount - ${code}`,
+        amount,
+        type,
+    })).filter((discount) => cart.discounts.includes(discount.id));
+};
+const getDiscountsTotalAmount = (orderAndLineItemDiscounts) => {
+    return orderAndLineItemDiscounts === null || orderAndLineItemDiscounts === void 0 ? void 0 : orderAndLineItemDiscounts.reduce((acc, discount) => acc + +discount.amount, 0);
+};
+const getGiftCardsTotalAmount = (appliedGiftCards) => {
+    return appliedGiftCards === null || appliedGiftCards === void 0 ? void 0 : appliedGiftCards.reduce((acc, giftCard) => acc + +giftCard.amount, 0);
+};
+const getTotalCompareAtPrice = (cart) => {
+    var _a;
+    return (_a = cart.items) === null || _a === void 0 ? void 0 : _a.reduce((acc, item) => {
+        var _a, _b, _c, _d;
+        const compareAtPrice = ((_b = (_a = item.variantDetails) === null || _a === void 0 ? void 0 : _a.compareAtPrice) === null || _b === void 0 ? void 0 : _b.amount) ||
+            ((_d = (_c = item.variantDetails) === null || _c === void 0 ? void 0 : _c.price) === null || _d === void 0 ? void 0 : _d.amount);
+        const quantity = item.quantity || 1;
+        return acc + +(compareAtPrice || 0) * quantity;
+    }, 0);
+};
+const getTotalDiscountedPrice = (totalCompareAtPrice, discountsTotalAmount, salesAmount, giftCardsTotalAmount) => {
+    const total = (totalCompareAtPrice === undefined || isNaN(totalCompareAtPrice)
+        ? 0
+        : totalCompareAtPrice) -
+        (discountsTotalAmount === undefined || isNaN(discountsTotalAmount)
+            ? 0
+            : discountsTotalAmount) -
+        (salesAmount === undefined || isNaN(salesAmount) ? 0 : salesAmount) -
+        (giftCardsTotalAmount === undefined || isNaN(giftCardsTotalAmount)
+            ? 0
+            : giftCardsTotalAmount);
+    return isNaN(total) ? 0 : total;
+};
+export const DEFAULT_CALCULATED_DATA = {
+    orderAndLineItemDiscounts: [],
+    appliedGiftCards: [],
+    isFreeShipping: false,
+    discountsTotalAmount: 0,
+    salesAmount: 0,
+    giftCardsTotalAmount: 0,
+    totalCompareAtPrice: 0,
+    totalDiscountedPrice: 0,
+};
+export const getData = (cart) => {
+    const orderAndLineItemDiscounts = getOrderLevelDiscounts(cart).concat(getLineItemDiscounts(cart));
+    const appliedGiftCards = getAppliedGiftCards(cart);
+    const isFreeShipping = getShippingDiscounts(cart).length > 0;
+    const discountsTotalAmount = getDiscountsTotalAmount(orderAndLineItemDiscounts);
+    const giftCardsTotalAmount = getGiftCardsTotalAmount(appliedGiftCards);
+    const salesAmount = getSalesAmount(cart);
+    const totalCompareAtPrice = getTotalCompareAtPrice(cart);
+    const totalDiscountedPrice = getTotalDiscountedPrice(totalCompareAtPrice, discountsTotalAmount, salesAmount, giftCardsTotalAmount);
+    return {
+        orderAndLineItemDiscounts,
+        appliedGiftCards,
+        isFreeShipping,
+        discountsTotalAmount,
+        giftCardsTotalAmount,
+        salesAmount,
+        totalCompareAtPrice,
+        totalDiscountedPrice,
+    };
+};

package/dist/components/libs/cart/calculated-cart-values.util.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=calculated-cart-values.util.test.d.ts.map

package/dist/components/libs/cart/calculated-cart-values.util.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculated-cart-values.util.test.d.ts","sourceRoot":"","sources":["../../../../components/libs/cart/calculated-cart-values.util.test.ts"],"names":[],"mappings":""}

package/dist/components/libs/cart/calculated-cart-values.util.test.js

@@ -0,0 +1,150 @@
+import { getData } from "./calculated-cart-values.util";
+import { DiscountApplicationTargetType } from "app-studio-types";
+const baseCartData = {
+    id: "cart123",
+    subtotal: 100.0,
+    currency: "USD",
+    discounts: [],
+    attributes: [],
+    note: "",
+    items: [],
+    discountAllocations: [],
+    appliedGiftCards: [],
+    delivery: {
+        addresses: [],
+    },
+    deliveryGroups: [],
+    cost: {
+        subtotalAmount: { amount: "0", currencyCode: "" },
+        totalAmount: { amount: "0", currencyCode: "" },
+        totalTaxAmount: { amount: "0", currencyCode: "" },
+    },
+};
+describe("cart-provider.util", () => {
+    describe("getData", () => {
+        it("should calculate order level discounts correctly", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: ["DISCOUNT10"], items: [], discountAllocations: [
+                    {
+                        targetType: DiscountApplicationTargetType.LineItem,
+                        discountedAmount: { amount: "10.00", currencyCode: "USD" },
+                        code: "DISCOUNT10",
+                    },
+                ], appliedGiftCards: [], deliveryGroups: [] });
+            const result = getData(mockCart);
+            expect(result.orderAndLineItemDiscounts).toHaveLength(1);
+            expect(result.orderAndLineItemDiscounts[0]).toEqual({
+                id: "DISCOUNT10",
+                amount: 10,
+                name: "Discount - DISCOUNT10",
+                type: "ORDER_LEVEL",
+            });
+        });
+        it("should calculate gift cards correctly", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: [], items: [], discountAllocations: [], appliedGiftCards: [
+                    {
+                        id: "giftcard1",
+                        amountUsed: { amount: "25.00", currencyCode: "USD" },
+                        balance: { amount: "75.00", currencyCode: "USD" },
+                        lastCharacters: "1234",
+                        presentmentAmountUsed: { amount: "25.00", currencyCode: "USD" },
+                    },
+                ], deliveryGroups: [] });
+            const result = getData(mockCart);
+            expect(result.appliedGiftCards).toHaveLength(1);
+            expect(result.appliedGiftCards[0]).toEqual({
+                id: "giftcard1",
+                amount: 25,
+                name: "Gift Card - 1234",
+            });
+        });
+        it("should calculate sales amount correctly", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: [], items: [
+                    {
+                        id: "line1",
+                        quantity: 2,
+                        productId: "prod1",
+                        variantId: "var1",
+                        productDetails: {},
+                        variantDetails: {
+                            compareAtPrice: { amount: "20.00", currencyCode: "USD" },
+                            price: { amount: "15.00", currencyCode: "USD" },
+                        },
+                        discounts: [],
+                        cost: { totalAmount: { amount: "30.00", currencyCode: "USD" } },
+                    },
+                ], discountAllocations: [], appliedGiftCards: [], deliveryGroups: [] });
+            const result = getData(mockCart);
+            expect(result.salesAmount).toBe(10); // (20-15) * 2
+        });
+        it("should detect free shipping", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: [], items: [], discountAllocations: [
+                    {
+                        targetType: DiscountApplicationTargetType.ShippingLine,
+                        discountedAmount: { amount: "5.00", currencyCode: "USD" },
+                        code: "FREESHIP",
+                    },
+                ], appliedGiftCards: [], deliveryGroups: [] });
+            const result = getData(mockCart);
+            expect(result.isFreeShipping).toBe(true);
+        });
+        it("should calculate total discounted price correctly", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: ["DISCOUNT10"], items: [
+                    {
+                        id: "line1",
+                        quantity: 1,
+                        productId: "prod1",
+                        variantId: "var1",
+                        productDetails: {},
+                        variantDetails: {
+                            compareAtPrice: { amount: "100.00", currencyCode: "USD" },
+                            price: { amount: "80.00", currencyCode: "USD" },
+                        },
+                        discounts: [
+                            {
+                                amount: 10,
+                                type: "LINE_ITEM",
+                                code: "DISCOUNT10",
+                            },
+                        ],
+                        cost: { totalAmount: { amount: "80.00", currencyCode: "USD" } },
+                    },
+                    {
+                        id: "line2",
+                        quantity: 1,
+                        productId: "prod2",
+                        variantId: "var2",
+                        productDetails: {},
+                        variantDetails: {
+                            compareAtPrice: { amount: "100.00", currencyCode: "USD" },
+                            price: { amount: "80.00", currencyCode: "USD" },
+                        },
+                        discounts: [
+                            {
+                                amount: 10,
+                                type: "LINE_ITEM",
+                                code: "DISCOUNT10",
+                            },
+                        ],
+                        cost: { totalAmount: { amount: "80.00", currencyCode: "USD" } },
+                    },
+                ], discountAllocations: [
+                    {
+                        targetType: DiscountApplicationTargetType.LineItem,
+                        discountedAmount: { amount: "10.00", currencyCode: "USD" },
+                        code: "DISCOUNT10",
+                    },
+                ], appliedGiftCards: [
+                    {
+                        id: "giftcard1",
+                        amountUsed: { amount: "5.00", currencyCode: "USD" },
+                        balance: { amount: "95.00", currencyCode: "USD" },
+                        lastCharacters: "1234",
+                        presentmentAmountUsed: { amount: "5.00", currencyCode: "USD" },
+                    },
+                ], deliveryGroups: [] });
+            const result = getData(mockCart);
+            // 100 (compare) - 10 (discount) - 20 (sale) - 5 (gift card) = 65
+            expect(result.totalDiscountedPrice).toBe(125);
+        });
+    });
+});

package/dist/components/libs/cart/calculatedCartValues.util.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=calculatedCartValues.util.d.ts.map

package/dist/components/libs/cart/calculatedCartValues.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculatedCartValues.util.d.ts","sourceRoot":"","sources":["../../../../components/libs/cart/calculatedCartValues.util.ts"],"names":[],"mappings":""}

package/dist/components/libs/cart/calculatedCartValues.util.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/ui/apple-pay-button.d.ts

@@ -17,7 +17,7 @@ export interface ApplePayButtonProps extends React.ButtonHTMLAttributes<HTMLButt
     supportedNetworks?: string[];
     buttonType?: ApplePayButtonType;
     buttonStyle?: ApplePayButtonStyle;
-    onPaymentAuthorized?: (paymentData: ApplePayJS.ApplePayPayment) => Promise<void>;
+    onPaymentAuthorized?: (paymentData: ApplePayJS.ApplePayPayment) => Promise<boolean>;
     onShippingContactSelected?: (shippingContact: ApplePayJS.ApplePayPaymentContact) => Promise<ApplePayJS.ApplePayShippingMethodUpdate>;
     onShippingMethodSelected?: (shippingMethod: ApplePayJS.ApplePayShippingMethod) => Promise<ApplePayJS.ApplePayShippingMethodUpdate>;
     onPaymentCancelled?: (event?: ApplePayJS.Event) => void;

package/dist/components/ui/apple-pay-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apple-pay-button.d.ts","sourceRoot":"","sources":["../../../components/ui/apple-pay-button.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,WAAW,GACX,MAAM,GACN,KAAK,GACL,WAAW,GACX,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,WAAW,GACX,SAAS,GACT,KAAK,GACL,QAAQ,CAAA;AAEZ,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,CAAA;AAErE,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,4BAA4B,CAAC,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAA;IAChE,6BAA6B,CAAC,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAA;IACjE,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,OAAO,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,UAAU,CAAC,0BAA0B,EAAE,CAAA;IAC9D,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,WAAW,CAAC,EAAE,mBAAmB,CAAA;IACjC,mBAAmB,CAAC,EAAE,CACpB,WAAW,EAAE,UAAU,CAAC,eAAe,KACpC,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,yBAAyB,CAAC,EAAE,CAC1B,eAAe,EAAE,UAAU,CAAC,sBAAsB,KAC/C,OAAO,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,CACzB,cAAc,EAAE,UAAU,CAAC,sBAAsB,KAC9C,OAAO,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAA;IACrD,kBAAkB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,KAAK,IAAI,CAAA;CACxD;AAED,QAAA,MAAM,cAAc;oVAmBjB,mBAAmB;;CA4KrB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"apple-pay-button.d.ts","sourceRoot":"","sources":["../../../components/ui/apple-pay-button.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,WAAW,GACX,MAAM,GACN,KAAK,GACL,WAAW,GACX,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,WAAW,GACX,SAAS,GACT,KAAK,GACL,QAAQ,CAAA;AAEZ,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,CAAA;AAErE,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,4BAA4B,CAAC,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAA;IAChE,6BAA6B,CAAC,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAA;IACjE,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,OAAO,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,UAAU,CAAC,0BAA0B,EAAE,CAAA;IAC9D,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,WAAW,CAAC,EAAE,mBAAmB,CAAA;IACjC,mBAAmB,CAAC,EAAE,CACpB,WAAW,EAAE,UAAU,CAAC,eAAe,KACpC,OAAO,CAAC,OAAO,CAAC,CAAA;IACrB,yBAAyB,CAAC,EAAE,CAC1B,eAAe,EAAE,UAAU,CAAC,sBAAsB,KAC/C,OAAO,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAA;IACrD,wBAAwB,CAAC,EAAE,CACzB,cAAc,EAAE,UAAU,CAAC,sBAAsB,KAC9C,OAAO,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAA;IACrD,kBAAkB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,KAAK,IAAI,CAAA;CACxD;AAED,QAAA,MAAM,cAAc;oVAmBjB,mBAAmB;;CAyKrB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/apple-pay-button.js

@@ -101,18 +101,14 @@ const ApplePayButton = ({ displayName, amount, requiredBillingContactFields = ["
             const paymentData = event.payment;
             try {
                 if (onPaymentAuthorized) {
-                    yield onPaymentAuthorized(paymentData);
-                }
-                if (paymentData.token) {
-                    const result = {
-                        status: ApplePaySession.STATUS_SUCCESS,
-                    };
-                    session.completePayment(result);
-                }
-                else {
-                    const result = {
-                        status: ApplePaySession.STATUS_FAILURE,
-                    };
+                    const isPaymentAuthorized = yield onPaymentAuthorized(paymentData);
+                    const result = isPaymentAuthorized
+                        ? {
+                            status: ApplePaySession.STATUS_SUCCESS,
+                        }
+                        : {
+                            status: ApplePaySession.STATUS_FAILURE,
+                        };
                     session.completePayment(result);
                 }
             }

package/dist/components/ui/quantity-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quantity-picker.d.ts","sourceRoot":"","sources":["../../../components/ui/quantity-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAoBD,QAAA,MAAM,cAAc,4FAmFnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"quantity-picker.d.ts","sourceRoot":"","sources":["../../../components/ui/quantity-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAiCD,QAAA,MAAM,cAAc,4FAmFnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/quantity-picker.js

@@ -14,7 +14,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import * as React from "react";
 import { cn } from "../../lib/utils";
 import { Icon } from "./icon";
-const IconButton = ({ iconUrl, iconColor, handler, className, style }) => (_jsx("button", Object.assign({ onClick: handler, className: cn("flex items-center justify-center h-7 w-7 bg-stateColors-skeleton border border-coreColors-dividingLines", className), style: style }, { children: _jsx(Icon, { url: iconUrl, size: "sm", strokeColor: iconColor, strokeWidth: 4 }) })));
+import { useTap } from "./tap";
+const IconButton = ({ iconUrl, iconColor, handler, className, style }) => {
+    const { onTap, isPressed, ref: tapRef } = useTap();
+    return (_jsx("button", Object.assign({ onClick: onTap(handler), ref: tapRef, className: cn("flex items-center justify-center h-7 w-7 bg-stateColors-skeleton border border-coreColors-dividingLines", className), style: style }, { children: _jsx(Icon, { url: iconUrl, size: "sm", strokeColor: iconColor, strokeWidth: 4, style: {
+                opacity: isPressed ? 0.7 : 1,
+            } }) })));
+};
 const QuantityPicker = React.forwardRef((_a, ref) => {
     var { className, decreaseIconUrl, increaseIconUrl, deleteIconUrl, isDeleteOnly = false, iconColor, onDecreaseClick, onIncreaseClick, value, setValue, inputStyle, buttonStyle, buttonCornerRadius = 4 } = _a, props = __rest(_a, ["className", "decreaseIconUrl", "increaseIconUrl", "deleteIconUrl", "isDeleteOnly", "iconColor", "onDecreaseClick", "onIncreaseClick", "value", "setValue", "inputStyle", "buttonStyle", "buttonCornerRadius"]);
     const leftButtonStyle = Object.assign(Object.assign({}, buttonStyle), { borderTopLeftRadius: buttonCornerRadius

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getMarginStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, throttleFunction, getDestinationHandler, getProductGidsFromIds, createCollectionImageMap, isFavoriteIntegrationEnabled, getSpaceBetween, getGridSpacing, pluralize, getInputPlaceholderTextProps, } from "./lib/utils";
+export * from "./lib/cart.util";
 export * from "./components/contexts/translation-context";
 export * from "./components/hooks/use-collection";
 export * from "./components/hooks/use-infinite-scroll";

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,cAAc,EACd,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,EACd,SAAS,EACT,4BAA4B,GAC7B,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,sCAAsC,CAAA;AACpD,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AACpD,cAAc,oDAAoD,CAAA;AAClE,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,kCAAkC,CAAA;AAChD,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,8BAA8B,CAAA;AAC5C,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,cAAc,EACd,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,EACd,SAAS,EACT,4BAA4B,GAC7B,MAAM,aAAa,CAAA;AACpB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,2CAA2C,CAAA;AACzD,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,sCAAsC,CAAA;AACpD,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sCAAsC,CAAA;AACpD,cAAc,oDAAoD,CAAA;AAClE,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,kCAAkC,CAAA;AAChD,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,8BAA8B,CAAA;AAC5C,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

@@ -1,5 +1,6 @@
 // component exports
 export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getMarginStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, throttleFunction, getDestinationHandler, getProductGidsFromIds, createCollectionImageMap, isFavoriteIntegrationEnabled, getSpaceBetween, getGridSpacing, pluralize, getInputPlaceholderTextProps, } from "./lib/utils";
+export * from "./lib/cart.util";
 export * from "./components/contexts/translation-context";
 export * from "./components/hooks/use-collection";
 export * from "./components/hooks/use-infinite-scroll";

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

@@ -0,0 +1 @@
+//# sourceMappingURL=cart.util%20copy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cart.util copy.d.ts","sourceRoot":"","sources":["../../lib/cart.util copy.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,16 @@
+import { EnrichedCart, CartCalculatedDiscount, CartCalculatedAppliedGiftCard } from "app-studio-types";
+export declare const isOrderLevelDiscount: (code: string, cart: EnrichedCart) => boolean;
+export declare const isLineItemDiscount: (code: string, cart: EnrichedCart) => boolean;
+export type CalculatedData = {
+    orderAndLineItemDiscounts: CartCalculatedDiscount[];
+    appliedGiftCards: CartCalculatedAppliedGiftCard[];
+    isFreeShipping: boolean;
+    discountsTotalAmount: number;
+    giftCardsTotalAmount: number;
+    salesAmount: number;
+    totalCompareAtPrice: number;
+    totalDiscountedPrice: number;
+};
+export declare const DEFAULT_CALCULATED_DATA: CalculatedData;
+export declare const getCalculatedCartData: (cart: EnrichedCart) => CalculatedData;
+//# sourceMappingURL=cart.util.d.ts.map

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

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

package/dist/lib/cart.util.js

@@ -0,0 +1,144 @@
+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";
+        if (!acc[code]) {
+            acc[code] = 0;
+        }
+        acc[code] += parseFloat(discount.discountedAmount.amount);
+        return acc;
+    }, {});
+    if (!discountMap)
+        return [];
+    return Object.entries(discountMap)
+        .map(([code, amount]) => ({
+        id: code,
+        amount,
+        name: `Discount - ${code}`,
+        type: "ORDER_LEVEL",
+    }))
+        .filter((discount) => cart.discounts.includes(discount.id));
+};
+const getShippingDiscounts = (cart) => {
+    var _a;
+    if (!(cart === null || cart === void 0 ? void 0 : cart.discountAllocations))
+        return [];
+    return (_a = cart.discountAllocations) === null || _a === void 0 ? void 0 : _a.filter((discount) => discount.targetType === "SHIPPING_LINE").map((discount) => ({
+        amount: discount.discountedAmount.amount,
+        code: discount.code,
+        type: discount.targetType,
+    }));
+};
+export const isOrderLevelDiscount = (code, cart) => {
+    const orderLevelDiscounts = getOrderLevelDiscounts(cart);
+    return orderLevelDiscounts.some((discount) => discount.id === code);
+};
+export const isLineItemDiscount = (code, cart) => {
+    const lineItemDiscounts = getLineItemDiscounts(cart);
+    return lineItemDiscounts.some((discount) => discount.id === code);
+};
+const getAppliedGiftCards = (cart) => {
+    var _a;
+    return (_a = cart.appliedGiftCards) === null || _a === void 0 ? void 0 : _a.map((giftCard) => ({
+        id: giftCard.id,
+        amount: +giftCard.amountUsed.amount,
+        name: `Gift Card - ${giftCard.lastCharacters}`,
+    }));
+};
+const getSalesAmount = (cart) => {
+    var _a;
+    return (_a = cart.items) === null || _a === void 0 ? void 0 : _a.reduce((acc, item) => {
+        var _a, _b, _c, _d;
+        const compareAtPrice = +(((_b = (_a = item.variantDetails) === null || _a === void 0 ? void 0 : _a.compareAtPrice) === null || _b === void 0 ? void 0 : _b.amount) || 0);
+        const price = +(((_d = (_c = item.variantDetails) === null || _c === void 0 ? void 0 : _c.price) === null || _d === void 0 ? void 0 : _d.amount) || 0);
+        const quantity = item.quantity || 1;
+        if (compareAtPrice && compareAtPrice > price) {
+            return acc + (compareAtPrice - price) * quantity;
+        }
+        return acc;
+    }, 0);
+};
+const getLineItemDiscounts = (cart) => {
+    var _a, _b;
+    const discountMap = (_a = cart.items) === null || _a === void 0 ? void 0 : _a.reduce((acc, item) => {
+        var _a;
+        (_a = item === null || item === void 0 ? void 0 : item.discounts) === null || _a === void 0 ? void 0 : _a.forEach((discount) => {
+            const code = discount === null || discount === void 0 ? void 0 : discount.code;
+            if (!code)
+                return;
+            if (!acc[code]) {
+                acc[code] = { amount: 0, type: discount.type };
+            }
+            acc[code].amount += discount.amount;
+        });
+        return acc;
+    }, {});
+    if (!discountMap)
+        return [];
+    return (_b = Object.entries(discountMap)) === null || _b === void 0 ? void 0 : _b.map(([code, { amount, type }]) => ({
+        id: code,
+        name: `Discount - ${code}`,
+        amount,
+        type,
+    })).filter((discount) => cart.discounts.includes(discount.id));
+};
+const getDiscountsTotalAmount = (orderAndLineItemDiscounts) => {
+    return orderAndLineItemDiscounts === null || orderAndLineItemDiscounts === void 0 ? void 0 : orderAndLineItemDiscounts.reduce((acc, discount) => acc + +discount.amount, 0);
+};
+const getGiftCardsTotalAmount = (appliedGiftCards) => {
+    return appliedGiftCards === null || appliedGiftCards === void 0 ? void 0 : appliedGiftCards.reduce((acc, giftCard) => acc + +giftCard.amount, 0);
+};
+const getTotalCompareAtPrice = (cart) => {
+    var _a;
+    return (_a = cart.items) === null || _a === void 0 ? void 0 : _a.reduce((acc, item) => {
+        var _a, _b, _c, _d;
+        const compareAtPrice = ((_b = (_a = item.variantDetails) === null || _a === void 0 ? void 0 : _a.compareAtPrice) === null || _b === void 0 ? void 0 : _b.amount) ||
+            ((_d = (_c = item.variantDetails) === null || _c === void 0 ? void 0 : _c.price) === null || _d === void 0 ? void 0 : _d.amount);
+        const quantity = item.quantity || 1;
+        return acc + +(compareAtPrice || 0) * quantity;
+    }, 0);
+};
+const getTotalDiscountedPrice = (totalCompareAtPrice, discountsTotalAmount, salesAmount, giftCardsTotalAmount) => {
+    const total = (totalCompareAtPrice === undefined || isNaN(totalCompareAtPrice)
+        ? 0
+        : totalCompareAtPrice) -
+        (discountsTotalAmount === undefined || isNaN(discountsTotalAmount)
+            ? 0
+            : discountsTotalAmount) -
+        (salesAmount === undefined || isNaN(salesAmount) ? 0 : salesAmount) -
+        (giftCardsTotalAmount === undefined || isNaN(giftCardsTotalAmount)
+            ? 0
+            : giftCardsTotalAmount);
+    return isNaN(total) ? 0 : total;
+};
+export const DEFAULT_CALCULATED_DATA = {
+    orderAndLineItemDiscounts: [],
+    appliedGiftCards: [],
+    isFreeShipping: false,
+    discountsTotalAmount: 0,
+    salesAmount: 0,
+    giftCardsTotalAmount: 0,
+    totalCompareAtPrice: 0,
+    totalDiscountedPrice: 0,
+};
+export const getCalculatedCartData = (cart) => {
+    const orderAndLineItemDiscounts = getOrderLevelDiscounts(cart).concat(getLineItemDiscounts(cart));
+    const appliedGiftCards = getAppliedGiftCards(cart);
+    const isFreeShipping = getShippingDiscounts(cart).length > 0;
+    const discountsTotalAmount = getDiscountsTotalAmount(orderAndLineItemDiscounts);
+    const giftCardsTotalAmount = getGiftCardsTotalAmount(appliedGiftCards);
+    const salesAmount = getSalesAmount(cart);
+    const totalCompareAtPrice = getTotalCompareAtPrice(cart);
+    const totalDiscountedPrice = getTotalDiscountedPrice(totalCompareAtPrice, discountsTotalAmount, salesAmount, giftCardsTotalAmount);
+    return {
+        orderAndLineItemDiscounts,
+        appliedGiftCards,
+        isFreeShipping,
+        discountsTotalAmount,
+        giftCardsTotalAmount,
+        salesAmount,
+        totalCompareAtPrice,
+        totalDiscountedPrice,
+    };
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cart.util.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cart.util.test.d.ts","sourceRoot":"","sources":["../../lib/cart.util.test.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,150 @@
+import { getCalculatedCartData } from "./cart.util";
+import { DiscountApplicationTargetType } from "app-studio-types";
+const baseCartData = {
+    id: "cart123",
+    subtotal: 100.0,
+    currency: "USD",
+    discounts: [],
+    attributes: [],
+    note: "",
+    items: [],
+    discountAllocations: [],
+    appliedGiftCards: [],
+    delivery: {
+        addresses: [],
+    },
+    deliveryGroups: [],
+    cost: {
+        subtotalAmount: { amount: "0", currencyCode: "" },
+        totalAmount: { amount: "0", currencyCode: "" },
+        totalTaxAmount: { amount: "0", currencyCode: "" },
+    },
+};
+describe("cart-provider.util", () => {
+    describe("getData", () => {
+        it("should calculate order level discounts correctly", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: ["DISCOUNT10"], items: [], discountAllocations: [
+                    {
+                        targetType: DiscountApplicationTargetType.LineItem,
+                        discountedAmount: { amount: "10.00", currencyCode: "USD" },
+                        code: "DISCOUNT10",
+                    },
+                ], appliedGiftCards: [], deliveryGroups: [] });
+            const result = getCalculatedCartData(mockCart);
+            expect(result.orderAndLineItemDiscounts).toHaveLength(1);
+            expect(result.orderAndLineItemDiscounts[0]).toEqual({
+                id: "DISCOUNT10",
+                amount: 10,
+                name: "Discount - DISCOUNT10",
+                type: "ORDER_LEVEL",
+            });
+        });
+        it("should calculate gift cards correctly", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: [], items: [], discountAllocations: [], appliedGiftCards: [
+                    {
+                        id: "giftcard1",
+                        amountUsed: { amount: "25.00", currencyCode: "USD" },
+                        balance: { amount: "75.00", currencyCode: "USD" },
+                        lastCharacters: "1234",
+                        presentmentAmountUsed: { amount: "25.00", currencyCode: "USD" },
+                    },
+                ], deliveryGroups: [] });
+            const result = getCalculatedCartData(mockCart);
+            expect(result.appliedGiftCards).toHaveLength(1);
+            expect(result.appliedGiftCards[0]).toEqual({
+                id: "giftcard1",
+                amount: 25,
+                name: "Gift Card - 1234",
+            });
+        });
+        it("should calculate sales amount correctly", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: [], items: [
+                    {
+                        id: "line1",
+                        quantity: 2,
+                        productId: "prod1",
+                        variantId: "var1",
+                        productDetails: {},
+                        variantDetails: {
+                            compareAtPrice: { amount: "20.00", currencyCode: "USD" },
+                            price: { amount: "15.00", currencyCode: "USD" },
+                        },
+                        discounts: [],
+                        cost: { totalAmount: { amount: "30.00", currencyCode: "USD" } },
+                    },
+                ], discountAllocations: [], appliedGiftCards: [], deliveryGroups: [] });
+            const result = getCalculatedCartData(mockCart);
+            expect(result.salesAmount).toBe(10); // (20-15) * 2
+        });
+        it("should detect free shipping", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: [], items: [], discountAllocations: [
+                    {
+                        targetType: DiscountApplicationTargetType.ShippingLine,
+                        discountedAmount: { amount: "5.00", currencyCode: "USD" },
+                        code: "FREESHIP",
+                    },
+                ], appliedGiftCards: [], deliveryGroups: [] });
+            const result = getCalculatedCartData(mockCart);
+            expect(result.isFreeShipping).toBe(true);
+        });
+        it("should calculate total discounted price correctly", () => {
+            const mockCart = Object.assign(Object.assign({}, baseCartData), { discounts: ["DISCOUNT10"], items: [
+                    {
+                        id: "line1",
+                        quantity: 1,
+                        productId: "prod1",
+                        variantId: "var1",
+                        productDetails: {},
+                        variantDetails: {
+                            compareAtPrice: { amount: "100.00", currencyCode: "USD" },
+                            price: { amount: "80.00", currencyCode: "USD" },
+                        },
+                        discounts: [
+                            {
+                                amount: 10,
+                                type: "LINE_ITEM",
+                                code: "DISCOUNT10",
+                            },
+                        ],
+                        cost: { totalAmount: { amount: "80.00", currencyCode: "USD" } },
+                    },
+                    {
+                        id: "line2",
+                        quantity: 1,
+                        productId: "prod2",
+                        variantId: "var2",
+                        productDetails: {},
+                        variantDetails: {
+                            compareAtPrice: { amount: "100.00", currencyCode: "USD" },
+                            price: { amount: "80.00", currencyCode: "USD" },
+                        },
+                        discounts: [
+                            {
+                                amount: 10,
+                                type: "LINE_ITEM",
+                                code: "DISCOUNT10",
+                            },
+                        ],
+                        cost: { totalAmount: { amount: "80.00", currencyCode: "USD" } },
+                    },
+                ], discountAllocations: [
+                    {
+                        targetType: DiscountApplicationTargetType.LineItem,
+                        discountedAmount: { amount: "10.00", currencyCode: "USD" },
+                        code: "DISCOUNT10",
+                    },
+                ], appliedGiftCards: [
+                    {
+                        id: "giftcard1",
+                        amountUsed: { amount: "5.00", currencyCode: "USD" },
+                        balance: { amount: "95.00", currencyCode: "USD" },
+                        lastCharacters: "1234",
+                        presentmentAmountUsed: { amount: "5.00", currencyCode: "USD" },
+                    },
+                ], deliveryGroups: [] });
+            const result = getCalculatedCartData(mockCart);
+            // 100 (compare) - 10 (discount) - 20 (sale) - 5 (gift card) = 65
+            expect(result.totalDiscountedPrice).toBe(125);
+        });
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.58",
+  "version": "0.7.60",
   "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 };