hey-pharmacist-ecommerce 1.1.20 → 1.1.23

package/dist/index.mjs

@@ -1,9 +1,9 @@
 "use client";
-import React8, { createContext, forwardRef, useContext, useEffect, useState, useCallback, useMemo, useRef } from 'react';
+import React8, { createContext, forwardRef, useContext, useEffect, useState, useCallback, useRef, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import globalAxios4 from 'axios';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Eye, Star, ShoppingCart, Sparkles, ShieldCheck, TrendingUp, Search, ArrowUpDown, ChevronDown, LayoutGrid, LayoutList, X, Clock, Package, ChevronLeft, Check, Heart, Truck, RotateCcw, Shield, Trash2, Minus, Plus, ShoppingBag, ArrowRight, CheckCircle2, Edit3, MapPin, CreditCard, Lock, EyeOff, UserPlus, User, Settings, Filter, ChevronRight, ArrowUpRight, PackageCheck, Warehouse, BellRing, Crown, Phone, Grid, List, ArrowLeft, LogOut, Menu, Mail, Facebook, Twitter, Instagram, Shirt, Pill, Box, ExternalLink, Globe, Home, CheckCircle, Edit, Bell, AlertTriangle, Info, AlertCircle, XCircle } from 'lucide-react';
+import { Eye, Star, ShoppingCart, Sparkles, ShieldCheck, TrendingUp, Search, ArrowUpDown, ChevronDown, LayoutGrid, LayoutList, X, Clock, Package, ChevronLeft, Check, Heart, Truck, RotateCcw, Shield, Trash2, Minus, Plus, ShoppingBag, ArrowRight, CheckCircle2, Edit3, MapPin, CreditCard, AlertCircle, Lock, EyeOff, UserPlus, User, Settings, Filter, ChevronRight, ArrowUpRight, PackageCheck, Warehouse, BellRing, Crown, Phone, Grid, List, ArrowLeft, LogOut, Menu, Mail, Facebook, Twitter, Instagram, Shirt, Pill, Box, ExternalLink, Globe, Home, CheckCircle, Edit, Bell, AlertTriangle, Info, XCircle } from 'lucide-react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { useRouter, useSearchParams } from 'next/navigation';
 import Image4 from 'next/image';
@@ -51,6 +51,21 @@ var init_configuration = __esm({
   }
 });
 
