@tapcart/mobile-components 0.16.1 → 0.16.2

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

@@ -9,6 +9,29 @@ type UseOrderDetailsProps = {
 type UseProductsReturn = {
     orderDetails: Record<string, any>;
 };
+/**
+ * Effective (post-edit) quantity for an order line item, correct across BOTH
+ * Shopify order APIs the app consumes:
+ *
+ *  - Storefront API exposes `currentQuantity` (ordered minus removed); it is 0
+ *    for a line removed via Order Editing. Authoritative when present.
+ *  - New Customer Account API has NO `currentQuantity`. There the only
+ *    per-line signal is `refundableQuantity` (= quantity − refunded), which is
+ *    also driven down to the post-edit count by an Order Editing removal
+ *    (verified against real prod data: a removed line has refundableQuantity 0
+ *    with no refund record). We trust it ONLY when the order was `edited` AND
+ *    has no refund activity — because a refund/return ALSO lowers
+ *    `refundableQuantity`, and `edited` is sticky, so on an edited-then-refunded
+ *    order we cannot tell an edit-removal from a return. In that case we fall
+ *    back to the ordered `quantity` (show the item) rather than risk hiding a
+ *    line the customer actually bought / returned, or blanking a fully-refunded
+ *    order. Trade-off: an item removed via an edit that DID issue a refund is
+ *    not hidden (needs a per-line signal the API doesn't expose).
+ *
+ * Exported so blocks (PurchaseOverview, OrderHistory, OrderStatus) that build
+ * their own order objects from raw `customer.orders` share one implementation.
+ */
+export declare const getEffectiveLineQuantity: (order: Record<string, any>, lineItem: Record<string, any>) => number;
 export declare const transformOrderDetails: (order: Record<string, any>) => {
     orderDetails: Record<string, any>;
     checkoutData: Record<string, any>;

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;CAmOxE,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;AAwMD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,wBAAwB,UAC5B,OAAO,MAAM,EAAE,GAAG,CAAC,YAChB,OAAO,MAAM,EAAE,GAAG,CAAC,KAC5B,MAUF,CAAA;AAED,eAAO,MAAM,qBAAqB,UACzB,OAAO,MAAM,EAAE,GAAG,CAAC;kBACT,OAAO,MAAM,EAAE,GAAG,CAAC;kBAAgB,OAAO,MAAM,EAAE,GAAG,CAAC;CAoOxE,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

@@ -138,6 +138,54 @@ const updateLineDetails = (line, product) => {
     line.sellingPlan = (_k = (_j = product.sellingPlanAllocation) === null || _j === void 0 ? void 0 : _j.sellingPlan) === null || _k === void 0 ? void 0 : _k.name;
     line.variantName = (_l = product.variant) === null || _l === void 0 ? void 0 : _l.title;
 };
+/**
+ * True when an order has any refund/return activity. Used to keep the
+ * Customer-Account-API `refundableQuantity` heuristic (below) away from orders
+ * whose `refundableQuantity` was lowered by a refund rather than an order edit.
+ */
+const hasRefundActivity = (order) => {
+    var _a, _b, _c;
+    if (Array.isArray(order === null || order === void 0 ? void 0 : order.refunds) && order.refunds.length > 0)
+        return true;
+    const refunded = (_c = (_b = (_a = order === null || order === void 0 ? void 0 : order.totalRefunded) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : order === null || order === void 0 ? void 0 : order.totalRefunded) !== null && _c !== void 0 ? _c : order === null || order === void 0 ? void 0 : order.totalRefund;
+    if (refunded != null && parseFloat(String(refunded)) > 0)
+        return true;
+    const status = String((order === null || order === void 0 ? void 0 : order.financialStatus) || "").toUpperCase();
+    return status.includes("REFUND"); // REFUNDED / PARTIALLY_REFUNDED
+};
+/**
+ * Effective (post-edit) quantity for an order line item, correct across BOTH
+ * Shopify order APIs the app consumes:
+ *
+ *  - Storefront API exposes `currentQuantity` (ordered minus removed); it is 0
+ *    for a line removed via Order Editing. Authoritative when present.
+ *  - New Customer Account API has NO `currentQuantity`. There the only
+ *    per-line signal is `refundableQuantity` (= quantity − refunded), which is
+ *    also driven down to the post-edit count by an Order Editing removal
+ *    (verified against real prod data: a removed line has refundableQuantity 0
+ *    with no refund record). We trust it ONLY when the order was `edited` AND
+ *    has no refund activity — because a refund/return ALSO lowers
+ *    `refundableQuantity`, and `edited` is sticky, so on an edited-then-refunded
+ *    order we cannot tell an edit-removal from a return. In that case we fall
+ *    back to the ordered `quantity` (show the item) rather than risk hiding a
+ *    line the customer actually bought / returned, or blanking a fully-refunded
+ *    order. Trade-off: an item removed via an edit that DID issue a refund is
+ *    not hidden (needs a per-line signal the API doesn't expose).
+ *
+ * Exported so blocks (PurchaseOverview, OrderHistory, OrderStatus) that build
+ * their own order objects from raw `customer.orders` share one implementation.
+ */
+export const getEffectiveLineQuantity = (order, lineItem) => {
+    var _a;
+    if (lineItem.currentQuantity != null)
+        return lineItem.currentQuantity;
+    if ((order === null || order === void 0 ? void 0 : order.edited) === true &&
+        lineItem.refundableQuantity != null &&
+        !hasRefundActivity(order)) {
+        return lineItem.refundableQuantity;
+    }
+    return (_a = lineItem.quantity) !== null && _a !== void 0 ? _a : 1;
+};
 export const transformOrderDetails = (order) => {
     var _a;
     // Helper function to safely parse amounts
@@ -148,12 +196,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; });
+    const effectiveQuantity = (lineItem) => getEffectiveLineQuantity(order, lineItem);
+    // Line items removed via Order Editing must not be shown to the customer
+    const activeLineItems = (order.lineItems || []).filter((lineItem) => effectiveQuantity(lineItem) > 0);
     // Transform line items to cart lines
     const cartLines = activeLineItems.map((lineItem) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const variant = lineItem.variant || {};
         const product = variant.product || {};
         return {
@@ -188,13 +236,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: (_m = (_l = lineItem.currentQuantity) !== null && _l !== void 0 ? _l : lineItem.quantity) !== null && _m !== void 0 ? _m : 1,
+            quantity: effectiveQuantity(lineItem),
             uniqueId: crypto.randomUUID(),
             vendor: product.vendor || lineItem.vendor || "Unknown",
             compareAtPrice: {
-                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) ||
+                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) ||
                     order.currency ||
                     "USD",
             },
@@ -265,7 +313,7 @@ export const transformOrderDetails = (order) => {
         })),
         subtotalPrice: wrapMoney(subtotal, currencyCode),
         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;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
             const variant = lineItem.variant || {};
             const product = variant.product || {};
             const currencyCode = ((_a = lineItem.discountedTotalPrice) === null || _a === void 0 ? void 0 : _a.currencyCode) ||
