@scayle/storefront-nuxt 7.61.2 → 7.61.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @scayle/storefront-nuxt
 
+## 7.61.4
+
+### Patch Changes
+
+- Fix the type of unitialized data in `useBasket` and `useWishlist`
+
+  When the request for the basket/wishlist has not completed or has failed, the `data` property is `undefined`. In the previous release this was inadvertently changed to `null`. Now it is once again `undefined`.
+
+## 7.61.3
+
+### Patch Changes
+
+- Fix types of useBasket and useWishlist
+
 ## 7.61.2
 
 ### Patch Changes
@@ -13,7 +27,7 @@
 
 ### Patch Changes
 
-- `useBasket` and `useWishlist` should no longer trigger duplicate requests when used in multiple components
+- `useBasket` and `useWishlist` should no longer trigger duplicate requests when used in multiple components. Note: As part of this change, the `options` parameter has been removed from both functions.
 
 ## 7.61.0
 

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.9.0"
   },
-  "version": "7.61.1"
+  "version": "7.61.3"
 }

package/dist/runtime/composables/storefront/useBasket.d.ts

@@ -1,4 +1,4 @@
-import type { AddOrUpdateItemType, RpcMethodParameters } from '@scayle/storefront-core';
+import type { AddOrUpdateItemType, RpcMethodParameters, BasketResponseData } from '@scayle/storefront-core';
 import { ExistingItemHandling } from '@scayle/storefront-core';
 import { type MaybeRefOrGetter } from '#imports';
 type UseBasketOptions = Partial<{
@@ -6,17 +6,17 @@ type UseBasketOptions = Partial<{
     key: string;
 }>;
 export declare function useBasket({ params, key, }?: UseBasketOptions): Promise<{
-    data: any;
-    items: import("vue").ComputedRef<any>;
-    cost: import("vue").ComputedRef<any>;
-    key: import("vue").ComputedRef<any>;
-    packages: import("vue").ComputedRef<any>;
+    data: import("vue").Ref<BasketResponseData<import("@scayle/storefront-core").Product, import("@scayle/storefront-core").Variant> | undefined>;
+    items: import("vue").ComputedRef<import("@scayle/storefront-core").BasketItem<import("@scayle/storefront-core").Product, import("@scayle/storefront-core").Variant>[] | undefined>;
+    cost: import("vue").ComputedRef<import("@scayle/storefront-core").BasketTotalPrice | undefined>;
+    key: import("vue").ComputedRef<import("@aboutyou/backbone").BasketKey | undefined>;
+    packages: import("vue").ComputedRef<import("@aboutyou/backbone").BasketPackageInformation[] | undefined>;
     shippingDates: import("vue").ComputedRef<(string | null)[] | undefined>;
     isEmpty: import("vue").ComputedRef<boolean>;
-    fetching: any;
-    fetch: any;
-    count: import("vue").ComputedRef<any>;
-    countWithoutSoldOutItems: import("vue").ComputedRef<any>;
+    fetching: import("vue").Ref<boolean>;
+    fetch: (opts?: import("nuxt/dist/app/composables/asyncData").AsyncDataExecuteOptions | undefined) => Promise<void>;
+    count: import("vue").ComputedRef<number | undefined>;
+    countWithoutSoldOutItems: import("vue").ComputedRef<number | undefined>;
     addItem: ({ variantId, promotionId, quantity, existingItemHandling, displayData, customData, itemGroup, }: AddOrUpdateItemType & {
         existingItemHandling?: 0 | 1 | 2 | 3 | undefined;
     }) => Promise<void>;
@@ -30,12 +30,12 @@ export declare function useBasket({ params, key, }?: UseBasketOptions): Promise<
     } | {
         productId: number;
     }) => boolean;
-    products: import("vue").ComputedRef<any>;
+    products: import("vue").ComputedRef<import("@scayle/storefront-core").Product[]>;
     findItem: (item: {
         variantId: number;
     } | {
         productId: number;
-    }) => any;
+    }) => import("@scayle/storefront-core").BasketItem<import("@scayle/storefront-core").Product, import("@scayle/storefront-core").Variant> | undefined;
     generateBasketKey: ({ keyTemplate, hashAlgorithm, shopId, userId, log, }: {
         keyTemplate: string;
         hashAlgorithm: import("@scayle/storefront-core").HashAlgorithm;
@@ -47,7 +47,7 @@ export declare function useBasket({ params, key, }?: UseBasketOptions): Promise<
         fromBasketKey: string;
         toBasketKey: string;
     }) => Promise<any>;
-    error: any;
-    status: any;
+    error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | null>;
+    status: import("vue").Ref<import("nuxt/dist/app/composables/asyncData").AsyncDataRequestStatus>;
 }>;
 export {};

package/dist/runtime/composables/storefront/useBasket.mjs

@@ -6,12 +6,12 @@ import {
   HttpStatusCode,
   HttpStatusMessage
 } from "@scayle/storefront-core";
