@tapcart/mobile-components 0.7.9 → 0.7.10

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

@@ -0,0 +1,8 @@
+import React from "react";
+declare const useTap: (tapThreshold?: number) => {
+    onTap: (handler: (event: any) => void) => (event: any) => void;
+    isPressed: boolean;
+    ref: React.MutableRefObject<null>;
+};
+export { useTap };
+//# sourceMappingURL=use-tap.d.ts.map

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

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

@@ -0,0 +1,100 @@
+"use client";
+import { useState, useEffect, useCallback, useRef } from "react";
+// Shared manager for all instances of the hook
+const tapManager = (() => {
+    const elements = new Map();
+    let isListening = false;
+    const startListening = () => {
+        if (isListening)
+            return;
+        const handleTouchStart = (e) => {
+            const touch = e.touches[0];
+            elements.forEach((data, el) => {
+                if (el.contains(touch.target)) {
+                    data.touchStarted = true;
+                    data.touchMoved = false;
+                    data.startPosition = { x: touch.clientX, y: touch.clientY };
+                    // Don't set isPressed here, wait to determine if it's a tap or drag
+                }
+            });
+        };
+        const handleTouchMove = (e) => {
+            const touch = e.touches[0];
+            elements.forEach((data, el) => {
+                if (data.touchStarted) {
+                    const deltaX = Math.abs(touch.clientX - data.startPosition.x);
+                    const deltaY = Math.abs(touch.clientY - data.startPosition.y);
+                    if (deltaX > data.tapThreshold || deltaY > data.tapThreshold) {
+                        data.touchMoved = true;
+                        data.setIsPressed(false);
+                    }
+                }
+            });
+        };
+        const handleTouchEnd = () => {
+            elements.forEach((data) => {
+                if (data.touchStarted) {
+                    data.touchStarted = false;
+                    if (!data.touchMoved) {
+                        // It's a tap, set isPressed briefly
+                        data.setIsPressed(true);
+                        setTimeout(() => data.setIsPressed(false), 100);
+                    }
+                }
+            });
+        };
+        document.addEventListener("touchstart", (e) => handleTouchStart(e), { passive: true });
+        document.addEventListener("touchmove", (e) => handleTouchMove(e), { passive: true });
+        document.addEventListener("touchend", () => handleTouchEnd(), {
+            passive: true,
+        });
+        isListening = true;
+    };
+    return {
+        register: (el, data) => {
+            elements.set(el, data);
+            startListening();
+        },
+        unregister: (el) => {
+            elements.delete(el);
+        },
+        elements,
+    };
+})();
+const useTap = (tapThreshold = 10) => {
+    const [isPressed, setIsPressed] = useState(false);
+    const elementRef = useRef(null);
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        const data = {
+            touchStarted: false,
+            touchMoved: false,
+            startPosition: { x: 0, y: 0 },
+            setIsPressed,
+            tapThreshold,
+        };
+        tapManager.register(element, data);
+        return () => {
+            tapManager.unregister(element);
+        };
+    }, [tapThreshold]);
+    const onTap = useCallback((handler) => {
+        return (event) => {
+            const data = tapManager.elements.get(elementRef.current);
+            if (!data)
+                return;
+            if (event.type === "touchend" && !data.touchMoved) {
+                handler(event);
+            }
+            else if (event.type === "click" && !data.touchStarted) {
+                handler(event);
+                setIsPressed(true);
+                setTimeout(() => setIsPressed(false), 100);
+            }
+        };
+    }, []);
+    return { onTap, isPressed, ref: elementRef };
+};
+export { useTap };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, throttleFunction, getDestinationHandler, getProductGidsFromIds, createCollectionImageMap, } from "./lib/utils";
+export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getMarginStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, throttleFunction, getDestinationHandler, getProductGidsFromIds, createCollectionImageMap, } from "./lib/utils";
 export * from "./components/hooks/use-collection";
 export * from "./components/hooks/use-infinite-scroll";
 export * from "./components/hooks/use-recommendations";

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,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,aAAa,CAAA;AACpB,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,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,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,GACzB,MAAM,aAAa,CAAA;AACpB,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,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,5 @@
 // component exports