@@ -315,9 +363,9 @@ export const transformOrderDetails = (order) => {
                         discountApplication: allocation.discountApplication || {},
                     });
                 }),
-                quantity: (_t = (_s = lineItem.currentQuantity) !== null && _s !== void 0 ? _s : lineItem.quantity) !== null && _t !== void 0 ? _t : 1,
+                quantity: effectiveQuantity(lineItem),
                 title: lineItem.title || product.title,
-                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()),
+                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()),
             };
         }),
         totalPrice: wrapMoney(total, currencyCode),

package/dist/components/ui/drawer.d.ts

@@ -33,11 +33,12 @@ declare const DrawerContentBase: React.ForwardRefExoticComponent<Omit<React.Deta
     containerRef?: HTMLElement | undefined;
     maxHeight?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DrawerFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 type DrawerHeaderProps = {
     iconLeftName?: string;
     iconRightName?: string;
@@ -46,5 +47,5 @@ type DrawerHeaderProps = {
 };
 declare const DrawerHeader: ({ title, iconLeftName, iconRightName, onCloseClick, }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
 declare const DrawerContent: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContentBase, DrawerContent, DrawerFooter, DrawerDescription, DrawerHeader, };
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContentBase, DrawerContent, DrawerFooter, DrawerTitle, DrawerDescription, DrawerHeader, };
 //# sourceMappingURL=drawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAA;AAKhD,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8BAA0D,CAAA;AAG7E,QAAA,MAAM,YAAY;iCAAgC,iBAAiB;;CAgBlE,CAAA;AAGD,QAAA,MAAM,WAAW,4BAAsD,CAAA;AAGvE,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,MAAM;0CAAyC,WAAW;;CAS/D,CAAA;AAOD,QAAA,MAAM,aAAa;;wCAYlB,CAAA;AAWD,QAAA,MAAM,iBAAiB;;;;;;wCA2CtB,CAAA;AA0BD,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,iBAAiB,qLASrB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,YAAY,0DAKf,iBAAiB,4CA8BnB,CAAA;AAED,QAAA,MAAM,aAAa,sCAIhB,MAAM,cAAc,CAAC,cAAc,CAAC,4CAMtC,CAAA;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,YAAY,GACb,CAAA"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAA;AAKhD,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8BAA0D,CAAA;AAG7E,QAAA,MAAM,YAAY;iCAAgC,iBAAiB;;CAgBlE,CAAA;AAGD,QAAA,MAAM,WAAW,4BAAsD,CAAA;AAGvE,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,MAAM;0CAAyC,WAAW;;CAS/D,CAAA;AAOD,QAAA,MAAM,aAAa;;wCAYlB,CAAA;AAWD,QAAA,MAAM,iBAAiB;;;;;;wCA2CtB,CAAA;AAWD,QAAA,MAAM,WAAW,qLAYf,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,iBAAiB,+LASrB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,YAAY,0DAKf,iBAAiB,4CA8BnB,CAAA;AAED,QAAA,MAAM,aAAa,sCAIhB,MAAM,cAAc,CAAC,cAAc,CAAC,4CAMtC,CAAA;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,GACb,CAAA"}

