@betterstore/react 0.3.24 → 0.3.26

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @betterstore/sdk
 
+## 0.3.26
+
+### Patch Changes
+
+- bug fix
+
+## 0.3.25
+
+### Patch Changes
+
+- bug fixes
+
 ## 0.3.24
 
 ### Patch Changes

package/dist/components/cart/useCart.d.ts

@@ -1,4 +1,4 @@
-import { Product, LineItemCreate as SDKLineItem } from "@betterstore/sdk";
+import { Product, LineItemCreate as SDKLineItemCreate } from "@betterstore/sdk";
 type RecursiveRecord = {
     [key: string]: any;
 };
@@ -10,12 +10,15 @@ type LineItemOptionalParams = {
     }[];
     metadata?: RecursiveRecord;
 };
-interface LineItem extends Pick<SDKLineItem, "metadata" | "quantity" | "variantOptions" | "product" | "productId"> {
+interface LineItem extends Pick<SDKLineItemCreate, "metadata" | "quantity" | "variantOptions" | "productId" | "product"> {
     id: string;
+    selectedVariant: Product["productVariants"][number] | null;
 }
-interface Cart {
+export interface Cart {
     lineItems: LineItem[];
-    addItem: (product: Omit<Product, "productVariants">, additionalParams?: LineItemOptionalParams) => void;
+    addItem: (product: Omit<Product, "productVariants"> & {
+        productVariants?: Product["productVariants"];
+    }, additionalParams?: LineItemOptionalParams) => void;
     removeItem: (id: string) => void;
     updateQuantity: (id: string, quantity: number) => void;
     getProductQuantity: (productId: string) => number;

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { useCart } from "./cart/useCart";
+export * from "./cart/useCart";
 export { default as CheckoutEmbed } from "./checkout-embed";
 export { default as PaymentElement } from "./payment-element";
 export { useCheckout } from "./payment-element/useCheckout";

package/dist/index.cjs.js

@@ -269,13 +269,18 @@ const generateLineItemId = (item) => {
 const useCart = create()(persist((set, get) => ({
     lineItems: [],
     addItem: (product, additionalParams) => set((state) => {
-        var _a, _b;
+        var _a, _b, _c;
         const productId = product.id;
+        const selectedVariant = ((_a = product.productVariants) !== null && _a !== void 0 ? _a : []).find((v) => v.variantOptions.every((vOpt) => {
+            var _a;
+            return (_a = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.variantOptions) === null || _a === void 0 ? void 0 : _a.some((iOpt) => vOpt.name === iOpt.name && vOpt.value === iOpt.value);
+        })) || null;
         const formattedNewItem = {
             productId: productId,
             product: product,
-            quantity: (_a = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.quantity) !== null && _a !== void 0 ? _a : 1,
-            variantOptions: (_b = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.variantOptions) !== null && _b !== void 0 ? _b : [],
+            quantity: (_b = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.quantity) !== null && _b !== void 0 ? _b : 1,
+            selectedVariant,
+            variantOptions: (_c = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.variantOptions) !== null && _c !== void 0 ? _c : [],
             metadata: additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.metadata,
         };
         const id = generateLineItemId(formattedNewItem);

package/dist/index.mjs

@@ -246,13 +246,18 @@ const generateLineItemId = (item) => {
 const useCart = create()(persist((set, get) => ({
     lineItems: [],
     addItem: (product, additionalParams) => set((state) => {
-        var _a, _b;
+        var _a, _b, _c;
         const productId = product.id;
+        const selectedVariant = ((_a = product.productVariants) !== null && _a !== void 0 ? _a : []).find((v) => v.variantOptions.every((vOpt) => {
+            var _a;
+            return (_a = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.variantOptions) === null || _a === void 0 ? void 0 : _a.some((iOpt) => vOpt.name === iOpt.name && vOpt.value === iOpt.value);
+        })) || null;
         const formattedNewItem = {
             productId: productId,
             product: product,
-            quantity: (_a = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.quantity) !== null && _a !== void 0 ? _a : 1,
-            variantOptions: (_b = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.variantOptions) !== null && _b !== void 0 ? _b : [],
+            quantity: (_b = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.quantity) !== null && _b !== void 0 ? _b : 1,
+            selectedVariant,
+            variantOptions: (_c = additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.variantOptions) !== null && _c !== void 0 ? _c : [],
             metadata: additionalParams === null || additionalParams === void 0 ? void 0 : additionalParams.metadata,
         };
         const id = generateLineItemId(formattedNewItem);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterstore/react",
-  "version": "0.3.24",
+  "version": "0.3.26",
   "description": "E-commerce for Developers",
   "private": false,
   "publishConfig": {
@@ -19,7 +19,7 @@
   "author": "Better Store",
   "license": "MIT",
   "devDependencies": {
-    "@betterstore/sdk": "^0.3.75",
+    "@betterstore/sdk": "^0.3.76",
     "@changesets/cli": "^2.28.1",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-json": "^6.1.0",