+// src/lib/Apis/sharedConfig.ts
+var AXIOS_CONFIG;
+var init_sharedConfig = __esm({
+  "src/lib/Apis/sharedConfig.ts"() {
+    init_configuration();
+    AXIOS_CONFIG = new Configuration({
+      basePath: "https://api.heypharmacist.com",
+      // Default fallback
+      baseOptions: {
+        timeout: 2e4
+      }
+    });
+  }
+});
+
 // src/lib/api-adapter/config.ts
 var config_exports = {};
 __export(config_exports, {
@@ -63,13 +78,10 @@ __export(config_exports, {
 });
 function initializeApiAdapter(config) {
   currentConfig = config;
-  apiConfiguration = new Configuration({
-    basePath: config.apiBaseUrl,
-    apiKey: () => config.storeId,
-    // x-store-key header
-    accessToken: () => getAuthToken() || ""
-    // Bearer token
-  });
+  AXIOS_CONFIG.basePath = config.apiBaseUrl;
+  AXIOS_CONFIG.apiKey = config.storeId;
+  AXIOS_CONFIG.accessToken = () => getAuthToken() || "";
+  apiConfiguration = AXIOS_CONFIG;
   return apiConfiguration;
 }
 function getApiConfiguration() {
@@ -94,6 +106,7 @@ function setAuthToken(token) {
     if (apiConfiguration) {
       apiConfiguration.accessToken = () => token;
     }
+    AXIOS_CONFIG.accessToken = () => token;
   }
 }
 function getAuthToken() {
@@ -108,12 +121,13 @@ function clearAuthToken() {
     if (apiConfiguration) {
       apiConfiguration.accessToken = () => "";
     }
+    AXIOS_CONFIG.accessToken = () => "";
   }
 }
 var apiConfiguration, currentConfig;
 var init_config = __esm({
   "src/lib/api-adapter/config.ts"() {
-    init_configuration();
+    init_sharedConfig();
     apiConfiguration = null;
     currentConfig = null;
   }
@@ -5304,6 +5318,45 @@ var ProductsApiAxiosParamCreator = function(configuration) {
         options: localVarRequestOptions
       };
     },
+    /**
+     * 
+     * @summary Get the featured product for home screen
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    getFeaturedProduct: async (options = {}) => {
+      const localVarPath = `/products/featured`;
+      const localVarUrlObj = new URL(localVarPath, "https://example.com");
+      let baseOptions;
+      if (configuration) {
+        baseOptions = configuration.baseOptions;
+      }
+      const localVarRequestOptions = { method: "GET", ...baseOptions, ...options };
+      const localVarHeaderParameter = {};
+      const localVarQueryParameter = {};
+      if (configuration && configuration.accessToken) {
+        const accessToken = typeof configuration.accessToken === "function" ? await configuration.accessToken() : await configuration.accessToken;
+        localVarHeaderParameter["Authorization"] = "Bearer " + accessToken;
+      }
+      if (configuration && configuration.apiKey) {
+        const localVarApiKeyValue = typeof configuration.apiKey === "function" ? await configuration.apiKey("x-store-key") : await configuration.apiKey;
+        localVarHeaderParameter["x-store-key"] = localVarApiKeyValue;
+      }
+      const query = new URLSearchParams(localVarUrlObj.search);
+      for (const key in localVarQueryParameter) {
+        query.set(key, localVarQueryParameter[key]);
+      }
+      for (const key in options.params) {
+        query.set(key, options.params[key]);
+      }
+      localVarUrlObj.search = new URLSearchParams(query).toString();
+      let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+      localVarRequestOptions.headers = { ...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers };
+      return {
+        url: localVarUrlObj.pathname + localVarUrlObj.search + localVarUrlObj.hash,
+        options: localVarRequestOptions
+      };
+    },
     /**
      * 
      * @summary Get insights on store Products
@@ -5484,6 +5537,56 @@ var ProductsApiAxiosParamCreator = function(configuration) {
         options: localVarRequestOptions
       };
     },
+    /**
+     * 
+     * @summary Set or unset a product as featured for home screen
+     * @param {string} id Product ID
+     * @param {boolean} featured Whether to set the product as featured
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    setFeaturedProduct: async (id, featured, options = {}) => {
+      if (id === null || id === void 0) {
+        throw new RequiredError("id", "Required parameter id was null or undefined when calling setFeaturedProduct.");
+      }
+      if (featured === null || featured === void 0) {
+        throw new RequiredError("featured", "Required parameter featured was null or undefined when calling setFeaturedProduct.");
+      }
+      const localVarPath = `/products/{id}/featured`.replace(`{${"id"}}`, encodeURIComponent(String(id)));
+      const localVarUrlObj = new URL(localVarPath, "https://example.com");
+      let baseOptions;
+      if (configuration) {
+        baseOptions = configuration.baseOptions;
+      }
+      const localVarRequestOptions = { method: "PATCH", ...baseOptions, ...options };
+      const localVarHeaderParameter = {};
+      const localVarQueryParameter = {};
+      if (configuration && configuration.accessToken) {
+        const accessToken = typeof configuration.accessToken === "function" ? await configuration.accessToken() : await configuration.accessToken;
+        localVarHeaderParameter["Authorization"] = "Bearer " + accessToken;
+      }
+      if (configuration && configuration.apiKey) {
+        const localVarApiKeyValue = typeof configuration.apiKey === "function" ? await configuration.apiKey("x-store-key") : await configuration.apiKey;
+        localVarHeaderParameter["x-store-key"] = localVarApiKeyValue;
+      }
+      if (featured !== void 0) {
+        localVarQueryParameter["featured"] = featured;
+      }
+      const query = new URLSearchParams(localVarUrlObj.search);
+      for (const key in localVarQueryParameter) {
+        query.set(key, localVarQueryParameter[key]);
+      }
+      for (const key in options.params) {
+        query.set(key, options.params[key]);
+      }
+      localVarUrlObj.search = new URLSearchParams(query).toString();
+      let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
+      localVarRequestOptions.headers = { ...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers };
+      return {
+        url: localVarUrlObj.pathname + localVarUrlObj.search + localVarUrlObj.hash,
+        options: localVarRequestOptions
+      };
+    },
     /**
      * 
      * @summary Update a product
@@ -5667,6 +5770,19 @@ var ProductsApiFp = function(configuration) {
         return axios.request(axiosRequestArgs);
       };
     },
+    /**
+     * 
+     * @summary Get the featured product for home screen
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    async getFeaturedProduct(options) {
+      const localVarAxiosArgs = await ProductsApiAxiosParamCreator(configuration).getFeaturedProduct(options);
+      return (axios = globalAxios4, basePath = BASE_PATH) => {
+        const axiosRequestArgs = { ...localVarAxiosArgs.options, url: basePath + localVarAxiosArgs.url };
+        return axios.request(axiosRequestArgs);
+      };
+    },
     /**
      * 
      * @summary Get insights on store Products
@@ -5725,6 +5841,21 @@ var ProductsApiFp = function(configuration) {
         return axios.request(axiosRequestArgs);
       };
     },
+    /**
+     * 
+     * @summary Set or unset a product as featured for home screen
+     * @param {string} id Product ID
+     * @param {boolean} featured Whether to set the product as featured
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    async setFeaturedProduct(id, featured, options) {
+      const localVarAxiosArgs = await ProductsApiAxiosParamCreator(configuration).setFeaturedProduct(id, featured, options);
+      return (axios = globalAxios4, basePath = BASE_PATH) => {
+        const axiosRequestArgs = { ...localVarAxiosArgs.options, url: basePath + localVarAxiosArgs.url };
+        return axios.request(axiosRequestArgs);
+      };
+    },
     /**
      * 
      * @summary Update a product
@@ -5851,6 +5982,16 @@ var ProductsApi = class extends BaseAPI {
   async getAllProductsForStore(searchTerm, productType, categoryId, maxPrice, minPrice, brandFilter, availability, sort, includeNoVariantProducts, isActive, limit, page, options) {
     return ProductsApiFp(this.configuration).getAllProductsForStore(searchTerm, productType, categoryId, maxPrice, minPrice, brandFilter, availability, sort, includeNoVariantProducts, isActive, limit, page, options).then((request) => request(this.axios, this.basePath));
   }
+  /**
+   * 
+   * @summary Get the featured product for home screen
+   * @param {*} [options] Override http request option.
+   * @throws {RequiredError}
+   * @memberof ProductsApi
+   */
+  async getFeaturedProduct(options) {
+    return ProductsApiFp(this.configuration).getFeaturedProduct(options).then((request) => request(this.axios, this.basePath));
+  }
   /**
    * 
    * @summary Get insights on store Products
@@ -5897,6 +6038,18 @@ var ProductsApi = class extends BaseAPI {
   async getTopSellingProducts(limit, page, isActive, includeNoVariantProducts, options) {
     return ProductsApiFp(this.configuration).getTopSellingProducts(limit, page, isActive, includeNoVariantProducts, options).then((request) => request(this.axios, this.basePath));
   }
+  /**
+   * 
+   * @summary Set or unset a product as featured for home screen
+   * @param {string} id Product ID
+   * @param {boolean} featured Whether to set the product as featured
+   * @param {*} [options] Override http request option.
+   * @throws {RequiredError}
+   * @memberof ProductsApi
+   */
+  async setFeaturedProduct(id, featured, options) {
+    return ProductsApiFp(this.configuration).setFeaturedProduct(id, featured, options).then((request) => request(this.axios, this.basePath));
+  }
   /**
    * 
    * @summary Update a product
@@ -6914,6 +7067,10 @@ function CartProvider({ children }) {
   const [isLoading, setIsLoading] = useState(false);
   const { isAuthenticated } = useAuth();
   const notification = useNotification();
+  const cartRef = useRef(cart);
+  useEffect(() => {
+    cartRef.current = cart;
+  }, [cart]);
   const refreshCart = useCallback(async () => {
     if (!isAuthenticated) {
       setCart(null);
@@ -6921,7 +7078,9 @@ function CartProvider({ children }) {
     }
     try {
       const response = await new CartApi(getApiConfiguration()).getUserCart();
-      setCart(response.data);
+      if (response.data) {
+        setCart(response.data);
+      }
     } catch (error) {
       console.error("Failed to fetch cart:", error);
     }
@@ -6929,99 +7088,159 @@ function CartProvider({ children }) {
   useEffect(() => {
     refreshCart();
   }, [refreshCart]);
-  const addToCart = async (productId, quantity = 1, variantId) => {
+  const addToCart = useCallback(async (productId, quantity = 1, variantId) => {
+    if (!isAuthenticated) return;
     setIsLoading(true);
     try {
-      const currentItems = cart?.cartBody?.items || [];
+      const currentCart = cartRef.current;
+      const currentItems = currentCart?.cartBody?.items || [];
       const targetVariantId = variantId || productId;
-      const existingItemIndex = currentItems.findIndex(
-        (item) => item.productVariantId === targetVariantId
-      );
-      const items = [...currentItems];
-      if (existingItemIndex >= 0) {
-        items[existingItemIndex] = {
-          ...items[existingItemIndex],
-          quantity: (items[existingItemIndex].quantity || 0) + quantity
+      let itemsFound = false;
+      const simplifiedItems = currentItems.map((item) => {
+        let q = Number(item.quantity) || 0;
+        if (String(item.productVariantId) === String(targetVariantId)) {
+          itemsFound = true;
+          q += Number(quantity);
+        }
+        return {
+          _id: item._id,
+          productVariantId: item.productVariantId,
+          quantity: q
         };
-      } else {
-        items.push({
+      });
+      if (!itemsFound) {
+        simplifiedItems.push({
           productVariantId: targetVariantId,
-          quantity
+          quantity: Number(quantity)
         });
       }
-      const response = await new CartApi(getApiConfiguration()).handleUserCart({ items });
-      setCart(response.data);
-      notification.success(
-        "Added to cart",
-        "The item was added to your cart."
-      );
+      const payload = {
+        _id: currentCart?.cartBody?._id,
+        items: simplifiedItems
+      };
+      const response = await new CartApi(getApiConfiguration()).handleUserCart(payload);
+      if (response.data) {
+        setCart(response.data);
+        notification.success("Added to cart", "The item was added to your cart.");
+      }
     } catch (error) {
-      notification.error(
-        "Could not add to cart",
-        error.response?.data?.message || "Something went wrong while adding this item to your cart."
-      );
-      throw error;
+      console.error("Add to cart error:", error);
+      notification.error("Could not add to cart", error.response?.data?.message || "Something went wrong.");
     } finally {
       setIsLoading(false);
     }
-  };
-  const updateQuantity = async (productId, quantity) => {
+  }, [isAuthenticated, notification]);
+  const updateQuantity = useCallback(async (productId, quantity) => {
+    const currentCart = cartRef.current;
+    if (!currentCart) return;
     setIsLoading(true);
-    try {
-      const currentItems = cart?.cartBody?.items || [];
-      const items = currentItems.map((item) => {
-        if (item.productVariantId === productId) {
-          return {
-            ...item,
-            quantity
-          };
+    const targetQ = Number(quantity);
+    const oldCart = currentCart;
+    setCart((prev) => {
+      if (!prev) return null;
+      const newItems = prev.cartBody.items.map((item) => {
+        if (String(item.productVariantId) === String(productId)) {
+          return { ...item, quantity: targetQ };
         }
         return item;
       });
-      const response = await new CartApi(getApiConfiguration()).handleUserCart({ items });
-      setCart(response.data);
+      const newSubtotal = newItems.reduce((acc, item) => acc + (item.productVariantData.finalPrice || 0) * item.quantity, 0);
+      return {
+        ...prev,
+        subTotal: newSubtotal,
+        total: newSubtotal + (prev.shipping || 0) + (prev.tax || 0),
+        cartBody: { ...prev.cartBody, items: newItems }
+      };
+    });
+    try {
+      const simplifiedItems = oldCart.cartBody.items.map((item) => ({
+        _id: item._id,
+        productVariantId: item.productVariantId,
+        quantity: String(item.productVariantId) === String(productId) ? targetQ : item.quantity
+      }));
+      const payload = {
+        _id: oldCart.cartBody._id,
+        items: simplifiedItems
+      };
+      console.log("payload", payload);
+      const response = await new CartApi(getApiConfiguration()).handleUserCart(payload);
+      if (response.data) {
+        setCart(response.data);
+      } else {
+        await refreshCart();
+      }
     } catch (error) {
-      notification.error(
-        "Could not update cart",
-        error.response?.data?.message || "There was a problem updating the item quantity. Please try again."
-      );
-      throw error;
+      console.error("Update quantity error:", error);
+      setCart(oldCart);
+      notification.error("Could not update cart", error.response?.data?.message || "Failed to update quantity.");
     } finally {
       setIsLoading(false);
     }
-  };
-  const removeFromCart = async (productId) => {
+  }, [notification, refreshCart]);
+  const removeFromCart = useCallback(async (productId) => {
+    const currentCart = cartRef.current;
+    if (!currentCart) return;
     setIsLoading(true);
+    const oldCart = currentCart;
+    setCart((prev) => {
+      if (!prev) return null;
+      const newItems = prev.cartBody.items.filter((item) => String(item.productVariantId) !== String(productId));
+      const newSubtotal = newItems.reduce((acc, item) => acc + (item.productVariantData.finalPrice || 0) * item.quantity, 0);
+      return {
+        ...prev,
+        subTotal: newSubtotal,
+        total: newSubtotal + (prev.shipping || 0) + (prev.tax || 0),
+        cartBody: { ...prev.cartBody, items: newItems }
+      };
+    });
     try {
-      const currentItems = cart?.cartBody?.items || [];
-      const items = currentItems.filter((item) => item.productVariantId !== productId);
-      const response = await new CartApi(getApiConfiguration()).handleUserCart({ items });
-      setCart(response.data);
+      console.log("Removing item with productVariantId:", productId);
+      const itemsToKeep = currentCart.cartBody.items.filter((item) => String(item.productVariantId) !== String(productId));
+      console.log("Items to keep count:", itemsToKeep.length);
+      const simplifiedItems = itemsToKeep.map((item) => ({
+        _id: item._id,
+        productVariantId: item.productVariantId,
+        quantity: item.quantity
+      }));
+      if (simplifiedItems.length === 0) {
+        console.log("Cart will be empty, calling clearCart");
+        await new CartApi(getApiConfiguration()).clearCart();
+        setCart(null);
+      } else {
+        const payload = {
+          _id: currentCart.cartBody._id,
+          items: simplifiedItems
+        };
+        console.log("Remove from cart payload:", JSON.stringify(payload, null, 2));
+        const response = await new CartApi(getApiConfiguration()).handleUserCart(payload);
+        console.log("Remove from cart response:", response.status, response.data);
+        if (response.data) {
+          setCart(response.data);
+        }
+      }
     } catch (error) {
-      notification.error(
-        "Could not remove item",
-        error.response?.data?.message || "There was a problem removing this item from your cart."
-      );
-      throw error;
+      console.error("Remove from cart error:", error);
+      if (error.response) {
+        console.error("Error response data:", error.response.data);
+      }
+      setCart(oldCart);
+      notification.error("Could not remove item", error.response?.data?.message || "Failed to remove item.");
     } finally {
       setIsLoading(false);
     }
-  };
-  const clearCart = async () => {
+  }, [notification]);
+  const clearCart = useCallback(async () => {
     setIsLoading(true);
     try {
-      const response = await new CartApi(getApiConfiguration()).clearCart();
+      await new CartApi(getApiConfiguration()).clearCart();
       setCart(null);
     } catch (error) {
-      notification.error(
-        "Could not clear cart",
-        error.response?.data?.message || "We could not clear your cart. Please try again."
-      );
-      throw error;
+      console.error("Clear cart error:", error);
+      notification.error("Could not clear cart", error.response?.data?.message || "Failed to clear cart.");
     } finally {
       setIsLoading(false);
     }
-  };
+  }, [notification]);
   const value = {
     cart,
     isLoading,
@@ -7035,10 +7254,10 @@ function CartProvider({ children }) {
 }
 
 // src/lib/Apis/wrapper.ts
-init_configuration();
 init_config();
 init_config();
-var BaseUrl = "https://api.heypharmacist.com";
+init_sharedConfig();
+init_sharedConfig();
 globalAxios4.interceptors.request.use(async (config) => {
   if (!config?.headers) {
     throw new Error(
@@ -7056,22 +7275,16 @@ globalAxios4.interceptors.request.use(async (config) => {
         config.headers["X-Store-Key"] = ecommerceConfig.storeId;
       }
     } catch (error) {
-      console.warn("API configuration not initialized yet:", error);
     }
   }
   return config;
 });
-var abortController;
 if (typeof window !== "undefined") {
-  abortController = new AbortController();
-}
-var AXIOS_CONFIG = new Configuration({
-  basePath: BaseUrl,
-  baseOptions: {
-    signal: abortController?.signal,
-    timeout: 2e4
+  const abortController = new AbortController();
+  if (AXIOS_CONFIG.baseOptions) {
+    AXIOS_CONFIG.baseOptions.signal = abortController.signal;
   }
-});
+}
 var WishlistContext = createContext(void 0);
 function WishlistProvider({ children }) {
   const [state, setState] = useState({
@@ -7240,7 +7453,7 @@ function useBasePath() {
   return ctx;
 }
 function EcommerceProvider({ config, children, withToaster = true, basePath = "" }) {
-  useEffect(() => {
+  React8.useMemo(() => {
     initializeApiAdapter(config);
   }, [config]);
   const [client] = React8.useState(
@@ -8967,6 +9180,7 @@ function ProductDetailScreen({ productId }) {
   const { buildPath } = useBasePath();
   const { product: productData, isLoading } = useProduct(productId);
   const { addToCart } = useCart();
+  const { isAuthenticated } = useAuth();
   const notification = useNotification();
   const [selectedVariant, setSelectedVariant] = useState(null);
   const [quantity, setQuantity] = useState(1);
@@ -9085,6 +9299,14 @@ function ProductDetailScreen({ productId }) {
     setActiveImageIndex(0);
   };
   const handleAddToCart = async () => {
+    if (!isAuthenticated) {
+      notification.error(
+        "Sign-in required",
+        "Please sign in to add items to your cart."
+      );
+      router.push(buildPath(`/login?redirect=${encodeURIComponent(window.location.pathname + window.location.search)}`));
+      return;
+    }
     if (!product || !selectedVariant) return;
     setIsAddingToCart(true);
     try {
@@ -9357,7 +9579,7 @@ function ProductDetailScreen({ productId }) {
                   )
                 ] }),
                 selectedVariant && /* @__PURE__ */ jsxs("span", { className: "text-sm text-slate-500", children: [
-                  selectedVariant.inventoryCount || product.inventoryCount || 0,
+                  selectedVariant.inventoryCount || 0,
                   " available"
                 ] })
               ] })