package/dist/components/ui/drawer.js

@@ -71,9 +71,9 @@ const DrawerFooter = (_a) => {
 DrawerFooter.displayName = "DrawerFooter";
 const DrawerDescription = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("p", Object.assign({ ref: ref, className: cn("text-sm text-muted-foreground", className) }, props)));
+    return (_jsx(DrawerPrimitive.Description, Object.assign({ ref: ref, className: cn("text-sm text-muted-foreground", className) }, props)));
 });
-DrawerDescription.displayName = "DrawerDescription";
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 const DrawerHeader = ({ title, iconLeftName, iconRightName, onCloseClick, }) => {
     return (_jsxs(DrawerHeaderBase, Object.assign({ className: "p-4 text-center flex justify-between" }, { children: [iconLeftName ? (_jsx(DrawerClose, Object.assign({ className: "h-6 w-6 p-0", onClick: onCloseClick }, { children: _jsx(Icon, { name: iconLeftName, color: "coreColors-secondaryIcon", className: "h-6 w-6 p-0", size: "md" }) }))) : (_jsx("div", { className: "w-6" })), _jsx(DrawerTitle, { children: title }), iconRightName ? (_jsx(DrawerClose, Object.assign({ className: "h-6 w-6 p-0", onClick: onCloseClick }, { children: _jsx(Icon, { name: iconRightName, color: "coreColors-secondaryIcon", className: "h-6 w-6 p-0", size: "md" }) }))) : (_jsx("div", { className: "w-6" }))] })));
 };
@@ -81,4 +81,4 @@ const DrawerContent = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
     return (_jsx("div", Object.assign({ className: cn("h-full overflow-scroll", className) }, props, { children: children })));
 };
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContentBase, DrawerContent, DrawerFooter, DrawerDescription, DrawerHeader, };
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContentBase, DrawerContent, DrawerFooter, DrawerTitle, DrawerDescription, DrawerHeader, };

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

@@ -1,4 +1,4 @@
-import { transformOrderDetails } from "../components/hooks/use-order-details";
+import { transformOrderDetails, getEffectiveLineQuantity, } from "../components/hooks/use-order-details";
 // jsdom does not implement crypto.randomUUID, which transformOrderDetails
 // uses for line uniqueIds
 beforeAll(() => {
@@ -63,3 +63,86 @@ describe("transformOrderDetails — Shopify Order Editing (currentQuantity)", ()
         expect(orderDetails.cart.lines[0].quantity).toBe(1);
     });
 });
