@moonbase.sh/vue 0.1.93 → 0.1.96

package/dist/index.cjs

@@ -63,9 +63,11 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     this.configuration = configuration;
     this.client = client;
     this.stateFactory = stateFactory;
+    this.hasUtm = (0, import_vue.computed)(() => !!this.utm.value && Object.values(this.utm.value).some((v) => !!v));
     this.currentUser = (0, import_vue.ref)(null);
     this.loadedUser = (0, import_vue.ref)(false);
-    this.debouncedPushOrderContent = debounce((order) => this.client.orders.pushContent(order), 500);
+    this.debouncedPushOrderContent = debounce((order) => this.client.orders.pushContent(order, void 0, this.hasUtm.value ? this.utm.value : void 0), 500);
+    var _a;
     if (typeof window === "undefined") {
       this.currentOrder = (0, import_vue.ref)({
         id: (0, import_uuid.v4)(),
@@ -80,8 +82,18 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
         products: []
       });
       this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, false);
+      this.utm = stateFactory(`${_StorefrontContextImpl.storefrontKey}_utm`, void 0);
       return;
     }
+    const urlParams = new URLSearchParams(window.location.search);
+    this.utm = stateFactory(`${_StorefrontContextImpl.storefrontKey}_utm`, {
+      referrer: ((_a = window.document.referrer) == null ? void 0 : _a.replace(/https?:\/\//g, "").split("/")[0]) || void 0,
+      source: urlParams.get("utm_source") || void 0,
+      medium: urlParams.get("utm_medium") || void 0,
+      campaign: urlParams.get("utm_campaign") || void 0,
+      term: urlParams.get("utm_term") || void 0,
+      content: urlParams.get("utm_content") || void 0
+    });
     window.addEventListener("storage", (event) => this.handleStorageUpdate(event));
     const cachedOrderJson = localStorage.getItem(_StorefrontContextImpl.sessionKey);
     if (cachedOrderJson) {
@@ -127,7 +139,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     }
   }
   async updateStorefront() {
-    const latestStorefront = await this.client.storefront.get();
+    const latestStorefront = await this.client.storefront.get(this.hasUtm.value ? this.utm.value : void 0);
     if (latestStorefront) {
       if (typeof window !== "undefined")
         localStorage.setItem(_StorefrontContextImpl.storefrontKey, JSON.stringify(latestStorefront));

package/dist/index.js

@@ -4,7 +4,7 @@ import { ref as ref2 } from "vue";
 
 // src/context.ts
 import { v4 as uuidv4 } from "uuid";
-import { ref } from "vue";
+import { computed, ref } from "vue";
 import { NotAuthenticatedError, OrderStatus } from "@moonbase.sh/storefront-api";
 
 // src/symbols.ts
@@ -28,9 +28,11 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     this.configuration = configuration;
     this.client = client;
     this.stateFactory = stateFactory;
+    this.hasUtm = computed(() => !!this.utm.value && Object.values(this.utm.value).some((v) => !!v));
     this.currentUser = ref(null);
     this.loadedUser = ref(false);
-    this.debouncedPushOrderContent = debounce((order) => this.client.orders.pushContent(order), 500);
+    this.debouncedPushOrderContent = debounce((order) => this.client.orders.pushContent(order, void 0, this.hasUtm.value ? this.utm.value : void 0), 500);
+    var _a;
     if (typeof window === "undefined") {
       this.currentOrder = ref({
         id: uuidv4(),
@@ -45,8 +47,18 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
         products: []
       });
       this.loadedStorefront = stateFactory(`${_StorefrontContextImpl.storefrontKey}_loaded`, false);
+      this.utm = stateFactory(`${_StorefrontContextImpl.storefrontKey}_utm`, void 0);
       return;
     }
+    const urlParams = new URLSearchParams(window.location.search);
+    this.utm = stateFactory(`${_StorefrontContextImpl.storefrontKey}_utm`, {
+      referrer: ((_a = window.document.referrer) == null ? void 0 : _a.replace(/https?:\/\//g, "").split("/")[0]) || void 0,
+      source: urlParams.get("utm_source") || void 0,
+      medium: urlParams.get("utm_medium") || void 0,
+      campaign: urlParams.get("utm_campaign") || void 0,
+      term: urlParams.get("utm_term") || void 0,
+      content: urlParams.get("utm_content") || void 0
+    });
     window.addEventListener("storage", (event) => this.handleStorageUpdate(event));
     const cachedOrderJson = localStorage.getItem(_StorefrontContextImpl.sessionKey);
     if (cachedOrderJson) {
@@ -92,7 +104,7 @@ var _StorefrontContextImpl = class _StorefrontContextImpl {
     }
   }
   async updateStorefront() {
-    const latestStorefront = await this.client.storefront.get();
+    const latestStorefront = await this.client.storefront.get(this.hasUtm.value ? this.utm.value : void 0);
     if (latestStorefront) {
       if (typeof window !== "undefined")
         localStorage.setItem(_StorefrontContextImpl.storefrontKey, JSON.stringify(latestStorefront));
@@ -158,39 +170,39 @@ var StorefrontContextImpl = _StorefrontContextImpl;
 export * from "@moonbase.sh/storefront-api";
 
 // src/composables/useBundle.ts
-import { computed, inject } from "vue";
+import { computed as computed2, inject } from "vue";
 function useBundle(bundleId) {
   const storefront = inject(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return computed(() => storefront.storefront.value.bundles.find((b) => b.id === bundleId) || null);
+  return computed2(() => storefront.storefront.value.bundles.find((b) => b.id === bundleId) || null);
 }
 
 // src/composables/useBundles.ts
-import { computed as computed2, inject as inject2 } from "vue";
+import { computed as computed3, inject as inject2 } from "vue";
 function useBundles() {
   const storefront = inject2(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return computed2(() => storefront.storefront.value.bundles);
+  return computed3(() => storefront.storefront.value.bundles);
 }
 
 // src/composables/useProduct.ts
-import { computed as computed3, inject as inject3 } from "vue";
+import { computed as computed4, inject as inject3 } from "vue";
 function useProduct(productId) {
   const storefront = inject3(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return computed3(() => storefront.storefront.value.products.find((p) => p.id === productId) || null);
+  return computed4(() => storefront.storefront.value.products.find((p) => p.id === productId) || null);
 }
 
 // src/composables/useProducts.ts
-import { computed as computed4, inject as inject4 } from "vue";
+import { computed as computed5, inject as inject4 } from "vue";
 function useProducts() {
   const storefront = inject4(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
-  return computed4(() => storefront.storefront.value.products);
+  return computed5(() => storefront.storefront.value.products);
 }
 
 // src/composables/useInventory.ts
@@ -226,7 +238,7 @@ function useInventory() {
 
 // src/composables/useActivationRequest.ts
 import { ActivationRequestStatus } from "@moonbase.sh/storefront-api";
-import { computed as computed5, inject as inject6, onBeforeUnmount, watch } from "vue";
+import { computed as computed6, inject as inject6, onBeforeUnmount, watch } from "vue";
 function useActivationRequest(requestId) {
   const storefront = inject6(storefrontKey);
   if (!storefront)
@@ -266,7 +278,7 @@ function useActivationRequest(requestId) {
     activationRequest,
     loading,
     error,
-    isInstalled: computed5(() => {
+    isInstalled: computed6(() => {
       var _a;
       return activationRequest && ((_a = activationRequest.value) == null ? void 0 : _a.status) === ActivationRequestStatus.Completed;
     }),
@@ -298,13 +310,13 @@ function useVoucher() {
 }
 
 // src/composables/useCart.ts
-import { computed as computed6, inject as inject8, unref } from "vue";
+import { computed as computed7, inject as inject8, unref } from "vue";
 function useCart() {
   const storefront = inject8(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
-    items: computed6(() => storefront.currentOrder.value.items.map((item) => {
+    items: computed7(() => storefront.currentOrder.value.items.map((item) => {
       if (item.type === "Product") {
         const product = storefront.storefront.value.products.find((p) => p.id === item.productId);
         const variations = (product == null ? void 0 : product.variations) || [];
@@ -327,8 +339,8 @@ function useCart() {
         };
       }
     })),
-    currency: computed6(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
-    total: computed6(() => {
+    currency: computed7(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
+    total: computed7(() => {
       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;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moonbase.sh/vue",
   "type": "module",
-  "version": "0.1.93",
+  "version": "0.1.96",
   "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",
@@ -18,7 +18,7 @@
   "dependencies": {
     "@vue/devtools-api": "^6.5.1",
     "uuid": "^9.0.1",
-    "@moonbase.sh/storefront-api": "0.1.93"
+    "@moonbase.sh/storefront-api": "0.1.96"
   },
   "devDependencies": {
     "@types/uuid": "^9.0.7",