-export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, throttleFunction, getDestinationHandler, getProductGidsFromIds, createCollectionImageMap, } from "./lib/utils";
+export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getMarginStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, throttleFunction, getDestinationHandler, getProductGidsFromIds, createCollectionImageMap, } from "./lib/utils";
 export * from "./components/hooks/use-collection";
 export * from "./components/hooks/use-infinite-scroll";
 export * from "./components/hooks/use-recommendations";

package/dist/lib/utils.d.ts

@@ -1,4 +1,5 @@
 import { ClassValue } from "clsx";
+import { Integrations } from "app-studio-types";
 export type Color = {
     type: "custom" | "brand-kit";
     value: string;
@@ -58,6 +59,17 @@ export declare const getPaddingStyle: (padding: Partial<Spacing> | undefined) =>
     paddingLeft: string | undefined;
     paddingRight: string | undefined;
 };
+export declare const getMarginStyle: (margin: Partial<Spacing> | undefined) => {
+    marginTop?: undefined;
+    marginBottom?: undefined;
+    marginLeft?: undefined;
+    marginRight?: undefined;
+} | {
+    marginTop: string | undefined;
+    marginBottom: string | undefined;
+    marginLeft: string | undefined;
+    marginRight: string | undefined;
+};
 export type BackgroundAndPadding = {
     backgroundColor?: Color;
     borderSides?: BorderSides;
@@ -178,4 +190,5 @@ export declare const createCollectionImageMap: (collections: {
     customImage: boolean;
     image?: string;
 }[]) => Record<string, string>;
+export declare const isFavoriteIntegrationEnabled: (integrations: Integrations) => boolean;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAA;AAKvC,MAAM,MAAM,KAAK,GAAG;IAAE,IAAI,EAAE,QAAQ,GAAG,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnE,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,eAAO,MAAM,eAAe,UAc3B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,CAAA;AAMjE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAI9C,eAAO,MAAM,QAAQ,gBAAiB,KAAK,GAAG,SAAS,uBAUtD,CAAA;AAED,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC7D,KAAK,WAAW,GAAG,UAAU,EAAE,CAAA;AAE/B,eAAO,MAAM,mBAAmB;;;;;;;;;;;;CAU/B,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEpD,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,iBAAiB,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,yBAAyB,wBACf,mBAAmB;;;;;;;;;;;;CAczC,CAAA;AAED,eAAO,MAAM,eAAe,YAAa,QAAQ,OAAO,CAAC,GAAG,SAAS;;;;;;;;;;CAWpE,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,4BAA4B,yBACjB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC3C,CAAA;AAED,KAAK,oBAAoB,GAAG,mBAAmB,GAAG;IAChD,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,4BAA4B,yBACjB,oBAAoB;;;;;CAU3C,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;IACtD,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,CAAA;AACzB,KAAK,OAAO,GAAG,SAAS,CAAA;AAExB,eAAO,MAAM,YAAY,cAAe,QAAQ,GAAG,OAAO;;;;;;;;CAWzD,CAAA;AAED,eAAO,MAAM,oBAAoB,cACpB,MAAM;;;;;;;;;;;;;;;CAYlB,CAAA;AAQD,eAAO,MAAM,kBAAkB,cAAe,MAAM,WAGnD,CAAA;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAK5D;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAI7E;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAI7E;AAGD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAOpC,GAAG,EAAE,aAU3B;AACD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,UAG1D;AAED,eAAO,MAAM,gBAAgB,WAAY,MAAM,WAQ9C,CAAA;AAED,eAAO,MAAM,eAAe,YAAa,MAAM;;;;;;;CAW9C,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,CAAC,GAAG,EAAE;QAChB,WAAW,EAAE;YAAE,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,CAAA;KACvD,KAAK,IAAI,CAAA;IACV,WAAW,EAAE,CAAC,GAAG,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACjD,cAAc,EAAE,CAAC,GAAG,EAAE;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACxD,CAAA;AAmBD,eAAO,MAAM,qBAAqB,SAC1B,YAAY,GAAG,KAAK,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,iBAjBrC,MAAM,WAAW,kBAAkB,yBAE5C,MAAM,WAAW,kBAAkB,yBAO/B,MAAM,WAAW,kBAAkB,yBAEhC,MAAM,WAAW,kBAAkB,yBAS3D,CAAA;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,YAOlD;AAED,eAAO,MAAM,wBAAwB,gBACtB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,2BAQpE,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/utils.ts"],"names":[],"mappings":"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"}

package/dist/lib/utils.js

@@ -70,6 +70,16 @@ export const getPaddingStyle = (padding) => {
         paddingRight: (padding === null || padding === void 0 ? void 0 : padding.right) !== undefined ? `${padding.right}px` : undefined,
     };
 };