@@ -9479,6 +9701,7 @@ function ProductDetailScreen({ productId }) {
 function CartItem({ item }) {
   const { updateQuantity, removeFromCart } = useCart();
   const [isUpdating, setIsUpdating] = useState(false);
+  const [isRemoving, setIsRemoving] = useState(false);
   const handleUpdateQuantity = async (newQuantity) => {
     if (newQuantity < 1) return;
     setIsUpdating(true);
@@ -9489,7 +9712,12 @@ function CartItem({ item }) {
     }
   };
   const handleRemove = async () => {
-    await removeFromCart(item.productVariantId);
+    setIsRemoving(true);
+    try {
+      await removeFromCart(item.productVariantId);
+    } finally {
+      setIsRemoving(false);
+    }
   };
   const itemTotal = item.productVariantData.finalPrice * item.quantity;
   const unitPrice = item.productVariantData.finalPrice;
@@ -9534,9 +9762,10 @@ function CartItem({ item }) {
               "button",
               {
                 onClick: handleRemove,
-                className: "p-2 hover:bg-red-50 rounded-full transition-colors group",
+                disabled: isRemoving || isUpdating,
+                className: `p-2 rounded-full transition-colors group ${isRemoving ? "bg-red-50 cursor-not-allowed" : "hover:bg-red-50"}`,
                 "aria-label": "Remove item",
-                children: /* @__PURE__ */ jsx(Trash2, { className: "size-5 text-[#676c80] group-hover:text-red-500 transition-colors" })
+                children: isRemoving ? /* @__PURE__ */ jsx("span", { className: "inline-block h-5 w-5 animate-spin rounded-full border-2 border-red-500 border-t-transparent" }) : /* @__PURE__ */ jsx(Trash2, { className: "size-5 text-[#676c80] group-hover:text-red-500 transition-colors" })
               }
             )
           ] }),
