@tapcart/mobile-components 0.7.59 → 0.7.61

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

@@ -0,0 +1,10 @@
+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

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

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

@@ -1,8 +1,8 @@
-import React from "react"
+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
+    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.js

@@ -1,100 +1,100 @@
-"use client"
-import { useState, useEffect, useCallback, useRef } from "react"
+"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 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 }
+    const [isPressed, setIsPressed] = useState(false);
+    const elementRef = useRef(null);
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        const data = {
+            touchStarted: false,
+            touchMoved: false,
+            startPosition: { x: 0, y: 0 },
+            setIsPressed,
+            tapThreshold,
+        };
+        tapManager.register(element, data);
+        return () => {
+            tapManager.unregister(element);
+        };
+    }, [tapThreshold]);
+    const onTap = useCallback((handler) => {
+        return (event) => {
+            const data = tapManager.elements.get(elementRef.current);
+            if (!data)
+                return;
+            if (event.type === "touchend" && !data.touchMoved) {
+                handler(event);
+            }
+            else if (event.type === "click" && !data.touchStarted) {
+                handler(event);
+                setIsPressed(true);
+                setTimeout(() => setIsPressed(false), 100);
+            }
+        };
+    }, []);
+    return { onTap, isPressed, ref: elementRef };
+};
+export { useTap };

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

@@ -17,13 +17,20 @@ export interface ApplePayButtonProps extends React.ButtonHTMLAttributes<HTMLButt
     supportedNetworks?: string[];
     buttonType?: ApplePayButtonType;
     buttonStyle?: ApplePayButtonStyle;
+    applePayButtonStyle?: {
+        width?: string | undefined;
+        height?: string | undefined;
+        borderRadius?: string | undefined;
+        padding?: string | undefined;
+        boxSizing?: string | undefined;
+    } | undefined;
     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;
 }
 declare const ApplePayButton: {
-    ({ displayName, amount, requiredBillingContactFields, requiredShippingContactFields, startSessionURL, startSessionCacheBypass, appId, domainName, countryCode, currencyCode, merchantCapabilities, supportedNetworks, buttonType, buttonStyle, onPaymentAuthorized, onShippingContactSelected, onShippingMethodSelected, onPaymentCancelled, }: ApplePayButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ displayName, amount, requiredBillingContactFields, requiredShippingContactFields, startSessionURL, startSessionCacheBypass, appId, domainName, countryCode, currencyCode, merchantCapabilities, supportedNetworks, buttonType, buttonStyle, applePayButtonStyle, onPaymentAuthorized, onShippingContactSelected, onShippingMethodSelected, onPaymentCancelled, }: ApplePayButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { ApplePayButton };

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,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"}
+{"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,EAChB;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QACjC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAC/B,GACD,SAAS,CAAA;IACb,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;yWAoBjB,mBAAmB;;CAsKrB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import ApplePayButtonComponent from "apple-pay-button";
-const ApplePayButton = ({ displayName, amount, requiredBillingContactFields = ["name", "postalAddress", "phone", "email"], requiredShippingContactFields = ["name", "postalAddress", "phone", "email"], startSessionURL, startSessionCacheBypass = false, appId, domainName, countryCode = "US", currencyCode = "USD", merchantCapabilities = ["supports3DS"], supportedNetworks = ["visa", "masterCard", "amex", "discover"], buttonType = "plain", buttonStyle = "white-outline", onPaymentAuthorized, onShippingContactSelected, onShippingMethodSelected, onPaymentCancelled, }) => {
+const ApplePayButton = ({ displayName, amount, requiredBillingContactFields = ["name", "postalAddress", "phone", "email"], requiredShippingContactFields = ["name", "postalAddress", "phone", "email"], startSessionURL, startSessionCacheBypass = false, appId, domainName, countryCode = "US", currencyCode = "USD", merchantCapabilities = ["supports3DS"], supportedNetworks = ["visa", "masterCard", "amex", "discover"], buttonType = "plain", buttonStyle = "white-outline", applePayButtonStyle, onPaymentAuthorized, onShippingContactSelected, onShippingMethodSelected, onPaymentCancelled, }) => {
     const onClick = () => {
         const applePayRequest = {
             countryCode,
@@ -127,10 +127,7 @@ const ApplePayButton = ({ displayName, amount, requiredBillingContactFields = ["
             console.log("Session Cancelled.", event);
         };
     };
-    return (_jsx(ApplePayButtonComponent, { onClick: onClick, style: {
-            height: "48px",
-            borderRadius: "4px",
-        }, type: buttonType, buttonStyle: buttonStyle }));
+    return (_jsx(ApplePayButtonComponent, { onClick: onClick, style: applePayButtonStyle, type: buttonType, buttonStyle: buttonStyle }));
 };
 ApplePayButton.displayName = "ApplePayButton";
 export { ApplePayButton };

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.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.59",
+  "version": "0.7.61",
   "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.6",
-    "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