+export const getMarginStyle = (margin) => {
+    if (!margin)
+        return {};
+    return {
+        marginTop: (margin === null || margin === void 0 ? void 0 : margin.top) !== undefined ? `${margin.top}px` : undefined,
+        marginBottom: (margin === null || margin === void 0 ? void 0 : margin.bottom) !== undefined ? `${margin.bottom}px` : undefined,
+        marginLeft: (margin === null || margin === void 0 ? void 0 : margin.left) !== undefined ? `${margin.left}px` : undefined,
+        marginRight: (margin === null || margin === void 0 ? void 0 : margin.right) !== undefined ? `${margin.right}px` : undefined,
+    };
+};
 export const getBackgroundAndPaddingStyle = (backgroundAndPadding) => {
     const { backgroundColor, borderSides, borderColor, cornerRadius, padding, borderRadius, } = backgroundAndPadding;
     const radius = cornerRadius || borderRadius;
@@ -221,4 +231,7 @@ export const createCollectionImageMap = (collections) => {
         return imageMap;
     }, {});
 };
+export const isFavoriteIntegrationEnabled = (integrations) => {
+    return integrations.some(integration => (integration.name === "tapcart-wishlist" || integration.name === "swym") && integration.enabled);
+};
 // #endregion =-=-=-= END BLOCK UTILS =-=-=-=

package/dist/styles.css

