@tapcart/mobile-components 0.7.69 → 0.7.70

package/dist/components/hooks/use-infinite-scroll.js

@@ -41,7 +41,7 @@ const constructURL = (apiURL) => {
     const url = new URL(apiURL);
     return url.toString();
 };
-const useInfiniteScroll = ({ initialData, queryVariables: queryVariableProps, direction = "vertical", productLimit = Infinity, threshold = 0.8, interval = 300, }) => {
+const useInfiniteScroll = ({ initialData, queryVariables: queryVariableProps, direction = "vertical", productLimit = Infinity, threshold = 0.01, interval = 300, }) => {
     var _a, _b, _c, _d, _e;
     const searchParams = useSearchParams();
     const productCount = useRef(0);

package/dist/components/ui/image.d.ts.map

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

package/dist/components/ui/image.js

@@ -14,7 +14,6 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 /* eslint-disable @next/next/no-img-element */
 import * as React from "react";
 import ReactDOM from "react-dom";
-import { cn } from "../../lib/utils";
 function ImagePreload({ imgAttributes }) {
     const opts = {
         as: "image",
@@ -176,16 +175,14 @@ export const Image = React.forwardRef((_a, ref) => {
                     sizes,
                     fetchPriority: normalizedProps.fetchPriority,
                     src: normalizedProps.src || "",
-                } })), _jsx("div", Object.assign({ className: cn("relative border-transparent", {
-                    "bg-stateColors-skeleton": hasError || !isLoaded,
-                }), style: Object.assign({ borderRadius: `${imageRadius}px` }, wrapperStyle) }, { children: !hasError && normalizedProps.src ? (_jsx("img", Object.assign({}, passthroughProps, { fetchPriority: normalizedProps.fetchPriority, alt: normalizedProps.alt, decoding: decoding, height: normalizedProps.height, loading: loading, srcSet: srcSet, width: normalizedProps.width, className: imgClassName, onLoad: handleImageLoad, onError: handleImageError, sizes: sizes, 
+                } })), _jsx("div", Object.assign({ className: "relative border-transparent bg-stateColors-skeleton", style: Object.assign({ borderRadius: `${imageRadius}px` }, wrapperStyle) }, { children: !hasError && normalizedProps.src ? (_jsx("img", Object.assign({}, passthroughProps, { fetchPriority: normalizedProps.fetchPriority, alt: normalizedProps.alt, decoding: decoding, height: normalizedProps.height, loading: loading, srcSet: srcSet, width: normalizedProps.width, className: imgClassName, onLoad: handleImageLoad, onError: handleImageError, sizes: sizes, 
                     // `src` needs to come after `sizes` and `srcSet` because React updates
                     // attributes in order. If we keep `src` the first one, Safari will
                     // immediately start to fetch `src`, before `sizes` and `srcSet` are even
                     // updated by React. That causes multiple unnecessary requests if `srcSet`
                     // and `sizes` are defined.
                     // This bug cannot be reproduced in Chrome or Firefox.
-                    src: normalizedProps.src, ref: setRefs, style: Object.assign({ objectFit: normalizedProps.objectFit, maxHeight: "100%", height: "100%", width: "100%", borderRadius: `${imageRadius}px` }, passthroughProps.style) }))) : (_jsx("div", { className: "w-full h-full bg-stateColors-skeleton", style: Object.assign({ aspectRatio: aspectRatio && aspectRatio !== "auto"
+                    src: normalizedProps.src, ref: setRefs, style: Object.assign({ objectFit: normalizedProps.objectFit, maxHeight: "100%", height: "100%", width: "100%", borderRadius: `${imageRadius}px` }, passthroughProps.style) }))) : (_jsx("div", { className: "w-full h-full", style: Object.assign({ aspectRatio: aspectRatio && aspectRatio !== "auto"
                             ? (_c = normalizedProps === null || normalizedProps === void 0 ? void 0 : normalizedProps.aspectRatio) === null || _c === void 0 ? void 0 : _c.replace(":", "/")
                             : "2/3" }, imageWrapperStyles) })) }))] }));
 });

package/dist/components/ui/virtual-grid.d.ts

@@ -4,7 +4,8 @@ interface GridType {
     className: any;
     children: React.ReactNode;
     isLoadingMore: boolean;
-    loaderItem: React.ReactNode;
+    isReachingEnd: boolean;
+    LoaderItem: React.FunctionComponent;
     overscan?: number;
     estimatedHeight?: number;
 }
