@tapcart/mobile-components 0.7.99 → 0.8.1

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;AAM1C,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;IAClB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,KAC3B;QACE,EAAE,EAAE,MAAM,CAAA;QACV,MAAM,EAAE,MAAM,CAAA;KACf,GACD,SAAS,CAAA;CACd,CAAA;AAgCD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CAoI7E"}
+{"version":3,"file":"use-products.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-products.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAM1C,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;IAClB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,KAC3B;QACE,EAAE,EAAE,MAAM,CAAA;QACV,MAAM,EAAE,MAAM,CAAA;KACf,GACD,SAAS,CAAA;CACd,CAAA;AAgCD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CAuI7E"}

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

@@ -107,8 +107,10 @@ export function useProducts(props) {
     };
     // set local state when when SWR data is updated
     React.useEffect(() => {
-        if (!data)
+        if (!data) {
+            setCachedProducts([]);
             return;
+        }
         // Determine the products array from data
         const productsArray = Array.isArray(data) ? data : data.products || [];
         if (!productsArray.length)

package/dist/components/libs/cache/index.d.ts

@@ -1,4 +1,5 @@
 import CartLocalStorage from "./CartLocalStorage";
 import AppStudioCache from "./AppStudioCache";
-export { CartLocalStorage, AppStudioCache };
+import ProductsLocalStorage from "./ProductsLocalStorage";
+export { CartLocalStorage, AppStudioCache, ProductsLocalStorage };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/libs/cache/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/libs/cache/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/libs/cache/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/libs/cache/index.js

@@ -1,3 +1,4 @@
 import CartLocalStorage from "./CartLocalStorage";
 import AppStudioCache from "./AppStudioCache";
-export { CartLocalStorage, AppStudioCache };
+import ProductsLocalStorage from "./ProductsLocalStorage";
+export { CartLocalStorage, AppStudioCache, ProductsLocalStorage };

package/dist/components/ui/animate-container.d.ts

@@ -15,6 +15,5 @@ interface AnimateContainerProps {
     hasData?: boolean;
 }
 export declare function AnimateContainer({ children, animations, duration, className, isLoading, hasData, }: AnimateContainerProps): import("react/jsx-runtime").JSX.Element;
-export declare function SlideUp(props: Omit<AnimateContainerProps, "type">): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=animate-container.d.ts.map

package/dist/components/ui/animate-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animate-container.d.ts","sourceRoot":"","sources":["../../../components/ui/animate-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,KAAK,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAErC,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,eAAe,CAW7D,CAAA;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,EACV,QAAc,EACd,SAAS,EACT,SAAS,EACT,OAAO,GACR,EAAE,qBAAqB,2CAyCvB;AAGD,wBAAgB,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,2CAEjE"}
+{"version":3,"file":"animate-container.d.ts","sourceRoot":"","sources":["../../../components/ui/animate-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,KAAK,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAErC,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,eAAe,CAW7D,CAAA;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,EACV,QAAc,EACd,SAAS,EACT,SAAS,EACT,OAAO,GACR,EAAE,qBAAqB,2CAgCvB"}

package/dist/components/ui/animate-container.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 import { cn } from "../../lib/utils";
 export const Animations = {
     slide: {
@@ -16,8 +16,6 @@ export const Animations = {
 };
 export function AnimateContainer({ children, animations, duration = 300, className, isLoading, hasData, }) {
     const contentRef = useRef(null);
-    const [prevData, setPrevData] = useState(hasData !== null && hasData !== void 0 ? hasData : false);
-    const [shouldAnimate, setShouldAnimate] = useState(false);
     useEffect(() => {
         if (contentRef.current &&
             (animations === null || animations === void 0 ? void 0 : animations.some((animation) => animation.isHeight))) {
@@ -25,21 +23,11 @@ export function AnimateContainer({ children, animations, duration = 300, classNa
         }
         if (isLoading)
             return;
-        if (prevData !== hasData) {
-            setShouldAnimate(true);
-            setPrevData(hasData !== null && hasData !== void 0 ? hasData : false);
-        }
-    }, [hasData, isLoading, animations, prevData]);
+    }, [isLoading, animations]);
     const getAnimationClasses = () => {
-        if (!shouldAnimate)
-            return "";
         return animations
             .map((animation) => (hasData ? animation.enter : animation.exit))
             .join(" ");
     };
     return (_jsx("div", Object.assign({ ref: contentRef, className: cn("overflow-hidden", getAnimationClasses(), className), style: { animationDuration: `${duration}ms` } }, { children: children })));
 }
-// TO REMOVE
-export function SlideUp(props) {
-    return _jsx(AnimateContainer, Object.assign({}, props, { animations: [Animations.slide] }));
-}

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

@@ -1,17 +1,4 @@
-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 };
+import { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, Type as ListType } from "react-swipeable-list";
+import "react-swipeable-list/dist/styles.css";
+export { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, ListType, };
 //# sourceMappingURL=swipeable-list-item.d.ts.map

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,CAiKvD,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":"AACA,OAAO,EACL,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,IAAI,IAAI,QAAQ,EACjB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,sCAAsC,CAAA;AAE7C,OAAO,EACL,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,QAAQ,GACT,CAAA"}

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

@@ -1,117 +1,4 @@
 "use client";
-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);
-    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 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) => {
-            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;
-            }
-            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);
-            }
-        },
-        onSwipedLeft: () => {
-            if (initialDirection === "horizontal") {
-                if (offset > thresholdPixels) {
-                    setIsOpen(true);
-                    setOffset(totalActionsWidth);
-                }
-                else {
-                    closeItem();
-                }
-            }
-            setInitialDirection(null);
-        },
-        onSwipedRight: () => {
-            if (initialDirection === "horizontal") {
-                closeItem();
-            }
-            setInitialDirection(null);
-        },
-        onSwiped: () => {
-            setInitialDirection(null);
-        },
-        trackMouse: true,
-        trackTouch: true,
-        delta: 5,
-        preventScrollOnSwipe: false,
-        rotationAngle: 0,
-    });
-    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",
-                        } }, { children: _jsx("button", Object.assign({ onClick: () => {
-                                action.onPress();
-                                if (action.closeOnAction !== false) {
-                                    closeItem();
-                                }
-                            }, 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 };
+import { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, Type as ListType, } from "react-swipeable-list";
+import "react-swipeable-list/dist/styles.css";
+export { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, ListType, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.99",
+  "version": "0.8.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -88,7 +88,7 @@
     "react-circular-progressbar": "2.2.0",
     "react-intersection-observer": "^9.10.2",
     "react-svg": "^16.1.34",
-    "react-swipeable": "^7.0.2",
+    "react-swipeable-list": "^1.10.0",
     "react-virtual": "^2.10.4",
     "swr": "^2.2.5",
     "tailwind-merge": "^1.13.2",