@tapcart/mobile-components 0.15.1 → 0.15.2

package/dist/components/hooks/use-order-details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-order-details.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-order-details.ts"],"names":[],"mappings":"AAKA,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAClC,CAAA;AA0LD,eAAO,MAAM,qBAAqB,UACzB,OAAO,MAAM,EAAE,GAAG,CAAC;kBACT,OAAO,MAAM,EAAE,GAAG,CAAC;kBAAgB,OAAO,MAAM,EAAE,GAAG,CAAC;CA+NxE,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAY,GACb,EAAE,oBAAoB,GAAG,iBAAiB,CAiE1C"}
+{"version":3,"file":"use-order-details.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-order-details.ts"],"names":[],"mappings":"AAKA,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAClC,CAAA;AA0LD,eAAO,MAAM,qBAAqB,UACzB,OAAO,MAAM,EAAE,GAAG,CAAC;kBACT,OAAO,MAAM,EAAE,GAAG,CAAC;kBAAgB,OAAO,MAAM,EAAE,GAAG,CAAC;CAmOxE,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAY,GACb,EAAE,oBAAoB,GAAG,iBAAiB,CAiE1C"}

package/dist/components/hooks/use-order-details.js

@@ -148,9 +148,12 @@ export const transformOrderDetails = (order) => {
             return parseFloat(amount) || 0;
         return 0;
     };
+    // Shopify Order Editing sets currentQuantity to 0 for removed/refunded
+    // line items — those must not be shown to the customer
+    const activeLineItems = (order.lineItems || []).filter((lineItem) => { var _a, _b; return ((_b = (_a = lineItem.currentQuantity) !== null && _a !== void 0 ? _a : lineItem.quantity) !== null && _b !== void 0 ? _b : 1) > 0; });
     // Transform line items to cart lines
-    const cartLines = (order.lineItems || []).map((lineItem) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    const cartLines = activeLineItems.map((lineItem) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         const variant = lineItem.variant || {};
         const product = variant.product || {};
         return {
@@ -185,14 +188,13 @@ export const transformOrderDetails = (order) => {
             productId: ((_k = variant.product) === null || _k === void 0 ? void 0 : _k.id) || lineItem.productId,
             merchandiseId: variant.id || lineItem.merchandiseId,
             title: lineItem.title || product.title || "Unknown Product",
-            quantity: lineItem.quantity || 1,
+            quantity: (_m = (_l = lineItem.currentQuantity) !== null && _l !== void 0 ? _l : lineItem.quantity) !== null && _m !== void 0 ? _m : 1,
             uniqueId: crypto.randomUUID(),
             vendor: product.vendor || lineItem.vendor || "Unknown",
             compareAtPrice: {
-                amount: parseAmount(((_l = lineItem.originalTotalPrice) === null || _l === void 0 ? void 0 : _l.amount) ||
-                    ((_m = lineItem.compareAtPrice) === null || _m === void 0 ? void 0 : _m.amount)),
-                currencyCode: ((_o = lineItem.originalTotalPrice) === null || _o === void 0 ? void 0 : _o.currencyCode) ||
-                    ((_p = lineItem.compareAtPrice) === null || _p === void 0 ? void 0 : _p.currencyCode) ||
+                amount: parseAmount(((_o = lineItem.originalTotalPrice) === null || _o === void 0 ? void 0 : _o.amount) || ((_p = lineItem.compareAtPrice) === null || _p === void 0 ? void 0 : _p.amount)),
+                currencyCode: ((_q = lineItem.originalTotalPrice) === null || _q === void 0 ? void 0 : _q.currencyCode) ||
+                    ((_r = lineItem.compareAtPrice) === null || _r === void 0 ? void 0 : _r.currencyCode) ||
                     order.currency ||
                     "USD",
             },
@@ -262,8 +264,8 @@ export const transformOrderDetails = (order) => {
             value: app.value || { percentage: 0 },
         })),
         subtotalPrice: wrapMoney(subtotal, currencyCode),
-        lineItems: (order.lineItems || []).map((lineItem) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        lineItems: activeLineItems.map((lineItem) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
             const variant = lineItem.variant || {};
             const product = variant.product || {};
             const currencyCode = ((_a = lineItem.discountedTotalPrice) === null || _a === void 0 ? void 0 : _a.currencyCode) ||
@@ -313,9 +315,9 @@ export const transformOrderDetails = (order) => {
                         discountApplication: allocation.discountApplication || {},
                     });
                 }),
-                quantity: lineItem.quantity || 1,
+                quantity: (_t = (_s = lineItem.currentQuantity) !== null && _s !== void 0 ? _s : lineItem.quantity) !== null && _t !== void 0 ? _t : 1,
                 title: lineItem.title || product.title,
-                id: ((_s = variant.id) === null || _s === void 0 ? void 0 : _s.split("/").pop()) || ((_t = lineItem.variantId) === null || _t === void 0 ? void 0 : _t.split("/").pop()),
+                id: ((_u = variant.id) === null || _u === void 0 ? void 0 : _u.split("/").pop()) || ((_v = lineItem.variantId) === null || _v === void 0 ? void 0 : _v.split("/").pop()),
             };
         }),
         totalPrice: wrapMoney(total, currencyCode),