-import { useNuxtApp } from "nuxt/app";
+import { useNuxtApp, useAsyncData } from "nuxt/app";
 import { computed } from "vue";
 import { useEventListener } from "@vueuse/core";
 import { rpcCall } from "../../rpc/rpcCall.mjs";
 import { useCurrentShop } from "../core/useCurrentShop.mjs";
-import { toValue, toRef, useAsyncData } from "#imports";
+import { toValue, toRef } from "#imports";
 const onCheckoutUpdate = async (event, fetching, fetchCallback) => {
   if (fetching) {
     return;
@@ -44,8 +44,9 @@ export async function useBasket({
       watch: [toRef(params)],
       dedupe: "defer",
       getCachedData: (key2) => {
-        return toValue(nuxtApp._asyncData[key2]?.data);
-      }
+        return toValue(nuxtApp._asyncData[key2]?.data) ?? void 0;
+      },
+      default: () => void 0
     }
   );
   useEventListener(

package/dist/runtime/composables/storefront/useWishlist.d.ts

@@ -1,14 +1,14 @@
-import type { RpcMethodParameters } from '@scayle/storefront-core';
+import type { Product, WishlistItem, RpcMethodParameters, WishlistResponseData } from '@scayle/storefront-core';
 import type { MaybeRefOrGetter } from '#imports';
 type Options = Partial<{
     params: MaybeRefOrGetter<RpcMethodParameters<'getWishlist'>>;
     key: string;
 }>;
 export declare function useWishlist({ params, key, }?: Options): Promise<{
-    data: any;
-    count: import("vue").ComputedRef<any>;
-    items: import("vue").ComputedRef<any>;
-    products: import("vue").ComputedRef<any>;
+    data: import("vue").Ref<WishlistResponseData | undefined>;
+    count: import("vue").ComputedRef<number | undefined>;
+    items: import("vue").ComputedRef<WishlistItem[] | undefined>;
+    products: import("vue").ComputedRef<Product[]>;
     addItem: (item: {
         variantId?: number;
         productId?: number;
@@ -25,8 +25,8 @@ export declare function useWishlist({ params, key, }?: Options): Promise<{
         productId?: number;
     }) => Promise<void>;
     clear: () => Promise<void>;
-    fetching: any;
-    fetch: any;
+    fetching: import("vue").Ref<boolean>;
+    fetch: (opts?: import("nuxt/dist/app/composables/asyncData").AsyncDataExecuteOptions | undefined) => Promise<void>;
     toggleItem: (item: {
         variantId?: number;
         productId?: number;
@@ -34,13 +34,13 @@ export declare function useWishlist({ params, key, }?: Options): Promise<{
     findItem: (item: {
         variantId?: number;
         productId?: number;
-    }) => any;
+    }) => WishlistItem | undefined;
     contains: (item: {
         variantId: number;
     } | {
         productId: number;
     }) => boolean;
-    error: any;
-    status: any;
+    error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | null>;
+    status: import("vue").Ref<import("nuxt/dist/app/composables/asyncData").AsyncDataRequestStatus>;
 }>;
 export {};

package/dist/runtime/composables/storefront/useWishlist.mjs

@@ -3,11 +3,11 @@ import {
   HttpStatusMessage,
   HttpStatusCode
 } from "@scayle/storefront-core";
-import { useNuxtApp } from "nuxt/app";
+import { useNuxtApp, useAsyncData } from "nuxt/app";
 import { computed } from "vue";
 import { rpcCall } from "../../rpc/rpcCall.mjs";
 import { useCurrentShop } from "../core/useCurrentShop.mjs";
-import { toValue, toRef, useAsyncData } from "#imports";
+import { toValue, toRef } from "#imports";
 export async function useWishlist({
   params,
   key = "useWishlist"
@@ -29,8 +29,9 @@ export async function useWishlist({
       watch: [toRef(params)],
       dedupe: "defer",
       getCachedData: (key2) => {
-        return toValue(nuxtApp._asyncData[key2]?.data);
-      }
+        return toValue(nuxtApp._asyncData[key2]?.data) ?? void 0;
+      },
+      default: () => void 0
     }
   );
   const addItem = async (item) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-nuxt",
   "type": "module",
-  "version": "7.61.2",
+  "version": "7.61.4",
   "description": "Nuxt integration for the SCAYLE Commerce Engine and Storefront API",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -70,9 +70,9 @@
     "defu": "6.1.4",
     "jose": "^5.2.0",
     "knitwork": "1.0.0",
-    "nitropack": "2.9.1",
+    "nitropack": "2.9.3",
     "ofetch": "1.3.3",
-    "radash": "12.0.0",
+    "radash": "12.1.0",
     "uncrypto": "0.1.3",
     "unstorage": "1.10.1",
     "vue-router": "4.3.0",
@@ -84,7 +84,7 @@
     "@nuxt/test-utils": "3.11.0",
     "@scayle/eslint-config-storefront": "3.2.6",
     "@scayle/prettier-config-storefront": "2.0.2",
-    "@types/node": "20.11.25",
+    "@types/node": "20.11.26",
     "eslint": "8.57.0",
     "eslint-formatter-gitlab": "5.1.0",
     "h3": "1.11.1",