@caseparts-org/casecore 0.0.12 → 0.0.13

package/dist/cart/CartContext.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Pricing } from './ClassPricing';
+export interface BaseCartItem {
+    ItemKey: number | string;
+    Quantity: number;
+    Pricing?: Pricing | undefined;
+    [k: string]: any;
+}
+export interface CartContextValue {
+    items: BaseCartItem[];
+    initialized: boolean;
+    isMobile: boolean;
+    subtotal: number;
+    setItems: (_next: BaseCartItem[] | ((_prev: BaseCartItem[]) => BaseCartItem[])) => void;
+    addOrReplace: (_item: BaseCartItem) => void;
+    updateQuantity: (_key: number | string, _qty: number) => void;
+    removeItem: (_key: number | string) => void;
+    clear: () => void;
+}
+export interface CartProviderProps {
+    pricingResolver?: (_item: BaseCartItem) => number;
+    children: React.ReactNode;
+}
+export declare const CartProvider: React.FC<CartProviderProps>;
+export declare function useCartContext(): CartContextValue;

package/dist/cart/CartContext.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useCallback, useEffect, useMemo } from 'react';
+const STORAGE_KEY = 'CPC.cart';
+const CartContext = createContext(undefined);
+export const CartProvider = ({ children, pricingResolver }) => {
+    const [items, _setItems] = useState([]);
+    const [initialized, setInitialized] = useState(false);
+    const [isMobile, setIsMobile] = useState(false);
+    // Load once
+    useEffect(() => {
+        try {
+            const raw = typeof window !== 'undefined'
+                ? window.localStorage.getItem(STORAGE_KEY)
+                : null;
+            if (raw) {
+                const parsed = JSON.parse(raw);
+                if (Array.isArray(parsed?.items)) {
+                    _setItems(parsed.items);
+                }
+            }
+        }
+        catch { /* ignore */ }
+        if (typeof navigator !== 'undefined') {
+            setIsMobile(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i.test(navigator.userAgent));
+        }
+        setInitialized(true);
+    }, []);
+    const persist = useCallback((next) => {
+        try {
+            window.localStorage.setItem(STORAGE_KEY, JSON.stringify({ items: next }));
+        }
+        catch { /* ignore */ }
+    }, []);
+    const setItems = useCallback((next) => {
+        _setItems(prev => {
+            const resolvedArray = typeof next === 'function'
+                ? next(prev)
+                : next;
+            const cloned = resolvedArray.map(i => ({ ...i })); // ensure new refs
+            persist(cloned);
+            return cloned;
+        });
+    }, [persist]);
+    const addOrReplace = useCallback((item) => {
+        setItems(prev => {
+            const idx = prev.findIndex(p => p.ItemKey === item.ItemKey);
+            if (idx === -1)
+                return [...prev, { ...item }];
+            const next = [...prev];
+            next[idx] = { ...item };
+            return next;
+        });
+    }, [setItems]);
+    const updateQuantity = useCallback((key, qty) => {
+        setItems(prev => {
+            if (qty <= 0)
+                return prev.filter(i => i.ItemKey !== key);
+            return prev.map(i => i.ItemKey === key ? { ...i, Quantity: qty } : i);
+        });
+    }, [setItems]);
+    const removeItem = useCallback((key) => {
+        setItems(prev => prev.filter(i => i.ItemKey !== key));
+    }, [setItems]);
+    const clear = useCallback(() => {
+        setItems([]);
+    }, [setItems]);
+    const subtotal = useMemo(() => {
+        if (!items.length)
+            return 0;
+        return items.reduce((sum, it) => {
+            const price = pricingResolver ? pricingResolver(it) : 0;
+            return sum + price * (it.Quantity ?? 1);
+        }, 0);
+    }, [items, pricingResolver]);
+    const value = useMemo(() => ({
+        items,
+        initialized,
+        isMobile,
+        subtotal,
+        setItems,
+        addOrReplace,
+        updateQuantity,
+        removeItem,
+        clear
+    }), [items, initialized, isMobile, subtotal, setItems, addOrReplace, updateQuantity, removeItem, clear]);
+    return (_jsx(CartContext.Provider, { value: value, children: children }));
+};
+export function useCartContext() {
+    const ctx = useContext(CartContext);
+    if (!ctx)
+        throw new Error('useCart must be used inside <CartProvider>');
+    return ctx;
+}

package/dist/index.d.ts

@@ -8,5 +8,5 @@ export type { MicroFlexFieldSelectors, MicroFlexOptions, MicroFlexReturn } from
 export { default as useMicroFlex } from './hooks/useMicroFlex';
 export type { Pricing, CustomerClass } from './cart/ClassPricing';
 export { getClassPricing } from './cart/ClassPricing';
