Redesign phase 1: Homepage polish and design system foundation

- Fix newsletter subscribe box centering on homepage
- Fix header overlap on product pages (pt-[72px] instead of pt-[100px])
- Add scroll-mt-[72px] for smooth scroll anchor offset
- Add HeroVideo component with video hero placeholder
- Add REDESIGN_SPECIFICATION.md with 9-phase design plan
- Clean up globals.css theme declarations and comments
- Update Header with improved sticky behavior and cart
- Update ProductDetail with better layout and spacing
- Update CartDrawer with improved slide-out cart UI
- Add English translations for updated pages
- Various CSS refinements across pages

src/stores/saleorCheckoutStore.ts

@@ -15,6 +15,46 @@ import type { Checkout, CheckoutLine } from "@/types/saleor";
 
 const CHANNEL = process.env.NEXT_PUBLIC_SALEOR_CHANNEL || "default-channel";
 
+// GraphQL Response Types
+interface CheckoutCreateResponse {
+  checkoutCreate?: {
+    checkout?: Checkout;
+    errors?: Array<{ message: string }>;
+  };
+}
+
+interface CheckoutLinesAddResponse {
+  checkoutLinesAdd?: {
+    checkout?: Checkout;
+    errors?: Array<{ message: string }>;
+  };
+}
+
+interface CheckoutLinesUpdateResponse {
+  checkoutLinesUpdate?: {
+    checkout?: Checkout;
+    errors?: Array<{ message: string }>;
+  };
+}
+
+interface CheckoutLinesDeleteResponse {
+  checkoutLinesDelete?: {
+    checkout?: Checkout;
+    errors?: Array<{ message: string }>;
+  };
+}
+
+interface CheckoutEmailUpdateResponse {
+  checkoutEmailUpdate?: {
+    checkout?: Checkout;
+    errors?: Array<{ message: string }>;
+  };
+}
+
+interface GetCheckoutResponse {
+  checkout?: Checkout;
+}
+
 interface SaleorCheckoutStore {
   checkout: Checkout | null;
   checkoutToken: string | null;
@@ -55,7 +95,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
         if (checkoutToken) {
           // Try to fetch existing checkout
           try {
-            const { data } = await saleorClient.query({
+            const { data } = await saleorClient.query<GetCheckoutResponse>({
               query: GET_CHECKOUT,
               variables: { token: checkoutToken },
             });
@@ -71,7 +111,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
         
         // Create new checkout
         try {
-          const { data } = await saleorClient.mutate({
+          const { data } = await saleorClient.mutate<CheckoutCreateResponse>({
             mutation: CHECKOUT_CREATE,
             variables: {
               input: {
@@ -109,7 +149,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
             throw new Error("Failed to initialize checkout");
           }
           
-          const { data } = await saleorClient.mutate({
+          const { data } = await saleorClient.mutate<CheckoutLinesAddResponse>({
             mutation: CHECKOUT_LINES_ADD,
             variables: {
               checkoutId: checkout.id,
@@ -123,7 +163,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
               isOpen: true,
               isLoading: false,
             });
-          } else if (data?.checkoutLinesAdd?.errors?.length > 0) {
+          } else if (data?.checkoutLinesAdd?.errors && data.checkoutLinesAdd.errors.length > 0) {
             throw new Error(data.checkoutLinesAdd.errors[0].message);
           }
         } catch (e: any) {
@@ -147,7 +187,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
             return;
           }
           
-          const { data } = await saleorClient.mutate({
+          const { data } = await saleorClient.mutate<CheckoutLinesUpdateResponse>({
             mutation: CHECKOUT_LINES_UPDATE,
             variables: {
               checkoutId: checkout.id,
@@ -160,7 +200,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
               checkout: data.checkoutLinesUpdate.checkout,
               isLoading: false,
             });
-          } else if (data?.checkoutLinesUpdate?.errors?.length > 0) {
+          } else if (data?.checkoutLinesUpdate?.errors && data.checkoutLinesUpdate.errors.length > 0) {
             throw new Error(data.checkoutLinesUpdate.errors[0].message);
           }
         } catch (e: any) {
@@ -178,7 +218,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
             throw new Error("No active checkout");
           }
           
-          const { data } = await saleorClient.mutate({
+          const { data } = await saleorClient.mutate<CheckoutLinesDeleteResponse>({
             mutation: CHECKOUT_LINES_DELETE,
             variables: {
               checkoutId: checkout.id,
@@ -191,7 +231,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
               checkout: data.checkoutLinesDelete.checkout,
               isLoading: false,
             });
-          } else if (data?.checkoutLinesDelete?.errors?.length > 0) {
+          } else if (data?.checkoutLinesDelete?.errors && data.checkoutLinesDelete.errors.length > 0) {
             throw new Error(data.checkoutLinesDelete.errors[0].message);
           }
         } catch (e: any) {
@@ -209,7 +249,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
             throw new Error("No active checkout");
           }
           
-          const { data } = await saleorClient.mutate({
+          const { data } = await saleorClient.mutate<CheckoutEmailUpdateResponse>({
             mutation: CHECKOUT_EMAIL_UPDATE,
             variables: {
               checkoutId: checkout.id,
@@ -222,7 +262,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
               checkout: data.checkoutEmailUpdate.checkout,
               isLoading: false,
             });
-          } else if (data?.checkoutEmailUpdate?.errors?.length > 0) {
+          } else if (data?.checkoutEmailUpdate?.errors && data.checkoutEmailUpdate.errors.length > 0) {
             throw new Error(data.checkoutEmailUpdate.errors[0].message);
           }
         } catch (e: any) {
@@ -236,7 +276,7 @@ export const useSaleorCheckoutStore = create<SaleorCheckoutStore>()(
         if (!checkoutToken) return;
         
         try {
-          const { data } = await saleorClient.query({
+          const { data } = await saleorClient.query<GetCheckoutResponse>({
             query: GET_CHECKOUT,
             variables: { token: checkoutToken },
           });