@@ -13,6 +14,6 @@ declare const virtualGridVariants: (props?: ({
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface VirtualGridProps extends GridType, VariantProps<typeof virtualGridVariants> {
 }
-declare function VirtualGrid({ className, columns, children, overscan, estimatedHeight, isLoadingMore, loaderItem, }: VirtualGridProps): import("react/jsx-runtime").JSX.Element;
+declare function VirtualGrid({ className, columns, children, overscan, estimatedHeight, isLoadingMore, isReachingEnd, LoaderItem, }: VirtualGridProps): import("react/jsx-runtime").JSX.Element;
 export { VirtualGrid, virtualGridVariants };
 //# sourceMappingURL=virtual-grid.d.ts.map

package/dist/components/ui/virtual-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-grid.d.ts","sourceRoot":"","sources":["../../../components/ui/virtual-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,UAAU,QAAQ;IAChB,SAAS,EAAE,GAAG,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,QAAA,MAAM,mBAAmB;;mFAYvB,CAAA;AAEF,MAAM,WAAW,gBACf,SAAQ,QAAQ,EACd,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAE/C,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAY,EACZ,eAAqB,EACrB,aAAa,EACb,UAAU,GACX,EAAE,gBAAgB,2CA4ElB;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"virtual-grid.d.ts","sourceRoot":"","sources":["../../../components/ui/virtual-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,UAAU,QAAQ;IAChB,SAAS,EAAE,GAAG,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,QAAA,MAAM,mBAAmB;;mFAYvB,CAAA;AAEF,MAAM,WAAW,gBACf,SAAQ,QAAQ,EACd,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAE/C,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAY,EACZ,eAAqB,EACrB,aAAa,EACb,aAAa,EACb,UAAU,GACX,EAAE,gBAAgB,2CA+DlB;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/ui/virtual-grid.js

@@ -16,13 +16,13 @@ const virtualGridVariants = cva("grid", {
         columns: 2,
     },
 });
-function VirtualGrid({ className, columns, children, overscan = 4, estimatedHeight = 375, isLoadingMore, loaderItem, }) {
+function VirtualGrid({ className, columns, children, overscan = 4, estimatedHeight = 375, isLoadingMore, isReachingEnd, LoaderItem, }) {
     const NUM_LOADER_ITEMS = columns || 2;
     const col = columns || 2;
     const parentRef = React.useRef(document.getElementById("tc-vgsl"));
     const childrenArray = React.Children.toArray(children);
     const rowCount = Math.ceil(childrenArray.length / col);
-    const totalItems = rowCount + (isLoadingMore ? 1 : 0);
+    const totalItems = rowCount;
     const rowVirtualizer = useVirtual({
         size: totalItems,
         parentRef,
@@ -36,15 +36,6 @@ function VirtualGrid({ className, columns, children, overscan = 4, estimatedHeig
             willChange: "transform",
         }, className: cn(virtualGridVariants({ columns }), className) }, { children: rowVirtualizer.virtualItems.map((virtualRow) => {
             const rowStartIndex = virtualRow.index * col;
-            if (isLoadingMore && virtualRow.index === rowCount) {
-                return (_jsx("div", Object.assign({ style: {
-                        position: "absolute",
-                        top: 0,
-                        left: 0,
-                        width: "100%",
-                        transform: `translateY(${virtualRow.start}px)`,
-                    }, className: cn(virtualGridVariants({ columns })), ref: virtualRow.measureRef }, { children: Array.from({ length: NUM_LOADER_ITEMS }).map((_, index) => (_jsx("div", { children: loaderItem }, index))) }), `loader-row-${virtualRow.index}`));
-            }
             return (_jsx("div", Object.assign({ className: cn(virtualGridVariants({ columns })), style: {
                     position: "absolute",
                     top: 0,
@@ -53,8 +44,9 @@ function VirtualGrid({ className, columns, children, overscan = 4, estimatedHeig
                     transform: `translateY(${virtualRow.start}px)`,
                 }, ref: virtualRow.measureRef }, { children: Array.from({ length: col }).map((_, colIndex) => {
                     const index = rowStartIndex + colIndex;
-                    if (index >= childrenArray.length)
-                        return null;
+                    if ((index >= childrenArray.length && !isReachingEnd) ||
+                        !childrenArray[index])
+                        return (_jsx("div", { children: _jsx(LoaderItem, {}) }, index));
                     return _jsx("div", { children: childrenArray[index] }, index);
                 }) }), `row-${virtualRow.index}`));
         }) })));

package/dist/styles.css

@@ -1443,10 +1443,18 @@ video {
 .rounded-sm {
   border-radius: calc(var(--radius) - 4px);
 }
+.rounded-b {
+  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
 .rounded-b-lg {
   border-bottom-right-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
 }
+.rounded-t {
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .rounded-t-2xl {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
@@ -2027,6 +2035,9 @@ video {
 .opacity-50 {
   opacity: 0.5;
 }
+.opacity-70 {
+  opacity: 0.7;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.69",
+  "version": "0.7.70",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -11,6 +11,20 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Tapcart Inc.",
   "homepage": "https://tapcart.com",
+  "scripts": {
+    "clean": "rm -rf dist node_modules",
+    "lint": "eslint \"**/*.ts*\"",
+    "ui:add": "pnpm dlx shadcn-ui@latest add",
+    "build:styles": "postcss styles/globals.css -o dist/styles.css",
+    "build:ts": "tsc -p tsconfig.json && tsc-alias",
+    "build": "pnpm run build:ts && pnpm run build:styles",
+    "dev:ts": "tsc -w -p tsconfig.json",
+    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
+    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\"",
+    "test": "jest",
+    "test:silent": "jest --silent",
+    "test:watch": "jest --watch"
+  },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
@@ -23,20 +37,20 @@
     "@types/pluralize": "^0.0.33",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
+    "app-studio-types": "workspace:*",
     "autoprefixer": "^10.4.14",
     "chokidar-cli": "^3.0.0",
     "concurrently": "^8.2.2",
     "eslint": "^7.32.0",
+    "eslint-config-custom": "workspace:*",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.4.24",
     "tailwindcss": "^3.3.2",
     "ts-jest": "^29.2.5",
     "tsc-alias": "^1.8.10",
-    "typescript": "^4.5.2",
-    "app-studio-types": "0.0.9",
-    "eslint-config-custom": "0.0.0",
-    "tsconfig": "0.0.0"
+    "tsconfig": "workspace:*",
+    "typescript": "^4.5.2"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.1.2",
@@ -76,19 +90,5 @@
     "tailwind-merge": "^1.13.2",
     "tailwindcss-animate": "^1.0.6",
     "vaul": "0.9.1"
-  },
-  "scripts": {
-    "clean": "rm -rf dist node_modules",
-    "lint": "eslint \"**/*.ts*\"",
-    "ui:add": "pnpm dlx shadcn-ui@latest add",
-    "build:styles": "postcss styles/globals.css -o dist/styles.css",
-    "build:ts": "tsc -p tsconfig.json && tsc-alias",
-    "build": "pnpm run build:ts && pnpm run build:styles",
-    "dev:ts": "tsc -w -p tsconfig.json",
-    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
-    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\"",
-    "test": "jest",
-    "test:silent": "jest --silent",
-    "test:watch": "jest --watch"
   }
-}
+}

package/dist/components/hooks/use-click-outside.d.ts

@@ -1,6 +0,0 @@
-import React from "react"
-export declare function useClickOutside(
-  ref: React.RefObject<HTMLElement>,
-  callback: () => void
-): void
-//# sourceMappingURL=use-click-outside.d.ts.map

package/dist/components/hooks/use-click-outside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-click-outside.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-click-outside.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAE,IAAI,CAa5F"}

package/dist/components/hooks/use-click-outside.js

@@ -1,15 +0,0 @@
-"use client"
-import React from "react"
-export function useClickOutside(ref, callback) {
-  React.useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback()
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside)
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside)
-    }
-  }, [ref, callback])
-}

package/dist/components/hooks/use-outside-click.d.ts

@@ -1,7 +0,0 @@
-import React from "react"
-declare const useClickOutside: (
-  ref: React.RefObject<HTMLElement>,
-  callback: () => void
-) => void
-export default useClickOutside
-//# sourceMappingURL=use-outside-click.d.ts.map

package/dist/components/hooks/use-outside-click.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-outside-click.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-outside-click.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,eAAe,QAAS,MAAM,SAAS,CAAC,WAAW,CAAC,YAAY,MAAM,IAAI,SAa/E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/hooks/use-outside-click.js

@@ -1,16 +0,0 @@
-"use client"
-import React from "react"
-const useClickOutside = (ref, callback) => {
-  React.useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback()
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside)
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside)
-    }
-  }, [ref, callback])
-}
-export default useClickOutside

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

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

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

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