@tapcart/mobile-components 0.8.10 → 0.8.11

package/dist/components/ui/image.js

@@ -66,7 +66,7 @@ function ImagePreload({ imgAttributes }) {
  */
 export const Image = React.forwardRef((_a, ref) => {
     var _b, _c;
-    var { alt, aspectRatio, crop = "center", data, decoding = "async", height = "auto", loader = shopifyLoader, loading = "lazy", sizes, src, imageWrapperStyles, imageRadius, srcSetOptions = {
+    var { alt, aspectRatio, crop = "center", data, decoding = "async", height = "auto", loader = shopifyLoader, loading = "eager", sizes, src, imageWrapperStyles, imageRadius, srcSetOptions = {
         intervals: 15,
         startingWidth: 100,
         incrementSize: 100,

package/dist/lib/cart.util.js

@@ -145,7 +145,7 @@ const getTotalDiscountedPrice = (totalCompareAtPrice, discountsTotalAmount, sale
         (giftCardsTotalAmount === undefined || isNaN(giftCardsTotalAmount)
             ? 0
             : giftCardsTotalAmount);
-    return isNaN(total) ? 0 : total;
+    return isNaN(total) ? 0 : Math.max(0, total);
 };
 const getTotalSavedAmount = (cart) => {
     const salesAmount = getSalesAmount(cart);

package/dist/lib/cart.util.test.js

@@ -147,5 +147,78 @@ describe("cart-provider.util", () => {
             // 100 (compare) - 10 (discount) - 20 (sale) - 5 (gift card) = 65
             expect(result.totalDiscountedPrice).toBe(125);
         });
+        it("should never return negative or NaN values for totalDiscountedPrice", () => {
+            // Test case 1: Normal case with valid data
+            const normalCart = Object.assign(Object.assign({}, baseCartData), { items: [
+                    {
+                        id: "line1",
+                        quantity: 1,
+                        productId: "prod1",
+                        variantId: "var1",
+                        productDetails: {},
+                        variantDetails: {
+                            compareAtPrice: { amount: "100.00", currencyCode: "USD" },
+                            price: { amount: "80.00", currencyCode: "USD" },
+                        },
+                        discounts: [],
+                        cost: { totalAmount: { amount: "80.00", currencyCode: "USD" } },
+                    },
+                ] });
+            let result = getCalculatedCartData(normalCart);
+            expect(result.totalDiscountedPrice).not.toBeLessThan(0);
+            expect(isNaN(result.totalDiscountedPrice)).toBe(false);
+            // Test case 2: Edge case with extreme discounts that exceed item price
+            const extremeDiscountCart = Object.assign(Object.assign({}, baseCartData), { items: [
+                    {
+                        id: "line1",
+                        quantity: 1,
+                        productId: "prod1",
+                        variantId: "var1",
+                        productDetails: {},
+                        variantDetails: {
+                            compareAtPrice: { amount: "50.00", currencyCode: "USD" },
+                            price: { amount: "20.00", currencyCode: "USD" },
+                        },
+                        discounts: [
+                            {
+                                amount: 100,
+                                type: "LINE_ITEM",
+                                code: "HUGE_DISCOUNT",
+                            },
+                        ],
+                        cost: { totalAmount: { amount: "20.00", currencyCode: "USD" } },
+                    },
+                ], discountAllocations: [
+                    {
+                        targetType: DiscountApplicationTargetType.LineItem,
+                        discountedAmount: { amount: "100.00", currencyCode: "USD" },
+                        code: "HUGE_DISCOUNT",
+                    },
+                ] });
+            result = getCalculatedCartData(extremeDiscountCart);
+            expect(result.totalDiscountedPrice).not.toBeLessThan(0);
+            expect(isNaN(result.totalDiscountedPrice)).toBe(false);
+            // Test case 3: Edge case with missing price data
+            const missingDataCart = Object.assign(Object.assign({}, baseCartData), { items: [
+                    {
+                        id: "line1",
+                        quantity: 1,
+                        productId: "prod1",
+                        variantId: "var1",
+                        productDetails: {},
+                        variantDetails: {
+                            compareAtPrice: { amount: "", currencyCode: "USD" },
+                            price: { amount: null, currencyCode: "USD" }, // Null amount
+                        },
+                        discounts: [],
+                        cost: {
+                            totalAmount: { amount: undefined, currencyCode: "USD" },
+                        },
+                    },
+                ] });
+            result = getCalculatedCartData(missingDataCart);
+            expect(result.totalDiscountedPrice).not.toBeLessThan(0);
+            expect(isNaN(result.totalDiscountedPrice)).toBe(false);
+        });
     });
 });

package/dist/styles.css

@@ -980,6 +980,9 @@ video {
 .h-2\.5 {
   height: 0.625rem;
 }
+.h-20 {
+  height: 5rem;
+}
 .h-24 {
   height: 6rem;
 }
@@ -1013,6 +1016,9 @@ video {
 .h-\[1px\] {
   height: 1px;
 }
+.h-\[20vh\] {
+  height: 20vh;
+}
 .h-\[22px\] {
   height: 22px;
 }
@@ -1118,6 +1124,9 @@ video {
 .w-\[40px\] {
   width: 40px;
 }
+.w-\[54px\] {
+  width: 54px;
+}
 .w-auto {
   width: auto;
 }
@@ -1390,6 +1399,9 @@ video {
 .gap-2 {
   gap: 0.5rem;
 }
+.gap-2\.5 {
+  gap: 0.625rem;
+}
 .gap-4 {
   gap: 1rem;
 }
@@ -1810,6 +1822,9 @@ video {
 .pl-2 {
   padding-left: 0.5rem;
 }
+.pl-3 {
+  padding-left: 0.75rem;
+}
 .pl-4 {
   padding-left: 1rem;
 }

package/package.json

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