@shopbite-de/storefront 1.12.0 → 1.14.3

package/test/nuxt/RegistrationForm.test.ts

@@ -6,8 +6,8 @@ import { ApiClientError } from "@shopware/api-client";
 
 vi.mock("@shopware/api-client", () => ({
   ApiClientError: class extends Error {
-    details: any;
-    constructor(details: any) {
+    details: unknown;
+    constructor(details: unknown) {
       super("ApiClientError");
       this.details = details;
     }
@@ -68,9 +68,10 @@ describe("RegistrationForm", () => {
       false,
     );
 
-    // Switch to business
-    // @ts-ignore
-    wrapper.vm.state.accountType = "business";
+    // Switch to business (without using ts-ignore)
+    (
+      wrapper.vm as unknown as { state: { accountType: string } }
+    ).state.accountType = "business";
     await nextTick();
     await new Promise((resolve) => setTimeout(resolve, 50));
 
@@ -88,8 +89,11 @@ describe("RegistrationForm", () => {
       'input[name="billingAddress.street"]',
     ).length;
 
-    // @ts-ignore
-    wrapper.vm.state.isShippingAddressDifferent = true;
+    (
+      wrapper.vm as unknown as {
+        state: { isShippingAddressDifferent: boolean };
+      }
+    ).state.isShippingAddressDifferent = true;
     await nextTick();
     await new Promise((resolve) => setTimeout(resolve, 50));
 
@@ -102,20 +106,37 @@ describe("RegistrationForm", () => {
   it("submits the form with correct data", async () => {
     const wrapper = await mountSuspended(RegistrationForm);
 
+    // Register as guest to avoid password requirements
+    (wrapper.vm as unknown as { state: { guest: boolean } }).state.guest = true;
+    await nextTick();
+
     // Fill required fields
     await wrapper.find('input[name="firstName"]').setValue("John");
     await wrapper.find('input[name="lastName"]').setValue("Doe");
     await wrapper.find('input[name="email"]').setValue("john@example.com");
 
-    // Billing address fields (AddressFields component)
-    // Manually update state since USelectMenu is hard to interact with in simple tests
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.street = "Musterstr 1";
-    // Set zipcode and city directly since fields are removed
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.zipcode = "12345";
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.city = "Musterstadt";
+    // Billing address fields (AddressFields component): set values directly on state
+    (
+      wrapper.vm as unknown as {
+        state: {
+          billingAddress: { street: string; zipcode: string; city: string };
+        };
+      }
+    ).state.billingAddress.street = "Musterstr 1";
+    (
+      wrapper.vm as unknown as {
+        state: {
+          billingAddress: { street: string; zipcode: string; city: string };
+        };
+      }
+    ).state.billingAddress.zipcode = "12345";
+    (
+      wrapper.vm as unknown as {
+        state: {
+          billingAddress: { street: string; zipcode: string; city: string };
+        };
+      }
+    ).state.billingAddress.city = "Musterstadt";
 
     await wrapper
       .find('input[name="billingAddress.phoneNumber"]')
@@ -152,14 +173,24 @@ describe("RegistrationForm", () => {
     mockRegister.mockRejectedValueOnce(apiClientError);
     const wrapper = await mountSuspended(RegistrationForm);
 
+    // Register as guest to avoid password requirements
+    (wrapper.vm as unknown as { state: { guest: boolean } }).state.guest = true;
+    await nextTick();
+
     // Fill minimum required fields to trigger onSubmit
     await wrapper.find('input[name="firstName"]').setValue("John");
     await wrapper.find('input[name="lastName"]').setValue("Doe");
     await wrapper.find('input[name="email"]').setValue("lirim@veliu.net");
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.street = "Musterstr 1";
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.city = "Musterstadt";
+    (
+      wrapper.vm as unknown as {
+        state: { billingAddress: { street: string; city: string } };
+      }
+    ).state.billingAddress.street = "Musterstr 1";
+    (
+      wrapper.vm as unknown as {
+        state: { billingAddress: { street: string; city: string } };
+      }
+    ).state.billingAddress.city = "Musterstadt";
     await wrapper
       .find('input[name="billingAddress.phoneNumber"]')
       .setValue("12345678");
@@ -182,14 +213,24 @@ describe("RegistrationForm", () => {
     mockRegister.mockRejectedValueOnce(apiClientError);
     const wrapper = await mountSuspended(RegistrationForm);
 
+    // Register as guest to avoid password requirements
+    (wrapper.vm as unknown as { state: { guest: boolean } }).state.guest = true;
+    await nextTick();
+
     // Fill minimum required fields to trigger onSubmit
     await wrapper.find('input[name="firstName"]').setValue("John");
     await wrapper.find('input[name="lastName"]').setValue("Doe");
     await wrapper.find('input[name="email"]').setValue("lirim@veliu.net");
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.street = "Musterstr 1";
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.city = "Musterstadt";
+    (
+      wrapper.vm as unknown as {
+        state: { billingAddress: { street: string; city: string } };
+      }
+    ).state.billingAddress.street = "Musterstr 1";
+    (
+      wrapper.vm as unknown as {
+        state: { billingAddress: { street: string; city: string } };
+      }
+    ).state.billingAddress.city = "Musterstadt";
     await wrapper
       .find('input[name="billingAddress.phoneNumber"]')
       .setValue("12345678");
@@ -219,16 +260,35 @@ describe("RegistrationForm", () => {
 
     const wrapper = await mountSuspended(RegistrationForm);
 
+    // Register as guest to avoid password requirements
+    (wrapper.vm as unknown as { state: { guest: boolean } }).state.guest = true;
+    await nextTick();
+
     // Fill required fields
     await wrapper.find('input[name="firstName"]').setValue("John");
     await wrapper.find('input[name="lastName"]').setValue("Doe");
     await wrapper.find('input[name="email"]').setValue("john@example.com");
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.street = "Musterstr 1";
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.zipcode = "12345";
-    // @ts-ignore
-    wrapper.vm.state.billingAddress.city = "Musterstadt";
+    (
+      wrapper.vm as unknown as {
+        state: {
+          billingAddress: { street: string; zipcode: string; city: string };
+        };
+      }
+    ).state.billingAddress.street = "Musterstr 1";
+    (
+      wrapper.vm as unknown as {
+        state: {
+          billingAddress: { street: string; zipcode: string; city: string };
+        };
+      }
+    ).state.billingAddress.zipcode = "12345";
+    (
+      wrapper.vm as unknown as {
+        state: {
+          billingAddress: { street: string; zipcode: string; city: string };
+        };
+      }
+    ).state.billingAddress.city = "Musterstadt";
     await wrapper
       .find('input[name="billingAddress.phoneNumber"]')
       .setValue("12345678");

package/app/components/Navigation/DesktopLeft.vue

@@ -1,47 +0,0 @@
-<script setup lang="ts">
-import type { NavigationMenuItem } from "@nuxt/ui";
-import type { Schemas } from "#shopware";
-
-const { loadNavigationElements, navigationElements } = useNavigation();
-
-loadNavigationElements({ depth: 1 });
-
-const scrollToElement = (elementId: string, margin = 0) => {
-  const element = document.getElementById(elementId);
-  if (element) {
-    const elementPosition =
-      element.getBoundingClientRect().top + window.scrollY;
-    const offsetPosition = elementPosition - margin;
-    window.scrollTo({
-      top: offsetPosition,
-      behavior: "smooth",
-    });
-  }
-};
-
-const navItems = computed<NavigationMenuItem[][]>(() => {
-  return navigationElements.value.map((item: Schemas["Category"]) => {
-    return {
-      label: item.translated?.name,
-      onSelect: () => scrollToElement(item.name ?? "#", 90),
-      children: item.children?.map((child: Schemas["Category"]) => {
-        return {
-          label: child.translated?.name,
-          onSelect: () => scrollToElement(child.name ?? "#", 90),
-        };
-      }),
-    };
-  });
-});
-</script>
-
-<template>
-  <div>
-    <h2>Navigation</h2>
-    <UNavigationMenu
-      orientation="vertical"
-      :items="navItems"
-      class="data-[orientation=vertical]"
-    />
-  </div>
-</template>

package/app/components/Navigation/MobileTop.vue

@@ -1,55 +0,0 @@
-<script setup lang="ts">
-import type { NavigationMenuItem } from "@nuxt/ui";
-import type { Schemas } from "#shopware";
-
-const { loadNavigationElements, navigationElements } = useNavigation();
-
-loadNavigationElements({ depth: 1 });
-
-const scrollToElement = (elementId: string, margin = 0) => {
-  const element = document.getElementById(elementId);
-  if (element) {
-    const elementPosition =
-      element.getBoundingClientRect().top + window.scrollY;
-    const offsetPosition = elementPosition - margin;
-    window.scrollTo({
-      top: offsetPosition,
-      behavior: "smooth",
-    });
-  }
-};
-
-const navItems = computed<NavigationMenuItem[][]>(() => {
-  return navigationElements.value.map((item: Schemas["Category"]) => {
-    return {
-      label: item.translated?.name,
-      onSelect: () => scrollToElement(item.name ?? "#", 90),
-      children: item.children?.map((child: Schemas["Category"]) => {
-        return {
-          label: child.translated?.name,
-          onSelect: () => scrollToElement(child.name ?? "#", 90),
-        };
-      }),
-    };
-  });
-});
-</script>
-
-<template>
-  <UNavigationMenu
-    class="lg:hidden"
-    orientation="horizontal"
-    :items="navItems"
-    :ui="{
-      list: 'overflow-x-auto',
-      item: 'flex-shrink-0',
-    }"
-  >
-    <template #list-leading>
-      <UIcon name="i-lucide-chevron-left" class="size-8" />
-    </template>
-    <template #list-trailing>
-      <UIcon name="i-lucide-chevron-right" class="size-8" />
-    </template>
-  </UNavigationMenu>
-</template>

package/app/layouts/listing.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-const { count } = useWishlist();
-const { refresh } = useShopBiteConfig();
-
-onMounted(() => {
-  refresh();
-});
-</script>
-
-<template>
-  <div>
-    <UContainer>
-      <UPage>
-        <template #left>
-          <UPageAside>
-            <NavigationDesktopLeft />
-          </UPageAside>
-        </template>
-
-        <UPageBody>
-          <slot />
-        </UPageBody>
-
-        <template #right>
-          <UPageAside>
-            <Wishlist v-if="count > 0" />
-          </UPageAside>
-        </template>
-      </UPage>
-    </UContainer>
-  </div>
-</template>

package/app/pages/menu/[...all].vue

@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import type { Schemas } from "#shopware";
-
-definePageMeta({
-  layout: "listing2",
-});
-const { clearBreadcrumbs } = useBreadcrumbs();
-const { resolvePath } = useNavigationSearch();
-const route = useRoute();
-const routePath = route.path;
-
-const { data: seoResult, error } = await useAsyncData(
-  `cmsResponse${routePath}`,
-  async () => {
-    // For client links if the history state contains seo url information we can omit the api call
-    if (import.meta.client) {
-      if (history.state?.routeName) {
-        return {
-          routeName: history.state?.routeName,
-          foreignKey: history.state?.foreignKey,
-        };
-      }
-    }
-    const seoUrl = await resolvePath(routePath);
-
-    if (!seoUrl?.foreignKey) {
-      throw createError({
-        statusCode: 404,
-        statusMessage: `No data fetched from API for ${routePath}`,
-      });
-    }
-
-    return seoUrl;
-  },
-);
-
-if (error.value) {
-  throw error.value;
-}
-
-const { foreignKey } = useNavigationContext(
-  seoResult as Ref<Schemas["SeoUrl"]>,
-);
-
-onBeforeRouteLeave(() => {
-  clearBreadcrumbs();
-});
-</script>
-
-<template>
-  <CategoryListing v-if="foreignKey" :id="foreignKey" :key="foreignKey" />
-</template>

package/content/navigation.yml

@@ -1,57 +0,0 @@
-main:
-  - label: Speisekarte
-    icon: i-lucide-utensils
-    to: /speisekarte/
-  - label: Routenplaner
-    icon: i-lucide-map-pinned
-    to: https://www.openstreetmap.org/directions?from=&to=50.080610%2C8.863783#map=19/50.080323/8.864079
-    target: _blank
-  - label: Merkliste
-    icon: i-lucide-book-heart
-    to: /merkliste
-
-account:
-  loggedIn:
-    - - label: Mein Konto
-        type: label
-    - - label: Konto
-        icon: i-lucide-user
-        to: /konto
-      - label: Bestellungen
-        icon: i-lucide-pizza
-        to: /konto/bestellungen
-      - label: Adressen
-        icon: i-lucide-house
-        to: /konto/adressen
-    - - label: Abmelden
-        icon: i-lucide-log-out
-        action: logout
-  loggedOut:
-    - - label: Jetzt anmelden
-        type: label
-    - - label: Zur Anmeldung
-        icon: i-lucide-user
-        to: /anmelden
-
-footer:
-  withGithubLink: true
-  withColorModeSwitch: true
-  text: Alle Preise inkl. gesetzlicher Mehrwertsteuer zzgl. Versandkosten, wenn nicht anders beschrieben
-  columns:
-    - label: Informationen
-      children:
-        - label: Impressum
-          to: /impressum
-        - label: Datenschutz
-          to: /datenschutz
-        - label: AGB
-          to: /agb
-    - label: Top Kategorien
-      children:
-        - label: Pizza
-          to: /speisekarte/pizza/
-    - label: Unternehmen
-      children:
-        - label: 'Tel: 06104 71427'
-        - label: Kantstraße 6
-        - label: 631679 Oberthsuasen