@moonbase.sh/vue 0.1.83 → 0.1.85

package/dist/index.cjs

@@ -23,6 +23,7 @@ var src_exports = {};
 __export(src_exports, {
   createStorefront: () => createStorefront,
   storefrontKey: () => storefrontKey,
+  useActivationRequest: () => useActivationRequest,
   useAuth: () => useAuth,
   useBundle: () => useBundle,
   useBundles: () => useBundles,
@@ -33,8 +34,8 @@ __export(src_exports, {
   useVoucher: () => useVoucher
 });
 module.exports = __toCommonJS(src_exports);
-var import_storefront_api2 = require("@moonbase.sh/storefront-api");
-var import_vue10 = require("vue");
+var import_storefront_api3 = require("@moonbase.sh/storefront-api");
+var import_vue11 = require("vue");
 
 // src/context.ts
 var import_uuid = require("uuid");
@@ -255,10 +256,58 @@ function useInventory() {
   };
 }
 
-// src/composables/useVoucher.ts
+// src/composables/useActivationRequest.ts
+var import_storefront_api2 = require("@moonbase.sh/storefront-api");
 var import_vue7 = require("vue");
-function useVoucher() {
+function useActivationRequest(requestId) {
   const storefront = (0, import_vue7.inject)(storefrontKey);
+  if (!storefront)
+    throw new Error("No storefront configured");
+  const activationRequest = storefront.stateFactory(`activation-request-${requestId}`, null);
+  const error = storefront.stateFactory(`activation-request-${requestId}-error`, null);
+  const loading = storefront.stateFactory(`activation-request-${requestId}-loading`, true);
+  const completionTimeout = storefront.stateFactory(`activation-request-${requestId}-completion-timeout`, null);
+  storefront.client.activationRequests.get(requestId).then((result) => {
+    activationRequest.value = result;
+    loading.value = false;
+  }).catch((e) => {
+    error.value = e;
+    loading.value = false;
+  });
+  (0, import_vue7.onBeforeUnmount)(() => {
+    if (completionTimeout.value)
+      clearTimeout(completionTimeout.value);
+  });
+  const checkCompletion = async () => {
+    const completed = await storefront.client.activationRequests.isCompleted(requestId);
+    if (completed && activationRequest.value)
+      activationRequest.value.status = import_storefront_api2.ActivationRequestStatus.Completed;
+    else
+      completionTimeout.value = setTimeout(checkCompletion, 1500);
+  };
+  return {
+    activationRequest,
+    loading,
+    error,
+    isInstalled: (0, import_vue7.computed)(() => {
+      var _a;
+      return activationRequest && ((_a = activationRequest.value) == null ? void 0 : _a.status) === import_storefront_api2.ActivationRequestStatus.Completed;
+    }),
+    fulfillLicense: async () => {
+      activationRequest.value = await storefront.client.activationRequests.fulfillLicense(requestId);
+      const _ = checkCompletion();
+    },
+    fulfillTrial: async () => {
+      activationRequest.value = await storefront.client.activationRequests.fulfillTrial(requestId);
+      const _ = checkCompletion();
+    }
+  };
+}
+
+// src/composables/useVoucher.ts
+var import_vue8 = require("vue");
+function useVoucher() {
+  const storefront = (0, import_vue8.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -272,13 +321,13 @@ function useVoucher() {
 }
 
 // src/composables/useCart.ts
-var import_vue8 = require("vue");
+var import_vue9 = require("vue");
 function useCart() {
-  const storefront = (0, import_vue8.inject)(storefrontKey);
+  const storefront = (0, import_vue9.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
-    items: (0, import_vue8.computed)(() => storefront.currentOrder.value.items.map((item) => {
+    items: (0, import_vue9.computed)(() => 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) || [];
@@ -301,8 +350,8 @@ function useCart() {
         };
       }
     })),
-    currency: (0, import_vue8.computed)(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
-    total: (0, import_vue8.computed)(() => {
+    currency: (0, import_vue9.computed)(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
+    total: (0, import_vue9.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;
@@ -323,7 +372,7 @@ function useCart() {
       return { amount: total, currency };
     }),
     addToCart: (item, variation) => {
-      item = (0, import_vue8.unref)(item);
+      item = (0, import_vue9.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");
@@ -391,9 +440,9 @@ function useCart() {
 }
 
 // src/composables/useAuth.ts
-var import_vue9 = require("vue");
+var import_vue10 = require("vue");
 function useAuth() {
-  const storefront = (0, import_vue9.inject)(storefrontKey);
+  const storefront = (0, import_vue10.inject)(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -450,15 +499,16 @@ function createStorefront(endpoint, stateFactory) {
   };
   return new StorefrontContextImpl(
     configuration,
-    new import_storefront_api2.MoonbaseClient(configuration),
+    new import_storefront_api3.MoonbaseClient(configuration),
     // Default to vue refs but allow stuff like Nuxt useState wrappers
-    stateFactory || ((_, state) => (0, import_vue10.ref)(state))
+    stateFactory || ((_, state) => (0, import_vue11.ref)(state))
   );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   createStorefront,
   storefrontKey,
+  useActivationRequest,
   useAuth,
   useBundle,
   useBundles,

package/dist/index.d.cts

@@ -1,11 +1,14 @@
 import * as _moonbase_sh_storefront_api from '@moonbase.sh/storefront-api';
-import { Storefront, Order, User, MoonbaseClient, StorefrontBundle, StorefrontProduct, Activation, PricingVariation, LineItem } from '@moonbase.sh/storefront-api';
+import { MoonbaseConfiguration, Storefront, Order, User, MoonbaseClient, StorefrontBundle, StorefrontProduct, Activation, PricingVariation, LineItem } from '@moonbase.sh/storefront-api';
 export * from '@moonbase.sh/storefront-api';
 import * as vue from 'vue';
-import { Plugin, Ref, App, InjectionKey } from 'vue';
+import { Plugin, Ref, App, UnwrapRef, InjectionKey } from 'vue';
+import * as _moonbase_sh_storefront_api_src from '@moonbase.sh/storefront-api/src';
 import { Address } from '@moonbase.sh/storefront-api/src';
 
 interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
+    configuration: MoonbaseConfiguration;
+    stateFactory: StateFactory;
     storefront: Ref<Storefront>;
     loadedStorefront: Ref<boolean>;
     currentOrder: Ref<Order>;
@@ -23,7 +26,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
      */
     install(app: App): any;
 }
-type StateFactory = (key: string, state: any) => Ref<typeof state>;
+type StateFactory = <T>(key: string, state: T) => Ref<T> | Ref<UnwrapRef<T>>;
 
 declare function useBundle(bundleId: string): Ref<StorefrontBundle | null>;
 
@@ -130,6 +133,154 @@ declare function useInventory(): {
     revokeActivation: (activation: Activation) => Promise<void>;
 };
 
+declare function useActivationRequest(requestId: string): {
+    activationRequest: vue.Ref<{
+        status: _moonbase_sh_storefront_api_src.ActivationRequestStatus;
+        id: string;
+        product: {
+            type: "product";
+            id: string;
+            name: string;
+            tagline: string;
+            iconUrl: string | null;
+            owned: boolean;
+            currentVersion?: string | undefined;
+            downloads?: {
+                name: string;
+                path: string | null;
+                key: string;
+                platform: _moonbase_sh_storefront_api_src.Platform;
+                size: number;
+            }[] | undefined;
+            defaultVariation?: {
+                id: string;
+                price: Record<string, number>;
+                name: string;
+                originalPrice: Record<string, number>;
+                hasDiscount: boolean;
+                discount?: {
+                    type: "PercentageOffDiscount";
+                    name: string;
+                    percentage: number;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | {
+                    type: "FlatAmountOffDiscount";
+                    name: string;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | undefined;
+            } | undefined;
+            variations?: {
+                id: string;
+                price: Record<string, number>;
+                name: string;
+                originalPrice: Record<string, number>;
+                hasDiscount: boolean;
+                discount?: {
+                    type: "PercentageOffDiscount";
+                    name: string;
+                    percentage: number;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | {
+                    type: "FlatAmountOffDiscount";
+                    name: string;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+        };
+        trialEligibility?: {
+            eligible: boolean;
+            existing: boolean;
+            requiresAccount: boolean;
+            numberOfDaysPerProduct: number;
+            numberOfDaysRemaining: number;
+        } | undefined;
+        licenseEligibility?: {
+            eligible: boolean;
+        } | undefined;
+    } | null> | vue.Ref<{
+        status: _moonbase_sh_storefront_api_src.ActivationRequestStatus;
+        id: string;
+        product: {
+            type: "product";
+            id: string;
+            name: string;
+            tagline: string;
+            iconUrl: string | null;
+            owned: boolean;
+            currentVersion?: string | undefined;
+            downloads?: {
+                name: string;
+                path: string | null;
+                key: string;
+                platform: _moonbase_sh_storefront_api_src.Platform;
+                size: number;
+            }[] | undefined;
+            defaultVariation?: {
+                id: string;
+                price: Record<string, number>;
+                name: string;
+                originalPrice: Record<string, number>;
+                hasDiscount: boolean;
+                discount?: {
+                    type: "PercentageOffDiscount";
+                    name: string;
+                    percentage: number;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | {
+                    type: "FlatAmountOffDiscount";
+                    name: string;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | undefined;
+            } | undefined;
+            variations?: {
+                id: string;
+                price: Record<string, number>;
+                name: string;
+                originalPrice: Record<string, number>;
+                hasDiscount: boolean;
+                discount?: {
+                    type: "PercentageOffDiscount";
+                    name: string;
+                    percentage: number;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | {
+                    type: "FlatAmountOffDiscount";
+                    name: string;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+        };
+        trialEligibility?: {
+            eligible: boolean;
+            existing: boolean;
+            requiresAccount: boolean;
+            numberOfDaysPerProduct: number;
+            numberOfDaysRemaining: number;
+        } | undefined;
+        licenseEligibility?: {
+            eligible: boolean;
+        } | undefined;
+    } | null>;
+    loading: vue.Ref<boolean>;
+    error: vue.Ref<Error | null> | vue.Ref<{
+        name: string;
+        message: string;
+        stack?: string | undefined;
+        cause?: unknown;
+    } | null>;
+    isInstalled: vue.ComputedRef<boolean>;
+    fulfillLicense: () => Promise<void>;
+    fulfillTrial: () => Promise<void>;
+};
+
 declare function useVoucher(): {
     peek: (code: string) => Promise<{
         code: string;
@@ -793,4 +944,4 @@ interface Cart {
 type CartItem = LineItem;
 declare function createStorefront(endpoint: string, stateFactory?: StateFactory): StorefrontContext;
 
-export { type Cart, type CartItem, createStorefront, storefrontKey, useAuth, useBundle, useBundles, useCart, useInventory, useProduct, useProducts, useVoucher };
+export { type Cart, type CartItem, createStorefront, storefrontKey, useActivationRequest, useAuth, useBundle, useBundles, useCart, useInventory, useProduct, useProducts, useVoucher };

package/dist/index.d.ts

@@ -1,11 +1,14 @@
 import * as _moonbase_sh_storefront_api from '@moonbase.sh/storefront-api';
-import { Storefront, Order, User, MoonbaseClient, StorefrontBundle, StorefrontProduct, Activation, PricingVariation, LineItem } from '@moonbase.sh/storefront-api';
+import { MoonbaseConfiguration, Storefront, Order, User, MoonbaseClient, StorefrontBundle, StorefrontProduct, Activation, PricingVariation, LineItem } from '@moonbase.sh/storefront-api';
 export * from '@moonbase.sh/storefront-api';
 import * as vue from 'vue';
-import { Plugin, Ref, App, InjectionKey } from 'vue';
+import { Plugin, Ref, App, UnwrapRef, InjectionKey } from 'vue';
+import * as _moonbase_sh_storefront_api_src from '@moonbase.sh/storefront-api/src';
 import { Address } from '@moonbase.sh/storefront-api/src';
 
 interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
+    configuration: MoonbaseConfiguration;
+    stateFactory: StateFactory;
     storefront: Ref<Storefront>;
     loadedStorefront: Ref<boolean>;
     currentOrder: Ref<Order>;
@@ -23,7 +26,7 @@ interface StorefrontContext extends Pick<Plugin, keyof Plugin> {
      */
     install(app: App): any;
 }
-type StateFactory = (key: string, state: any) => Ref<typeof state>;
+type StateFactory = <T>(key: string, state: T) => Ref<T> | Ref<UnwrapRef<T>>;
 
 declare function useBundle(bundleId: string): Ref<StorefrontBundle | null>;
 
@@ -130,6 +133,154 @@ declare function useInventory(): {
     revokeActivation: (activation: Activation) => Promise<void>;
 };
 
+declare function useActivationRequest(requestId: string): {
+    activationRequest: vue.Ref<{
+        status: _moonbase_sh_storefront_api_src.ActivationRequestStatus;
+        id: string;
+        product: {
+            type: "product";
+            id: string;
+            name: string;
+            tagline: string;
+            iconUrl: string | null;
+            owned: boolean;
+            currentVersion?: string | undefined;
+            downloads?: {
+                name: string;
+                path: string | null;
+                key: string;
+                platform: _moonbase_sh_storefront_api_src.Platform;
+                size: number;
+            }[] | undefined;
+            defaultVariation?: {
+                id: string;
+                price: Record<string, number>;
+                name: string;
+                originalPrice: Record<string, number>;
+                hasDiscount: boolean;
+                discount?: {
+                    type: "PercentageOffDiscount";
+                    name: string;
+                    percentage: number;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | {
+                    type: "FlatAmountOffDiscount";
+                    name: string;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | undefined;
+            } | undefined;
+            variations?: {
+                id: string;
+                price: Record<string, number>;
+                name: string;
+                originalPrice: Record<string, number>;
+                hasDiscount: boolean;
+                discount?: {
+                    type: "PercentageOffDiscount";
+                    name: string;
+                    percentage: number;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | {
+                    type: "FlatAmountOffDiscount";
+                    name: string;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+        };
+        trialEligibility?: {
+            eligible: boolean;
+            existing: boolean;
+            requiresAccount: boolean;
+            numberOfDaysPerProduct: number;
+            numberOfDaysRemaining: number;
+        } | undefined;
+        licenseEligibility?: {
+            eligible: boolean;
+        } | undefined;
+    } | null> | vue.Ref<{
+        status: _moonbase_sh_storefront_api_src.ActivationRequestStatus;
+        id: string;
+        product: {
+            type: "product";
+            id: string;
+            name: string;
+            tagline: string;
+            iconUrl: string | null;
+            owned: boolean;
+            currentVersion?: string | undefined;
+            downloads?: {
+                name: string;
+                path: string | null;
+                key: string;
+                platform: _moonbase_sh_storefront_api_src.Platform;
+                size: number;
+            }[] | undefined;
+            defaultVariation?: {
+                id: string;
+                price: Record<string, number>;
+                name: string;
+                originalPrice: Record<string, number>;
+                hasDiscount: boolean;
+                discount?: {
+                    type: "PercentageOffDiscount";
+                    name: string;
+                    percentage: number;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | {
+                    type: "FlatAmountOffDiscount";
+                    name: string;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | undefined;
+            } | undefined;
+            variations?: {
+                id: string;
+                price: Record<string, number>;
+                name: string;
+                originalPrice: Record<string, number>;
+                hasDiscount: boolean;
+                discount?: {
+                    type: "PercentageOffDiscount";
+                    name: string;
+                    percentage: number;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | {
+                    type: "FlatAmountOffDiscount";
+                    name: string;
+                    total: Record<string, number>;
+                    description?: string | undefined;
+                } | undefined;
+            }[] | undefined;
+        };
+        trialEligibility?: {
+            eligible: boolean;
+            existing: boolean;
+            requiresAccount: boolean;
+            numberOfDaysPerProduct: number;
+            numberOfDaysRemaining: number;
+        } | undefined;
+        licenseEligibility?: {
+            eligible: boolean;
+        } | undefined;
+    } | null>;
+    loading: vue.Ref<boolean>;
+    error: vue.Ref<Error | null> | vue.Ref<{
+        name: string;
+        message: string;
+        stack?: string | undefined;
+        cause?: unknown;
+    } | null>;
+    isInstalled: vue.ComputedRef<boolean>;
+    fulfillLicense: () => Promise<void>;
+    fulfillTrial: () => Promise<void>;
+};
+
 declare function useVoucher(): {
     peek: (code: string) => Promise<{
         code: string;
@@ -793,4 +944,4 @@ interface Cart {
 type CartItem = LineItem;
 declare function createStorefront(endpoint: string, stateFactory?: StateFactory): StorefrontContext;
 
-export { type Cart, type CartItem, createStorefront, storefrontKey, useAuth, useBundle, useBundles, useCart, useInventory, useProduct, useProducts, useVoucher };
+export { type Cart, type CartItem, createStorefront, storefrontKey, useActivationRequest, useAuth, useBundle, useBundles, useCart, useInventory, useProduct, useProducts, useVoucher };

package/dist/index.js

@@ -221,10 +221,58 @@ function useInventory() {
   };
 }
 
+// src/composables/useActivationRequest.ts
+import { ActivationRequestStatus } from "@moonbase.sh/storefront-api";
+import { computed as computed5, inject as inject6, onBeforeUnmount } from "vue";
+function useActivationRequest(requestId) {
+  const storefront = inject6(storefrontKey);
+  if (!storefront)
+    throw new Error("No storefront configured");
+  const activationRequest = storefront.stateFactory(`activation-request-${requestId}`, null);
+  const error = storefront.stateFactory(`activation-request-${requestId}-error`, null);
+  const loading = storefront.stateFactory(`activation-request-${requestId}-loading`, true);
+  const completionTimeout = storefront.stateFactory(`activation-request-${requestId}-completion-timeout`, null);
+  storefront.client.activationRequests.get(requestId).then((result) => {
+    activationRequest.value = result;
+    loading.value = false;
+  }).catch((e) => {
+    error.value = e;
+    loading.value = false;
+  });
+  onBeforeUnmount(() => {
+    if (completionTimeout.value)
+      clearTimeout(completionTimeout.value);
+  });
+  const checkCompletion = async () => {
+    const completed = await storefront.client.activationRequests.isCompleted(requestId);
+    if (completed && activationRequest.value)
+      activationRequest.value.status = ActivationRequestStatus.Completed;
+    else
+      completionTimeout.value = setTimeout(checkCompletion, 1500);
+  };
+  return {
+    activationRequest,
+    loading,
+    error,
+    isInstalled: computed5(() => {
+      var _a;
+      return activationRequest && ((_a = activationRequest.value) == null ? void 0 : _a.status) === ActivationRequestStatus.Completed;
+    }),
+    fulfillLicense: async () => {
+      activationRequest.value = await storefront.client.activationRequests.fulfillLicense(requestId);
+      const _ = checkCompletion();
+    },
+    fulfillTrial: async () => {
+      activationRequest.value = await storefront.client.activationRequests.fulfillTrial(requestId);
+      const _ = checkCompletion();
+    }
+  };
+}
+
 // src/composables/useVoucher.ts
-import { inject as inject6 } from "vue";
+import { inject as inject7 } from "vue";
 function useVoucher() {
-  const storefront = inject6(storefrontKey);
+  const storefront = inject7(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -238,13 +286,13 @@ function useVoucher() {
 }
 
 // src/composables/useCart.ts
-import { computed as computed5, inject as inject7, unref } from "vue";
+import { computed as computed6, inject as inject8, unref } from "vue";
 function useCart() {
-  const storefront = inject7(storefrontKey);
+  const storefront = inject8(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
-    items: computed5(() => storefront.currentOrder.value.items.map((item) => {
+    items: computed6(() => 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) || [];
@@ -267,8 +315,8 @@ function useCart() {
         };
       }
     })),
-    currency: computed5(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
-    total: computed5(() => {
+    currency: computed6(() => storefront.currentOrder.value.currency || storefront.storefront.value.suggestedCurrency),
+    total: computed6(() => {
       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;
@@ -357,9 +405,9 @@ function useCart() {
 }
 
 // src/composables/useAuth.ts
-import { inject as inject8 } from "vue";
+import { inject as inject9 } from "vue";
 function useAuth() {
-  const storefront = inject8(storefrontKey);
+  const storefront = inject9(storefrontKey);
   if (!storefront)
     throw new Error("No storefront configured");
   return {
@@ -424,6 +472,7 @@ function createStorefront(endpoint, stateFactory) {
 export {
   createStorefront,
   storefrontKey,
+  useActivationRequest,
   useAuth,
   useBundle,
   useBundles,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moonbase.sh/vue",
   "type": "module",
-  "version": "0.1.83",
+  "version": "0.1.85",
   "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.83"
+    "@moonbase.sh/storefront-api": "0.1.85"
   },
   "devDependencies": {
     "@types/uuid": "^9.0.7",