@moonbase.sh/vue 0.2.127 → 0.2.128

package/dist/index.cjs

@@ -28,6 +28,7 @@ __export(src_exports, {
   useBundle: () => useBundle,
   useBundles: () => useBundles,
   useCart: () => useCart,
+  useCheckout: () => useCheckout,
   useInventory: () => useInventory,
   useProduct: () => useProduct,
   useProducts: () => useProducts,
@@ -35,8 +36,8 @@ __export(src_exports, {
   useVoucher: () => useVoucher
 });
 module.exports = __toCommonJS(src_exports);
-var import_storefront_api6 = require("@moonbase.sh/storefront-api");
-var import_vue12 = require("vue");
+var import_storefront_api7 = require("@moonbase.sh/storefront-api");
+var import_vue13 = require("vue");
 
 // src/context.ts
 var import_storefront_api2 = require("@moonbase.sh/storefront-api");
@@ -227,7 +228,11 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
         window.history.replaceState(null, "", window.location.href.split("?")[0]);
       }
     }
-    window.addEventListener("moonbase-checkout-completed", () => this.resetOrder());
+    window.addEventListener("moonbase-checkout-completed", (e) => {
+      const order = e.detail.order;
+      if (order.id === this.currentOrder.value.id)
+        this.resetOrder();
+    });
   }
   get loadedStorefrontPromise() {
     return new Promise((resolve) => {
@@ -251,6 +256,9 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
   closeCheckout() {
     closeCheckout();
   }
+  onCheckoutInitiated(callback) {
+    window.addEventListener("moonbase-checkout-initiated", (e) => callback(e.detail.order));
+  }
   onCheckoutCompleted(callback) {
     window.addEventListener("moonbase-checkout-completed", (e) => callback(e.detail.order));
   }
@@ -662,6 +670,9 @@ function useCart(context) {
       const updatedOrder = await storefront.client.orders.pushContent(storefront.currentOrder.value, {
         returnUrl: absoluteReturnUrl
       }, storefront.hasUtm ? storefront.utm.value : void 0);
+      window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
+        detail: { order: updatedOrder }
+      }));
       if (!options.redirect && updatedOrder.embeddedCheckoutUrl && typeof window !== "undefined") {
         const embeddedUrl = updatedOrder.embeddedCheckoutUrl;
         return new Promise((resolve) => {
@@ -680,10 +691,82 @@ function useCart(context) {
   };
 }
 
-// src/composables/useInventory.ts
+// src/composables/useCheckout.ts
+var import_storefront_api5 = require("@moonbase.sh/storefront-api");
+var import_uuid2 = require("uuid");
 var import_vue7 = require("vue");
-function useInventory(context) {
+async function useCheckout(items, options, context) {
+  var _a, _b;
   const storefront = context != null ? context : (0, import_vue7.inject)(storefrontKey);
+  if (!storefront)
+    throw new Error("No storefront configured");
+  const checkoutSession = [];
+  for (const item of items) {
+    const target = (0, import_vue7.unref)(item.item);
+    const variation = (_a = item.variation) != null ? _a : target.defaultVariation;
+    if (!variation)
+      throw new Error("Added item does not have a default variation, and none have been specified");
+    const id = `${target.type === "bundle" ? "b" : "p"}/${target.id}/${variation.id}`;
+    if (target.type === "bundle") {
+      checkoutSession.push({
+        id,
+        type: "Bundle",
+        bundleId: target.id,
+        bundle: target,
+        quantity: 1,
+        variation,
+        variationId: variation.id,
+        price: variation.price,
+        appliedDiscount: variation.discount
+      });
+    } else if (target.type === "product") {
+      checkoutSession.push({
+        id,
+        type: "Product",
+        productId: target.id,
+        product: target,
+        quantity: 1,
+        variation,
+        variationId: variation.id,
+        price: variation.price,
+        appliedDiscount: variation.discount
+      });
+    } else {
+      throw new import_storefront_api5.MoonbaseError("Invalid input", `Could not handle item of type '${item.type}'`);
+    }
+  }
+  const fallbackPath = typeof window !== "undefined" ? window.location.pathname : "";
+  const absoluteReturnUrl = new URL((_b = options.returnUrl) != null ? _b : fallbackPath, document.baseURI).href;
+  const updatedOrder = await storefront.client.orders.pushContent({
+    id: (0, import_uuid2.v4)(),
+    currency: storefront.storefront.value.suggestedCurrency,
+    items: checkoutSession
+  }, {
+    returnUrl: absoluteReturnUrl
+  }, storefront.hasUtm ? storefront.utm.value : void 0);
+  window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
+    detail: { order: updatedOrder }
+  }));
+  if (!options.redirect && updatedOrder.embeddedCheckoutUrl && typeof window !== "undefined") {
+    const embeddedUrl = updatedOrder.embeddedCheckoutUrl;
+    return new Promise((resolve) => {
+      mountCheckout(embeddedUrl.replace("acme-co.beta.moonbase.sh", "localhost:3002"));
+      window.addEventListener("moonbase-checkout-closed", (e) => {
+        resolve({ next: e.detail.next });
+      });
+    });
+  } else if (options.redirect && updatedOrder.checkoutUrl && typeof window !== "undefined") {
+    window.location.href = updatedOrder.checkoutUrl;
+    return Promise.resolve({ next: void 0 });
+  } else {
+    throw new Error("No checkout URL found");
+  }
+}
+
+// src/composables/useInventory.ts
+var import_vue8 = require("vue");
+function useInventory(context) {
+  const storefront = context != null ? context : (0, import_vue8.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -720,31 +803,31 @@ function useInventory(context) {
 }
 
 // src/composables/useProduct.ts
-var import_vue8 = require("vue");
+var import_vue9 = require("vue");
 function useProduct(productId, context) {
-  const storefront = context != null ? context : (0, import_vue8.inject)(storefrontKey);
+  const storefront = context != null ? context : (0, import_vue9.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return (0, import_vue8.computed)(() => storefront.storefront.value.products.find((p) => p.id === productId) || null);
+  return (0, import_vue9.computed)(() => storefront.storefront.value.products.find((p) => p.id === productId) || null);
 }
 
 // src/composables/useProducts.ts
-var import_vue9 = require("vue");
+var import_vue10 = require("vue");
 function useProducts(context) {
-  const storefront = context != null ? context : (0, import_vue9.inject)(storefrontKey);
+  const storefront = context != null ? context : (0, import_vue10.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return (0, import_vue9.computed)(() => storefront.storefront.value.products);
+  return (0, import_vue10.computed)(() => storefront.storefront.value.products);
 }
 
 // src/composables/useVendor.ts
-var import_vue10 = require("vue");
+var import_vue11 = require("vue");
 function useVendor(context) {
-  const storefront = context != null ? context : (0, import_vue10.inject)(storefrontKey);
+  const storefront = context != null ? context : (0, import_vue11.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  const vendor = (0, import_vue10.ref)(null);
-  const loading = (0, import_vue10.ref)(true);
+  const vendor = (0, import_vue11.ref)(null);
+  const loading = (0, import_vue11.ref)(true);
   storefront.client.vendor.get().then((v) => {
     vendor.value = v;
     loading.value = false;
@@ -756,10 +839,10 @@ function useVendor(context) {
 }
 
 // src/composables/useVoucher.ts
-var import_storefront_api5 = require("@moonbase.sh/storefront-api");
-var import_vue11 = require("vue");
+var import_storefront_api6 = require("@moonbase.sh/storefront-api");
+var import_vue12 = require("vue");
 function useVoucher(context) {
-  const storefront = context != null ? context : (0, import_vue11.inject)(storefrontKey);
+  const storefront = context != null ? context : (0, import_vue12.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -767,7 +850,7 @@ function useVoucher(context) {
       try {
         return await storefront.client.vouchers.peek(code);
       } catch (e) {
-        if (e instanceof import_storefront_api5.NotFoundError)
+        if (e instanceof import_storefront_api6.NotFoundError)
           throw new Error("Voucher code invalid");
         throw e;
       }
@@ -776,7 +859,7 @@ function useVoucher(context) {
       try {
         return await storefront.client.vouchers.redeem(code);
       } catch (e) {
-        if (e instanceof import_storefront_api5.NotFoundError)
+        if (e instanceof import_storefront_api6.NotFoundError)
           throw new Error("Voucher code invalid");
         throw e;
       }
@@ -793,9 +876,9 @@ function createStorefront(endpoint, stateFactory, config) {
   };
   return new StorefrontContextImpl(
     configuration,
-    new import_storefront_api6.MoonbaseClient(configuration),
+    new import_storefront_api7.MoonbaseClient(configuration),
     // Default to vue refs but allow stuff like Nuxt useState wrappers
-    stateFactory || ((_, state) => (0, import_vue12.ref)(state))
+    stateFactory || ((_, state) => (0, import_vue13.ref)(state))
   );
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -807,6 +890,7 @@ function createStorefront(endpoint, stateFactory, config) {
   useBundle,
   useBundles,
   useCart,
+  useCheckout,
   useInventory,
   useProduct,
   useProducts,

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, CompletedOrder, ActivationRequest, CommunicationPreferences, StorefrontBundle, StorefrontProduct, PricingVariation, ActivationMethod, Activation, Download, Vendor, LineItem } from '@moonbase.sh/storefront-api';
+import { MoonbaseConfiguration, Storefront, Order, User, UrchinTrackingModule, MoonbaseClient, OpenOrder, CompletedOrder, ActivationRequest, 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';
@@ -24,6 +24,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     resetOrder: () => void;
     surrenderOrder: () => Promise<void>;
     closeCheckout: () => void;
+    onCheckoutInitiated: (callback: (order: OpenOrder) => void) => void;
     onCheckoutCompleted: (callback: (order: CompletedOrder) => void) => void;
     onCheckoutClosed: (callback: (intent: string | undefined) => void) => void;
     /**
@@ -285,6 +286,18 @@ declare function useCart(context?: StorefrontContext): {
     } | undefined>;
 };
 
+interface CheckoutItem {
+    item: StorefrontProduct | StorefrontBundle | Ref<StorefrontProduct> | Ref<StorefrontBundle>;
+    variation?: PricingVariation;
+    quantity?: number;
+}
+declare function useCheckout(items: CheckoutItem[], options: {
+    redirect: boolean;
+    returnUrl?: string;
+}, context?: StorefrontContext): Promise<{
+    next: string | undefined;
+}>;
+
 declare function useInventory(context?: StorefrontContext): {
     getLicenses: (nextUrl?: string) => Promise<_moonbase_sh_storefront_api.Page<{
         status: _moonbase_sh_storefront_api.LicenseStatus;
@@ -921,4 +934,4 @@ interface Cart {
 type CartItem = LineItem;
 declare function createStorefront(endpoint: string, stateFactory?: StateFactory, config?: Omit<MoonbaseConfiguration, 'endpoint'>): StorefrontContext;
 
-export { type ActivationRequestComposable, type Cart, type CartItem, type VendorComposable, createStorefront, storefrontKey, useActivationRequest, useAuth, useBundle, useBundles, useCart, useInventory, useProduct, useProducts, useVendor, useVoucher };
+export { type ActivationRequestComposable, type Cart, type CartItem, type CheckoutItem, type VendorComposable, createStorefront, storefrontKey, useActivationRequest, useAuth, useBundle, useBundles, useCart, useCheckout, useInventory, useProduct, useProducts, useVendor, useVoucher };

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, CompletedOrder, ActivationRequest, CommunicationPreferences, StorefrontBundle, StorefrontProduct, PricingVariation, ActivationMethod, Activation, Download, Vendor, LineItem } from '@moonbase.sh/storefront-api';
+import { MoonbaseConfiguration, Storefront, Order, User, UrchinTrackingModule, MoonbaseClient, OpenOrder, CompletedOrder, ActivationRequest, 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';
@@ -24,6 +24,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
     resetOrder: () => void;
     surrenderOrder: () => Promise<void>;
     closeCheckout: () => void;
+    onCheckoutInitiated: (callback: (order: OpenOrder) => void) => void;
     onCheckoutCompleted: (callback: (order: CompletedOrder) => void) => void;
     onCheckoutClosed: (callback: (intent: string | undefined) => void) => void;
     /**
@@ -285,6 +286,18 @@ declare function useCart(context?: StorefrontContext): {
     } | undefined>;
 };
 
+interface CheckoutItem {
+    item: StorefrontProduct | StorefrontBundle | Ref<StorefrontProduct> | Ref<StorefrontBundle>;
+    variation?: PricingVariation;
+    quantity?: number;
+}
+declare function useCheckout(items: CheckoutItem[], options: {
+    redirect: boolean;
+    returnUrl?: string;
+}, context?: StorefrontContext): Promise<{
+    next: string | undefined;
+}>;
+
 declare function useInventory(context?: StorefrontContext): {
     getLicenses: (nextUrl?: string) => Promise<_moonbase_sh_storefront_api.Page<{
         status: _moonbase_sh_storefront_api.LicenseStatus;
@@ -921,4 +934,4 @@ interface Cart {
 type CartItem = LineItem;
 declare function createStorefront(endpoint: string, stateFactory?: StateFactory, config?: Omit<MoonbaseConfiguration, 'endpoint'>): StorefrontContext;
 
-export { type ActivationRequestComposable, type Cart, type CartItem, type VendorComposable, createStorefront, storefrontKey, useActivationRequest, useAuth, useBundle, useBundles, useCart, useInventory, useProduct, useProducts, useVendor, useVoucher };
+export { type ActivationRequestComposable, type Cart, type CartItem, type CheckoutItem, type VendorComposable, createStorefront, storefrontKey, useActivationRequest, useAuth, useBundle, useBundles, useCart, useCheckout, useInventory, useProduct, useProducts, useVendor, useVoucher };

package/dist/index.js

@@ -196,7 +196,11 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
         window.history.replaceState(null, "", window.location.href.split("?")[0]);
       }
     }
-    window.addEventListener("moonbase-checkout-completed", () => this.resetOrder());
+    window.addEventListener("moonbase-checkout-completed", (e) => {
+      const order = e.detail.order;
+      if (order.id === this.currentOrder.value.id)
+        this.resetOrder();
+    });
   }
   get loadedStorefrontPromise() {
     return new Promise((resolve) => {
@@ -220,6 +224,9 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
   closeCheckout() {
     closeCheckout();
   }
+  onCheckoutInitiated(callback) {
+    window.addEventListener("moonbase-checkout-initiated", (e) => callback(e.detail.order));
+  }
   onCheckoutCompleted(callback) {
     window.addEventListener("moonbase-checkout-completed", (e) => callback(e.detail.order));
   }
@@ -631,6 +638,9 @@ function useCart(context) {
       const updatedOrder = await storefront.client.orders.pushContent(storefront.currentOrder.value, {
         returnUrl: absoluteReturnUrl
       }, storefront.hasUtm ? storefront.utm.value : void 0);
+      window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
+        detail: { order: updatedOrder }
+      }));
       if (!options.redirect && updatedOrder.embeddedCheckoutUrl && typeof window !== "undefined") {
         const embeddedUrl = updatedOrder.embeddedCheckoutUrl;
         return new Promise((resolve) => {
@@ -649,10 +659,82 @@ function useCart(context) {
   };
 }
 
+// src/composables/useCheckout.ts
+import { MoonbaseError as MoonbaseError2 } from "@moonbase.sh/storefront-api";
+import { v4 as uuidv42 } from "uuid";
+import { inject as inject6, unref as unref2 } from "vue";
+async function useCheckout(items, options, context) {
+  var _a, _b;
+  const storefront = context != null ? context : inject6(storefrontKey);
+  if (!storefront)
+    throw new Error("No storefront configured");
+  const checkoutSession = [];
+  for (const item of items) {
+    const target = unref2(item.item);
+    const variation = (_a = item.variation) != null ? _a : target.defaultVariation;
+    if (!variation)
+      throw new Error("Added item does not have a default variation, and none have been specified");
+    const id = `${target.type === "bundle" ? "b" : "p"}/${target.id}/${variation.id}`;
+    if (target.type === "bundle") {
+      checkoutSession.push({
+        id,
+        type: "Bundle",
+        bundleId: target.id,
+        bundle: target,
+        quantity: 1,
+        variation,
+        variationId: variation.id,
+        price: variation.price,
+        appliedDiscount: variation.discount
+      });
+    } else if (target.type === "product") {
+      checkoutSession.push({
+        id,
+        type: "Product",
+        productId: target.id,
+        product: target,
+        quantity: 1,
+        variation,
+        variationId: variation.id,
+        price: variation.price,
+        appliedDiscount: variation.discount
+      });
+    } else {
+      throw new MoonbaseError2("Invalid input", `Could not handle item of type '${item.type}'`);
+    }
+  }
+  const fallbackPath = typeof window !== "undefined" ? window.location.pathname : "";
+  const absoluteReturnUrl = new URL((_b = options.returnUrl) != null ? _b : fallbackPath, document.baseURI).href;
+  const updatedOrder = await storefront.client.orders.pushContent({
+    id: uuidv42(),
+    currency: storefront.storefront.value.suggestedCurrency,
+    items: checkoutSession
+  }, {
+    returnUrl: absoluteReturnUrl
+  }, storefront.hasUtm ? storefront.utm.value : void 0);
+  window.dispatchEvent(new CustomEvent("moonbase-checkout-initiated", {
+    detail: { order: updatedOrder }
+  }));
+  if (!options.redirect && updatedOrder.embeddedCheckoutUrl && typeof window !== "undefined") {
+    const embeddedUrl = updatedOrder.embeddedCheckoutUrl;
+    return new Promise((resolve) => {
+      mountCheckout(embeddedUrl.replace("acme-co.beta.moonbase.sh", "localhost:3002"));
+      window.addEventListener("moonbase-checkout-closed", (e) => {
+        resolve({ next: e.detail.next });
+      });
+    });
+  } else if (options.redirect && updatedOrder.checkoutUrl && typeof window !== "undefined") {
+    window.location.href = updatedOrder.checkoutUrl;
+    return Promise.resolve({ next: void 0 });
+  } else {
+    throw new Error("No checkout URL found");
+  }
+}
+
 // src/composables/useInventory.ts
-import { inject as inject6 } from "vue";
+import { inject as inject7 } from "vue";
 function useInventory(context) {
-  const storefront = context != null ? context : inject6(storefrontKey);
+  const storefront = context != null ? context : inject7(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -689,27 +771,27 @@ function useInventory(context) {
 }
 
 // src/composables/useProduct.ts
-import { computed as computed5, inject as inject7 } from "vue";
+import { computed as computed5, inject as inject8 } from "vue";
 function useProduct(productId, context) {
-  const storefront = context != null ? context : inject7(storefrontKey);
+  const storefront = context != null ? context : inject8(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return computed5(() => storefront.storefront.value.products.find((p) => p.id === productId) || null);
 }
 
 // src/composables/useProducts.ts
-import { computed as computed6, inject as inject8 } from "vue";
+import { computed as computed6, inject as inject9 } from "vue";
 function useProducts(context) {
-  const storefront = context != null ? context : inject8(storefrontKey);
+  const storefront = context != null ? context : inject9(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return computed6(() => storefront.storefront.value.products);
 }
 
 // src/composables/useVendor.ts
-import { inject as inject9, ref as ref2 } from "vue";
+import { inject as inject10, ref as ref2 } from "vue";
 function useVendor(context) {
-  const storefront = context != null ? context : inject9(storefrontKey);
+  const storefront = context != null ? context : inject10(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   const vendor = ref2(null);
@@ -726,9 +808,9 @@ function useVendor(context) {
 
 // src/composables/useVoucher.ts
 import { NotFoundError as NotFoundError2 } from "@moonbase.sh/storefront-api";
-import { inject as inject10 } from "vue";
+import { inject as inject11 } from "vue";
 function useVoucher(context) {
-  const storefront = context != null ? context : inject10(storefrontKey);
+  const storefront = context != null ? context : inject11(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -775,6 +857,7 @@ export {
   useBundle,
   useBundles,
   useCart,
+  useCheckout,
   useInventory,
   useProduct,
   useProducts,

package/package.json

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