-export type { BaseCartItem, Cart, CartConfig, CartContextValue, CreateCartReturn, PricingResolver, CartProviderProps } from './cart/CreateCart';
-export { createCart } from './cart/CreateCart';
+export type { BaseCartItem, CartContextValue, CartProviderProps, } from './cart/CartContext';
+export { CartProvider, useCartContext } from './cart/CartContext';

package/dist/index.js

@@ -6,4 +6,4 @@ export { getSessionId } from './utils/SessionUtils';
 export { buildClaimsFromPayload } from './utils/ClaimsUtils';
 export { default as useMicroFlex } from './hooks/useMicroFlex';
 export { getClassPricing } from './cart/ClassPricing';
-export { createCart } from './cart/CreateCart';
+export { CartProvider, useCartContext } from './cart/CartContext';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/casecore",
   "private": false,
-  "version": "0.0.12",
+  "version": "0.0.13",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/cart/CreateCart.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { Pricing } from './ClassPricing';
-export type PricingResolver<T extends BaseCartItem> = (_item: T) => number;
-export interface BaseCartItem {
-    ItemKey: number | string;
-    Quantity: number;
-    Pricing?: Pricing | undefined;
-    [k: string]: any;
-}
-export interface Cart<T extends BaseCartItem = BaseCartItem> {
-    items: T[];
-}
-export interface CartConfig<T extends BaseCartItem> {
-    storageKey?: string;
-    pricingResolver?: PricingResolver<T>;
-}
-export interface CartContextValue<T extends BaseCartItem> {
-    cart: Cart<T>;
-    updateCart: (_cart: Cart<T>) => void;
-    cartSubtotal: () => number;
-    initializedCart: boolean;
-    isMobile: boolean;
-}
-export type CartProviderProps<T extends BaseCartItem> = React.PropsWithChildren<{
-    pricingResolver?: PricingResolver<T>;
-}>;
-export interface CreateCartReturn<T extends BaseCartItem> {
-    CartProvider: React.FC<CartProviderProps<T>>;
-    useCartContext: () => CartContextValue<T>;
-}
-export declare function createCart<T extends BaseCartItem = BaseCartItem>(config?: CartConfig<T>): CreateCartReturn<T>;

package/dist/cart/CreateCart.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useState, useCallback, useMemo, useEffect } from 'react';
-export function createCart(config) {
-    const STORAGE_KEY = config?.storageKey ?? 'CPC.cart';
-    const CartContext = createContext(undefined);
-    const CartProvider = ({ children, pricingResolver }) => {
-        const [cart, setCart] = useState({ items: [] });
-        const [initialized, setInitialized] = useState(false);
-        const [isMobile, setIsMobile] = useState(false);
-        const resolver = pricingResolver ?? config?.pricingResolver;
-        // Initialize cart from local storage
-        useEffect(() => {
-            try {
-                const rawCart = typeof window !== 'undefined' ? window.localStorage.getItem(STORAGE_KEY) : null;
-                if (rawCart) {
-                    const parsed = JSON.parse(rawCart);
-                    if (parsed?.items && Array.isArray(parsed.items)) {
-                        setCart({ items: parsed.items });
-                    }
-                }
-            }
-            catch {
-                /* ignore */
-            }
-            if (typeof navigator !== 'undefined') {
-                setIsMobile(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i.test(navigator.userAgent));
-            }
-            setInitialized(true);
-        }, []);
-        const save = useCallback((c) => {
-            try {
-                window.localStorage.setItem(STORAGE_KEY, JSON.stringify(c));
-            }
-            catch { /* suppress */ }
-        }, []);
-        const updateCart = useCallback((c) => {
-            setCart({ items: [...c.items] });
-            save(c);
-        }, [save]);
-        const cartSubtotal = useCallback(() => {
-            if (!cart.items.length)
-                return 0;
-            return cart.items.reduce((sum, item) => {
-                const price = resolver ? resolver(item) : 0;
-                const qty = item.Quantity ?? 1;
-                return sum + price * qty;
-            }, 0);
-        }, [cart.items, resolver]);
-        const value = useMemo(() => ({
-            cart,
-            updateCart,
-            cartSubtotal,
-            initializedCart: initialized,
-            isMobile
-        }), [cart, updateCart, cartSubtotal, initialized, isMobile]);
-        return _jsx(CartContext.Provider, { value: value, children: children });
-    };
-    const useCartContext = () => {
-        const cartContext = useContext(CartContext);
-        if (!cartContext)
-            throw new Error('useCartContext must be used inside CartProvider');
-        return cartContext;
-    };
-    return { CartProvider, useCartContext };
-}