@moonbase.sh/vue 0.3.5 → 0.3.6

package/dist/index.cjs

@@ -256,7 +256,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     closeCheckout();
   }
   onCheckoutInitiated(callback) {
-    window.addEventListener("moonbase-checkout-initiated", (e) => callback(e.detail.order));
+    window.addEventListener("moonbase-checkout-initiated", (e) => callback(e.detail.order, e.detail.total));
   }
   onCheckoutCompleted(callback) {
     window.addEventListener("moonbase-checkout-completed", (e) => callback(e.detail.order));
@@ -569,6 +569,28 @@ function useCart(context) {
   const storefront = context != null ? context : (0, import_vue6.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
+  const total = (0, import_vue6.computed)(() => {
+    const currency = storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency;
+    const total2 = storefront.currentOrder.value.items.reduce((agg, item) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      let price;
+      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 pickedVariation = variations.find((v) => v.id === item.variationId);
+        const eligiblePricingTiers = (_b = (_a = pickedVariation == null ? void 0 : pickedVariation.pricingTiers) == null ? void 0 : _a.filter((tier) => item.quantity >= tier.minQuantity)) != null ? _b : [];
+        const matchingPricingTier = eligiblePricingTiers.length > 0 ? eligiblePricingTiers[eligiblePricingTiers.length - 1] : null;
+        price = (_f = (_e = (_c = matchingPricingTier == null ? void 0 : matchingPricingTier.price[currency]) != null ? _c : pickedVariation == null ? void 0 : pickedVariation.price[currency]) != null ? _e : (_d = product == null ? void 0 : product.defaultVariation) == null ? void 0 : _d.price[currency]) != null ? _f : 0;
+      } else {
+        const bundle = storefront.storefront.value.bundles.find((b) => b.id === item.bundleId);
+        const variations = (bundle == null ? void 0 : bundle.variations) || [];
+        const pickedVariation = variations.find((v) => v.id === item.variationId);
+        price = (_i = (_h = pickedVariation == null ? void 0 : pickedVariation.price[currency]) != null ? _h : (_g = bundle == null ? void 0 : bundle.defaultVariation) == null ? void 0 : _g.price[currency]) != null ? _i : 0;
+      }
+      return agg + price * item.quantity;
+    }, 0);
+    return { amount: total2, currency };
+  });
   return {
     items: (0, import_vue6.computed)(() => storefront.currentOrder.value.items.map((item) => {
       var _a, _b;
@@ -597,28 +619,7 @@ function useCart(context) {
       }
     })),
     currency: (0, import_vue6.computed)(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
-    total: (0, import_vue6.computed)(() => {
-      const currency = storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency;
-      const total = storefront.currentOrder.value.items.reduce((agg, item) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-        let price;
-        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 pickedVariation = variations.find((v) => v.id === item.variationId);
-          const eligiblePricingTiers = (_b = (_a = pickedVariation == null ? void 0 : pickedVariation.pricingTiers) == null ? void 0 : _a.filter((tier) => item.quantity >= tier.minQuantity)) != null ? _b : [];
-          const matchingPricingTier = eligiblePricingTiers.length > 0 ? eligiblePricingTiers[eligiblePricingTiers.length - 1] : null;
-          price = (_f = (_e = (_c = matchingPricingTier == null ? void 0 : matchingPricingTier.price[currency]) != null ? _c : pickedVariation == null ? void 0 : pickedVariation.price[currency]) != null ? _e : (_d = product == null ? void 0 : product.defaultVariation) == null ? void 0 : _d.price[currency]) != null ? _f : 0;
-        } else {
-          const bundle = storefront.storefront.value.bundles.find((b) => b.id === item.bundleId);
-          const variations = (bundle == null ? void 0 : bundle.variations) || [];
-          const pickedVariation = variations.find((v) => v.id === item.variationId);
-          price = (_i = (_h = pickedVariation == null ? void 0 : pickedVariation.price[currency]) != null ? _h : (_g = bundle == null ? void 0 : bundle.defaultVariation) == null ? void 0 : _g.price[currency]) != null ? _i : 0;
-        }
-        return agg + price * item.quantity;
-      }, 0);
-      return { amount: total, currency };
-    }),
+    total,
     addToCart: (item, variation) => {
       var _a, _b;
       item = (0, import_vue6.unref)(item);
@@ -690,7 +691,7 @@ function useCart(context) {
         returnUrl: absoluteReturnUrl
       }, storefront.hasUtm ? storefront.utm.value : void 0);
       window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
-        detail: { order: updatedOrder }
+        detail: { order: updatedOrder, total: total.value }
       }));
       if (!options.redirect && updatedOrder.embeddedCheckoutUrl && typeof window !== "undefined") {
         const embeddedUrl = updatedOrder.embeddedCheckoutUrl;
@@ -765,7 +766,10 @@ async function useCheckout(items, options, context) {
     returnUrl: absoluteReturnUrl
   }, storefront.hasUtm ? storefront.utm.value : void 0);
   window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
