@tapcart/mobile-components 0.7.91 → 0.7.93

package/dist/components/hooks/use-nosto-recommendation.d.ts

@@ -7,7 +7,7 @@ export declare enum NostoRecommendationsType {
     BEST_SELLERS = "BEST_SELLERS",
     VIEWED_CATEGORY = "VIEWED_CATEGORY"
 }
-export declare function useNostoRecommendations(integrations: Integrations, baseURL: string, slotId?: string, recommendationsType?: NostoRecommendationsType | "", productIds?: string[], skip?: boolean, mockFallback?: boolean, mockFallbackAppId?: string): {
+export declare function useNostoRecommendations(integrations: Integrations, baseURL: string, slotId?: string, country?: string, recommendationsType?: NostoRecommendationsType | "", productIds?: string[], skip?: boolean, mockFallback?: boolean, mockFallbackAppId?: string): {
     recommendations: import("app-studio-types").Product[];
     isLoading: boolean;
     error: any;

package/dist/components/hooks/use-nosto-recommendation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-nosto-recommendation.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-nosto-recommendation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAe/C,oBAAY,wBAAwB;IAClC,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,qBAAqB,0BAA0B;IAC/C,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,eAAe,oBAAoB;CACpC;AAyRD,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,MAAM,EACf,MAAM,SAAK,EACX,mBAAmB,CAAC,EAAE,wBAAwB,GAAG,EAAE,EACnD,UAAU,CAAC,EAAE,MAAM,EAAE,EACrB,IAAI,CAAC,EAAE,OAAO,EACd,YAAY,CAAC,EAAE,OAAO,EACtB,iBAAiB,CAAC,EAAE,MAAM;;;;;EA4C3B"}
+{"version":3,"file":"use-nosto-recommendation.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-nosto-recommendation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAe/C,oBAAY,wBAAwB;IAClC,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,qBAAqB,0BAA0B;IAC/C,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,eAAe,oBAAoB;CACpC;AAyRD,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,MAAM,EACf,MAAM,SAAK,EACX,OAAO,SAAO,EACd,mBAAmB,CAAC,EAAE,wBAAwB,GAAG,EAAE,EACnD,UAAU,CAAC,EAAE,MAAM,EAAE,EACrB,IAAI,CAAC,EAAE,OAAO,EACd,YAAY,CAAC,EAAE,OAAO,EACtB,iBAAiB,CAAC,EAAE,MAAM;;;;;EA6C3B"}

package/dist/components/hooks/use-nosto-recommendation.js

@@ -169,7 +169,7 @@ function useNostoRecommendationsProductIds(nostoKey, slotId = "", recommendation
         error,
     };
 }
-export function useNostoRecommendations(integrations, baseURL, slotId = "", recommendationsType, productIds, skip, mockFallback, mockFallbackAppId) {
+export function useNostoRecommendations(integrations, baseURL, slotId = "", country = "US", recommendationsType, productIds, skip, mockFallback, mockFallbackAppId) {
     var _a;
     if (recommendationsType === "") {
         recommendationsType = NostoRecommendationsType.BOUGHT_TOGETHER;
@@ -184,6 +184,7 @@ export function useNostoRecommendations(integrations, baseURL, slotId = "", reco
         productHandles: [],
         queryVariables: {
             appId,
+            country: country,
         },
         mock: shouldMock,
     });

package/dist/components/hooks/use-nosto-recommendation.test.js

@@ -112,7 +112,7 @@ describe("useNostoRecommendations", () => {
     });
     it("should return front page recommendations if productIds is empty and slotId is provided", () => __awaiter(void 0, void 0, void 0, function* () {
         const slotId = "mockSlotId";
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, undefined, undefined, undefined));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, "US", undefined, undefined, undefined));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -128,13 +128,14 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
     }));
     it("should return best sellers recommendations if productIds is empty and slotId is not provided", () => __awaiter(void 0, void 0, void 0, function* () {
         const slotId = "";
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, undefined, undefined));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, "US", undefined, undefined));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -150,6 +151,7 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
@@ -157,7 +159,7 @@ describe("useNostoRecommendations", () => {
     it("should return best sellers recommendations if productIds is not empty, Best Sellers is the recommendation type and slotId is not provided", () => __awaiter(void 0, void 0, void 0, function* () {
         const slotId = "";
         const productIds = ["mockProductId"];
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, NostoRecommendationsType.BEST_SELLERS, productIds));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, "US", NostoRecommendationsType.BEST_SELLERS, productIds));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -173,13 +175,14 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
     }));
     it("should return default front page recommendations if slotId is provided but layoutType is not", () => __awaiter(void 0, void 0, void 0, function* () {
         const slotId = "mockSlotId";
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, "US"));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -195,12 +198,13 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
     }));
     it("should return the correct recommendations for best sellers", () => __awaiter(void 0, void 0, void 0, function* () {
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.BEST_SELLERS, undefined, undefined));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", "US", NostoRecommendationsType.BEST_SELLERS, undefined, undefined));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -216,13 +220,14 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
     }));
     it("should return the related recommendations when only productIds and a recommendation type are provided on a non-home layout", () => __awaiter(void 0, void 0, void 0, function* () {
         const productIds = ["mockProductId"];
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", "US", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -238,6 +243,7 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
@@ -245,7 +251,7 @@ describe("useNostoRecommendations", () => {
     it("should return the correct recommendations when productIds and slotIds are provided", () => __awaiter(void 0, void 0, void 0, function* () {
         const slotId = "mockSlotId";
         const productIds = ["mockProductId"];
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, slotId, "US", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -261,13 +267,14 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
     }));
     it("should return the related products fallback recommendations when productIds are provided and no slotId and a type other than viewed_category and best_sellers is provided", () => __awaiter(void 0, void 0, void 0, function* () {
         const productIds = ["mockProductId"];
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", "US", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -283,13 +290,14 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
     }));
     it("should return the category fallback recommendations when no slotId, productIds are provided and a recommendation type of viewed_category is provided", () => __awaiter(void 0, void 0, void 0, function* () {
         const productIds = ["mockProductId"];
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.VIEWED_CATEGORY, productIds, undefined));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", "US", NostoRecommendationsType.VIEWED_CATEGORY, productIds, undefined));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -305,12 +313,13 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
     }));
     it("should handle loading state", () => __awaiter(void 0, void 0, void 0, function* () {
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, ""));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", "US"));
         // Check initial loading state
         expect(result.current.isLoading).toBe(true);
         // Wait for all state updates to complete
@@ -342,7 +351,7 @@ describe("useNostoRecommendations", () => {
     }));
     it("should default to best sellers if productIds are empty but a recommendation type other than Best Sellers is used", () => __awaiter(void 0, void 0, void 0, function* () {
         const productIds = [];
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", "US", NostoRecommendationsType.VIEWED_TOGETHER, productIds, undefined));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -358,12 +367,13 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });
     }));
     it("should return an empty array if skip is true", () => __awaiter(void 0, void 0, void 0, function* () {
-        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", NostoRecommendationsType.BEST_SELLERS, undefined, true));
+        const { result } = renderHook(() => useNostoRecommendations(mockIntegrations, mockBaseURL, "", "US", NostoRecommendationsType.BEST_SELLERS, undefined, true));
         // Initial state check
         expect(result.current.isLoading).toBe(true);
         // Wait for all promises with act
@@ -378,6 +388,7 @@ describe("useNostoRecommendations", () => {
             productHandles: [],
             queryVariables: {
                 appId: undefined,
+                country: "US",
             },
             mock: false,
         });

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

@@ -12,6 +12,7 @@ type UseProductsProps = {
     queryVariables?: Record<string, any>;
     fetcher?: (url: string, body?: Record<string, any> | null) => Promise<any>;
     metafields?: MetafieldInput[];
+    mediaLimit?: number;
     mock?: boolean;
     onlyAvailableProducts?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"use-products.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-products.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAI1C,KAAK,GAAG,GAAG,MAAM,CAAA;AACjB,KAAK,cAAc,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AACxD,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,OAAO,EAAE,GAAG,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAC1E,UAAU,CAAC,EAAE,cAAc,EAAE,CAAA;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AA8BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CAyF7E"}
+{"version":3,"file":"use-products.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-products.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAI1C,KAAK,GAAG,GAAG,MAAM,CAAA;AACjB,KAAK,cAAc,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AACxD,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,OAAO,EAAE,GAAG,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAC1E,UAAU,CAAC,EAAE,cAAc,EAAE,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AA8BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CA2F7E"}

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

@@ -19,7 +19,7 @@ const formatProductData = ({ data, onlyAvailableProducts = false, }) => {
         : products;
 };
 export function useProducts(props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     let url = null;
     let body = null;
     const shouldMockProducts = Boolean(props === null || props === void 0 ? void 0 : props.mock);
@@ -60,6 +60,7 @@ export function useProducts(props) {
             if (queryVariables === null || queryVariables === void 0 ? void 0 : queryVariables.language) {
                 queryParams.set("language", queryVariables.language);
             }
+            queryParams.set("mediaLimit", (_d = queryVariables === null || queryVariables === void 0 ? void 0 : queryVariables.mediaLimit) !== null && _d !== void 0 ? _d : 10);
             url = `${baseURL}/products/by-ids?${queryParams.toString()}`;
         }
     }

package/dist/components/ui/swipeable-list-item.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+export interface SwipeAction {
+    icon?: ReactNode;
+    color?: string;
+    onPress: () => void;
+    closeOnAction?: boolean;
+    key?: string;
+}
+export interface SwipeableListItemProps {
+    children: ReactNode;
+    actions: SwipeAction[];
+    actionWidth?: number;
+    threshold?: number;
+}
+declare const SwipeableListItem: React.FC<SwipeableListItemProps>;
+export { SwipeableListItem };
+//# sourceMappingURL=swipeable-list-item.d.ts.map

package/dist/components/ui/swipeable-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipeable-list-item.d.ts","sourceRoot":"","sources":["../../../components/ui/swipeable-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwHvD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/ui/swipeable-list-item.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { useSwipeable } from "react-swipeable";
+const SwipeableListItem = ({ children, actions = [], actionWidth = 52, threshold = 0.3, }) => {
+    const [offset, setOffset] = useState(0);
+    const [isOpen, setIsOpen] = useState(false);
+    const totalActionsWidth = actionWidth * actions.length;
+    const thresholdPixels = totalActionsWidth * threshold;
+    const itemRef = useRef(null);
+    const closeItem = () => {
+        setIsOpen(false);
+        setOffset(0);
+    };
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (itemRef.current && !itemRef.current.contains(event.target)) {
+                closeItem();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isOpen]);
+    const handlers = useSwipeable({
+        onSwiping: (event) => {
+            let newOffset = 0;
+            if (event.dir === "Left") {
+                newOffset = Math.min(event.absX, totalActionsWidth);
+            }
+            else if (event.dir === "Right" && isOpen) {
+                newOffset = Math.max(totalActionsWidth - event.absX, 0);
+            }
+            setOffset(newOffset);
+        },
+        onSwipedLeft: () => {
+            if (offset > thresholdPixels) {
+                setIsOpen(true);
+                setOffset(totalActionsWidth);
+            }
+            else {
+                closeItem();
+            }
+        },
+        onSwipedRight: () => closeItem(),
+        trackMouse: true,
+        trackTouch: true,
+        delta: 10,
+        preventScrollOnSwipe: true,
+        rotationAngle: 0,
+    });
+    return (_jsxs("div", Object.assign({ ref: itemRef, className: "relative overflow-hidden" }, { children: [_jsx("div", Object.assign({}, handlers, { className: "w-full transition-transform duration-200 ease-out", style: {
+                    transform: `translateX(-${offset}px)`,
+                    transition: offset === 0 || offset === totalActionsWidth
+                        ? "transform 0.2s ease-out"
+                        : "none",
+                }, role: "button", "aria-expanded": isOpen }, { children: children })), _jsx("div", Object.assign({ className: "absolute right-0 top-0 h-full flex", "aria-label": "Action buttons", style: { visibility: offset > 0 ? "visible" : "hidden" } }, { children: actions.map((action, index) => {
+                    const actionStartPosition = index * actionWidth;
+                    const isActionVisible = offset > actionStartPosition;
+                    return (_jsx("div", Object.assign({ className: "h-full flex items-center justify-center overflow-hidden", style: {
+                            width: `${actionWidth}px`,
+                            backgroundColor: action.color || "#e5e5e5",
+                            maxWidth: isActionVisible
+                                ? `${Math.min(offset - actionStartPosition, actionWidth)}px`
+                                : "0px",
+                            opacity: isActionVisible ? 1 : 0,
+                            transition: "max-width 0.1s ease-out, opacity 0.1s ease-out",
+                        } }, { children: _jsx("button", Object.assign({ onClick: () => {
+                                action.onPress();
+                                if (action.closeOnAction !== false) {
+                                    closeItem();
+                                }
+                            }, className: "w-full h-full flex items-center justify-center", style: { minWidth: `${actionWidth}px` } }, { children: action.icon && _jsx(_Fragment, { children: action.icon }) })) }), action.key || index));
+                }) }))] })));
+};
+SwipeableListItem.displayName = "SwipeableListItem";
+export { SwipeableListItem };

package/dist/index.d.ts

@@ -72,4 +72,5 @@ export * from "./components/hooks/use-nosto-recommendation";
 export * from "./components/libs/sort-filter/search-integration";
 export * from "./components/ui/tap";
 export * from "./components/ui/circular-progress";
+export * from "./components/ui/swipeable-list-item";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -73,3 +73,4 @@ export * from "./components/hooks/use-nosto-recommendation";
 export * from "./components/libs/sort-filter/search-integration";
 export * from "./components/ui/tap";
 export * from "./components/ui/circular-progress";
+export * from "./components/ui/swipeable-list-item";

package/dist/styles.css

@@ -2218,6 +2218,9 @@ video {
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
 @keyframes enter {
 
   from {
@@ -2250,6 +2253,9 @@ video {
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.ease-out {
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
 .paused {
   animation-play-state: paused;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.91",
+  "version": "0.7.93",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -77,17 +77,18 @@
     "clsx": "^1.2.1",
     "dayjs": "^1.11.13",
     "dompurify": "^3.2.2",
-    "embla-carousel-react": "^8.3.0",
     "embla-carousel-autoplay": "8.5.2",
     "embla-carousel-fade": "8.5.2",
+    "embla-carousel-react": "^8.3.0",
     "lucide-react": "^0.248.0",
     "next": "^14.2.5",
-    "react-circular-progressbar": "2.2.0",
     "next-themes": "^0.2.1",
     "pluralize": "^8.0.0",
     "postcss-cli": "^11.0.0",
+    "react-circular-progressbar": "2.2.0",
     "react-intersection-observer": "^9.10.2",
     "react-svg": "^16.1.34",
+    "react-swipeable": "^7.0.2",
     "react-virtual": "^2.10.4",
     "swr": "^2.2.5",
     "tailwind-merge": "^1.13.2",