@springmicro/cart 0.7.15 → 0.7.19

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@springmicro/cart",
   "private": false,
-  "version": "0.7.15",
+  "version": "0.7.19",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,12 +24,12 @@
     "@nanostores/persistent": "^0.10.1",
     "@nanostores/query": "^0.3.3",
     "@nanostores/react": "^0.7.2",
-    "@springmicro/utils": "^0.7.15",
+    "@springmicro/utils": "^0.7.19",
     "dotenv": "^16.4.5",
     "nanostores": "^0.10.3",
-    "react": "^18.2.0",
+    "react": "^19.2.4",
     "react-credit-cards-2": "^1.0.2",
-    "react-dom": "^18.2.0",
+    "react-dom": "^19.2.4",
     "unstorage": "^1.10.2",
     "vite-plugin-dts": "^3.9.0"
   },
@@ -49,5 +49,5 @@
     "vite-plugin-css-injected-by-js": "^3.5.1",
     "yup": "^1.4.0"
   },
-  "gitHead": "999f4d500555ee2474404a1baa353945a82781db"
+  "gitHead": "5242f8a3ea5bde25f4b6681f9a30baae76713016"
 }

package/src/ProductCard.tsx

@@ -25,7 +25,7 @@ export type ProductCardComponentProps = {
   disabled?: boolean;
   findInCart?: (
     product_id: number,
-    price_id?: number
+    price_id?: number,
   ) => {
     product: boolean;
     price: number | null; // If null, price id was not provided or the price wasn't found.
@@ -55,13 +55,13 @@ export default function ProductCard({
 
   function findInCart(
     product_id: number,
-    price_id?: number
+    price_id?: number,
   ): {
     product: boolean;
     price: number | null; // If null, price id was not provided.
   } {
     const productInCartIndex: number = (cart.items as any[]).findIndex(
-      (p) => p.product_id === product_id
+      (p) => p.product_id === product_id,
     );
 
     if (price_id == null) {
@@ -72,7 +72,7 @@ export default function ProductCard({
     }
 
     const priceInCartIndex: number = (cart.items as any[]).findIndex(
-      (p) => p.price_id === price_id
+      (p) => p.price_id === price_id,
     );
 
     return {
@@ -82,13 +82,16 @@ export default function ProductCard({
   }
 
   const productInCartIndex: number = (cart.items as any[]).findIndex(
-    (p) => p.product_id === product.id
+    (p) => p.product_id === product.id,
   );
   const productFoundInCart = !!~productInCartIndex;
 
   const pricing: ProductPricing[] = JSON.parse(product.pricing);
 
-  const pi = pricing.findIndex((price) => price.tier_label === priceTierName); // TODO add fail-case for missing price
+  const pi =
+    pricing.length === 1
+      ? 0
+      : pricing.findIndex((price) => price.tier_label === priceTierName); // TODO add fail-case for missing price
 
   const priceInCartIndex: number =
     pi != -1

package/src/index.ts

@@ -15,7 +15,7 @@ import { AddCard, AddCardProps } from "./checkout/components/AddCard";
 import Invoice from "./checkout/components/Invoice";
 import "react-credit-cards-2/dist/es/styles-compiled.css";
 import "./index.css";
-import ProductCard from "./ProductCard";
+import ProductCard, { ProductCardComponentProps } from "./ProductCard";
 import ReviewCartAndCalculateTaxes from "./checkout/ReviewCartAndCalculateTaxes";
 import Checkout from "./checkout";
 
@@ -34,6 +34,7 @@ export {
   AddToCartForm,
   setOrder,
   ProductCard,
+  type ProductCardComponentProps,
   ReviewCartAndCalculateTaxes,
   login,
   logout,

package/src/utils/storage.ts

@@ -9,7 +9,7 @@ import { Cart, CartProduct, PathDetailsType } from "../types";
 
 export const cartStore = persistentAtom(
   "cart",
-  JSON.stringify(defaultCartValue)
+  JSON.stringify(defaultCartValue),
 );
 
 export const apiPathDetails = atom<PathDetailsType>({});
@@ -66,24 +66,24 @@ apiPathDetails.listen((pathDetails, oldPathDetails) => {
         fetchFromCartApi(
           "PUT",
           pathDetails,
-          cartToApiCart(pathDetails, localCartData)
+          cartToApiCart(pathDetails, localCartData),
         ).then(async ({ ok, json }) => {
           if (!ok) return;
           const cart = await json();
-          console.log(
-            "Update local cart",
-            JSON.stringify({
-              authentication: { loggedIn: true, user_id: cart.user_id },
-              items: jsonOrObj(cart.items),
-              order: cart.order ? jsonOrObj(cart.order) : undefined,
-            })
-          );
+          // console.log(
+          //   "Update local cart",
+          //   JSON.stringify({
+          //     authentication: { loggedIn: true, user_id: cart.user_id },
+          //     items: jsonOrObj(cart.items),
+          //     order: cart.order ? jsonOrObj(cart.order) : undefined,
+          //   })
+          // );
           cartStore.set(
             JSON.stringify({
               authentication: { loggedIn: true, user_id: cart.user_id },
               items: jsonOrObj(cart.items),
               order: cart.order ? jsonOrObj(cart.order) : undefined,
-            })
+            }),
           );
         });
       } else {
@@ -91,7 +91,7 @@ apiPathDetails.listen((pathDetails, oldPathDetails) => {
           JSON.stringify({
             ...defaultCartValue,
             authentication: { loggedIn: true, user_id: pathDetails.userId },
-          })
+          }),
         );
       }
     });
@@ -135,7 +135,7 @@ export function addToCart(p: CartProduct) {
       JSON.stringify({
         user_id: pathDetails.userId,
         items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
-      })
+      }),
     ).then(async (res) => {
       if (!res.ok) return;
 
@@ -171,7 +171,7 @@ export function removeFromCart(i: number) {
     fetchFromCartApi(
       cartIsEmpty ? "PUT" : "DELETE",
       pathDetails,
-      cartIsEmpty ? JSON.stringify(body) : undefined
+      cartIsEmpty ? JSON.stringify(body) : undefined,
     ).then(async (res) => {
       if (!res.ok) return;
 
@@ -211,7 +211,7 @@ export function setOrder(order: { id: number; reference: string }) {
         user_id: pathDetails.userId,
         items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
         order: JSON.stringify(order),
-      })
+      }),
     ).then(async () => {
       cartStore.set(JSON.stringify(newCart));
     });