@@ -9701,7 +9930,7 @@ function CartScreen() {
                 {
                   type: "submit",
                   onClick: handleSubmit,
-                  className: "w-full rounded-full border-2 border-primary-500 bg-primary-500 hover:bg-primary-600 text-white px-4 py-3 text-sm font-medium transition-colors flex items-center justify-center gap-2",
+                  className: "w-full rounded-full border-2 border-[#E67E50] bg-[#E67E50] hover:bg-[#E67E50]/80 text-white px-4 py-3 text-sm font-medium transition-colors flex items-center justify-center gap-2",
                   children: [
                     "Proceed to Checkout",
                     /* @__PURE__ */ jsx(ArrowRight, { className: "h-5 w-5" })
@@ -10352,7 +10581,13 @@ function CheckoutScreen() {
         router.push(buildPath(`/orders/${response.data?.id}`));
       }
     } catch (err) {
-      const msg = err?.message || err?.response?.data?.message || "Failed to place order";
+      console.error("Checkout error:", err);
+      let msg = err?.response?.data?.message || err?.message || "Failed to place order";
+      if (msg.toLowerCase().includes("insufficient balance")) {
+        msg = "Insufficient balance in your account to complete this order.";
+      } else if (msg.toLowerCase().includes("browser was not found")) {
+        msg = "A temporary server error occurred while processing your invoice. Please contact support.";
+      }
       setError(msg);
       notification.error(
         "Could not place order",
@@ -10370,444 +10605,444 @@ function CheckoutScreen() {
   const tax = 0;
   const total = subtotal + shippingPrice + tax;
   return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-white pb-16", children: [
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [
-      error && /* @__PURE__ */ jsx("div", { className: "mb-4 text-red-600 font-semibold", children: error }),
-      /* @__PURE__ */ jsxs("div", { className: "pt-12 container mx-auto grid gap-10 px-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]", children: [
-        /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            initial: { opacity: 0, y: 24 },
-            animate: { opacity: 1, y: 0 },
-            className: "space-y-8",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "mb-12", children: [
-                /* @__PURE__ */ jsx("h1", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] mb-2 text-3xl", children: "Checkout" }),
-                /* @__PURE__ */ jsx("p", { className: "font-['Poppins',sans-serif] text-[14px] text-[#676c80] text-md leading-relaxed", children: "Complete your order information below" })
+    /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit(onSubmit), children: /* @__PURE__ */ jsxs("div", { className: "pt-12 container mx-auto grid gap-10 px-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]", children: [
+      /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          initial: { opacity: 0, y: 24 },
+          animate: { opacity: 1, y: 0 },
+          className: "space-y-8",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-12", children: [
+              /* @__PURE__ */ jsx("h1", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] mb-2 text-3xl", children: "Checkout" }),
+              /* @__PURE__ */ jsx("p", { className: "font-['Poppins',sans-serif] text-[14px] text-[#676c80] text-md leading-relaxed", children: "Complete your order information below" })
+            ] }),
+            /* @__PURE__ */ jsxs("section", { className: "bg-white border-2 border-gray-100 rounded-[24px] p-8 text-[#2B4B7C]", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] mb-2 text-2xl", children: "Contact Information" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "We use temperature-aware packaging and real-time tracking on every shipment." })
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700", children: [
+                  /* @__PURE__ */ jsx(Truck, { className: "h-4 w-4" }),
+                  "Dispatch in 12h"
+                ] })
               ] }),
-              /* @__PURE__ */ jsxs("section", { className: "bg-white border-2 border-gray-100 rounded-[24px] p-8 text-[#2B4B7C]", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] mb-2 text-2xl", children: "Contact Information" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "We use temperature-aware packaging and real-time tracking on every shipment." })
+              /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+                isDelivery && /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 space-y-4", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsx("label", { className: "block font-semibold", children: "Select Address" }),
+                    /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        type: "button",
+                        variant: "outline-solid",
+                        size: "sm",
+                        onClick: () => {
+                          setEditingAddress(null);
+                          setIsAddressModalOpen(true);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                          "Add New Address"
+                        ]
+                      }
+                    )
                   ] }),
-                  /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700", children: [
-                    /* @__PURE__ */ jsx(Truck, { className: "h-4 w-4" }),
-                    "Dispatch in 12h"
+                  userAddresses.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: userAddresses.map((addr) => /* @__PURE__ */ jsxs(
+                    "label",
+                    {
+                      className: `group relative flex items-start gap-3 p-4 rounded-2xl border ${selectedAddressId === addr.id ? "border-primary-500 bg-primary-50 shadow-xs" : "border-slate-200 bg-white"} cursor-pointer hover:border-primary-300 transition-colors`,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "input",
+                          {
+                            type: "radio",
+                            name: "selectedAddress",
+                            value: addr.id,
+                            checked: selectedAddressId === addr.id,
+                            onChange: () => {
+                              setSelectedAddressId(addr.id);
+                              setValue("shipping.name", addr.name);
+                              setValue("shipping.phone", addr.phone || void 0);
+                              setValue("shipping.street1", addr.street1);
+                              setValue("shipping.street2", addr.street2 || "");
+                              setValue("shipping.city", addr.city);
+                              setValue("shipping.state", addr.state);
+                              setValue("shipping.zip", addr.zip);
+                              setValue("shipping.country", addr.country);
+                            },
+                            className: "mt-1"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                          /* @__PURE__ */ jsx("p", { className: "font-semibold text-slate-900", children: addr.name }),
+                          /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600", children: addr.street1 }),
+                          addr.street2 && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600", children: addr.street2 }),
+                          /* @__PURE__ */ jsxs("p", { className: "text-sm text-slate-600", children: [
+                            addr.city,
+                            ", ",
+                            addr.state,
+                            " ",
+                            addr.zip
+                          ] }),
+                          /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600", children: addr.country }),
+                          addr.phone && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600 mt-1", children: addr.phone }),
+                          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+                            addr.isDefault && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-semibold text-primary-700", children: "Default" }),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: (e) => {
+                                  e.preventDefault();
+                                  setEditingAddress(addr);
+                                  setIsAddressModalOpen(true);
+                                },
+                                className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-medium text-slate-600 hover:border-primary-300 hover:text-primary-600",
+                                children: [
+                                  /* @__PURE__ */ jsx(Edit3, { className: "h-3.5 w-3.5" }),
+                                  " Edit"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: async (e) => {
+                                  e.preventDefault();
+                                  const yes = window.confirm("Delete this address?");
+                                  if (!yes) return;
+                                  try {
+                                    await removeAddress(addr.id);
+                                    if (selectedAddressId === addr.id) setSelectedAddressId(null);
+                                    notification.success("Address deleted");
+                                  } catch (e2) {
+                                    notification.error("Failed to delete address");
+                                  }
+                                },
+                                className: "inline-flex items-center gap-1 rounded-full border border-red-200 px-2.5 py-0.5 text-xs font-semibold text-red-600 hover:border-red-300 hover:text-red-700",
+                                children: [
+                                  /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" }),
+                                  " Delete"
+                                ]
+                              }
+                            )
+                          ] })
+                        ] })
+                      ]
+                    },
+                    addr.id
+                  )) }) : /* @__PURE__ */ jsxs("div", { className: "text-center py-8 bg-slate-50 rounded-lg", children: [
+                    /* @__PURE__ */ jsx(MapPin, { className: "h-12 w-12 mx-auto text-slate-400" }),
+                    /* @__PURE__ */ jsx("p", { className: "mt-2 text-slate-600", children: "No addresses found" }),
+                    /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Add a new address to continue" })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-1 gap-4 md:grid-cols-2", children: [
-                  isDelivery && /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 space-y-4", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                      /* @__PURE__ */ jsx("label", { className: "block font-semibold", children: "Select Address" }),
-                      /* @__PURE__ */ jsxs(
-                        Button,
-                        {
-                          type: "button",
-                          variant: "outline-solid",
-                          size: "sm",
-                          onClick: () => {
-                            setEditingAddress(null);
-                            setIsAddressModalOpen(true);
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-                            "Add New Address"
-                          ]
-                        }
-                      )
-                    ] }),
-                    userAddresses.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: userAddresses.map((addr) => /* @__PURE__ */ jsxs(
-                      "label",
-                      {
-                        className: `group relative flex items-start gap-3 p-4 rounded-2xl border ${selectedAddressId === addr.id ? "border-primary-500 bg-primary-50 shadow-xs" : "border-slate-200 bg-white"} cursor-pointer hover:border-primary-300 transition-colors`,
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            "input",
+                !isDelivery && storeAddresses.length > 0 && /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
+                  /* @__PURE__ */ jsx("label", { className: "block mb-2 font-semibold", children: "Select Pickup Location" }),
+                  /* @__PURE__ */ jsx(
+                    "select",
+                    {
+                      className: "w-full border rounded-sm p-2",
+                      value: selectedStoreAddressId || "",
+                      onChange: (e) => setSelectedStoreAddressId(e.target.value),
+                      children: storeAddresses.map((addr) => /* @__PURE__ */ jsxs("option", { value: addr.id, children: [
+                        addr.name,
+                        " - ",
+                        addr.street1,
+                        ", ",
+                        addr.city
+                      ] }, addr.id))
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            isDelivery && selectedAddressId && /* @__PURE__ */ jsxs("div", { className: "bg-white border-2 border-gray-100 rounded-[24px] p-8 text-[#2B4B7C]", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xl font-semibold text-gray-900 pb-4 mb-8 border-b", children: [
+                /* @__PURE__ */ jsx(Truck, { className: "text-accent w-8 h-8 flex items-center justify-center text-[#2B4B7C]" }),
+                /* @__PURE__ */ jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] text-2xl", children: "Shipping Options" })
+              ] }),
+              shippingRatesLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-12", children: [
+                /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-accent" }),
+                /* @__PURE__ */ jsx("span", { className: "ml-3 text-gray-600", children: "Loading shipping options..." })
+              ] }) : shippingRatesError ? /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
+                /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-red-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx("svg", { className: "w-8 h-8 text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }),
+                /* @__PURE__ */ jsx("p", { className: "text-red-500 text-lg font-medium", children: "Error loading shipping options" }),
+                /* @__PURE__ */ jsx("p", { className: "text-red-400 text-sm mt-1", children: shippingRatesError })
+              ] }) : shippingRates && shippingRates.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-4", children: shippingRates.map((rate) => {
+                const isSelected = !!selectedShippingRateId && selectedShippingRateId === rate.objectId;
+                const isTest = rate.test;
+                const hasAttributes = rate.attributes && rate.attributes.length > 0;
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => {
+                      setSelectedShippingRateId(rate.objectId);
+                      setShippingPrice(parseFloat(rate.amount));
+                    },
+                    className: `relative p-5 border-2 rounded-xl cursor-pointer transition-all duration-200 hover:shadow-md ${isSelected ? "border-primary-500 bg-primary-50 ring-2 ring-primary-200" : "border-gray-200 hover:border-gray-300"}`,
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 flex-1", children: [
+                          /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+                            Image4,
                             {
-                              type: "radio",
-                              name: "selectedAddress",
-                              value: addr.id,
-                              checked: selectedAddressId === addr.id,
-                              onChange: () => {
-                                setSelectedAddressId(addr.id);
-                                setValue("shipping.name", addr.name);
-                                setValue("shipping.phone", addr.phone || void 0);
-                                setValue("shipping.street1", addr.street1);
-                                setValue("shipping.street2", addr.street2 || "");
-                                setValue("shipping.city", addr.city);
-                                setValue("shipping.state", addr.state);
-                                setValue("shipping.zip", addr.zip);
-                                setValue("shipping.country", addr.country);
+                              src: rate.providerImage75 || "/placeholder-product.jpg",
+                              alt: rate.provider,
+                              className: "w-12 h-12 rounded-lg object-contain bg-white border border-gray-200 p-1",
+                              onError: (e) => {
+                                const target = e.target;
+                                target.style.display = "none";
                               },
-                              className: "mt-1"
+                              width: 48,
+                              height: 48
                             }
-                          ),
-                          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                            /* @__PURE__ */ jsx("p", { className: "font-semibold text-slate-900", children: addr.name }),
-                            /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600", children: addr.street1 }),
-                            addr.street2 && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600", children: addr.street2 }),
-                            /* @__PURE__ */ jsxs("p", { className: "text-sm text-slate-600", children: [
-                              addr.city,
-                              ", ",
-                              addr.state,
-                              " ",
-                              addr.zip
+                          ) }),
+                          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+                              /* @__PURE__ */ jsxs("h3", { className: "text-lg font-semibold text-gray-900", children: [
+                                rate.provider,
+                                " ",
+                                rate.servicelevel?.name
+                              ] }),
+                              isTest && /* @__PURE__ */ jsx("span", { className: "px-2 py-1 text-xs font-medium bg-primary-100 text-primary-800 rounded-full", children: "TEST" })
                             ] }),
