feat(composables): set default addresses (SWF-184)

.changeset/good-lizards-confess.md

@@ -0,0 +1,6 @@
+---
+"vue-demo-store": minor
+"@shopware-pwa/composables-next": minor
+---
+
+set default user addresses

packages/composables/src/useUser.ts

@@ -32,6 +32,8 @@ export type UseUserReturn = {
   isGuestSession: ComputedRef<boolean>;
   country: Ref<Country | null>;
   salutation: Ref<Salutation | null>;
+  defaultBillingAddressId: ComputedRef<string | null>;
+  defaultShippingAddressId: ComputedRef<string | null>;
   refreshUser: () => Promise<void>;
   logout: () => Promise<void>;
   loadCountry: (countryId: string) => Promise<void>;
@@ -128,7 +130,12 @@ export function useUser(): UseUserReturn {
   ): Promise<void> {
     await setDefaultCustomerPaymentMethod(paymentMethodId);
   }
-
+  const defaultBillingAddressId = computed(
+    () => user.value?.defaultBillingAddressId || null
+  );
+  const defaultShippingAddressId = computed(
+    () => user.value?.defaultShippingAddressId || null
+  );
   const isLoggedIn = computed(() => !!user.value?.id && !!user.value.active);
   const isCustomerSession = computed(
     () => !!user.value?.id && !user.value.guest
@@ -152,5 +159,7 @@ export function useUser(): UseUserReturn {
     loadCountry,
     country,
     setUser,
+    defaultBillingAddressId,
+    defaultShippingAddressId,
   };
 }

templates/vue-demo-store/components/account/AccountAddressCard.vue

@@ -4,7 +4,8 @@ import { SharedModal } from "~~/components/shared/SharedModal.vue";
 const { pushSuccess, pushError } = useNotifications();
 const { setDefaultCustomerShippingAddress, setDefaultCustomerBillingAddress } =
   useAddress();
-
+const { defaultBillingAddressId, defaultShippingAddressId } = useUser();
+const { refreshSessionContext } = useSessionContext();
 const modal = inject<SharedModal>("modal") as SharedModal;
 
 const props = withDefaults(
@@ -20,15 +21,23 @@ const props = withDefaults(
 );
 
 const setDefaultShippingAddress = async () => {
-  (await setDefaultCustomerShippingAddress(props.address.id))
-    ? pushSuccess("Set default shipping address successfully")
-    : pushError("Set default shipping address error");
+  try {
+    await setDefaultCustomerShippingAddress(props.address.id);
+    refreshSessionContext();
+    pushSuccess("Set default shipping address successfully");
+  } catch (error) {
+    pushError("Set default shipping address error");
+  }
 };
 
 const setDefaultBillingAddress = async () => {
-  (await setDefaultCustomerBillingAddress(props.address.id))
-    ? pushSuccess("Set default billing address successfully")
-    : pushError("Set default billing address error");
+  try {
+    await setDefaultCustomerBillingAddress(props.address.id);
+    refreshSessionContext();
+    pushSuccess("Set default billing address successfully");
+  } catch (error) {
+    pushError("Set default billing address error");
+  }
 };
 </script>
 
@@ -59,14 +68,18 @@ const setDefaultBillingAddress = async () => {
     </div>
     <div v-if="canSetDefault">
       <a
-        href="#"
+        v-if="defaultShippingAddressId !== address.id"
+        role="button"
+        tabindex="0"
         class="block text-sm mt-4 font-medium text-blue-600 hover:underline"
         @click="setDefaultShippingAddress()"
       >
         Set as default shipping address
       </a>
       <a
-        href="#"
+        v-if="defaultBillingAddressId !== address.id"
+        role="button"
+        tabindex="0"
         class="block text-sm mt-2 font-medium text-blue-600 hover:underline"
         @click="setDefaultBillingAddress()"
       >