@tapcart/mobile-components 0.7.96 → 0.7.97

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

@@ -20,6 +20,10 @@ type UseReviewsReturn = {
     isLoading: boolean;
     reviewsMockData?: any;
     mockStarDistribution?: any;
+    mockSummaryData?: {
+        averageScore: number;
+        totalReviewCount: number;
+    };
 };
 export declare function useReviews(props: UseReviewsProps | null): UseReviewsReturn;
 type UseReviewsInfiniteReturn = UseReviewsReturn & {

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

@@ -1 +1 @@
-{"version":3,"file":"use-reviews.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-reviews.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EACjB,MAAM,kBAAkB,CAAA;AAGzB,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACvC,QAAQ,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;IAC3C,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAA;IACjB,MAAM,EAAE,CAAC,MAAM,CAAC,CAAA;IAChB,MAAM,EACF,MAAM,GACN,UAAU,GACV,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAClE,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,GAAG,CAAA;IACrB,oBAAoB,CAAC,EAAE,GAAG,CAAA;CAC3B,CAAA;AAmDD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,gBAAgB,CAwE1E;AAED,KAAK,wBAAwB,GAAG,gBAAgB,GAAG;IACjD,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,GAAG,IAAI,GAC5B,wBAAwB,CAmK1B"}
+{"version":3,"file":"use-reviews.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-reviews.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EACjB,MAAM,kBAAkB,CAAA;AAGzB,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACvC,QAAQ,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;IAC3C,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAA;IACjB,MAAM,EAAE,CAAC,MAAM,CAAC,CAAA;IAChB,MAAM,EACF,MAAM,GACN,UAAU,GACV,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAClE,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,GAAG,CAAA;IACrB,oBAAoB,CAAC,EAAE,GAAG,CAAA;IAC1B,eAAe,CAAC,EAAE;QAChB,YAAY,EAAE,MAAM,CAAA;QACpB,gBAAgB,EAAE,MAAM,CAAA;KACzB,CAAA;CACF,CAAA;AAqED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,gBAAgB,CAyE1E;AAED,KAAK,wBAAwB,GAAG,gBAAgB,GAAG;IACjD,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,GAAG,IAAI,GAC5B,wBAAwB,CAmK1B"}

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

@@ -48,6 +48,13 @@ const mockStarDistribution = {
     4: 2,
     5: 0,
 };
+const mockTotalScores = Object.entries(mockStarDistribution).reduce((sum, [score, count]) => sum + Number(score) * count, 0);
+const mockTotalCount = Object.values(mockStarDistribution).reduce((sum, count) => sum + count, 0);
+const mockAverageScore = mockTotalCount > 0 ? mockTotalScores / mockTotalCount : 0;
+const mockSummaryData = {
+    averageScore: mockAverageScore,
+    totalReviewCount: mockTotalCount,
+};
 export function useReviews(props) {
     let url = null;
     if (props) {
@@ -99,6 +106,7 @@ export function useReviews(props) {
         isLoading: !data && !error,
         reviewsMockData,
         mockStarDistribution,
+        mockSummaryData,
     };
 }
 export function useReviewsInfinite(props) {

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

@@ -1 +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"}
+{"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,CAiKvD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

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

@@ -1,10 +1,11 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, 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 [initialDirection, setInitialDirection] = useState(null);
     const totalActionsWidth = actionWidth * actions.length;
     const thresholdPixels = totalActionsWidth * threshold;
     const itemRef = useRef(null);
@@ -25,56 +26,92 @@ const SwipeableListItem = ({ children, actions = [], actionWidth = 52, threshold
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isOpen]);
+    const isHorizontalSwipe = (deltaX, deltaY) => {
+        return Math.abs(deltaX) > Math.abs(deltaY) * 1.5;
+    };
     const handlers = useSwipeable({
+        onSwipeStart: (event) => {
+            if (Math.abs(event.deltaX) > 10 || Math.abs(event.deltaY) > 10) {
+                const isHorizontal = isHorizontalSwipe(event.deltaX, event.deltaY);
+                setInitialDirection(isHorizontal ? "horizontal" : "vertical");
+                if (!isHorizontal && event.event.cancelable) {
+                    event.event.stopPropagation();
+                }
+            }
+        },
         onSwiping: (event) => {
-            let newOffset = 0;
-            if (event.dir === "Left") {
-                newOffset = Math.min(event.absX, totalActionsWidth);
+            if (initialDirection === "vertical")
+                return;
+            if (!initialDirection &&
+                (Math.abs(event.deltaX) > 10 || Math.abs(event.deltaY) > 10)) {
+                const isHorizontal = isHorizontalSwipe(event.deltaX, event.deltaY);
+                setInitialDirection(isHorizontal ? "horizontal" : "vertical");
+                if (!isHorizontal)
+                    return;
             }
-            else if (event.dir === "Right" && isOpen) {
-                newOffset = Math.max(totalActionsWidth - event.absX, 0);
+            if (initialDirection === "horizontal") {
+                let newOffset = 0;
+                if (event.event.cancelable) {
+                    event.event.preventDefault();
+                    event.event.stopPropagation();
+                }
+                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);
             }
-            setOffset(newOffset);
         },
         onSwipedLeft: () => {
-            if (offset > thresholdPixels) {
-                setIsOpen(true);
-                setOffset(totalActionsWidth);
+            if (initialDirection === "horizontal") {
+                if (offset > thresholdPixels) {
+                    setIsOpen(true);
+                    setOffset(totalActionsWidth);
+                }
+                else {
+                    closeItem();
+                }
             }
-            else {
+            setInitialDirection(null);
+        },
+        onSwipedRight: () => {
+            if (initialDirection === "horizontal") {
                 closeItem();
             }
+            setInitialDirection(null);
+        },
+        onSwiped: () => {
+            setInitialDirection(null);
         },
-        onSwipedRight: () => closeItem(),
         trackMouse: true,
         trackTouch: true,
-        delta: 10,
-        preventScrollOnSwipe: true,
+        delta: 5,
+        preventScrollOnSwipe: false,
         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: {
+    return (_jsxs("div", Object.assign({ ref: itemRef, className: "relative overflow-hidden" }, { children: [_jsx("div", Object.assign({ className: "absolute top-0 right-0 h-full flex", "aria-label": "Action buttons", style: {
+                    width: `${totalActionsWidth}px`,
+                } }, { children: actions.map((action, index) => {
+                    return (_jsx("div", Object.assign({ className: "h-full flex items-center justify-center", 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));
-                }) }))] })));
+                            }, className: "w-full h-full flex items-center justify-center" }, { children: action.icon && _jsx(_Fragment, { children: action.icon }) })) }), action.key || index));
+                }) })), _jsx("div", Object.assign({}, handlers, { className: "w-full transition-transform duration-200 ease-out relative", style: {
+                    transform: `translateX(-${offset}px)`,
+                    transition: offset === 0 || offset === totalActionsWidth
+                        ? "transform 0.2s ease-out"
+                        : "none",
+                    zIndex: 10,
+                    backgroundColor: "inherit",
+                    touchAction: initialDirection === "horizontal" ? "none" : "auto",
+                }, role: "button", "aria-expanded": isOpen }, { children: children }))] })));
 };
 SwipeableListItem.displayName = "SwipeableListItem";
 export { SwipeableListItem };

package/package.json

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