package/dist/components/ui/carousel.js

@@ -145,7 +145,7 @@ Carousel.displayName = "Carousel";
 const CarouselContent = React.forwardRef((_a, ref) => {
     var { className, showOverflow = false } = _a, props = __rest(_a, ["className", "showOverflow"]);
     const { carouselRef, orientation } = useCarousel();
-    return (_jsx("div", Object.assign({ ref: carouselRef, className: `${showOverflow ? "overflow-visible" : "overflow-hidden"}` }, { children: _jsx("div", Object.assign({ ref: ref, className: cn("flex", orientation === "horizontal" ? "" : "-mt-4 flex-col", className) }, props)) })));
+    return (_jsx("div", Object.assign({ ref: carouselRef, className: `touch-pan-y ${showOverflow ? "overflow-visible" : "overflow-hidden"}` }, { children: _jsx("div", Object.assign({ ref: ref, className: cn("flex", orientation === "horizontal" ? "" : "-mt-4 flex-col", className) }, props)) })));
 });
 CarouselContent.displayName = "CarouselContent";
 const CarouselItem = React.forwardRef((_a, ref) => {

package/dist/styles.css

@@ -1219,6 +1219,9 @@ video {
 .h-\[80vh\] {
   height: 80vh;
 }
+.h-\[90vh\] {
+  height: 90vh;
+}
 .h-auto {
   height: auto;
 }

package/dist/tests/use-order-details.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-order-details.test.d.ts.map

package/dist/tests/use-order-details.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-order-details.test.d.ts","sourceRoot":"","sources":["../../tests/use-order-details.test.ts"],"names":[],"mappings":""}

package/dist/tests/use-order-details.test.js

@@ -0,0 +1,65 @@
+import { transformOrderDetails } from "../components/hooks/use-order-details";
+// jsdom does not implement crypto.randomUUID, which transformOrderDetails
+// uses for line uniqueIds
+beforeAll(() => {
+    if (typeof crypto.randomUUID !== "function") {
+        Object.defineProperty(crypto, "randomUUID", {
+            configurable: true,
+            value: () => `00000000-0000-4000-8000-${`${Math.random()}`
+                .slice(2, 14)
+                .padEnd(12, "0")}`,
+        });
+    }
+});
+const buildLineItem = (overrides = {}) => (Object.assign({ title: "Pink Palm Pajamas", quantity: 1, variant: {
+        id: "gid://shopify/ProductVariant/111",
+        title: "Blush Bay / XS",
+        price: { amount: "95.23", currencyCode: "USD" },
+        product: {
+            id: "gid://shopify/Product/11",
+            title: "Pink Palm Pajamas",
+            vendor: "Pink Palm Puff",
+        },
+    }, discountedTotalPrice: { amount: "95.23", currencyCode: "USD" }, originalTotalPrice: { amount: "95.23", currencyCode: "USD" } }, overrides));
+const buildOrder = (lineItems) => ({
+    id: "gid://shopify/Order/92625831",
+    currency: "USD",
+    totalAmount: "95.23",
+    lineItems,
+});
+describe("transformOrderDetails — Shopify Order Editing (currentQuantity)", () => {
+    it("prefers currentQuantity over quantity for edited orders", () => {
+        const { orderDetails, checkoutData } = transformOrderDetails(buildOrder([buildLineItem({ quantity: 3, currentQuantity: 2 })]));
+        expect(orderDetails.cart.lines).toHaveLength(1);
+        expect(orderDetails.cart.lines[0].quantity).toBe(2);
+        expect(checkoutData.lineItems[0].quantity).toBe(2);
+    });
+    it("excludes line items removed via order editing (currentQuantity 0)", () => {
+        const { orderDetails, checkoutData } = transformOrderDetails(buildOrder([
+            buildLineItem({
+                title: "Pink Palm Pajamas",
+                quantity: 1,
+                currentQuantity: 1,
+            }),
+            buildLineItem({
+                title: "Live in the Moment Hoodie",
+                quantity: 1,
+                currentQuantity: 0,
+            }),
+        ]));
+        expect(orderDetails.cart.lines).toHaveLength(1);
+        expect(orderDetails.cart.lines[0].title).toBe("Pink Palm Pajamas");
+        expect(checkoutData.lineItems).toHaveLength(1);
+        expect(checkoutData.lineItems[0].title).toBe("Pink Palm Pajamas");
+    });
+    it("falls back to quantity when currentQuantity is absent (unedited orders)", () => {
+        const { orderDetails } = transformOrderDetails(buildOrder([buildLineItem({ quantity: 2 })]));
+        expect(orderDetails.cart.lines).toHaveLength(1);
+        expect(orderDetails.cart.lines[0].quantity).toBe(2);
+    });
+    it("defaults quantity to 1 when neither field is present", () => {
+        const { orderDetails } = transformOrderDetails(buildOrder([buildLineItem({ quantity: undefined })]));
+        expect(orderDetails.cart.lines).toHaveLength(1);
+        expect(orderDetails.cart.lines[0].quantity).toBe(1);
+    });
+});

package/package.json

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