@moonbase.sh/vue 0.3.8 → 0.3.10

package/dist/index.cjs

@@ -291,6 +291,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
       if (!this.currentOrder.value.currency) {
         this.currentOrder.value.currency = latestStorefront.suggestedCurrency;
       }
+      this.currentOrder.value.items = this.enrichLineItems(this.currentOrder.value.items);
     }
     return latestStorefront;
   }
@@ -335,6 +336,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
         if (latestOrder.status !== import_storefront_api2.OrderStatus.Open) {
           this.resetOrder();
         } else {
+          latestOrder.items = this.enrichLineItems(latestOrder.items);
           if (typeof window !== "undefined")
             localStorage.setItem(_StorefrontContextImpl.sessionKey, JSON.stringify(latestOrder));
           this.currentOrder.value = latestOrder;
@@ -367,6 +369,37 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
       console.warn("Could not surrender order:", err);
     }
   }
+  enrichLineItems(lineItems) {
+    if (this.storefront) {
+      return lineItems.map((item) => {
+        var _a, _b;
+        if (item.type === "Product") {
+          const product = this.storefront.value.products.find((p) => p.id === item.productId);
+          const variations = (product == null ? void 0 : product.variations) || [];
+          const variation = variations.find((v) => v.id === item.variationId);
+          return {
+            ...item,
+            product,
+            variation,
+            price: variation == null ? void 0 : variation.price,
+            appliedDiscount: (_a = variation == null ? void 0 : variation.discount) != null ? _a : item.appliedDiscount
+          };
+        } else {
+          const bundle = this.storefront.value.bundles.find((b) => b.id === item.bundleId);
+          const variations = (bundle == null ? void 0 : bundle.variations) || [];
+          const variation = variations.find((v) => v.id === item.variationId);
+          return {
+            ...item,
+            bundle,
+            variation,
+            price: variation == null ? void 0 : variation.price,
+            appliedDiscount: (_b = variation == null ? void 0 : variation.discount) != null ? _b : item.appliedDiscount
+          };
+        }
+      });
+    }
+    return lineItems;
+  }
 };
 _StorefrontContextImpl.userKey = "moonbase_user";
 _StorefrontContextImpl.sessionKey = "moonbase_session";
@@ -592,32 +625,7 @@ function useCart(context) {
     return { amount: total2, currency };
   });
   return {
-    items: (0, import_vue6.computed)(() => storefront.currentOrder.value.items.map((item) => {
-      var _a, _b;
-      if (item.type === "Product") {
-        const product = storefront.storefront.value.products.find((p) => p.id === item.productId);
-        const variations = (product == null ? void 0 : product.variations) || [];
-        const variation = variations.find((v) => v.id === item.variationId);
-        return {
-          ...item,
-          product,
-          variation,
-          price: variation == null ? void 0 : variation.price,
-          appliedDiscount: (_a = variation == null ? void 0 : variation.discount) != null ? _a : item.appliedDiscount
-        };
-      } else {
-        const bundle = storefront.storefront.value.bundles.find((b) => b.id === item.bundleId);
-        const variations = (bundle == null ? void 0 : bundle.variations) || [];
-        const variation = variations.find((v) => v.id === item.variationId);
-        return {
-          ...item,
-          bundle,
-          variation,
-          price: variation == null ? void 0 : variation.price,
-          appliedDiscount: (_b = variation == null ? void 0 : variation.discount) != null ? _b : item.appliedDiscount
-        };
-      }
-    })),
+    items: (0, import_vue6.computed)(() => storefront.enrichLineItems(storefront.currentOrder.value.items)),
     currency: (0, import_vue6.computed)(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
     total,
     addToCart: (item, variation) => {
@@ -700,6 +708,7 @@ function useCart(context) {
       const updatedOrder = await storefront.client.orders.pushContent(storefront.currentOrder.value, {
         returnUrl: absoluteReturnUrl
       }, storefront.hasUtm ? storefront.utm.value : void 0);
+      updatedOrder.items = storefront.enrichLineItems(updatedOrder.items);
       window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
         detail: { order: updatedOrder, total: total.value }
       }));
@@ -775,6 +784,7 @@ async function useCheckout(items, options, context) {
   }, {
     returnUrl: absoluteReturnUrl
   }, storefront.hasUtm ? storefront.utm.value : void 0);
