@moonbase.sh/vue 0.4.24 → 0.4.26

package/dist/index.cjs

@@ -19,8 +19,8 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   createStorefront: () => createStorefront,
   storefrontKey: () => storefrontKey,
   useActivationRequest: () => useActivationRequest,
@@ -29,15 +29,18 @@ __export(src_exports, {
   useBundles: () => useBundles,
   useCart: () => useCart,
   useCheckout: () => useCheckout,
+  useEligibleOffers: () => useEligibleOffers,
   useInventory: () => useInventory,
+  useOffer: () => useOffer,
+  useOffers: () => useOffers,
   useProduct: () => useProduct,
   useProducts: () => useProducts,
   useVendor: () => useVendor,
   useVoucher: () => useVoucher
 });
-module.exports = __toCommonJS(src_exports);
-var import_storefront_api7 = require("@moonbase.sh/storefront-api");
-var import_vue13 = require("vue");
+module.exports = __toCommonJS(index_exports);
+var import_storefront_api8 = require("@moonbase.sh/storefront-api");
+var import_vue15 = require("vue");
 
 // src/context.ts
 var import_storefront_api2 = require("@moonbase.sh/storefront-api");
@@ -155,7 +158,8 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
       this.storefront = stateFactory(_StorefrontContextImpl.storefrontKey, {
         suggestedCurrency: "",
         bundles: [],
-        products: []
+        products: [],
+        offers: []
       });
       this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, false);
       this.utm = stateFactory(_StorefrontContextImpl.utmKey, void 0);
@@ -208,7 +212,8 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
       this.storefront = stateFactory(_StorefrontContextImpl.storefrontKey, {
         suggestedCurrency: "",
         bundles: [],
-        products: []
+        products: [],
+        offers: []
       });
       this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, false);
     }
@@ -380,28 +385,35 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
   enrichLineItems(lineItems) {
     if (this.storefront) {
       return lineItems.map((item) => {
-        var _a, _b;
+        var _a, _b, _c;
+        const offer = (_a = this.storefront.value.offers) == null ? void 0 : _a.find((o) => o.id === item.offerId);
         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);
+          let variation = variations.find((v) => v.id === item.variationId);
+          if (offer && variation && import_storefront_api2.OfferUtils.eligible(offer, this.currentOrder.value)) {
+            variation = import_storefront_api2.OfferUtils.applyToVariation(offer, variation);
+          }
           return {
             ...item,
             product,
             variation,
             price: variation == null ? void 0 : variation.price,
-            appliedDiscount: (_a = variation == null ? void 0 : variation.discount) != null ? _a : item.appliedDiscount
+            appliedDiscount: (_b = variation == null ? void 0 : variation.discount) != null ? _b : 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);
+          let variation = variations.find((v) => v.id === item.variationId);
+          if (offer && variation && import_storefront_api2.OfferUtils.eligible(offer, this.currentOrder.value)) {
+            variation = import_storefront_api2.OfferUtils.applyToVariation(offer, variation);
+          }
           return {
             ...item,
             bundle,
             variation,
             price: variation == null ? void 0 : variation.price,
-            appliedDiscount: (_b = variation == null ? void 0 : variation.discount) != null ? _b : item.appliedDiscount
+            appliedDiscount: (_c = variation == null ? void 0 : variation.discount) != null ? _c : item.appliedDiscount
           };
         }
       });
@@ -611,7 +623,7 @@ function useCart(context) {
   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;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       let price;
       if (item.type === "Product") {
         const product = storefront.storefront.value.products.find((p) => p.id === item.productId);
@@ -626,70 +638,113 @@ function useCart(context) {
         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;
       }
+      const offer = (_j = storefront.storefront.value.offers) == null ? void 0 : _j.find((o) => o.id === item.offerId);
+      if (offer && import_storefront_api4.OfferUtils.eligible(offer, storefront.currentOrder.value)) {
+        const offerDiscount = import_storefront_api4.DiscountUtils.apply(offer.discount, { [currency]: price });
+        price -= offerDiscount[currency];
+      }
       return agg + price * item.quantity;
     }, 0);
     return { amount: total2, currency };
   });
