@tapcart/mobile-components 0.8.0 → 0.8.2

package/dist/components/hooks/use-mock-cart.js

@@ -147,7 +147,7 @@ const transformCart = ({ products, cartOrigin = cartMock, }) => {
         deliveryGroups,
         cost });
 };
-export const useMockCart = ({ apiUrl, appId, enabled = true, limit = 3, }) => {
+export const useMockCart = ({ apiUrl, appId, enabled = true, limit = 10, }) => {
     const { products, error: productsError, isLoading: productsLoading, } = useProducts({
         productIds: [],
         productHandles: [],

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/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,4 +1,9 @@
-import { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, Type as ListType } from "react-swipeable-list";
+import * as SwipeableListLib from "react-swipeable-list";
 import "react-swipeable-list/dist/styles.css";
-export { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, ListType, };
+export declare const LeadingActions: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const SwipeableList: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const SwipeableListItem: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const SwipeAction: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const TrailingActions: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ListType: typeof SwipeableListLib.Type;
 //# 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":"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"}
+{"version":3,"file":"swipeable-list-item.d.ts","sourceRoot":"","sources":["../../../components/ui/swipeable-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,sBAAsB,CAAA;AACxD,OAAO,sCAAsC,CAAA;AAG7C,eAAO,MAAM,cAAc,UAAW,GAAG,4CAExC,CAAA;AACD,eAAO,MAAM,aAAa,UAAW,GAAG,4CAEvC,CAAA;AACD,eAAO,MAAM,iBAAiB,UAAW,GAAG,4CAE3C,CAAA;AACD,eAAO,MAAM,WAAW,UAAW,GAAG,4CAErC,CAAA;AACD,eAAO,MAAM,eAAe,UAAW,GAAG,4CAEzC,CAAA;AACD,eAAO,MAAM,QAAQ,8BAAwB,CAAA"}

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

@@ -1,4 +1,11 @@
 "use client";
-import { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, Type as ListType, } from "react-swipeable-list";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SwipeableListLib from "react-swipeable-list";
 import "react-swipeable-list/dist/styles.css";
-export { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, ListType, };
+// Re-export as wrapped components
+export const LeadingActions = (props) => (_jsx(SwipeableListLib.LeadingActions, Object.assign({}, props)));
+export const SwipeableList = (props) => (_jsx(SwipeableListLib.SwipeableList, Object.assign({}, props)));
+export const SwipeableListItem = (props) => (_jsx(SwipeableListLib.SwipeableListItem, Object.assign({}, props)));
+export const SwipeAction = (props) => (_jsx(SwipeableListLib.SwipeAction, Object.assign({}, props)));
+export const TrailingActions = (props) => (_jsx(SwipeableListLib.TrailingActions, Object.assign({}, props)));
+export const ListType = SwipeableListLib.Type;

package/package.json

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