-    detail: { order: updatedOrder }
+    detail: { order: updatedOrder, total: { amount: items.reduce((a, item) => {
+      var _a2, _b2;
+      return a + ((_b2 = (_a2 = item.variation) == null ? void 0 : _a2.price[updatedOrder.currency]) != null ? _b2 : 0);
+    }, 0), currency: updatedOrder.currency } }
   }));
   if (!options.redirect && updatedOrder.embeddedCheckoutUrl && typeof window !== "undefined") {
     const embeddedUrl = updatedOrder.embeddedCheckoutUrl;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as _moonbase_sh_storefront_api from '@moonbase.sh/storefront-api';
-import { MoonbaseConfiguration, Storefront, Order, User, UrchinTrackingModule, MoonbaseClient, OpenOrder, CompletedOrder, ActivationRequest, Address, CommunicationPreferences, StorefrontBundle, StorefrontProduct, PricingVariation, ActivationMethod, Activation, Download, Vendor, LineItem } 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';
 export * from '@moonbase.sh/storefront-api';
 import * as vue from 'vue';
 import { Plugin, Ref, App, UnwrapRef, InjectionKey } from 'vue';
@@ -23,7 +23,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     resetOrder: () => void;
     surrenderOrder: () => Promise<void>;
     closeCheckout: () => void;
-    onCheckoutInitiated: (callback: (order: OpenOrder) => void) => void;
+    onCheckoutInitiated: (callback: (order: OpenOrder, total: Money) => void) => void;
     onCheckoutCompleted: (callback: (order: CompletedOrder) => void) => void;
     onCheckoutClosed: (callback: (intent: string | undefined) => void) => void;
     /**

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _moonbase_sh_storefront_api from '@moonbase.sh/storefront-api';
-import { MoonbaseConfiguration, Storefront, Order, User, UrchinTrackingModule, MoonbaseClient, OpenOrder, CompletedOrder, ActivationRequest, Address, CommunicationPreferences, StorefrontBundle, StorefrontProduct, PricingVariation, ActivationMethod, Activation, Download, Vendor, LineItem } 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';
 export * from '@moonbase.sh/storefront-api';
 import * as vue from 'vue';
 import { Plugin, Ref, App, UnwrapRef, InjectionKey } from 'vue';
@@ -23,7 +23,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     resetOrder: () => void;
     surrenderOrder: () => Promise<void>;
     closeCheckout: () => void;
-    onCheckoutInitiated: (callback: (order: OpenOrder) => void) => void;
+    onCheckoutInitiated: (callback: (order: OpenOrder, total: Money) => void) => void;
     onCheckoutCompleted: (callback: (order: CompletedOrder) => void) => void;
     onCheckoutClosed: (callback: (intent: string | undefined) => void) => void;
     /**

package/dist/index.js

@@ -226,7 +226,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     closeCheckout();
   }
   onCheckoutInitiated(callback) {
-    window.addEventListener("moonbase-checkout-initiated", (e) => callback(e.detail.order));
+    window.addEventListener("moonbase-checkout-initiated", (e) => callback(e.detail.order, e.detail.total));
   }
   onCheckoutCompleted(callback) {
     window.addEventListener("moonbase-checkout-completed", (e) => callback(e.detail.order));
@@ -539,6 +539,28 @@ function useCart(context) {
   const storefront = context != null ? context : inject5(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
+  const total = computed4(() => {
+    const currency = storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency;
+    const total2 = storefront.currentOrder.value.items.reduce((agg, item) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      let price;
+      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 pickedVariation = variations.find((v) => v.id === item.variationId);
+        const eligiblePricingTiers = (_b = (_a = pickedVariation == null ? void 0 : pickedVariation.pricingTiers) == null ? void 0 : _a.filter((tier) => item.quantity >= tier.minQuantity)) != null ? _b : [];
+        const matchingPricingTier = eligiblePricingTiers.length > 0 ? eligiblePricingTiers[eligiblePricingTiers.length - 1] : null;
+        price = (_f = (_e = (_c = matchingPricingTier == null ? void 0 : matchingPricingTier.price[currency]) != null ? _c : pickedVariation == null ? void 0 : pickedVariation.price[currency]) != null ? _e : (_d = product == null ? void 0 : product.defaultVariation) == null ? void 0 : _d.price[currency]) != null ? _f : 0;
+      } else {
+        const bundle = storefront.storefront.value.bundles.find((b) => b.id === item.bundleId);
+        const variations = (bundle == null ? void 0 : bundle.variations) || [];
+        const pickedVariation = variations.find((v) => v.id === item.variationId);
+        price = (_i = (_h = pickedVariation == null ? void 0 : pickedVariation.price[currency]) != null ? _h : (_g = bundle == null ? void 0 : bundle.defaultVariation) == null ? void 0 : _g.price[currency]) != null ? _i : 0;
+      }
+      return agg + price * item.quantity;
+    }, 0);
+    return { amount: total2, currency };
+  });
   return {
     items: computed4(() => storefront.currentOrder.value.items.map((item) => {
       var _a, _b;
@@ -567,28 +589,7 @@ function useCart(context) {
       }
     })),
     currency: computed4(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
-    total: computed4(() => {
-      const currency = storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency;
-      const total = storefront.currentOrder.value.items.reduce((agg, item) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-        let price;
-        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 pickedVariation = variations.find((v) => v.id === item.variationId);
-          const eligiblePricingTiers = (_b = (_a = pickedVariation == null ? void 0 : pickedVariation.pricingTiers) == null ? void 0 : _a.filter((tier) => item.quantity >= tier.minQuantity)) != null ? _b : [];
-          const matchingPricingTier = eligiblePricingTiers.length > 0 ? eligiblePricingTiers[eligiblePricingTiers.length - 1] : null;
-          price = (_f = (_e = (_c = matchingPricingTier == null ? void 0 : matchingPricingTier.price[currency]) != null ? _c : pickedVariation == null ? void 0 : pickedVariation.price[currency]) != null ? _e : (_d = product == null ? void 0 : product.defaultVariation) == null ? void 0 : _d.price[currency]) != null ? _f : 0;
-        } else {
-          const bundle = storefront.storefront.value.bundles.find((b) => b.id === item.bundleId);
-          const variations = (bundle == null ? void 0 : bundle.variations) || [];
-          const pickedVariation = variations.find((v) => v.id === item.variationId);
-          price = (_i = (_h = pickedVariation == null ? void 0 : pickedVariation.price[currency]) != null ? _h : (_g = bundle == null ? void 0 : bundle.defaultVariation) == null ? void 0 : _g.price[currency]) != null ? _i : 0;
-        }
-        return agg + price * item.quantity;
-      }, 0);
-      return { amount: total, currency };
-    }),
+    total,
     addToCart: (item, variation) => {
       var _a, _b;
       item = unref(item);
@@ -660,7 +661,7 @@ function useCart(context) {
         returnUrl: absoluteReturnUrl
       }, storefront.hasUtm ? storefront.utm.value : void 0);
       window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
-        detail: { order: updatedOrder }
+        detail: { order: updatedOrder, total: total.value }
       }));
       if (!options.redirect && updatedOrder.embeddedCheckoutUrl && typeof window !== "undefined") {
         const embeddedUrl = updatedOrder.embeddedCheckoutUrl;
@@ -735,7 +736,10 @@ async function useCheckout(items, options, context) {
     returnUrl: absoluteReturnUrl
   }, storefront.hasUtm ? storefront.utm.value : void 0);
   window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
-    detail: { order: updatedOrder }
+    detail: { order: updatedOrder, total: { amount: items.reduce((a, item) => {
+      var _a2, _b2;
+      return a + ((_b2 = (_a2 = item.variation) == null ? void 0 : _a2.price[updatedOrder.currency]) != null ? _b2 : 0);
+    }, 0), currency: updatedOrder.currency } }
   }));
   if (!options.redirect && updatedOrder.embeddedCheckoutUrl && typeof window !== "undefined") {
     const embeddedUrl = updatedOrder.embeddedCheckoutUrl;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moonbase.sh/vue",
   "type": "module",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "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.5"
+    "@moonbase.sh/storefront-api": "0.3.6"
   },
   "devDependencies": {
     "@types/uuid": "^9.0.8",