+describe("transformOrderDetails — New Customer Account API (no currentQuantity)", () => {
+    // Modeled on real prod data (Pink Palm Puff order #PPP95701331): the
+    // Customer Account API LineItem has NO `currentQuantity` — a line removed via
+    // Order Editing keeps `quantity: 1` and signals removal only via
+    // `refundableQuantity: 0`. The kept line has `refundableQuantity: 1`.
+    const editedOrder = {
+        id: "gid://shopify/Order/10929524212006",
+        currency: "USD",
+        edited: true,
+        financialStatus: "PAID",
+        refunds: [],
+        totalRefunded: { amount: "0.0", currencyCode: "USD" },
+        totalAmount: "63.88",
+        lineItems: [
+            {
+                title: "Couture Carryall in Blush Bay (Reversible)",
+                quantity: 1,
+                refundableQuantity: 0,
+                price: { amount: "99.0", currencyCode: "USD" },
+            },
+            {
+                title: "Malibu Slippers in Blush Bay",
+                quantity: 1,
+                refundableQuantity: 1,
+                price: { amount: "59.0", currencyCode: "USD" },
+            },
+        ],
+    };
+    it("hides items removed via order editing on an edited order", () => {
+        const { orderDetails, checkoutData } = transformOrderDetails(editedOrder);
+        expect(orderDetails.cart.lines).toHaveLength(1);
+        expect(orderDetails.cart.lines[0].title).toBe("Malibu Slippers in Blush Bay");
+        expect(checkoutData.lineItems).toHaveLength(1);
+        expect(checkoutData.lineItems[0].title).toBe("Malibu Slippers in Blush Bay");
+    });
+    it("does NOT hide items on an UN-edited fully-refunded order", () => {
+        // Real prod data: cancelled+refunded order #PPP95700931 — edited:false,
+        // both lines refundableQuantity:0. These must still display in full.
+        const refundedOrder = Object.assign(Object.assign({}, editedOrder), { id: "gid://shopify/Order/10929514119462", edited: false, lineItems: editedOrder.lineItems.map((li) => (Object.assign(Object.assign({}, li), { refundableQuantity: 0 }))) });
+        const { orderDetails } = transformOrderDetails(refundedOrder);
+        expect(orderDetails.cart.lines).toHaveLength(2);
+    });
+    it("does NOT hide items on an EDITED order that also has a refund/return", () => {
+        // `edited` is sticky in Shopify and `refundableQuantity` drops on refunds
+        // too, so an edited-then-returned order must NOT collapse: fall back to
+        // ordered quantity rather than blank the order / hide bought items.
+        const editedAndRefunded = Object.assign(Object.assign({}, editedOrder), { financialStatus: "REFUNDED", totalRefunded: { amount: "171.06", currencyCode: "USD" }, refunds: [{ id: "gid://shopify/Refund/1", createdAt: "2026-07-08" }], lineItems: editedOrder.lineItems.map((li) => (Object.assign(Object.assign({}, li), { refundableQuantity: 0 }))) });
+        const { orderDetails } = transformOrderDetails(editedAndRefunded);
+        expect(orderDetails.cart.lines).toHaveLength(2);
+    });
+    it("reduces (not hides) a quantity edited down on an edited order", () => {
+        const { orderDetails } = transformOrderDetails(Object.assign(Object.assign({}, editedOrder), { lineItems: [
+                {
+                    title: "Pink Palm Pajamas",
+                    quantity: 3,
+                    refundableQuantity: 2,
+                    price: { amount: "95.0", currencyCode: "USD" },
+                },
+            ] }));
+        expect(orderDetails.cart.lines).toHaveLength(1);
+        expect(orderDetails.cart.lines[0].quantity).toBe(2);
+    });
+});
+describe("getEffectiveLineQuantity", () => {
+    it("prefers currentQuantity when present (Storefront API)", () => {
+        expect(getEffectiveLineQuantity({ edited: true }, { currentQuantity: 0, quantity: 1, refundableQuantity: 1 })).toBe(0);
+    });
+    it("uses refundableQuantity on edited orders without currentQuantity", () => {
+        expect(getEffectiveLineQuantity({ edited: true }, { quantity: 1, refundableQuantity: 0 })).toBe(0);
+    });
+    it("uses quantity on un-edited orders even when refundableQuantity differs", () => {
+        expect(getEffectiveLineQuantity({ edited: false }, { quantity: 3, refundableQuantity: 0 })).toBe(3);
+    });
+    it("ignores refundableQuantity on an edited order with a refund (refunds array)", () => {
+        expect(getEffectiveLineQuantity({ edited: true, refunds: [{ id: "r1" }] }, { quantity: 1, refundableQuantity: 0 })).toBe(1);
+    });
+    it("ignores refundableQuantity on an edited order with a refund (financialStatus)", () => {
+        expect(getEffectiveLineQuantity({ edited: true, financialStatus: "PARTIALLY_REFUNDED" }, { quantity: 3, refundableQuantity: 1 })).toBe(3);
+    });
+    it("ignores refundableQuantity on an edited order with totalRefunded > 0", () => {
+        expect(getEffectiveLineQuantity({ edited: true, totalRefunded: { amount: "50.0" } }, { quantity: 2, refundableQuantity: 0 })).toBe(2);
+    });
+});

package/package.json

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