-  return {
-    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) => {
-      var _a, _b;
-      item = (0, import_vue6.unref)(item);
-      variation != null ? variation : variation = item.defaultVariation;
-      if (!variation)
-        throw new Error("Added item does not have a default variation, and none have been specified");
-      const id = `${item.type === "bundle" ? "b" : "p"}/${item.id}/${variation.id}`;
-      let lineItem = storefront.currentOrder.value.items.find((i) => i.id === id);
-      if (!lineItem) {
-        if (item.type === "bundle") {
-          lineItem = {
-            id,
-            type: "Bundle",
-            bundleId: item.id,
-            bundle: item,
-            quantity: 1,
-            variation,
-            variationId: variation.id,
-            price: variation.price,
-            appliedDiscount: variation.discount,
-            isDefaultVariation: variation.id === ((_a = item.defaultVariation) == null ? void 0 : _a.id)
-          };
-          storefront.currentOrder.value.items.push(lineItem);
-        } else if (item.type === "product") {
-          lineItem = {
+  function addToCart(item, variation, offer, options) {
+    var _a, _b, _c;
+    item = (0, import_vue6.unref)(item);
+    variation != null ? variation : variation = item.defaultVariation;
+    if (!variation)
+      throw new Error("Added item does not have a default variation, and none have been specified");
+    const id = `${item.type === "Bundle" ? "b" : "p"}/${item.id}/${variation.id}`;
+    let lineItem = storefront == null ? void 0 : storefront.currentOrder.value.items.find((i) => i.id === id);
+    if (!lineItem) {
+      if (item.type === "Bundle") {
+        lineItem = {
+          id,
+          type: "Bundle",
+          bundleId: item.id,
+          bundle: item,
+          quantity: 1,
+          variation,
+          variationId: variation.id,
+          offerId: offer == null ? void 0 : offer.id,
+          price: variation.price,
+          appliedDiscount: variation.discount,
+          isDefaultVariation: variation.id === ((_a = item.defaultVariation) == null ? void 0 : _a.id)
+        };
+        if ((options == null ? void 0 : options.bundleBehaviour) === "replace") {
+          const lineItemsToReplace = storefront == null ? void 0 : storefront.currentOrder.value.items.filter((i) => i.type === "Product" && item.products.some((p) => p.included && p.id === i.productId));
+          for (const productLineItem of lineItemsToReplace != null ? lineItemsToReplace : []) {
+            const index = storefront == null ? void 0 : storefront.currentOrder.value.items.findIndex((i) => i.id === productLineItem.id);
+            if (index !== void 0)
+              storefront == null ? void 0 : storefront.currentOrder.value.items.splice(index, 1);
+          }
+          lineItem.replaced = lineItemsToReplace == null ? void 0 : lineItemsToReplace.filter((i) => i.type === "Product").map((i) => `${i.productId}/${i.variationId}`);
+        }
+        storefront == null ? void 0 : storefront.currentOrder.value.items.push(lineItem);
+      } else if (item.type === "Product") {
+        lineItem = {
+          id,
+          type: "Product",
+          productId: item.id,
+          product: item,
+          quantity: 1,
+          variation,
+          variationId: variation.id,
+          offerId: offer == null ? void 0 : offer.id,
+          price: variation.price,
+          appliedDiscount: variation.discount,
+          isDefaultVariation: variation.id === ((_b = item.defaultVariation) == null ? void 0 : _b.id)
+        };
+        storefront == null ? void 0 : storefront.currentOrder.value.items.push(lineItem);
+      } else {
+        throw new import_storefront_api4.MoonbaseError("Invalid input", `Could not handle item of type '${item.type}'`);
+      }
+    } else {
+      lineItem.quantity += 1;
+      (_c = lineItem.offerId) != null ? _c : lineItem.offerId = offer == null ? void 0 : offer.id;
+      if (!lineItem.variation && variation)
+        lineItem.variation = variation;
+      if (!lineItem.price && variation)
+        lineItem.price = variation.price;
+      if (!lineItem.appliedDiscount && variation.discount)
+        lineItem.appliedDiscount = variation.discount;
+      if (lineItem.type === "Product" && item.type === "Product" && !lineItem.product)
+        lineItem.product = item;
+      if (lineItem.type === "Bundle" && item.type === "Bundle" && !lineItem.bundle)
+        lineItem.bundle = item;
+    }
+    const _ = storefront == null ? void 0 : storefront.pushOrderContent();
+    return lineItem;
+  }
+  function addReplacedBundleProducts(cartItem) {
+    var _a, _b;
+    if (cartItem.type === "Bundle" && cartItem.replaced && cartItem.replaced.length > 0) {
+      for (const { productId, variationId } of cartItem.replaced.map((composite) => ({ productId: composite.split("/")[0], variationId: composite.split("/")[1] }))) {
+        const product = storefront == null ? void 0 : storefront.storefront.value.products.find((p) => p.id === productId);
+        const variation = (_a = product == null ? void 0 : product.variations) == null ? void 0 : _a.find((v) => v.id === variationId);
+        if (product && variation && !(storefront == null ? void 0 : storefront.currentOrder.value.items.some((i) => i.type === "Product" && i.productId === productId))) {
+          const id = `p/${product.id}/${variationId}`;
+          storefront == null ? void 0 : storefront.currentOrder.value.items.push({
             id,
             type: "Product",
-            productId: item.id,
-            product: item,
+            productId: product.id,
+            product,
             quantity: 1,
             variation,
-            variationId: variation.id,
+            variationId,
+            // offerId: offer?.id, // TODO: Should we handle this?
             price: variation.price,
             appliedDiscount: variation.discount,
-            isDefaultVariation: variation.id === ((_b = item.defaultVariation) == null ? void 0 : _b.id)
-          };
-          storefront.currentOrder.value.items.push(lineItem);
-        } else {
-          throw new import_storefront_api4.MoonbaseError("Invalid input", `Could not handle item of type '${item.type}'`);
+            isDefaultVariation: variation.id === ((_b = product.defaultVariation) == null ? void 0 : _b.id)
+          });
         }
-      } else {
-        lineItem.quantity += 1;
-        if (!lineItem.variation && variation)
-          lineItem.variation = variation;
-        if (!lineItem.price && variation)
-          lineItem.price = variation.price;
-        if (!lineItem.appliedDiscount && variation.discount)
-          lineItem.appliedDiscount = variation.discount;
-        if (lineItem.type === "Product" && item.type === "product" && !lineItem.product)
-          lineItem.product = item;
-        if (lineItem.type === "Bundle" && item.type === "bundle" && !lineItem.bundle)
-          lineItem.bundle = item;
       }
-      const _ = storefront.pushOrderContent();
-      return lineItem;
-    },
+    }
+  }
+  return {
+    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,
     setQuantity: (cartItem, quantity) => {
       const cartItemRef = storefront.currentOrder.value.items.find((i) => i.id === cartItem.id);
       if (!cartItemRef)
@@ -698,6 +753,7 @@ function useCart(context) {
       if (cartItemRef.quantity <= 0) {
         const index = storefront.currentOrder.value.items.findIndex((i) => i.id === cartItemRef.id);
         storefront.currentOrder.value.items.splice(index, 1);
+        addReplacedBundleProducts(cartItem);
       }
       const _ = storefront.pushOrderContent();
       return cartItem;
@@ -705,6 +761,7 @@ function useCart(context) {
     removeFromCart: (cartItem) => {
       const index = storefront.currentOrder.value.items.findIndex((i) => i.id === cartItem.id);
       storefront.currentOrder.value.items.splice(index, 1);
+      addReplacedBundleProducts(cartItem);
       const _ = storefront.pushOrderContent();
     },
     checkout: async (options) => {
@@ -752,8 +809,8 @@ async function useCheckout(items, options, context) {
     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") {
+    const id = `${target.type === "Bundle" ? "b" : "p"}/${target.id}/${variation.id}`;
+    if (target.type === "Bundle") {
       checkoutSession.push({
         id,
         type: "Bundle",
@@ -765,7 +822,7 @@ async function useCheckout(items, options, context) {
         price: variation.price,
         appliedDiscount: variation.discount
       });
-    } else if (target.type === "product") {
+    } else if (target.type === "Product") {
       checkoutSession.push({
         id,
         type: "Product",
@@ -880,32 +937,74 @@ function useInventory(context) {
   };
 }
 
-// src/composables/useProduct.ts
+// src/composables/useOffer.ts
 var import_vue9 = require("vue");
-function useProduct(productId, context) {
+function useOffer(offerId, context) {
   const storefront = context != null ? context : (0, import_vue9.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return (0, import_vue9.computed)(() => storefront.storefront.value.products.find((p) => p.id === productId) || null);
+  return (0, import_vue9.computed)(() => {
+    var _a;
+    return ((_a = storefront.storefront.value.offers) == null ? void 0 : _a.find((o) => o.id === offerId)) || null;
+  });
 }
 
-// src/composables/useProducts.ts
+// src/composables/useOffers.ts
+var import_storefront_api6 = require("@moonbase.sh/storefront-api");
 var import_vue10 = require("vue");
-function useProducts(context) {
+function useOffers(context) {
+  const storefront = context != null ? context : (0, import_vue10.inject)(storefrontKey);
+  if (!storefront)
+    throw new Error("No storefront configured");
+  return (0, import_vue10.computed)(() => {
+    var _a;
+    return (_a = storefront.storefront.value.offers) != null ? _a : [];
+  });
+}
+function useEligibleOffers(context) {
   const storefront = context != null ? context : (0, import_vue10.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return (0, import_vue10.computed)(() => storefront.storefront.value.products);
+  return (0, import_vue10.computed)(() => {
+    var _a;
+    return ((_a = storefront.storefront.value.offers) != null ? _a : []).filter((o) => import_storefront_api6.OfferUtils.eligible(o, storefront.currentOrder.value) && !offerTargetIsInCart(o, storefront.currentOrder.value));
+  });
+}
+function offerTargetIsInCart(offer, order) {
+  if (order.items.some(
+    (i) => i.type === "Product" && offer.target.type === "Product" && i.productId === offer.target.id || i.type === "Bundle" && offer.target.type === "Bundle" && i.bundleId === offer.target.id
+  )) {
+    return true;
+  }
+  return false;
 }
 
-// src/composables/useVendor.ts
+// src/composables/useProduct.ts
 var import_vue11 = require("vue");
-function useVendor(context) {
+function useProduct(productId, context) {
   const storefront = context != null ? context : (0, import_vue11.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  const vendor = (0, import_vue11.ref)(null);
-  const loading = (0, import_vue11.ref)(true);
+  return (0, import_vue11.computed)(() => storefront.storefront.value.products.find((p) => p.id === productId) || null);
+}
+
+// src/composables/useProducts.ts
+var import_vue12 = require("vue");
+function useProducts(context) {
+  const storefront = context != null ? context : (0, import_vue12.inject)(storefrontKey);
+  if (!storefront)
+    throw new Error("No storefront configured");
+  return (0, import_vue12.computed)(() => storefront.storefront.value.products);
+}
+
+// src/composables/useVendor.ts
+var import_vue13 = require("vue");
+function useVendor(context) {
+  const storefront = context != null ? context : (0, import_vue13.inject)(storefrontKey);
+  if (!storefront)
+    throw new Error("No storefront configured");
+  const vendor = (0, import_vue13.ref)(null);
+  const loading = (0, import_vue13.ref)(true);
   storefront.client.vendor.get().then((v) => {
     vendor.value = v;
     loading.value = false;
@@ -917,10 +1016,10 @@ function useVendor(context) {
 }
 
 // src/composables/useVoucher.ts
-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_vue14 = require("vue");
 function useVoucher(context) {
-  const storefront = context != null ? context : (0, import_vue12.inject)(storefrontKey);
+  const storefront = context != null ? context : (0, import_vue14.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -928,7 +1027,7 @@ function useVoucher(context) {
       try {
         return await storefront.client.vouchers.peek(code);
       } catch (e) {
-        if (e instanceof import_storefront_api6.NotFoundError)
+        if (e instanceof import_storefront_api7.NotFoundError)
           throw new Error("Voucher code invalid");
         throw e;
       }
@@ -937,7 +1036,7 @@ function useVoucher(context) {
       try {
         return await storefront.client.vouchers.redeem(code);
       } catch (e) {
-        if (e instanceof import_storefront_api6.NotFoundError)
+        if (e instanceof import_storefront_api7.NotFoundError)
           throw new Error("Voucher code invalid");
         throw e;
       }
@@ -946,7 +1045,7 @@ function useVoucher(context) {
 }
 
 // src/index.ts
-__reExport(src_exports, require("@moonbase.sh/storefront-api"), module.exports);
+__reExport(index_exports, require("@moonbase.sh/storefront-api"), module.exports);
 function createStorefront(endpoint, stateFactory, config) {
   const configuration = {
     ...config != null ? config : {},
@@ -954,9 +1053,9 @@ function createStorefront(endpoint, stateFactory, config) {
   };
   return new StorefrontContextImpl(
     configuration,
-    new import_storefront_api7.MoonbaseClient(configuration),
+    new import_storefront_api8.MoonbaseClient(configuration),
     // Default to vue refs but allow stuff like Nuxt useState wrappers
-    stateFactory || ((_, state) => (0, import_vue13.ref)(state))
+    stateFactory || ((_, state) => (0, import_vue15.ref)(state))
   );
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -969,7 +1068,10 @@ function createStorefront(endpoint, stateFactory, config) {
   useBundles,
   useCart,
   useCheckout,
+  useEligibleOffers,
   useInventory,
+  useOffer,
+  useOffers,
   useProduct,
   useProducts,
   useVendor,