-                            /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600", children: addr.country }),
-                            addr.phone && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600 mt-1", children: addr.phone }),
-                            /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
-                              addr.isDefault && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-semibold text-primary-700", children: "Default" }),
-                              /* @__PURE__ */ jsxs(
-                                "button",
-                                {
-                                  type: "button",
-                                  onClick: (e) => {
-                                    e.preventDefault();
-                                    setEditingAddress(addr);
-                                    setIsAddressModalOpen(true);
-                                  },
-                                  className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-medium text-slate-600 hover:border-primary-300 hover:text-primary-600",
-                                  children: [
-                                    /* @__PURE__ */ jsx(Edit3, { className: "h-3.5 w-3.5" }),
-                                    " Edit"
-                                  ]
-                                }
-                              ),
-                              /* @__PURE__ */ jsxs(
-                                "button",
-                                {
-                                  type: "button",
-                                  onClick: async (e) => {
-                                    e.preventDefault();
-                                    const yes = window.confirm("Delete this address?");
-                                    if (!yes) return;
-                                    try {
-                                      await removeAddress(addr.id);
-                                      if (selectedAddressId === addr.id) setSelectedAddressId(null);
-                                      notification.success("Address deleted");
-                                    } catch (e2) {
-                                      notification.error("Failed to delete address");
-                                    }
-                                  },
-                                  className: "inline-flex items-center gap-1 rounded-full border border-red-200 px-2.5 py-0.5 text-xs font-semibold text-red-600 hover:border-red-300 hover:text-red-700",
-                                  children: [
-                                    /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" }),
-                                    " Delete"
-                                  ]
-                                }
-                              )
+                            hasAttributes && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: rate.attributes.map((attr) => /* @__PURE__ */ jsx(
+                              "span",
+                              {
+                                className: `px-2 py-1 text-xs font-medium rounded-full ${attr === "FASTEST" ? "bg-green-100 text-green-800" : attr === "BESTVALUE" ? "bg-blue-100 text-blue-800" : attr === "CHEAPEST" ? "bg-purple-100 text-purple-800" : "bg-gray-100 text-gray-800"}`,
+                                children: attr
+                              },
+                              attr
+                            )) }),
+                            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm text-gray-600", children: [
+                              rate.durationTerms && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                                /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+                                /* @__PURE__ */ jsx("span", { children: rate.durationTerms })
+                              ] }),
+                              rate.estimatedDays && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                                /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+                                /* @__PURE__ */ jsxs("span", { children: [
+                                  "Estimated ",
+                                  rate.estimatedDays,
+                                  " day",
+                                  rate.estimatedDays !== 1 ? "s" : ""
+                                ] })
+                              ] }),
+                              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                                /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" }) }),
+                                /* @__PURE__ */ jsxs("span", { children: [
+                                  "Carrier: ",
+                                  rate.provider
+                                ] })
+                              ] }),
+                              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                                /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" }) }),
+                                /* @__PURE__ */ jsxs("span", { children: [
+                                  "Currency: ",
+                                  rate.currency
+                                ] })
+                              ] })
                             ] })
                           ] })
