@teamnovu/kit-shopware-composables 0.0.13 → 0.0.15

package/dist/helpers/product/useProductVariantForOptions.d.ts

@@ -1,7 +1,8 @@
-import { Schemas, components, GenericRecord } from '../../../api-types/storeApiTypes.d.ts';
+import { Schemas } from '../../query/types/operations';
 import { MaybeRef, ComputedRef } from 'vue';
-type DetailProduct<S extends Schemas> = S['CustomProductDetailResponse']['product'];
-export declare function getProductVariantForOptions<S extends Schemas>(product: DetailProduct<S>, optionIds: string[]): {
+import { components, GenericRecord } from '../../../api-types/storeApiTypes';
+type DetailProduct = Schemas['CustomProductDetailResponse']['product'];
+export declare function getProductVariantForOptions<S extends DetailProduct>(product: S, optionIds: string[]): {
     active?: boolean;
     apiAlias: "product";
     readonly available?: boolean;
@@ -137,7 +138,7 @@ export declare function getProductVariantForOptions<S extends Schemas>(product:
     weight?: number;
     width?: number;
 } | undefined;
-export declare function useProductVariantForOptions<S extends Schemas>(product: MaybeRef<DetailProduct<S>>, optionIds: MaybeRef<string[]>): ComputedRef<{
+export declare function useProductVariantForOptions<S extends DetailProduct>(product: MaybeRef<S>, optionIds: MaybeRef<string[]>): ComputedRef<{
     active?: boolean;
     apiAlias: "product";
     readonly available?: boolean;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { inject as Y, unref as i, computed as c, reactive as Z, watch as H, toRef as W } from "vue";
 import { until as J } from "@vueuse/core";
-import { queryOptions as Q, useQuery as M, useQueryClient as S, useMutation as v } from "@tanstack/vue-query";
+import { queryOptions as Q, useQuery as M, useQueryClient as C, useMutation as v } from "@tanstack/vue-query";
 import "@teamnovu/kit-shopware-api-client";
 const _ = Symbol("shopwareClient");
 function g() {
@@ -76,9 +76,9 @@ const F = {
       body: e
     }
   ]
-}, x = {
-  get: () => ["cart"]
 }, I = {
+  get: () => ["cart"]
+}, L = {
   all: () => ["customer"],
   detail: (e) => ["customer", { body: e }]
 }, R = {
@@ -185,7 +185,7 @@ const V = (e) => {
   return s.startsWith("/") ? s.slice(1) : s;
 }, gt = (e) => `/${V(e)}`;
 function mt(e, s, t) {
-  const n = S();
+  const n = C();
   return {
     onMutate: async (r) => {
       await n.cancelQueries({ queryKey: e });
@@ -226,7 +226,7 @@ function k(e) {
 }
 const ue = "updateContext patch /context";
 function $(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => (t.cancelQueries({ queryKey: F.all() }), s.query(ue, {
@@ -261,7 +261,7 @@ function ft() {
         return P.id !== ((O = u.value) == null ? void 0 : O.id);
       }
     )) ?? [];
-  }), C = c(() => {
+  }), S = c(() => {
     var d;
     return ((d = t.data.value) == null ? void 0 : d.elements.filter(
       (P) => {
@@ -280,7 +280,7 @@ function ft() {
     activeBillingAddress: u,
     activeShippingAddress: o,
     inactiveBillingAddresses: f,
-    inactiveShippingAddresses: C
+    inactiveShippingAddresses: S
   };
 }
 const oe = "readOrder post /order";
@@ -318,8 +318,8 @@ function vt(e, s) {
         }
       };
   }), n = ce(t.value), r = c(() => {
-    var l, m, q, L;
-    return (L = (q = (m = (l = n.data) == null ? void 0 : l.value) == null ? void 0 : m.orders) == null ? void 0 : q.elements) == null ? void 0 : L[0];
+    var l, m, q, x;
+    return (x = (q = (m = (l = n.data) == null ? void 0 : l.value) == null ? void 0 : m.orders) == null ? void 0 : q.elements) == null ? void 0 : x[0];
   }), a = c(() => {
     var l, m;
     return ((m = (l = n.data) == null ? void 0 : l.value) == null ? void 0 : m.paymentChangeable) || {};
@@ -332,25 +332,25 @@ function vt(e, s) {
   }), f = c(() => {
     var l, m;
     return (m = (l = r.value) == null ? void 0 : l.price) == null ? void 0 : m.totalPrice;
-  }), C = c(() => {
+  }), S = c(() => {
     var l, m;
     return (m = (l = r.value) == null ? void 0 : l.price) == null ? void 0 : m.positionPrice;
   }), d = c(() => {
     var l;
     return (l = r.value) == null ? void 0 : l.shippingTotal;
   }), P = c(() => {
-    var l, m, q, L, z, G;
+    var l, m, q, x, z, G;
     return {
       email: (m = (l = r.value) == null ? void 0 : l.orderCustomer) == null ? void 0 : m.email,
-      firstName: (L = (q = r.value) == null ? void 0 : q.orderCustomer) == null ? void 0 : L.firstName,
+      firstName: (x = (q = r.value) == null ? void 0 : q.orderCustomer) == null ? void 0 : x.firstName,
       lastName: (G = (z = r.value) == null ? void 0 : z.orderCustomer) == null ? void 0 : G.lastName
     };
   }), O = c(() => {
     var l, m;
     return (m = (l = r.value) == null ? void 0 : l.addresses) == null ? void 0 : m.find(
       ({ id: q }) => {
-        var L;
-        return q === ((L = r.value) == null ? void 0 : L.billingAddressId);
+        var x;
+        return q === ((x = r.value) == null ? void 0 : x.billingAddressId);
       }
     );
   }), y = c(
@@ -378,7 +378,7 @@ function vt(e, s) {
     status: u,
     statusTechnicalName: o,
     total: f,
-    subtotal: C,
+    subtotal: S,
     shippingCosts: d,
     shippingAddress: y,
     billingAddress: O,
@@ -411,7 +411,7 @@ function ht(e) {
 }
 const le = "createCustomerAddress post /account/address";
 function qt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(le, p(n)),
@@ -423,7 +423,7 @@ function qt(e) {
 }
 const de = "deleteCustomerAddress delete /account/address/{addressId}";
 function Ct(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(de, p(n)),
@@ -435,7 +435,7 @@ function Ct(e) {
 }
 const ye = "updateCustomerAddress patch /account/address/{addressId}";
 function St(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(ye, p(n)),
@@ -446,7 +446,7 @@ function St(e) {
         t.invalidateQueries({ queryKey: R.lists() }),
         t.invalidateQueries({
           queryKey: R.detail(p(r).params.addressId),
-          predicate: (C) => C.queryKey.at(-1) !== u
+          predicate: (S) => S.queryKey.at(-1) !== u
         })
       ]), await ((f = i((o = i(e)) == null ? void 0 : o.onSuccess)) == null ? void 0 : f(n, r, a));
     }
@@ -454,7 +454,7 @@ function St(e) {
 }
 const pe = "addLineItem post /checkout/cart/line-item";
 function Pt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(pe, {
@@ -462,13 +462,13 @@ function Pt(e) {
     }),
     onSuccess: async (n, r, a) => {
       var u, o;
-      t.setQueryData(x.get(), n), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
+      t.setQueryData(I.get(), n), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
   });
 }
 const ge = "readCart get /checkout/cart";
 function me(e) {
-  const s = g(), t = x.get();
+  const s = g(), t = I.get();
   return Q({
     queryKey: t,
     queryFn: async ({ signal: n }) => s.query(ge, {
@@ -482,7 +482,7 @@ function Qt() {
 }
 const fe = "removeLineItem post /checkout/cart/line-item/delete";
 function Mt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(fe, {
@@ -490,13 +490,13 @@ function Mt(e) {
     }),
     onSuccess: async (n, r, a) => {
       var u, o;
-      t.setQueryData(x.get(), n), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
+      t.setQueryData(I.get(), n), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
   });
 }
 const ve = "updateLineItem patch /checkout/cart/line-item";
 function Ot(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(ve, {
@@ -504,13 +504,13 @@ function Ot(e) {
     }),
     onSuccess: async (n, r, a) => {
       var u, o;
-      t.setQueryData(x.get(), n), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
+      t.setQueryData(I.get(), n), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
   });
 }
 const he = "createOrder post /checkout/order";
 function Kt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(he, p(n)),
@@ -518,7 +518,7 @@ function Kt(e) {
       var u, o;
       await Promise.all([
         // Clear cart after successful order creation
-        t.invalidateQueries({ queryKey: x.get() }),
+        t.invalidateQueries({ queryKey: I.get() }),
         // Invalidate order list to refetch data
         t.invalidateQueries({ queryKey: U.lists() })
       ]), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
@@ -557,26 +557,26 @@ function wt(e) {
 }
 const Qe = "changeEmail post /account/change-email";
 function Rt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(Qe, p(n)),
     onSuccess: async (n, r, a) => {
       var u, o;
-      await t.invalidateQueries({ queryKey: I.all() }), await t.invalidateQueries({ queryKey: F.all() }), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
+      await t.invalidateQueries({ queryKey: L.all() }), await t.invalidateQueries({ queryKey: F.all() }), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
   });
 }
 const Me = "changeProfile post /account/change-profile";
 function Ft(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(Me, p(n)),
     onSuccess: async (n, r, a) => {
       var u, o;
       await Promise.all([
-        t.invalidateQueries({ queryKey: I.all() }),
+        t.invalidateQueries({ queryKey: L.all() }),
         t.invalidateQueries({ queryKey: F.all() })
       ]), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
@@ -584,7 +584,7 @@ function Ft(e) {
 }
 const Oe = "loginCustomer post /account/login";
 function It(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => {
@@ -597,15 +597,15 @@ function It(e) {
       var u, o;
       await Promise.all([
         t.removeQueries({ queryKey: F.all() }),
-        t.invalidateQueries({ queryKey: x.get() }),
-        t.invalidateQueries({ queryKey: I.all() })
+        t.invalidateQueries({ queryKey: I.get() }),
+        t.invalidateQueries({ queryKey: L.all() })
       ]), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
   });
 }
 const Ke = "logoutCustomer post /account/logout";
 function Lt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(Ke, p(n)),
@@ -613,15 +613,15 @@ function Lt(e) {
       var u, o;
       await Promise.all([
         t.removeQueries({ queryKey: F.all() }),
-        t.invalidateQueries({ queryKey: x.get() }),
-        t.invalidateQueries({ queryKey: I.all() })
+        t.invalidateQueries({ queryKey: I.get() }),
+        t.invalidateQueries({ queryKey: L.all() })
       ]), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
   });
 }
 const Ae = "readCustomer post /account/customer";
 function we(e) {
-  const s = g(), t = I.detail(c(() => p(e).body ?? {}));
+  const s = g(), t = L.detail(c(() => p(e).body ?? {}));
   return Q({
     queryKey: t,
     queryFn: async () => s.query(Ae, p(e))
@@ -632,26 +632,26 @@ function Re(e) {
 }
 const Fe = "register post /account/register";
 function xt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(Fe, p(n)),
     onSuccess: async (n, r, a) => {
       var u, o;
-      await t.invalidateQueries({ queryKey: I.all() }), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
+      await t.invalidateQueries({ queryKey: L.all() }), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
   });
 }
 const Ie = "defaultBillingAddress patch /account/address/default-billing/{addressId}";
 function Ut(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(Ie, p(n)),
     onSuccess: async (n, r, a) => {
       var u, o;
       await Promise.all([
-        t.invalidateQueries({ queryKey: I.all() }),
+        t.invalidateQueries({ queryKey: L.all() }),
         t.invalidateQueries({ queryKey: F.all() })
       ]), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
@@ -659,14 +659,14 @@ function Ut(e) {
 }
 const Le = "defaultShippingAddress patch /account/address/default-shipping/{addressId}";
 function bt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(Le, p(n)),
     onSuccess: async (n, r, a) => {
       var u, o;
       await Promise.all([
-        t.invalidateQueries({ queryKey: I.all() }),
+        t.invalidateQueries({ queryKey: L.all() }),
         t.invalidateQueries({ queryKey: F.all() })
       ]), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
@@ -674,16 +674,16 @@ function bt(e) {
 }
 const xe = "deleteCustomer delete /account/customer";
 function kt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query(xe, p(n)),
     onSuccess: async (n, r, a) => {
       var u, o;
       await Promise.all([
-        t.resetQueries({ queryKey: I.all() }),
+        t.resetQueries({ queryKey: L.all() }),
         t.resetQueries({ queryKey: F.all() }),
-        t.resetQueries({ queryKey: x.get() })
+        t.resetQueries({ queryKey: I.get() })
       ]), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
   });
@@ -746,9 +746,9 @@ const De = "readNavigation post /navigation/{activeId}/{rootId}", Ne = function(
   return Q({
     queryKey: a,
     queryFn: async ({ signal: u }) => {
-      const o = i(s), f = i(t), C = p(n);
+      const o = i(s), f = i(t), S = p(n);
       return r.query(De, {
-        ...C,
+        ...S,
         params: {
           activeId: o,
           rootId: f
@@ -780,19 +780,19 @@ function je(e) {
 }
 const Ve = "handlePaymentMethod post /handle-payment";
 function jt(e) {
-  const s = g();
+  const s = g(), t = C();
   return v({
     ...e,
-    mutationFn: async (t) => s.query(Ve, p(t)),
-    onSuccess: async (t, n, r) => {
-      var a, u;
-      await ((u = i((a = i(e)) == null ? void 0 : a.onSuccess)) == null ? void 0 : u(t, n, r));
+    mutationFn: async (n) => s.query(Ve, p(n)),
+    onSuccess: async (n, r, a) => {
+      var u, o;
+      await t.invalidateQueries({ queryKey: I.get() }), await ((o = i((u = i(e)) == null ? void 0 : u.onSuccess)) == null ? void 0 : o(n, r, a));
     }
   });
 }
 const $e = "orderSetPayment post /order/payment";
 function Vt(e) {
-  const s = g(), t = S();
+  const s = g(), t = C();
   return v({
     ...e,
     mutationFn: async (n) => s.query($e, p(n)),
@@ -951,8 +951,8 @@ function Yt() {
     var o, f;
     return (f = (o = e.data) == null ? void 0 : o.value) == null ? void 0 : f.paymentMethod;
   }), u = c(() => {
-    var o, f, C;
-    return ((C = (f = (o = t.data) == null ? void 0 : o.value) == null ? void 0 : f.elements) == null ? void 0 : C.sort((d, P) => (d.position ?? 0) - (P.position ?? 0))) ?? [];
+    var o, f, S;
+    return ((S = (f = (o = t.data) == null ? void 0 : o.value) == null ? void 0 : f.elements) == null ? void 0 : S.sort((d, P) => (d.position ?? 0) - (P.position ?? 0))) ?? [];
   });
   return {
     contextUpdateMutation: s,
@@ -976,7 +976,7 @@ function Zt() {
     return (f = (o = e.data) == null ? void 0 : o.value) == null ? void 0 : f.shippingMethod;
   }), u = c(() => {
     var o, f;
-    return ((f = (o = t.data) == null ? void 0 : o.value) == null ? void 0 : f.elements.sort((C, d) => (C.position ?? 0) - (d.position ?? 0))) ?? [];
+    return ((f = (o = t.data) == null ? void 0 : o.value) == null ? void 0 : f.elements.sort((S, d) => (S.position ?? 0) - (d.position ?? 0))) ?? [];
   });
   return {
     contextUpdateMutation: s,
@@ -1026,7 +1026,7 @@ function en(e) {
       a.page = Math.min(O, a.page), a.total = y.total ?? 0, a.limit = y.limit;
     }
   );
-  const f = c(() => a.page === i(u)), C = c(() => a.page === 1), d = c(() => ({
+  const f = c(() => a.page === i(u)), S = c(() => a.page === 1), d = c(() => ({
     p: a.page,
     limit: a.limit,
     "total-count-mode": a.totalCountMode ?? "none"
@@ -1041,7 +1041,7 @@ function en(e) {
     limit: W(a, "limit"),
     pageCount: u,
     isLastPage: f,
-    isFirstPage: C,
+    isFirstPage: S,
     usePaginationSync: P,
     // This can be used to pass the pagination options directly to the query options
     queryOptions: d
@@ -1093,7 +1093,7 @@ function tn(e) {
       var y;
       return (y = u.value) == null ? void 0 : y.totalPrice;
     }
-  ), C = c(
+  ), S = c(
     () => u.value
   ), d = c(() => {
     var y, h;
@@ -1105,7 +1105,7 @@ function tn(e) {
     }
   ), O = c(() => X(e.value));
   return {
-    price: C,
+    price: S,
     totalPrice: f,
     unitPrice: o,
     displayFromVariants: a,
@@ -1168,7 +1168,7 @@ function rn(e) {
       var d;
       return ((d = t.value) == null ? void 0 : d.defaultBillingAddress) || null;
     }
-  ), C = c(
+  ), S = c(
     () => {
       var d;
       return ((d = t.value) == null ? void 0 : d.defaultShippingAddress) || null;
@@ -1183,7 +1183,7 @@ function rn(e) {
     defaultBillingAddressId: u,
     defaultShippingAddressId: o,
     userDefaultBillingAddress: f,
-    userDefaultShippingAddress: C,
+    userDefaultShippingAddress: S,
     // Expose queries and mutations directly
     customerQuery: s
   };
@@ -1191,11 +1191,11 @@ function rn(e) {
 export {
   gt as absolutizeSeoUrl,
   R as addressKeys,
-  x as cartKeys,
+  I as cartKeys,
   B as categoryKeys,
   F as contextKeys,
   j as countryKeys,
-  I as customerKeys,
+  L as customerKeys,
   ct as getProductVariantForOptions,
   ee as languageKey,
   b as navigationKeys,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnovu/kit-shopware-composables",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "A collection of composables for the Shopware API",
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",

package/src/helpers/product/useProductVariantForOptions.ts

@@ -1,11 +1,11 @@
-import type { Schemas } from '#store-types'
+import type { Schemas } from '../../query/types/operations'
 import type { MaybeRef } from 'vue'
 import { computed, unref } from 'vue'
 
-type DetailProduct<S extends Schemas> = S['CustomProductDetailResponse']['product']
+type DetailProduct = Schemas['CustomProductDetailResponse']['product']
 
-export function getProductVariantForOptions<S extends Schemas>(
-  product: DetailProduct<S>,
+export function getProductVariantForOptions<S extends DetailProduct>(
+  product: S,
   optionIds: string[],
 ) {
   const variants = product.extensions?.variants
@@ -19,8 +19,8 @@ export function getProductVariantForOptions<S extends Schemas>(
   return variants?.find(v => v.optionIds?.every(optId => optionIds.includes(optId)))
 }
 
-export function useProductVariantForOptions<S extends Schemas>(
-  product: MaybeRef<DetailProduct<S>>,
+export function useProductVariantForOptions<S extends DetailProduct>(
+  product: MaybeRef<S>,
   optionIds: MaybeRef<string[]>,
 ) {
   return computed(() => getProductVariantForOptions(unref(product), unref(optionIds)))

package/src/query/payment/useHandlePaymentMutation.ts

@@ -1,9 +1,10 @@
 import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
-import { useMutation, type UseMutationOptions } from '@tanstack/vue-query'
+import { useMutation, useQueryClient, type UseMutationOptions } from '@tanstack/vue-query'
 import { unref } from 'vue'
 import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
 import { useShopwareQueryClient } from '../../inject'
 import { unrefOptions } from '../../util/unrefOptions'
+import { cartKeys } from '../../keys'
 
 const handlePaymentOperation = 'handlePaymentMethod post /handle-payment' satisfies OperationKey
 
@@ -15,6 +16,7 @@ export function useHandlePaymentMutation(
   >,
 ) {
   const client = useShopwareQueryClient()
+  const queryClient = useQueryClient()
 
   return useMutation({
     ...mutationOptions,
@@ -22,6 +24,8 @@ export function useHandlePaymentMutation(
       return client.query(handlePaymentOperation, unrefOptions(options))
     },
     onSuccess: async (data, variables, context) => {
+      await queryClient.invalidateQueries({ queryKey: cartKeys.get() })
+
       await unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
     },
   })