@tapcart/mobile-components 0.8.7 → 0.8.9

package/dist/components/hooks/use-mock-cart.d.ts

@@ -69,7 +69,11 @@ export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCa
                         amount: string;
                         currencyCode: string;
                     };
-                };
+                    compareAtPrice: {
+                        amount: string;
+                        currencyCode: string;
+                    };
+                }[];
                 sellingPlan: {
                     id: string;
                     name: string;

package/dist/components/hooks/use-mock-cart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-mock-cart.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-mock-cart.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AAgLhF,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,uCAKrB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCnB,CAAA"}
+{"version":3,"file":"use-mock-cart.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-mock-cart.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AAsLhF,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,uCAKrB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCnB,CAAA"}

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

@@ -60,16 +60,22 @@ const transformCart = ({ products, cartOrigin = cartMock, }) => {
         }
         const sellingPlanAllocation = i === 0
             ? {
-                priceAdjustments: {
-                    perDeliveryPrice: {
-                        amount: price.toString(),
-                        currencyCode: "USD",
+                priceAdjustments: [
+                    {
+                        perDeliveryPrice: {
+                            amount: price.toString(),
+                            currencyCode: "USD",
+                        },
+                        price: {
+                            amount: price.toString(),
+                            currencyCode: "USD",
+                        },
+                        compareAtPrice: {
+                            amount: (price * 1.2).toString(),
+                            currencyCode: "USD",
+                        },
                     },
-                    price: {
-                        amount: price.toString(),
-                        currencyCode: "USD",
-                    },
-                },
+                ],
                 sellingPlan: {
                     id: "gid://shopify/SellingPlan/123",
                     name: "Delivery every 30 Days",

package/dist/components/libs/sort-filter/custom-search.d.ts

@@ -1,5 +1,5 @@
 import { KMP } from "./kmp";
-import { FilterCategory } from "@/components/libs/sort-filter/search-integration";
+import { FilterCategory } from "../../../components/libs/sort-filter/search-integration";
 import { ReadonlyURLSearchParams } from "next/navigation";
 import { Integration } from "app-studio-types";
 export declare class CustomSearch extends KMP {

package/dist/components/ui/Input/input.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from "@/components/ui/Input/types";
+import { InputProps } from "../../../components/ui/Input/types";
 import * as React from "react";
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/components/ui/Input/types.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { VariantProps } from "class-variance-authority";
-import { inputVariants } from "@/components/ui/Input/useInput";
-import { Color, TextStyle } from "@/lib/utils";
+import { inputVariants } from "../../../components/ui/Input/useInput";
+import { Color, TextStyle } from "../../../lib/utils";
 export type BorderSides = ("all" | "bottom" | "left" | "right" | "top")[];
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange">, VariantProps<typeof inputVariants> {
     id: string;

package/dist/components/ui/Input/useInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InputProps } from "@/components/ui/Input/types";
+import { InputProps } from "../../../components/ui/Input/types";
 export declare const DEFAULT_ICON_SIZE = 20;
 export declare const DEFAULT_X_PADDING = 12;
 export declare const DEFAULT_Y_PADDING = 8;

package/dist/lib/cart.util.d.ts

@@ -1,4 +1,29 @@
-import { EnrichedCart, CartCalculatedDiscount, CartCalculatedAppliedGiftCard } from "app-studio-types";
+import { EnrichedCart, CartCalculatedDiscount, CartCalculatedAppliedGiftCard, ProductVariant } from "app-studio-types";
+export declare const getVariantPrice: ({ quantity, variant, sellingPlanAllocation, }: {
+    quantity: number;
+    variant: ProductVariant;
+    sellingPlanAllocation?: {
+        priceAdjustments: {
+            perDeliveryPrice?: {
+                amount: string;
+                currencyCode: string;
+            };
+            price: {
+                amount: string;
+                currencyCode: string;
+            };
+            compareAtPrice?: {
+                amount: string;
+                currencyCode: string;
+            };
+        }[];
+    } | undefined;
+}) => {
+    price: number;
+    compareAtPrice: number;
+    currency: string;
+    isSale: boolean;
+};
 export declare const isOrderLevelDiscount: (code: string, cart: EnrichedCart) => boolean;
 export declare const isLineItemDiscount: (code: string, cart: EnrichedCart) => boolean;
 export type CalculatedData = {
@@ -10,11 +35,14 @@ export type CalculatedData = {
     salesAmount: number;
     totalCompareAtPrice: number;
     totalDiscountedPrice: number;
+    totalSavedAmount: number;
 };
 export declare const DEFAULT_CALCULATED_DATA: CalculatedData;
 export declare const getCalculatedCartData: (cart: EnrichedCart) => CalculatedData;
 export declare const getCartItemKey: (variantId: string, sellingPlanId?: string, attributes?: {
+    [key: string]: string;
+} | {
     key: string;
     value: string;
-}[]) => string;
+}[] | undefined) => string;
 //# sourceMappingURL=cart.util.d.ts.map

package/dist/lib/cart.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cart.util.d.ts","sourceRoot":"","sources":["../../lib/cart.util.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,6BAA6B,EAC9B,MAAM,kBAAkB,CAAA;AA4CzB,eAAO,MAAM,oBAAoB,SAAU,MAAM,QAAQ,YAAY,YAMpE,CAAA;AAED,eAAO,MAAM,kBAAkB,SAAU,MAAM,QAAQ,YAAY,YAMlE,CAAA;AAqGD,MAAM,MAAM,cAAc,GAAG;IAC3B,yBAAyB,EAAE,sBAAsB,EAAE,CAAA;IACnD,gBAAgB,EAAE,6BAA6B,EAAE,CAAA;IACjD,cAAc,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,cASrC,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,YAAY,KAAG,cA4B1D,CAAA;AAED,eAAO,MAAM,cAAc,cACd,MAAM,kBACD,MAAM,eACT;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,WAO9C,CAAA"}
+{"version":3,"file":"cart.util.d.ts","sourceRoot":"","sources":["../../lib/cart.util.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,6BAA6B,EAE7B,cAAc,EACf,MAAM,kBAAkB,CAAA;AAGzB,eAAO,MAAM,eAAe;cAKhB,MAAM;aACP,cAAc;;0BAEH;YAChB,gBAAgB,CAAC,EAAE;gBACjB,MAAM,EAAE,MAAM,CAAA;gBACd,YAAY,EAAE,MAAM,CAAA;aACrB,CAAA;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAA;gBACd,YAAY,EAAE,MAAM,CAAA;aACrB,CAAA;YACD,cAAc,CAAC,EAAE;gBACf,MAAM,EAAE,MAAM,CAAA;gBACd,YAAY,EAAE,MAAM,CAAA;aACrB,CAAA;SACF,EAAE;;;;;;;CAgCN,CAAA;AA2CD,eAAO,MAAM,oBAAoB,SAAU,MAAM,QAAQ,YAAY,YAMpE,CAAA;AAED,eAAO,MAAM,kBAAkB,SAAU,MAAM,QAAQ,YAAY,YAMlE,CAAA;AAoHD,MAAM,MAAM,cAAc,GAAG;IAC3B,yBAAyB,EAAE,sBAAsB,EAAE,CAAA;IACnD,gBAAgB,EAAE,6BAA6B,EAAE,CAAA;IACjD,cAAc,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,gBAAgB,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,cAUrC,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,YAAY,KAAG,cA8B1D,CAAA;AAED,eAAO,MAAM,cAAc,cACd,MAAM,kBACD,MAAM;;;SACF,MAAM;WAAS,MAAM;0BAW1C,CAAA"}

package/dist/lib/cart.util.js

@@ -1,4 +1,30 @@
 import { getIdFromGid } from "./utils";
+export const getVariantPrice = ({ quantity, variant, sellingPlanAllocation = { priceAdjustments: [] }, }) => {
+    var _a, _b, _c, _d;
+    const isSubscription = ((_a = sellingPlanAllocation === null || sellingPlanAllocation === void 0 ? void 0 : sellingPlanAllocation.priceAdjustments) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    if (isSubscription) {
+        const { perDeliveryPrice, price, compareAtPrice } = sellingPlanAllocation.priceAdjustments[0];
+        const effectivePrice = perDeliveryPrice || price;
+        const subscriptionUnitPrice = parseFloat((perDeliveryPrice === null || perDeliveryPrice === void 0 ? void 0 : perDeliveryPrice.amount) || "0") || 0;
+        const effectiveCompareAtPrice = parseFloat((compareAtPrice === null || compareAtPrice === void 0 ? void 0 : compareAtPrice.amount) || "0") ||
+            parseFloat((price === null || price === void 0 ? void 0 : price.amount) || "0") ||
+            0;
+        return {
+            price: subscriptionUnitPrice * quantity,
+            compareAtPrice: effectiveCompareAtPrice * quantity,
+            currency: effectivePrice === null || effectivePrice === void 0 ? void 0 : effectivePrice.currencyCode,
+            isSale: subscriptionUnitPrice < effectiveCompareAtPrice,
+        };
+    }
+    const variantUnitPrice = parseFloat((_b = variant === null || variant === void 0 ? void 0 : variant.price) === null || _b === void 0 ? void 0 : _b.amount) || 0;
+    const variantComparePrice = parseFloat((_c = variant === null || variant === void 0 ? void 0 : variant.compareAtPrice) === null || _c === void 0 ? void 0 : _c.amount) || 0;
+    return {
+        price: variantUnitPrice * quantity,
+        compareAtPrice: variantComparePrice * quantity,
+        currency: (_d = variant === null || variant === void 0 ? void 0 : variant.price) === null || _d === void 0 ? void 0 : _d.currencyCode,
+        isSale: variantUnitPrice < variantComparePrice,
+    };
+};
 const getOrderLevelDiscounts = (cart) => {
     var _a;
     const discountMap = (_a = cart.discountAllocations) === null || _a === void 0 ? void 0 : _a.filter((discount) => discount.targetType !== "SHIPPING_LINE").reduce((acc, discount) => {
@@ -52,12 +78,13 @@ const getAppliedGiftCards = (cart) => {
 const getSalesAmount = (cart) => {
     var _a;
     return (_a = cart.items) === null || _a === void 0 ? void 0 : _a.reduce((acc, item) => {
-        var _a, _b, _c, _d;
-        const compareAtPrice = +(((_b = (_a = item.variantDetails) === null || _a === void 0 ? void 0 : _a.compareAtPrice) === null || _b === void 0 ? void 0 : _b.amount) || 0);
-        const price = +(((_d = (_c = item.variantDetails) === null || _c === void 0 ? void 0 : _c.price) === null || _d === void 0 ? void 0 : _d.amount) || 0);
-        const quantity = item.quantity || 1;
+        const { compareAtPrice, price } = getVariantPrice({
+            quantity: item.quantity || 1,
+            variant: item.variantDetails,
+            sellingPlanAllocation: item.sellingPlanAllocation,
+        });
         if (compareAtPrice && compareAtPrice > price) {
-            return acc + (compareAtPrice - price) * quantity;
+            return acc + (compareAtPrice - price);
         }
         return acc;
     }, 0);
@@ -120,6 +147,13 @@ const getTotalDiscountedPrice = (totalCompareAtPrice, discountsTotalAmount, sale
             : giftCardsTotalAmount);
     return isNaN(total) ? 0 : total;
 };
+const getTotalSavedAmount = (cart) => {
+    const salesAmount = getSalesAmount(cart);
+    const totalDiscountsAmount = getDiscountsTotalAmount(getOrderLevelDiscounts(cart).concat(getLineItemDiscounts(cart)));
+    const totalGiftCardsAmount = getGiftCardsTotalAmount(getAppliedGiftCards(cart));
+    const totalSavedAmount = salesAmount + totalDiscountsAmount + totalGiftCardsAmount;
+    return totalSavedAmount;
+};
 export const DEFAULT_CALCULATED_DATA = {
     orderAndLineItemDiscounts: [],
     appliedGiftCards: [],
@@ -129,6 +163,7 @@ export const DEFAULT_CALCULATED_DATA = {
     giftCardsTotalAmount: 0,
     totalCompareAtPrice: 0,
     totalDiscountedPrice: 0,
+    totalSavedAmount: 0,
 };
 export const getCalculatedCartData = (cart) => {
     const orderAndLineItemDiscounts = getOrderLevelDiscounts(cart).concat(getLineItemDiscounts(cart));
@@ -139,6 +174,7 @@ export const getCalculatedCartData = (cart) => {
     const salesAmount = getSalesAmount(cart);
     const totalCompareAtPrice = getTotalCompareAtPrice(cart);
     const totalDiscountedPrice = getTotalDiscountedPrice(totalCompareAtPrice, discountsTotalAmount, salesAmount, giftCardsTotalAmount);
+    const totalSavedAmount = getTotalSavedAmount(cart);
     return {
         orderAndLineItemDiscounts,
         appliedGiftCards,
@@ -148,9 +184,14 @@ export const getCalculatedCartData = (cart) => {
         salesAmount,
         totalCompareAtPrice,
         totalDiscountedPrice,
+        totalSavedAmount,
     };
 };
 export const getCartItemKey = (variantId, sellingPlanId, attributes) => {
-    const key = `${getIdFromGid(variantId)}:${sellingPlanId || "no-plan"}:${attributes === null || attributes === void 0 ? void 0 : attributes.map((attr) => `${attr.key}-${attr.value}`).join("-")}`;
+    const key = `${getIdFromGid(variantId)}:${sellingPlanId || "no-plan"}:${Array.isArray(attributes)
+        ? attributes === null || attributes === void 0 ? void 0 : attributes.map((attr) => `${attr.key}-${attr.value}`).join("-")
+        : Object.entries(attributes || {})
+            .map(([key, value]) => `${key}-${value}`)
+            .join("-")}`;
     return key;
 };

package/package.json

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

package/dist/components/libs/cache/CartLocalStorage.d.ts

@@ -1,15 +0,0 @@
-import AppStudioCache from "./AppStudioCache";
-type CartCache = {
-    [key: string]: any;
-};
-export default class CartLocalStorage extends AppStudioCache {
-    adapter: string;
-    cachePrefix: string;
-    getCacheKey(): string;
-    constructor();
-    getCache(): CartCache | null;
-    setCacheItem(cart: CartCache): CartCache | null;
-    clearCache(): void;
-}
-export {};
-//# sourceMappingURL=CartLocalStorage.d.ts.map

package/dist/components/libs/cache/CartLocalStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartLocalStorage.d.ts","sourceRoot":"","sources":["../../../../components/libs/cache/CartLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,KAAK,SAAS,GAAG;IAEf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,cAAc;IAC1D,OAAO,EAAE,MAAM,CAAuB;IACtC,WAAW,EAAE,MAAM,CAAY;IAE/B,WAAW;;IASX,QAAQ,IAAI,SAAS,GAAG,IAAI;IAa5B,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI;IAM/C,UAAU;CAGX"}

package/dist/components/libs/cache/CartLocalStorage.js

@@ -1,34 +0,0 @@
-import AppStudioCache from "./AppStudioCache";
-export default class CartLocalStorage extends AppStudioCache {
-    getCacheKey() {
-        return `${this.cachePrefix}`;
-    }
-    constructor() {
-        super();
-        this.adapter = "local-storage-cart";
-        this.cachePrefix = "as-cart";
-        console.log(this.adapter, this.cachePrefix);
-    }
-    getCache() {
-        const value = localStorage.getItem(this.getCacheKey());
-        try {
-            if (value) {
-                const parsedValue = JSON.parse(value);
-                return parsedValue;
-            }
-        }
-        catch (error) {
-            // ignore invalid JSON error and return null
-        }
-        return null;
-    }
-    setCacheItem(cart) {
-        if (!cart)
-            return this.getCache();
-        localStorage.setItem(this.getCacheKey(), JSON.stringify(cart));
-        return cart;
-    }
-    clearCache() {
-        localStorage.removeItem(this.getCacheKey());
-    }
-}

package/dist/components/libs/cache/index.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=index.d.ts.map

package/dist/components/libs/cache/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/libs/cache/index.ts"],"names":[],"mappings":""}

package/dist/components/libs/cache/index.js

@@ -1 +0,0 @@
-"use strict";

package/dist/components/ui/swipeable-list.d.ts

@@ -1,4 +0,0 @@
-import { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, Type as ListType } from "react-swipeable-list";
-import "react-swipeable-list/dist/styles.css";
-export { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, ListType, };
-//# sourceMappingURL=swipeable-list.d.ts.map

package/dist/components/ui/swipeable-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"swipeable-list.d.ts","sourceRoot":"","sources":["../../../components/ui/swipeable-list.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"}

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

@@ -1,4 +0,0 @@
-"use client";
-import { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, Type as ListType, } from "react-swipeable-list";
-import "react-swipeable-list/dist/styles.css";
-export { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, ListType, };