-                        ]
-                      },
-                      addr.id
-                    )) }) : /* @__PURE__ */ jsxs("div", { className: "text-center py-8 bg-slate-50 rounded-lg", children: [
-                      /* @__PURE__ */ jsx(MapPin, { className: "h-12 w-12 mx-auto text-slate-400" }),
-                      /* @__PURE__ */ jsx("p", { className: "mt-2 text-slate-600", children: "No addresses found" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Add a new address to continue" })
-                    ] })
-                  ] }),
-                  !isDelivery && storeAddresses.length > 0 && /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
-                    /* @__PURE__ */ jsx("label", { className: "block mb-2 font-semibold", children: "Select Pickup Location" }),
-                    /* @__PURE__ */ jsx(
-                      "select",
-                      {
-                        className: "w-full border rounded-sm p-2",
-                        value: selectedStoreAddressId || "",
-                        onChange: (e) => setSelectedStoreAddressId(e.target.value),
-                        children: storeAddresses.map((addr) => /* @__PURE__ */ jsxs("option", { value: addr.id, children: [
-                          addr.name,
-                          " - ",
-                          addr.street1,
-                          ", ",
-                          addr.city
-                        ] }, addr.id))
-                      }
-                    )
-                  ] })
-                ] })
-              ] }),
-              isDelivery && selectedAddressId && /* @__PURE__ */ jsxs("div", { className: "bg-white border-2 border-gray-100 rounded-[24px] p-8 text-[#2B4B7C]", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xl font-semibold text-gray-900 pb-4 mb-8 border-b", children: [
-                  /* @__PURE__ */ jsx(Truck, { className: "text-accent w-8 h-8 flex items-center justify-center text-[#2B4B7C]" }),
-                  /* @__PURE__ */ jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] text-2xl", children: "Shipping Options" })
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
+                          /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-gray-900", children: formatPrice(parseFloat(rate.amount)) }),
+                          rate.amount !== rate.amountLocal && /* @__PURE__ */ jsxs("div", { className: "text-sm text-gray-500", children: [
+                            rate.amountLocal,
+                            " ",
+                            rate.currencyLocal
+                          ] })
+                        ] })
+                      ] }),
+                      isSelected && /* @__PURE__ */ jsx("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx("div", { className: "w-6 h-6 bg-primary-500 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-white" }) }) })
+                    ]
+                  },
+                  rate.objectId
+                );
+              }) }) : /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
+                /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-gray-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx(Truck, { className: "w-8 h-8 text-gray-400" }) }),
+                /* @__PURE__ */ jsx("p", { className: "text-gray-500 text-lg font-medium", children: "No shipping options available" }),
+                /* @__PURE__ */ jsx("p", { className: "text-gray-400 text-sm mt-1", children: "Please check the shipping address or try a different location." })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+              /* @__PURE__ */ jsxs("div", { className: "bg-white border-2 border-gray-100 rounded-[24px] p-8", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-6", children: [
+                  /* @__PURE__ */ jsx(Truck, { className: "w-8 h-8 text-[#2B4B7C]" }),
+                  /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-[#2B4B7C]", children: "Delivery Method" })
                 ] }),
-                shippingRatesLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-12", children: [
-                  /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-accent" }),
-                  /* @__PURE__ */ jsx("span", { className: "ml-3 text-gray-600", children: "Loading shipping options..." })
-                ] }) : shippingRatesError ? /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
-                  /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-red-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx("svg", { className: "w-8 h-8 text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }),
-                  /* @__PURE__ */ jsx("p", { className: "text-red-500 text-lg font-medium", children: "Error loading shipping options" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-red-400 text-sm mt-1", children: shippingRatesError })
-                ] }) : shippingRates && shippingRates.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-4", children: shippingRates.map((rate) => {
-                  const isSelected = !!selectedShippingRateId && selectedShippingRateId === rate.objectId;
-                  const isTest = rate.test;
-                  const hasAttributes = rate.attributes && rate.attributes.length > 0;
+                /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3", children: [
+                  {
+                    label: "Delivery",
+                    icon: /* @__PURE__ */ jsx(Truck, { className: "w-5 h-5" }),
+                    value: true,
+                    desc: "Shipped to your address"
+                  },
+                  {
+                    label: "Pickup",
+                    icon: /* @__PURE__ */ jsx(MapPin, { className: "w-5 h-5" }),
+                    value: false,
+                    desc: "Collect from pharmacy"
+                  }
+                ].map((option) => {
+                  const active = isDelivery === option.value;
                   return /* @__PURE__ */ jsxs(
-                    "div",
+                    "button",
                     {
+                      type: "button",
                       onClick: () => {
-                        setSelectedShippingRateId(rate.objectId);
-                        setShippingPrice(parseFloat(rate.amount));
+                        setIsDelivery(option.value);
+                        if (option.value) {
+                          setSelectedShippingRateId(null);
+                          setShippingPrice(0);
+                        }
                       },
-                      className: `relative p-5 border-2 rounded-xl cursor-pointer transition-all duration-200 hover:shadow-md ${isSelected ? "border-primary-500 bg-primary-50 ring-2 ring-primary-200" : "border-gray-200 hover:border-gray-300"}`,
+                      className: `relative flex w-full items-center justify-between rounded-xl border-2 p-4 transition-all duration-200 ${active ? "border-primary-500 bg-primary-50" : "border-gray-200 hover:border-primary-300"}`,
                       children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 flex-1", children: [
-                            /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
-                              Image4,
-                              {
-                                src: rate.providerImage75 || "/placeholder-product.jpg",
-                                alt: rate.provider,
-                                className: "w-12 h-12 rounded-lg object-contain bg-white border border-gray-200 p-1",
-                                onError: (e) => {
-                                  const target = e.target;
-                                  target.style.display = "none";
-                                },
-                                width: 48,
-                                height: 48
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-                                /* @__PURE__ */ jsxs("h3", { className: "text-lg font-semibold text-gray-900", children: [
-                                  rate.provider,
-                                  " ",
-                                  rate.servicelevel?.name
-                                ] }),
-                                isTest && /* @__PURE__ */ jsx("span", { className: "px-2 py-1 text-xs font-medium bg-primary-100 text-primary-800 rounded-full", children: "TEST" })
-                              ] }),
-                              hasAttributes && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: rate.attributes.map((attr) => /* @__PURE__ */ jsx(
-                                "span",
-                                {
-                                  className: `px-2 py-1 text-xs font-medium rounded-full ${attr === "FASTEST" ? "bg-green-100 text-green-800" : attr === "BESTVALUE" ? "bg-blue-100 text-blue-800" : attr === "CHEAPEST" ? "bg-purple-100 text-purple-800" : "bg-gray-100 text-gray-800"}`,
-                                  children: attr
-                                },
-                                attr
-                              )) }),
-                              /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm text-gray-600", children: [
-                                rate.durationTerms && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                                  /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-                                  /* @__PURE__ */ jsx("span", { children: rate.durationTerms })
-                                ] }),
-                                rate.estimatedDays && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                                  /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-                                  /* @__PURE__ */ jsxs("span", { children: [
-                                    "Estimated ",
-                                    rate.estimatedDays,
-                                    " day",
-                                    rate.estimatedDays !== 1 ? "s" : ""
-                                  ] })
-                                ] }),
-                                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                                  /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" }) }),
-                                  /* @__PURE__ */ jsxs("span", { children: [
-                                    "Carrier: ",
-                                    rate.provider
-                                  ] })
-                                ] }),
-                                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                                  /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" }) }),
-                                  /* @__PURE__ */ jsxs("span", { children: [
-                                    "Currency: ",
-                                    rate.currency
-                                  ] })
-                                ] })
-                              ] })
-                            ] })
-                          ] }),
-                          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
-                            /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-gray-900", children: formatPrice(parseFloat(rate.amount)) }),
-                            rate.amount !== rate.amountLocal && /* @__PURE__ */ jsxs("div", { className: "text-sm text-gray-500", children: [
-                              rate.amountLocal,
-                              " ",
-                              rate.currencyLocal
-                            ] })
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: `p-2 rounded-lg ${active ? "bg-primary-100 text-primary-600" : "bg-gray-100 text-gray-600"}`,
+                              children: option.icon
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
+                            /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-900", children: option.label }),
+                            /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: option.desc })
                           ] })
                         ] }),