+  updatedOrder.items = storefront.enrichLineItems(updatedOrder.items);
   window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
     detail: { order: updatedOrder, total: { amount: items.reduce((a, item) => {
       var _a2, _b2;

package/dist/index.d.cts

@@ -1,8 +1,8 @@
 import * as _moonbase_sh_storefront_api from '@moonbase.sh/storefront-api';
-import { MoonbaseConfiguration, Storefront, Order, User, UrchinTrackingModule, MoonbaseClient, OpenOrder, Money, CompletedOrder, ActivationRequest, Address, CommunicationPreferences, StorefrontBundle, StorefrontProduct, PricingVariation, ActivationMethod, Activation, Download, Vendor, LineItem } from '@moonbase.sh/storefront-api';
+import { MoonbaseConfiguration, Storefront, Order, User, UrchinTrackingModule, MoonbaseClient, LineItem, OpenOrder, Money, CompletedOrder, ActivationRequest, Address, CommunicationPreferences, StorefrontBundle, StorefrontProduct, PricingVariation, ActivationMethod, Activation, Download, Vendor } from '@moonbase.sh/storefront-api';
 export * from '@moonbase.sh/storefront-api';
 import * as vue from 'vue';
-import { Plugin, Ref, App, UnwrapRef, InjectionKey } from 'vue';
+import { Ref, UnwrapRef, Plugin, App, InjectionKey } from 'vue';
 
 interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     configuration: MoonbaseConfiguration;
@@ -22,6 +22,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     pushOrderContent: () => Promise<void>;
     resetOrder: () => void;
     surrenderOrder: () => Promise<void>;
+    enrichLineItems: (lineItems: LineItem[]) => LineItem[];
     closeCheckout: () => void;
     onCheckoutInitiated: (callback: (order: OpenOrder, total: Money) => void) => void;
     onCheckoutCompleted: (callback: (order: CompletedOrder) => void) => void;

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as _moonbase_sh_storefront_api from '@moonbase.sh/storefront-api';
-import { MoonbaseConfiguration, Storefront, Order, User, UrchinTrackingModule, MoonbaseClient, OpenOrder, Money, CompletedOrder, ActivationRequest, Address, CommunicationPreferences, StorefrontBundle, StorefrontProduct, PricingVariation, ActivationMethod, Activation, Download, Vendor, LineItem } from '@moonbase.sh/storefront-api';
+import { MoonbaseConfiguration, Storefront, Order, User, UrchinTrackingModule, MoonbaseClient, LineItem, OpenOrder, Money, CompletedOrder, ActivationRequest, Address, CommunicationPreferences, StorefrontBundle, StorefrontProduct, PricingVariation, ActivationMethod, Activation, Download, Vendor } from '@moonbase.sh/storefront-api';
 export * from '@moonbase.sh/storefront-api';
 import * as vue from 'vue';
-import { Plugin, Ref, App, UnwrapRef, InjectionKey } from 'vue';
+import { Ref, UnwrapRef, Plugin, App, InjectionKey } from 'vue';
 
 interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     configuration: MoonbaseConfiguration;
@@ -22,6 +22,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     pushOrderContent: () => Promise<void>;
     resetOrder: () => void;
     surrenderOrder: () => Promise<void>;
+    enrichLineItems: (lineItems: LineItem[]) => LineItem[];
     closeCheckout: () => void;
     onCheckoutInitiated: (callback: (order: OpenOrder, total: Money) => void) => void;
     onCheckoutCompleted: (callback: (order: CompletedOrder) => void) => void;

package/dist/index.js

@@ -261,6 +261,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
       if (!this.currentOrder.value.currency) {
         this.currentOrder.value.currency = latestStorefront.suggestedCurrency;
       }
+      this.currentOrder.value.items = this.enrichLineItems(this.currentOrder.value.items);
     }
     return latestStorefront;
   }
@@ -305,6 +306,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
         if (latestOrder.status !== OrderStatus.Open) {
           this.resetOrder();
         } else {
+          latestOrder.items = this.enrichLineItems(latestOrder.items);
           if (typeof window !== "undefined")
             localStorage.setItem(_StorefrontContextImpl.sessionKey, JSON.stringify(latestOrder));
           this.currentOrder.value = latestOrder;
@@ -337,6 +339,37 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
       console.warn("Could not surrender order:", err);
     }
   }
+  enrichLineItems(lineItems) {
+    if (this.storefront) {
+      return lineItems.map((item) => {
+        var _a, _b;
+        if (item.type === "Product") {
+          const product = this.storefront.value.products.find((p) => p.id === item.productId);
+          const variations = (product == null ? void 0 : product.variations) || [];
+          const variation = variations.find((v) => v.id === item.variationId);
+          return {
+            ...item,
+            product,
+            variation,
+            price: variation == null ? void 0 : variation.price,
+            appliedDiscount: (_a = variation == null ? void 0 : variation.discount) != null ? _a : item.appliedDiscount
+          };
+        } else {
+          const bundle = this.storefront.value.bundles.find((b) => b.id === item.bundleId);
+          const variations = (bundle == null ? void 0 : bundle.variations) || [];
+          const variation = variations.find((v) => v.id === item.variationId);
+          return {
+            ...item,
+            bundle,
+            variation,
+            price: variation == null ? void 0 : variation.price,
+            appliedDiscount: (_b = variation == null ? void 0 : variation.discount) != null ? _b : item.appliedDiscount
+          };
+        }
+      });
+    }
+    return lineItems;
+  }
 };
 _StorefrontContextImpl.userKey = "moonbase_user";
 _StorefrontContextImpl.sessionKey = "moonbase_session";