@@ -829,6 +829,9 @@ video {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -862,6 +865,9 @@ video {
 .mt-auto {
   margin-top: auto;
 }
+.box-border {
+  box-sizing: border-box;
+}
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
@@ -892,6 +898,9 @@ video {
 .grid {
   display: grid;
 }
+.contents {
+  display: contents;
+}
 .hidden {
   display: none;
 }
@@ -1640,6 +1649,10 @@ video {
   padding-left: 2rem;
   padding-right: 2rem;
 }
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
 .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;

package/package.json

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

package/dist/components/hooks/use-style-utils.d.ts

@@ -1,69 +0,0 @@
-type BorderSide = "all" | "top" | "bottom" | "left" | "right";
-type BorderSides = BorderSide[];
-declare const getBorderSidesStyle: (borderSides: BorderSides) => {
-    borderWidth: string;
-    borderTopWidth?: undefined;
-    borderBottomWidth?: undefined;
-    borderLeftWidth?: undefined;
-    borderRightWidth?: undefined;
-} | {
-    borderTopWidth: string | number;
-    borderBottomWidth: string | number;
-    borderLeftWidth: string | number;
-    borderRightWidth: string | number;
-    borderWidth?: undefined;
-};
-type VerticalAlignment = "top" | "middle" | "bottom";
-type Spacing = {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-};
-interface AlignmentAndSpacing {
-    alignment: VerticalAlignment;
-    spacing: Spacing;
-}
-declare const getVerticalAlignmentStyle: (alignmentAndSpacing: AlignmentAndSpacing) => {
-    bottom: string;
-    top: string;
-    transform?: undefined;
-} | {
-    top: string;
-    transform: string;
-    bottom?: undefined;
-} | {
-    bottom?: undefined;
-    top?: undefined;
-    transform?: undefined;
-};
-type BackgroundAndPadding = {
-    backgroundColor?: ColorOption;
-    borderSides?: BorderSides;
-    borderColor?: ColorOption;
-    cornerRadius?: number;
-    padding?: Partial<Spacing>;
-};
-type ColorOption = {
-    type: "brand-kit" | "custom";
-    value: string;
-} | undefined;
-declare const getColor: (colorOption: ColorOption) => string | undefined;
-type BackgroundAndSpacing = AlignmentAndSpacing & {
-    backgroundColor?: ColorOption;
-    borderColor?: ColorOption;
-    backgroundCorners?: number;
-};
-type TextStyle = {
-    font: {
-        family: string;
-        weight: number | string;
-    };
-    size: number | string;
-    color: ColorOption;
-    uppercase: boolean;
-    textAlignment: "left" | "center" | "right" | "justify";
-};
-type Headline = TextStyle;
-type Subtext = TextStyle;
-//# sourceMappingURL=use-style-utils.d.ts.map

package/dist/components/hooks/use-style-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-style-utils.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-style-utils.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC7D,KAAK,WAAW,GAAG,UAAU,EAAE,CAAA;AAE/B,QAAA,MAAM,mBAAmB;;;;;;;;;;;;CAUxB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEpD,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,iBAAiB,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,yBAAyB,wBACR,mBAAmB;;;;;;;;;;;;CAczC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CAC3B,CAAA;AAED,KAAK,WAAW,GACZ;IACE,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;CACd,GACD,SAAS,CAAA;AAEb,QAAA,MAAM,QAAQ,gBAAiB,WAAW,KAAG,MAAM,GAAG,SAMrD,CAAA;AAqCD,KAAK,oBAAoB,GAAG,mBAAmB,GAAG;IAChD,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAeD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CACvD,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,CAAA;AACzB,KAAK,OAAO,GAAG,SAAS,CAAA"}

package/dist/components/hooks/use-style-utils.js

@@ -1,77 +0,0 @@
-"use strict";
-const getBorderSidesStyle = (borderSides) => {
-    const style = borderSides.includes("all")
-        ? { borderWidth: "1px" }
-        : {
-            borderTopWidth: borderSides.includes("top") ? "1px" : 0,
-            borderBottomWidth: borderSides.includes("bottom") ? "1px" : 0,
-            borderLeftWidth: borderSides.includes("left") ? "1px" : 0,
-            borderRightWidth: borderSides.includes("right") ? "1px" : 0,
-        };
-    return style;
-};
-const getVerticalAlignmentStyle = (alignmentAndSpacing) => {
-    const { alignment, spacing } = alignmentAndSpacing;
-    switch (alignment) {
-        case "bottom":
-            return { bottom: `${spacing.bottom}px`, top: "auto" };
-        case "middle":
-            return { top: "50%", transform: "translateY(-50%)" };
-        case "top":
-            return { top: `${spacing.top}px`, bottom: "auto" };
-        default:
-            return {};
-    }
-};
-const getColor = (colorOption) => {
-    return colorOption
-        ? colorOption.type === "brand-kit"
-            ? `var(--${colorOption.value})`
-            : colorOption.value
-        : undefined;
-};
-function getBackgroundAndPaddingStyle(backgroundAndPadding) {
-    const { backgroundColor, borderSides, borderColor, cornerRadius, padding } = backgroundAndPadding;
-    return {
-        backgroundColor: getColor(backgroundColor),
-        borderColor: getColor(borderColor),
-        borderTopWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("top")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
-            ? "1px"
-            : undefined,
-        borderBottomWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("bottom")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
-            ? "1px"
-            : undefined,
-        borderLeftWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("left")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
-            ? "1px"
-            : undefined,
-        borderRightWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("right")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
-            ? "1px"
-            : undefined,
-        paddingTop: (padding === null || padding === void 0 ? void 0 : padding.top) !== undefined ? `${padding.top}px` : undefined,
-        paddingBottom: (padding === null || padding === void 0 ? void 0 : padding.bottom) !== undefined ? `${padding.bottom}px` : undefined,
-        paddingLeft: (padding === null || padding === void 0 ? void 0 : padding.left) !== undefined ? `${padding.left}px` : undefined,
-        paddingRight: (padding === null || padding === void 0 ? void 0 : padding.right) !== undefined ? `${padding.right}px` : undefined,
-        borderStyle: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.length) ? "solid" : undefined,
-        borderRadius: cornerRadius !== undefined ? `${cornerRadius}px` : undefined,
-    };
-}
-function getBackgroundAndSpacingStyle(backgroundAndSpacing) {
-    const { spacing, borderColor, backgroundColor, backgroundCorners } = backgroundAndSpacing;
-    return {
-        padding: `${spacing.top}px ${spacing.right}px ${spacing.bottom}px ${spacing.left}px`,
-        borderColor: borderColor ? borderColor.value : "transparent",
-        backgroundColor: getColor(backgroundColor) || "transparent",
-        borderRadius: `${backgroundCorners !== null && backgroundCorners !== void 0 ? backgroundCorners : 0}px`,
-    };
-}
-function getTextStyle(textStyle) {
-    const { font, size, color, uppercase, textAlignment } = textStyle;
-    return {
-        fontFamily: font.family,
-        fontWeight: font.weight,
-        fontSize: size,
-        color: getColor(color),
-        textTransform: uppercase ? "uppercase" : "none",
-        textAlign: textAlignment,
-    };
-}

package/dist/lib/block-utils.d.ts

@@ -1,97 +0,0 @@
-type BorderSide = "all" | "top" | "bottom" | "left" | "right";
-type BorderSides = BorderSide[];
-declare const getBorderSidesStyle: (borderSides: BorderSides) => {
-    borderWidth: string;
-    borderTopWidth?: undefined;
-    borderBottomWidth?: undefined;
-    borderLeftWidth?: undefined;
-    borderRightWidth?: undefined;
-} | {
-    borderTopWidth: string | number;
-    borderBottomWidth: string | number;
-    borderLeftWidth: string | number;
-    borderRightWidth: string | number;
-    borderWidth?: undefined;
-};
-type VerticalAlignment = "top" | "middle" | "bottom";
-type Spacing = {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-};
-interface AlignmentAndSpacing {
-    alignment: VerticalAlignment;
-    spacing: Spacing;
-}
-declare const getVerticalAlignmentStyle: (alignmentAndSpacing: AlignmentAndSpacing) => {
-    bottom: string;
-    top: string;
-    transform?: undefined;
-} | {
-    top: string;
-    transform: string;
-    bottom?: undefined;
-} | {
-    bottom?: undefined;
-    top?: undefined;
-    transform?: undefined;
-};
-type BackgroundAndPadding = {
-    backgroundColor?: ColorOption;
-    borderSides?: BorderSides;
-    borderColor?: ColorOption;
-    cornerRadius?: number;
-    padding?: Partial<Spacing>;
-};
-type ColorOption = {
-    type: "brand-kit" | "custom";
-    value: string;
-} | undefined;
-declare const getColor: (colorOption: ColorOption) => string | undefined;
-declare function getBackgroundAndPaddingStyle(backgroundAndPadding: BackgroundAndPadding): {
-    backgroundColor: string | undefined;
-    borderColor: string | undefined;
-    borderTopWidth: string | undefined;
-    borderBottomWidth: string | undefined;
-    borderLeftWidth: string | undefined;
-    borderRightWidth: string | undefined;
-    paddingTop: string | undefined;
-    paddingBottom: string | undefined;
-    paddingLeft: string | undefined;
-    paddingRight: string | undefined;
-    borderStyle: string | undefined;
-    borderRadius: string | undefined;
-};
-type BackgroundAndSpacing = AlignmentAndSpacing & {
-    backgroundColor?: ColorOption;
-    borderColor?: ColorOption;
-    backgroundCorners?: number;
-};
-declare function getBackgroundAndSpacingStyle(backgroundAndSpacing: BackgroundAndSpacing): {
-    padding: string;
-    borderColor: string;
-    backgroundColor: string;
-    borderRadius: string;
-};
-type TextStyle = {
-    font: {
-        family: string;
-        weight: number | string;
-    };
-    size: number | string;
-    color: ColorOption;
-    uppercase: boolean;
-    textAlignment: "left" | "center" | "right" | "justify";
-};
-type Headline = TextStyle;
-type Subtext = TextStyle;
-declare function getTextStyle(textStyle: Headline | Subtext): {
-    fontFamily: string;
-    fontWeight: string | number;
-    fontSize: string | number;
-    color: string | undefined;
-    textTransform: string;
-    textAlign: "center" | "left" | "right" | "justify";
-};
-//# sourceMappingURL=block-utils.d.ts.map

package/dist/lib/block-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"block-utils.d.ts","sourceRoot":"","sources":["../../lib/block-utils.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC7D,KAAK,WAAW,GAAG,UAAU,EAAE,CAAA;AAE/B,QAAA,MAAM,mBAAmB;;;;;;;;;;;;CAUxB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEpD,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,iBAAiB,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,yBAAyB,wBACR,mBAAmB;;;;;;;;;;;;CAczC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CAC3B,CAAA;AAED,KAAK,WAAW,GACZ;IACE,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;CACd,GACD,SAAS,CAAA;AAEb,QAAA,MAAM,QAAQ,gBAAiB,WAAW,KAAG,MAAM,GAAG,SAMrD,CAAA;AAED,iBAAS,4BAA4B,CACnC,oBAAoB,EAAE,oBAAoB;;;;;;;;;;;;;EAgC3C;AAED,KAAK,oBAAoB,GAAG,mBAAmB,GAAG;IAChD,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,iBAAS,4BAA4B,CACnC,oBAAoB,EAAE,oBAAoB;;;;;EAU3C;AAED,KAAK,SAAS,GAAG;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CACvD,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,CAAA;AACzB,KAAK,OAAO,GAAG,SAAS,CAAA;AAExB,iBAAS,YAAY,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO;;;;;;;EAUlD"}

package/dist/lib/block-utils.js

@@ -1,77 +0,0 @@
-"use strict";
-const getBorderSidesStyle = (borderSides) => {
-    const style = borderSides.includes("all")
-        ? { borderWidth: "1px" }
-        : {
-            borderTopWidth: borderSides.includes("top") ? "1px" : 0,
-            borderBottomWidth: borderSides.includes("bottom") ? "1px" : 0,
-            borderLeftWidth: borderSides.includes("left") ? "1px" : 0,
-            borderRightWidth: borderSides.includes("right") ? "1px" : 0,
-        };
-    return style;
-};
-const getVerticalAlignmentStyle = (alignmentAndSpacing) => {
-    const { alignment, spacing } = alignmentAndSpacing;
-    switch (alignment) {
-        case "bottom":
-            return { bottom: `${spacing.bottom}px`, top: "auto" };
-        case "middle":
-            return { top: "50%", transform: "translateY(-50%)" };
-        case "top":
-            return { top: `${spacing.top}px`, bottom: "auto" };
-        default:
-            return {};
-    }
-};
-const getColor = (colorOption) => {
-    return colorOption
-        ? colorOption.type === "brand-kit"
-            ? `var(--${colorOption.value})`
-            : colorOption.value
-        : undefined;
-};
-function getBackgroundAndPaddingStyle(backgroundAndPadding) {
-    const { backgroundColor, borderSides, borderColor, cornerRadius, padding } = backgroundAndPadding;
-    return {
-        backgroundColor: getColor(backgroundColor),
-        borderColor: getColor(borderColor),
-        borderTopWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("top")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
-            ? "1px"
-            : undefined,
-        borderBottomWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("bottom")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
-            ? "1px"
-            : undefined,
-        borderLeftWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("left")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
-            ? "1px"
-            : undefined,
-        borderRightWidth: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("right")) || (borderSides === null || borderSides === void 0 ? void 0 : borderSides.includes("all"))
-            ? "1px"
-            : undefined,
-        paddingTop: (padding === null || padding === void 0 ? void 0 : padding.top) !== undefined ? `${padding.top}px` : undefined,
-        paddingBottom: (padding === null || padding === void 0 ? void 0 : padding.bottom) !== undefined ? `${padding.bottom}px` : undefined,
-        paddingLeft: (padding === null || padding === void 0 ? void 0 : padding.left) !== undefined ? `${padding.left}px` : undefined,
-        paddingRight: (padding === null || padding === void 0 ? void 0 : padding.right) !== undefined ? `${padding.right}px` : undefined,
-        borderStyle: (borderSides === null || borderSides === void 0 ? void 0 : borderSides.length) ? "solid" : undefined,
-        borderRadius: cornerRadius !== undefined ? `${cornerRadius}px` : undefined,
-    };
-}
-function getBackgroundAndSpacingStyle(backgroundAndSpacing) {
-    const { spacing, borderColor, backgroundColor, backgroundCorners } = backgroundAndSpacing;
-    return {
-        padding: `${spacing.top}px ${spacing.right}px ${spacing.bottom}px ${spacing.left}px`,
-        borderColor: borderColor ? borderColor.value : "transparent",
-        backgroundColor: getColor(backgroundColor) || "transparent",
-        borderRadius: `${backgroundCorners !== null && backgroundCorners !== void 0 ? backgroundCorners : 0}px`,
-    };
-}
-function getTextStyle(textStyle) {
-    const { font, size, color, uppercase, textAlignment } = textStyle;
-    return {
-        fontFamily: font.family,
-        fontWeight: font.weight,
-        fontSize: size,
-        color: getColor(color),
-        textTransform: uppercase ? "uppercase" : "none",
-        textAlign: textAlignment,
-    };
-}