-                        isSelected && /* @__PURE__ */ jsx("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx("div", { className: "w-6 h-6 bg-primary-500 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-white" }) }) })
+                        active && /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-primary-500 flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-white" }) })
                       ]
                     },
-                    rate.objectId
+                    option.label
                   );
-                }) }) : /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
-                  /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-gray-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx(Truck, { className: "w-8 h-8 text-gray-400" }) }),
-                  /* @__PURE__ */ jsx("p", { className: "text-gray-500 text-lg font-medium", children: "No shipping options available" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-gray-400 text-sm mt-1", children: "Please check the shipping address or try a different location." })
-                ] })
+                }) })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-                /* @__PURE__ */ jsxs("div", { className: "bg-white border-2 border-gray-100 rounded-[24px] p-8", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-6", children: [
-                    /* @__PURE__ */ jsx(Truck, { className: "w-8 h-8 text-[#2B4B7C]" }),
-                    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-[#2B4B7C]", children: "Delivery Method" })
-                  ] }),
-                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3", children: [
-                    {
-                      label: "Delivery",
-                      icon: /* @__PURE__ */ jsx(Truck, { className: "w-5 h-5" }),
-                      value: true,
-                      desc: "Shipped to your address"
-                    },
-                    {
-                      label: "Pickup",
-                      icon: /* @__PURE__ */ jsx(MapPin, { className: "w-5 h-5" }),
-                      value: false,
-                      desc: "Collect from pharmacy"
-                    }
-                  ].map((option) => {
-                    const active = isDelivery === option.value;
-                    return /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => {
-                          setIsDelivery(option.value);
-                          if (option.value) {
-                            setSelectedShippingRateId(null);
-                            setShippingPrice(0);
-                          }
-                        },
-                        className: `relative flex w-full items-center justify-between rounded-xl border-2 p-4 transition-all duration-200 ${active ? "border-primary-500 bg-primary-50" : "border-gray-200 hover:border-primary-300"}`,
-                        children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                            /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                className: `p-2 rounded-lg ${active ? "bg-primary-100 text-primary-600" : "bg-gray-100 text-gray-600"}`,
-                                children: option.icon
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
-                              /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-900", children: option.label }),
-                              /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: option.desc })
-                            ] })
-                          ] }),
-                          active && /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-primary-500 flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-white" }) })
-                        ]
-                      },
-                      option.label
-                    );
-                  }) })
+              /* @__PURE__ */ jsxs("div", { className: "bg-white border-2 border-gray-100 rounded-[24px] p-8", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-6", children: [
+                  /* @__PURE__ */ jsx(CreditCard, { className: "w-8 h-8 text-[#2B4B7C]" }),
+                  /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-[#2B4B7C]", children: "Payment Method" })
                 ] }),
-                /* @__PURE__ */ jsxs("div", { className: "bg-white border-2 border-gray-100 rounded-[24px] p-8", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-6", children: [
-                    /* @__PURE__ */ jsx(CreditCard, { className: "w-8 h-8 text-[#2B4B7C]" }),
-                    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-[#2B4B7C]", children: "Payment Method" })
-                  ] }),
-                  /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-3", children: PAYMENT_METHODS.map((pm) => {
-                    const active = paymentMethod === pm.value;
-                    return /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => setPaymentMethod(pm.value),
-                        className: `
+                /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-3", children: PAYMENT_METHODS.map((pm) => {
+                  const active = paymentMethod === pm.value;
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setPaymentMethod(pm.value),
+                      className: `
                           group relative flex w-full items-center justify-between rounded-xl border-2 p-3
                           transition-all duration-200 ease-out
                           focus:outline-hidden f
                           ${active ? `${pm.activeClass} shadow-md scale-[1.02]` : `${pm.className} border-gray-200 bg-white hover:shadow-xs hover:-translate-y-0.5`}
                         `,
-                        children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                            /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                className: `
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: `
                               flex items-center justify-center rounded-lg p-2
                               transition-colors duration-200
                               ${pm.value === "Card" ? " text-blue-600" : pm.value === "Cash" ? " text-amber-600" : " text-emerald-600"}
                               ${active ? "opacity-80" : "group-hover:opacity-90"}
                             `,
-                                children: pm.icon
-                              }
-                            ),
-                            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900", children: pm.label })
-                          ] }),
-                          active && /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full shadow-xs", children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-white" }) })
-                        ]
-                      },
-                      pm.value
-                    );
-                  }) }),
-                  /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500 mt-4", children: [
-                    paymentMethod === "Card" && "You will be redirected to a secure payment page.",
-                    paymentMethod === "Cash" && "Pay with cash at the time of delivery or pickup.",
-                    paymentMethod === "Credit" && "Use your available account credit for this order."
-                  ] })
+                              children: pm.icon
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900", children: pm.label })
+                        ] }),
+                        active && /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full shadow-xs", children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-white" }) })
+                      ]
+                    },
+                    pm.value
+                  );
+                }) }),
+                /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500 mt-4", children: [
+                  paymentMethod === "Card" && "You will be redirected to a secure payment page.",
+                  paymentMethod === "Cash" && "Pay with cash at the time of delivery or pickup.",
+                  paymentMethod === "Credit" && "Use your available account credit for this order."
                 ] })
               ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          motion.aside,