@@ -562,32 +595,7 @@ function useCart(context) {
     return { amount: total2, currency };
   });
   return {
-    items: computed4(() => storefront.currentOrder.value.items.map((item) => {
-      var _a, _b;
-      if (item.type === "Product") {
-        const product = storefront.storefront.value.products.find((p) => p.id === item.productId);
-        const variations = (product == null ? void 0 : product.variations) || [];
-        const variation = variations.find((v) => v.id === item.variationId);
-        return {
-          ...item,
-          product,
-          variation,
-          price: variation == null ? void 0 : variation.price,
-          appliedDiscount: (_a = variation == null ? void 0 : variation.discount) != null ? _a : item.appliedDiscount
-        };
-      } else {
-        const bundle = storefront.storefront.value.bundles.find((b) => b.id === item.bundleId);
-        const variations = (bundle == null ? void 0 : bundle.variations) || [];
-        const variation = variations.find((v) => v.id === item.variationId);
-        return {
-          ...item,
-          bundle,
-          variation,
-          price: variation == null ? void 0 : variation.price,
-          appliedDiscount: (_b = variation == null ? void 0 : variation.discount) != null ? _b : item.appliedDiscount
-        };
-      }
-    })),
+    items: computed4(() => storefront.enrichLineItems(storefront.currentOrder.value.items)),
     currency: computed4(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
     total,
     addToCart: (item, variation) => {
@@ -670,6 +678,7 @@ function useCart(context) {
       const updatedOrder = await storefront.client.orders.pushContent(storefront.currentOrder.value, {
         returnUrl: absoluteReturnUrl
       }, storefront.hasUtm ? storefront.utm.value : void 0);
+      updatedOrder.items = storefront.enrichLineItems(updatedOrder.items);
       window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
         detail: { order: updatedOrder, total: total.value }
       }));
@@ -745,6 +754,7 @@ async function useCheckout(items, options, context) {
   }, {
     returnUrl: absoluteReturnUrl
   }, storefront.hasUtm ? storefront.utm.value : void 0);
+  updatedOrder.items = storefront.enrichLineItems(updatedOrder.items);
   window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
     detail: { order: updatedOrder, total: { amount: items.reduce((a, item) => {
       var _a2, _b2;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moonbase.sh/vue",
   "type": "module",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "description": "Package to let you build vue.js storefronts with Moonbase.sh as payment and delivery provider",
   "author": "Tobias Lønnerød Madsen <m@dsen.tv>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "@vue/devtools-api": "^6.6.3",
     "uuid": "^9.0.1",
     "zod": "^3.23.8",
-    "@moonbase.sh/storefront-api": "0.3.8"
+    "@moonbase.sh/storefront-api": "0.3.10"
   },
   "devDependencies": {
     "@types/uuid": "^9.0.8",