-          {
-            initial: { opacity: 0, y: 32 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.5, ease: "easeOut", delay: 0.1 },
-            className: "space-y-10 lg:sticky lg:top-24 lg:col-span-1",
-            children: /* @__PURE__ */ jsxs("div", { className: "bg-linear-to-br from-[#5B9BD5]/10 to-[#2B4B7C]/10 rounded-[24px] p-8 border-2 border-[#5B9BD5]/20 sticky top-24", children: [
-              /* @__PURE__ */ jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] mb-6 text-2xl", children: "Order Summary" }),
-              /* @__PURE__ */ jsxs("section", { className: "mt-8 pt-6 border-t border-slate-100", children: [
-                /* @__PURE__ */ jsx("div", { className: "space-y-4 mb-6", children: cart?.cartBody?.items?.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-                  /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-xl overflow-hidden bg-white shrink-0", children: /* @__PURE__ */ jsx(Image4, { src: item.productVariantData.productMedia?.[0]?.file || "/placeholder-product.jpg", alt: item.productVariantData.name, className: "w-full h-full object-cover", height: 200, width: 200 }) }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                    /* @__PURE__ */ jsx("p", { className: "font-['Poppins',sans-serif] font-medium text-[12px] text-[#2B4B7C] mb-1", children: item?.productVariantData?.name }),
-                    /* @__PURE__ */ jsxs("p", { className: "font-['Poppins',sans-serif] text-[11px] text-[#676c80]", children: [
-                      item?.productVariantData?.brand,
-                      " \u2022 Qty: ",
-                      item.quantity
-                    ] }),
-                    /* @__PURE__ */ jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-[#E67E50] mt-1", children: formatPrice(item.productVariantData.finalPrice * item.quantity) })
-                  ] })
-                ] }, `${item.productId}-${item.color}-${item.size}`)) }),
-                /* @__PURE__ */ jsx("div", { className: "h-px bg-[#5B9BD5]/20 my-4" }),
-                /* @__PURE__ */ jsxs("div", { className: "text-sm text-slate-600 space-y-3 py-4", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsx("span", { children: "Subtotal" }),
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold text-slate-900", children: formatPrice(subtotal) })
-                  ] }),
-                  isDelivery && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsx("span", { children: "Shipping" }),
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatPrice(shippingPrice) })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsx("span", { children: "Estimated tax" }),
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatPrice(tax) })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        motion.aside,
+        {
+          initial: { opacity: 0, y: 32 },
+          animate: { opacity: 1, y: 0 },
+          transition: { duration: 0.5, ease: "easeOut", delay: 0.1 },
+          className: "space-y-10 lg:sticky lg:top-24 lg:col-span-1",
+          children: /* @__PURE__ */ jsxs("div", { className: "bg-linear-to-br from-[#5B9BD5]/10 to-[#2B4B7C]/10 rounded-[24px] p-8 border-2 border-[#5B9BD5]/20 sticky top-24", children: [
+            /* @__PURE__ */ jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] mb-6 text-2xl", children: "Order Summary" }),
+            /* @__PURE__ */ jsxs("section", { className: "mt-8 pt-6 border-t border-slate-100", children: [
+              /* @__PURE__ */ jsx("div", { className: "space-y-4 mb-6", children: cart?.cartBody?.items?.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-xl overflow-hidden bg-white shrink-0", children: /* @__PURE__ */ jsx(Image4, { src: item.productVariantData.productMedia?.[0]?.file || "/placeholder-product.jpg", alt: item.productVariantData.name, className: "w-full h-full object-cover", height: 200, width: 200 }) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("p", { className: "font-['Poppins',sans-serif] font-medium text-[12px] text-[#2B4B7C] mb-1", children: item?.productVariantData?.name }),
+                  /* @__PURE__ */ jsxs("p", { className: "font-['Poppins',sans-serif] text-[11px] text-[#676c80]", children: [
+                    item?.productVariantData?.brand,
+                    " \u2022 Qty: ",
+                    item.quantity
                   ] }),
-                  /* @__PURE__ */ jsx("div", { className: "h-px bg-[#5B9BD5]/20 mt-6" }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-['Poppins',sans-serif] font-semibold text-[16px] text-[#2B4B7C]", children: "Total" }),
-                    /* @__PURE__ */ jsx("span", { className: "font-['Poppins',sans-serif] font-bold text-[24px] text-[#E67E50]", children: formatPrice(total) })
-                  ] })
+                  /* @__PURE__ */ jsx("p", { className: "font-['Poppins',sans-serif] font-semibold text-[12px] text-[#E67E50] mt-1", children: formatPrice(item.productVariantData.finalPrice * item.quantity) })
+                ] })
+              ] }, `${item.productId}-${item.color}-${item.size}`)) }),
+              /* @__PURE__ */ jsx("div", { className: "h-px bg-[#5B9BD5]/20 my-4" }),
+              /* @__PURE__ */ jsxs("div", { className: "text-sm text-slate-600 space-y-3 py-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Subtotal" }),
+                  /* @__PURE__ */ jsx("span", { className: "font-semibold text-slate-900", children: formatPrice(subtotal) })
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "bg-white/80 rounded-xl p-4", children: /* @__PURE__ */ jsxs("p", { className: "font-['Poppins',sans-serif] text-[11px] text-[#676c80] leading-[1.6]", children: [
-                  /* @__PURE__ */ jsx("strong", { className: "text-[#2B4B7C]", children: "Payment:" }),
-                  " We'll contact you to arrange payment upon pickup or delivery. We accept cash, credit cards, and all major payment methods."
-                ] }) })
+                isDelivery && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Shipping" }),
+                  /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatPrice(shippingPrice) })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Estimated tax" }),
+                  /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatPrice(tax) })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "h-px bg-[#5B9BD5]/20 mt-6" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-['Poppins',sans-serif] font-semibold text-[16px] text-[#2B4B7C]", children: "Total" }),
+                  /* @__PURE__ */ jsx("span", { className: "font-['Poppins',sans-serif] font-bold text-[24px] text-[#E67E50]", children: formatPrice(total) })
+                ] })
               ] }),
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  type: "submit",
-                  isLoading: isSubmitting,
-                  className: "font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-2 rounded-full bg-[#E67E50] text-white hover:bg-[#d66f45] hover:shadow-lg transition-all duration-300 mt-4 w-full",
-                  children: [
-                    /* @__PURE__ */ jsx(CreditCard, { className: "h-5 w-5" }),
-                    isSubmitting ? "Placing order..." : "Place Secure Order"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs("p", { className: "mt-4 flex items-center justify-center gap-2 text-xs text-slate-500", children: [
-                /* @__PURE__ */ jsx(Lock, { className: "h-4 w-4" }),
-                "Fully encrypted checkout \u2014 cancel anytime before shipment."
-              ] })
+              /* @__PURE__ */ jsx("div", { className: "bg-white/80 rounded-xl p-4", children: /* @__PURE__ */ jsxs("p", { className: "font-['Poppins',sans-serif] text-[11px] text-[#676c80] leading-[1.6]", children: [
+                /* @__PURE__ */ jsx("strong", { className: "text-[#2B4B7C]", children: "Payment:" }),
+                " We'll contact you to arrange payment upon pickup or delivery. We accept cash, credit cards, and all major payment methods."
+              ] }) })
+            ] }),
+            error && /* @__PURE__ */ jsx("div", { className: "mt-4 p-4 rounded-xl bg-red-50 border border-red-200 text-red-600 text-sm font-medium animate-in fade-in slide-in-from-top-1 duration-200", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 shrink-0 mt-0.5" }),
+              /* @__PURE__ */ jsx("span", { children: error })
+            ] }) }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "submit",
+                className: "font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-3 rounded-full text-white hover:bg-[#d66f45] hover:shadow-lg transition-all duration-300 mt-4 w-full bg-[#E67E50] hover:bg-[#2B4B7C] flex items-center justify-center gap-2",
+                children: [
+                  /* @__PURE__ */ jsx(CreditCard, { className: "h-5 w-5" }),
+                  isSubmitting ? "Placing order..." : "Place Secure Order"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("p", { className: "mt-4 flex items-center justify-center gap-2 text-xs text-slate-500", children: [
+              /* @__PURE__ */ jsx(Lock, { className: "h-4 w-4" }),
+              "Fully encrypted checkout \u2014 cancel anytime before shipment."
             ] })
-          }
-        )
-      ] })
-    ] }),
+          ] })
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsx(
       AddressFormModal,
       {