hey-pharmacist-ecommerce 1.1.3 → 1.1.4

package/dist/index.mjs

@@ -13,7 +13,111 @@ import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 
-// src/providers/EcommerceProvider.tsx
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/Apis/configuration.ts
+var Configuration;
+var init_configuration = __esm({
+  "src/lib/Apis/configuration.ts"() {
+    Configuration = class {
+      constructor(param = {}) {
+        this.apiKey = param.apiKey;
+        this.username = param.username;
+        this.password = param.password;
+        this.accessToken = param.accessToken;
+        this.basePath = param.basePath;
+        this.baseOptions = param.baseOptions;
+      }
+    };
+  }
+});
+
+// src/lib/api-adapter/config.ts
+var config_exports = {};
+__export(config_exports, {
+  clearAuthToken: () => clearAuthToken,
+  getApiConfiguration: () => getApiConfiguration,
+  getAuthToken: () => getAuthToken,
+  getCurrentConfig: () => getCurrentConfig,
+  initializeApiAdapter: () => initializeApiAdapter,
+  setAuthToken: () => setAuthToken
+});
+function initializeApiAdapter(config) {
+  currentConfig = config;
+  apiConfiguration = new Configuration({
+    basePath: config.apiBaseUrl,
+    apiKey: () => config.storeId,
+    // x-store-key header
+    accessToken: () => getAuthToken() || ""
+    // Bearer token
+  });
+  return apiConfiguration;
+}
+function getApiConfiguration() {
+  if (!apiConfiguration) {
+    throw new Error("API adapter not initialized. Call initializeApiAdapter first.");
+  }
+  return apiConfiguration;
+}
+function getCurrentConfig() {
+  if (!currentConfig) {
+    throw new Error("API adapter not initialized.");
+  }
+  return currentConfig;
+}
+function getTokenKey() {
+  const storeId = currentConfig?.storeId || "default";
+  return `ecommerce_access_token_${storeId}`;
+}
+function setAuthToken(token) {
+  if (typeof window !== "undefined") {
+    localStorage.setItem(getTokenKey(), token);
+    if (apiConfiguration) {
+      apiConfiguration.accessToken = () => token;
+    }
+  }
+}
+function getAuthToken() {
+  if (typeof window !== "undefined") {
+    return localStorage.getItem(getTokenKey());
+  }
+  return null;
+}
+function clearAuthToken() {
+  if (typeof window !== "undefined") {
+    localStorage.removeItem(getTokenKey());
+    if (apiConfiguration) {
+      apiConfiguration.accessToken = () => "";
+    }
+  }
+}
+var apiConfiguration, currentConfig;
+var init_config = __esm({
+  "src/lib/api-adapter/config.ts"() {
+    init_configuration();
+    apiConfiguration = null;
+    currentConfig = null;
+  }
+});
 
 // src/lib/utils/colors.ts
 function hexToRgb(hex) {
@@ -97,67 +201,8 @@ function ThemeProvider({ config, children }) {
   return /* @__PURE__ */ React20.createElement(ThemeContext.Provider, { value: { config } }, children);
 }
 
-// src/lib/Apis/configuration.ts
-var Configuration = class {
-  constructor(param = {}) {
-    this.apiKey = param.apiKey;
-    this.username = param.username;
-    this.password = param.password;
-    this.accessToken = param.accessToken;
-    this.basePath = param.basePath;
-    this.baseOptions = param.baseOptions;
-  }
-};
-
-// src/lib/api-adapter/config.ts
-var apiConfiguration = null;
-var currentConfig = null;
-function initializeApiAdapter(config) {
-  currentConfig = config;
-  apiConfiguration = new Configuration({
-    basePath: config.apiBaseUrl,
-    apiKey: () => config.storeId,
-    // x-store-key header
-    accessToken: () => getAuthToken() || ""
-    // Bearer token
-  });
-  return apiConfiguration;
-}
-function getApiConfiguration() {
-  if (!apiConfiguration) {
-    throw new Error("API adapter not initialized. Call initializeApiAdapter first.");
-  }
-  return apiConfiguration;
-}
-function getCurrentConfig() {
-  if (!currentConfig) {
-    throw new Error("API adapter not initialized.");
-  }
-  return currentConfig;
-}
-var TOKEN_KEY = "ecommerce_access_token";
-function setAuthToken(token) {
-  if (typeof window !== "undefined") {
-    localStorage.setItem(TOKEN_KEY, token);
-    if (apiConfiguration) {
-      apiConfiguration.accessToken = () => token;
-    }
-  }
-}
-function getAuthToken() {
-  if (typeof window !== "undefined") {
-    return localStorage.getItem(TOKEN_KEY);
-  }
-  return null;
-}
-function clearAuthToken() {
-  if (typeof window !== "undefined") {
-    localStorage.removeItem(TOKEN_KEY);
-    if (apiConfiguration) {
-      apiConfiguration.accessToken = () => "";
-    }
-  }
-}
+// src/providers/AuthProvider.tsx
+init_config();
 var BASE_PATH = "/".replace(/\/+$/, "");
 var BaseAPI = class {
   constructor(configuration, basePath = BASE_PATH, axios = globalAxios4) {
@@ -1896,7 +1941,17 @@ function useAuth() {
 function AuthProvider({ children }) {
   const [user, setUser] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  const USER_KEY = "ecommerce_user";
+  const getUserKey = () => {
+    if (typeof window === "undefined") return "ecommerce_user";
+    const token = getAuthToken();
+    if (!token) return "ecommerce_user";
+    try {
+      const config = (init_config(), __toCommonJS(config_exports)).getCurrentConfig();
+      return `ecommerce_user_${config?.storeId || "default"}`;
+    } catch {
+      return "ecommerce_user";
+    }
+  };
   const refreshUser = useCallback(async () => {
     try {
       const token = getAuthToken();
@@ -1914,7 +1969,8 @@ function AuthProvider({ children }) {
   useEffect(() => {
     if (typeof window !== "undefined") {
       try {
-        const cached = localStorage.getItem(USER_KEY);
+        const userKey = getUserKey();
+        const cached = localStorage.getItem(userKey);
         if (cached) {
           const parsed = JSON.parse(cached);
           setUser(parsed);
@@ -1934,7 +1990,7 @@ function AuthProvider({ children }) {
       }
       setUser(response.data.userData);
       if (typeof window !== "undefined") {
-        localStorage.setItem(USER_KEY, JSON.stringify(response.data.userData));
+        localStorage.setItem(getUserKey(), JSON.stringify(response.data.userData));
       }
       return response.data;
     } finally {
@@ -1950,7 +2006,7 @@ function AuthProvider({ children }) {
       }
       setUser(response.data.userData);
       if (typeof window !== "undefined") {
-        localStorage.setItem(USER_KEY, JSON.stringify(response.data.userData));
+        localStorage.setItem(getUserKey(), JSON.stringify(response.data.userData));
       }
       return response.data;
     } finally {
@@ -1963,7 +2019,7 @@ function AuthProvider({ children }) {
       clearAuthToken();
       setUser(null);
       if (typeof window !== "undefined") {
-        localStorage.removeItem(USER_KEY);
+        localStorage.removeItem(getUserKey());
       }
     } finally {
       setIsLoading(false);
@@ -6660,6 +6716,9 @@ var WishlistApi = class extends BaseAPI {
   }
 };
 
+// src/lib/Apis/index.ts
+init_configuration();
+
 // src/lib/Apis/models/manual-order-dto.ts
 var ManualOrderDTOOrderStatusEnum = /* @__PURE__ */ ((ManualOrderDTOOrderStatusEnum2) => {
   ManualOrderDTOOrderStatusEnum2["Pending"] = "Pending";
@@ -6696,6 +6755,9 @@ var PaymentPaymentStatusEnum = /* @__PURE__ */ ((PaymentPaymentStatusEnum2) => {
   return PaymentPaymentStatusEnum2;
 })(PaymentPaymentStatusEnum || {});
 
+// src/lib/api-adapter/index.ts
+init_config();
+
 // src/providers/CartProvider.tsx
 var CartContext = createContext(void 0);
 function useCart() {
@@ -6784,6 +6846,11 @@ function CartProvider({ children }) {
   };
   return /* @__PURE__ */ React20.createElement(CartContext.Provider, { value }, children);
 }
+
+// src/lib/Apis/wrapper.ts
+init_configuration();
+init_config();
+init_config();
 var BaseUrl = "https://api.heypharmacist.com";
 globalAxios4.interceptors.request.use(async (config) => {
   if (!config?.headers) {
@@ -7371,7 +7438,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     e.preventDefault();
     if (searchQuery.trim()) {
       setIsSearching(true);
-      router.push(`/search?q=${encodeURIComponent(searchQuery.trim())}`);
+      router.push(buildPath(`/search?q=${encodeURIComponent(searchQuery.trim())}`));
     }
   };
   const handleInputChange = (e) => {
@@ -7381,7 +7448,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     if (e.key === "Enter" && searchQuery.trim()) {
       e.preventDefault();
       setIsSearching(true);
-      router.push(`/search?q=${encodeURIComponent(searchQuery.trim())}`);
+      router.push(buildPath(`/search?q=${encodeURIComponent(searchQuery.trim())}`));
     }
   };
   const priceRanges = useMemo(
@@ -8183,6 +8250,7 @@ var safeFormatDate = (date, format = "long") => {
 };
 function ProductDetailScreen({ productId }) {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const { product: productData, isLoading } = useProduct(productId);
   const { addToCart } = useCart();
   const [selectedVariant, setSelectedVariant] = useState(null);
@@ -8362,11 +8430,11 @@ function ProductDetailScreen({ productId }) {
     {
       variant: "ghost",
       className: "text-white hover:bg-white/10",
-      onClick: () => router.push("/shop")
+      onClick: () => router.push(buildPath("/shop"))
     },
     /* @__PURE__ */ React20.createElement(ArrowLeft, { className: "h-5 w-5" }),
     "Continue shopping"
-  ), /* @__PURE__ */ React20.createElement("div", { className: "hidden items-center gap-3 text-sm text-white/80 md:flex" }, /* @__PURE__ */ React20.createElement(Link8, { href: "/", className: "transition hover:text-white" }, "Home"), /* @__PURE__ */ React20.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React20.createElement(Link8, { href: "/shop", className: "transition hover:text-white" }, "Shop"), /* @__PURE__ */ React20.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React20.createElement("span", { className: "truncate font-medium text-white" }, product.name))), /* @__PURE__ */ React20.createElement(
+  ), /* @__PURE__ */ React20.createElement("div", { className: "hidden items-center gap-3 text-sm text-white/80 md:flex" }, /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/"), className: "transition hover:text-white" }, "Home"), /* @__PURE__ */ React20.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/shop"), className: "transition hover:text-white" }, "Shop"), /* @__PURE__ */ React20.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React20.createElement("span", { className: "truncate font-medium text-white" }, product.name))), /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
@@ -8571,6 +8639,7 @@ function CartItem({ item }) {
 function CartScreen() {
   const router = useRouter();
   const { cart, isLoading } = useCart();
+  const { buildPath } = useBasePath();
   if (!cart || cart.cartBody.items.length === 0) {
     return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-gradient-to-br from-primary-700 via-primary-600 to-secondary-600 flex items-center justify-center" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto px-20 py-5 bg-white rounded-3xl" }, /* @__PURE__ */ React20.createElement(
       EmptyState,
@@ -8579,7 +8648,7 @@ function CartScreen() {
         title: "Your bag feels a little empty",
         description: "Add pharmacy favorites to unlock quick shipping, curated bundles, and personalized recommendations.",
         actionLabel: "Discover products",
-        onAction: () => router.push("/shop")
+        onAction: () => router.push(buildPath("/shop"))
       }
     )));
   }
@@ -8620,7 +8689,7 @@ function CartScreen() {
       {
         size: "lg",
         className: "mt-6 w-full",
-        onClick: () => router.push("/checkout")
+        onClick: () => router.push(buildPath("/checkout"))
       },
       "Secure checkout",
       /* @__PURE__ */ React20.createElement(ArrowRight, { className: "h-5 w-5" })
@@ -8628,7 +8697,7 @@ function CartScreen() {
       "button",
       {
         type: "button",
-        onClick: () => router.push("/shop"),
+        onClick: () => router.push(buildPath("/shop")),
         className: "mt-4 w-full text-sm font-semibold text-primary-600 transition hover:text-primary-700"
       },
       "Continue shopping"
@@ -8942,6 +9011,7 @@ function CheckoutScreen() {
   const router = useRouter();
   const { cart, clearCart } = useCart();
   const { isAuthenticated, user } = useAuth();
+  const { buildPath } = useBasePath();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isDelivery, setIsDelivery] = useState(true);
   const [paymentMethod, setPaymentMethod] = useState("Card");
@@ -9084,7 +9154,7 @@ function CheckoutScreen() {
     setError(null);
     if (!isAuthenticated) {
       toast.error("Please login to continue");
-      setTimeout(() => router.push("/login?redirect=/checkout"), 50);
+      setTimeout(() => router.push(buildPath("/login?redirect=/checkout")), 50);
       return;
     }
     if (!cart || cart?.cartBody?.items?.length === 0 || !cart?.cartBody?.items) {
@@ -9179,11 +9249,11 @@ function CheckoutScreen() {
         }
         toast.success("Order placed successfully!");
         await clearCart();
-        router.push(`/orders/${response.data?.id}`);
+        router.push(buildPath(`/orders/${response.data?.id}`));
       } else {
         toast.success("Order placed successfully!");
         await clearCart();
-        router.push(`/orders/${response.data?.id}`);
+        router.push(buildPath(`/orders/${response.data?.id}`));
       }
     } catch (err) {
       const msg = err?.message || err?.response?.data?.message || "Failed to place order";
@@ -9194,7 +9264,7 @@ function CheckoutScreen() {
     }
   };
   if (!cart || cart?.cartBody?.items?.length === 0 || !cart?.cartBody?.items) {
-    router.push("/cart");
+    router.push(buildPath("/cart"));
     return null;
   }
   const subtotal = cart.total;
@@ -9467,8 +9537,9 @@ var loginSchema = z.object({
 });
 function LoginScreen() {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const searchParams = useSearchParams();
-  const redirectUrl = searchParams?.get("redirect") || "/";
+  const redirectUrl = searchParams?.get("redirect") || buildPath("/");
   const { login } = useAuth();
   const [showPassword, setShowPassword] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -9588,6 +9659,7 @@ var BENEFITS = [
 function RegisterScreen() {
   const router = useRouter();
   const { register: registerUser } = useAuth();
+  const { buildPath } = useBasePath();
   const [showPassword, setShowPassword] = useState(false);
   const [showConfirmPassword, setShowConfirmPassword] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -9609,7 +9681,7 @@ function RegisterScreen() {
         role: "User" /* User */
       });
       toast.success("Account created successfully!");
-      router.push("/");
+      router.push(buildPath("/"));
     } catch (error) {
       toast.error(error.response?.data?.message || "Failed to create account");
     } finally {
@@ -9752,6 +9824,7 @@ var profileSchema = z.object({
 function ProfileScreen() {
   const router = useRouter();
   const { user, updateUser, logout } = useAuth();
+  const { buildPath } = useBasePath();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const {
     register,
@@ -9780,10 +9853,10 @@ function ProfileScreen() {
   const handleLogout = async () => {
     await logout();
     toast.success("Logged out successfully");
-    router.push("/");
+    router.push(buildPath("/"));
   };
   if (!user) {
-    router.push("/login");
+    router.push(buildPath("/login"));
     return null;
   }
   const quickLinks = [
@@ -9791,19 +9864,19 @@ function ProfileScreen() {
       icon: Package,
       label: "Order history",
       description: "Track shipments and download invoices",
-      href: "/orders"
+      href: buildPath("/orders")
     },
     {
       icon: Heart,
       label: "Wishlist",
       description: "Curate go-to remedies and favorites",
-      href: "/wishlist"
+      href: buildPath("/wishlist")
     },
     {
       icon: MapPin,
       label: "Delivery addresses",
       description: "Manage saved delivery locations",
-      href: "/account/addresses"
+      href: buildPath("/account/addresses")
     }
   ];
   return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement(
@@ -9819,7 +9892,7 @@ function ProfileScreen() {
       {
         variant: "ghost",
         className: "text-white hover:bg-white/20",
-        onClick: () => router.push("/account/change-password")
+        onClick: () => router.push(buildPath("/account/change-password"))
       },
       "Change password"
     ))
@@ -9880,7 +9953,7 @@ function ProfileScreen() {
         type: "button",
         variant: "outline",
         size: "lg",
-        onClick: () => router.push("/orders")
+        onClick: () => router.push(buildPath("/orders"))
       },
       "View recent orders"
     )))),
@@ -9906,7 +9979,7 @@ function ProfileScreen() {
       {
         variant: "outline",
         className: "mt-4 w-full",
-        onClick: () => router.push("/account/preferences")
+        onClick: () => router.push(buildPath("/account/preferences"))
       },
       "Manage preferences"
     )),
@@ -9923,6 +9996,7 @@ function ProfileScreen() {
   )))));
 }
 function OrderCard({ order }) {
+  const { buildPath } = useBasePath();
   const config = order.orderStatus;
   return /* @__PURE__ */ React20.createElement(
     motion.div,
@@ -10167,6 +10241,7 @@ var STATUS_FILTERS = ["All", ...Object.values(ManualOrderDTOOrderStatusEnum)];
 var PAYMENT_FILTERS = ["All", ...Object.values(PaymentPaymentStatusEnum)];
 function OrdersScreen() {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const [page, setPage] = useState(1);
   const [selectedFilter, setSelectedFilter] = useState("All");
   const [selectedPaymentFilter, setSelectedPaymentFilter] = useState("All");
@@ -10258,7 +10333,7 @@ function OrdersScreen() {
         title: "No orders found for these filters",
         description: "Adjust the status or payment filters, or browse the shop for new essentials.",
         actionLabel: "Shop products",
-        onAction: () => router.push("/shop")
+        onAction: () => router.push(buildPath("/shop"))
       }
     )),
     !isLoading && pagination.totalPages > 1 && hasOrders && /* @__PURE__ */ React20.createElement("div", { className: "mt-10 flex flex-wrap items-center justify-center gap-4" }, /* @__PURE__ */ React20.createElement(
@@ -10285,6 +10360,7 @@ function OrdersScreen() {
 function CurrentOrdersScreen() {
   const router = useRouter();
   const { orders, isLoading } = useCurrentOrders();
+  const { buildPath } = useBasePath();
   const hasOrders = orders.length > 0;
   return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20.createElement(
     motion.div,
@@ -10308,7 +10384,7 @@ function CurrentOrdersScreen() {
     /* @__PURE__ */ React20.createElement("div", { className: "mt-4 space-y-3 text-sm text-white/80" }, /* @__PURE__ */ React20.createElement(
       Link8,
       {
-        href: "/orders",
+        href: buildPath("/orders"),
         className: "flex items-center justify-between rounded-2xl bg-white/10 px-4 py-3 transition hover:bg-white/20"
       },
       /* @__PURE__ */ React20.createElement("span", { className: "font-semibold text-white" }, "View order history"),
@@ -10328,7 +10404,7 @@ function CurrentOrdersScreen() {
         title: "No active orders",
         description: "Start a new order to see live preparation, packing, and delivery updates here.",
         actionLabel: "Shop wellness essentials",
-        onAction: () => router.push("/shop")
+        onAction: () => router.push(buildPath("/shop"))
       }
     ))),
     /* @__PURE__ */ React20.createElement("aside", { className: "space-y-6" }, /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-lg font-semibold text-slate-900" }, "Real-time milestones"), /* @__PURE__ */ React20.createElement("div", { className: "mt-4 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20.createElement(Warehouse, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-slate-800" }, "Preparation"), /* @__PURE__ */ React20.createElement("p", null, "Our pharmacists verify ingredients and pack thermo-sensitive items."))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20.createElement(Truck, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-slate-800" }, "In transit"), /* @__PURE__ */ React20.createElement("p", null, "Track live courier location with ETA updates tailored to your delivery window."))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20.createElement(BellRing, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-slate-800" }, "Arrival alerts"), /* @__PURE__ */ React20.createElement("p", null, "Receive SMS and email notifications when parcels are out for delivery."))))), /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Need support?"), /* @__PURE__ */ React20.createElement("p", { className: "mt-3 leading-relaxed" }, "Our fulfillment team is online 7 days a week. Message us if you need to adjust delivery instructions or review dosage guidance.")))
@@ -10825,7 +10901,7 @@ function WishlistScreen() {
       animate: { opacity: 1, y: 0 },
       className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-xl shadow-primary-50"
     },
-    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-6" }, !isAuthenticated && /* @__PURE__ */ React20.createElement("div", { className: "flex min-h-[40vh] items-center justify-center" }, /* @__PURE__ */ React20.createElement("div", { className: "max-w-lg rounded-3xl border border-slate-100 bg-white p-10 text-center shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-primary-50 text-primary-600" }, /* @__PURE__ */ React20.createElement(Heart, { className: "h-8 w-8" })), /* @__PURE__ */ React20.createElement("h2", { className: "mt-6 text-3xl font-bold text-slate-900" }, "Sign in to see your favourites"), /* @__PURE__ */ React20.createElement("p", { className: "mt-3 text-slate-500" }, "Create your curated shelf of products and we'll keep them ready whenever you return."), /* @__PURE__ */ React20.createElement(Button, { className: "mt-6", onClick: () => router.push("/login") }, "Sign In"))), isAuthenticated && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Your saved collection"), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-500" }, "Total value: ", /* @__PURE__ */ React20.createElement("span", { className: "font-semibold text-primary-600" }, formatPrice(totalValue)), onlyInStock && " \u2022 Showing items ready to ship")), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React20.createElement("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm font-medium text-slate-600 transition hover:border-primary-200 hover:text-primary-600" }, /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-6" }, !isAuthenticated && /* @__PURE__ */ React20.createElement("div", { className: "flex min-h-[40vh] items-center justify-center" }, /* @__PURE__ */ React20.createElement("div", { className: "max-w-lg rounded-3xl border border-slate-100 bg-white p-10 text-center shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-primary-50 text-primary-600" }, /* @__PURE__ */ React20.createElement(Heart, { className: "h-8 w-8" })), /* @__PURE__ */ React20.createElement("h2", { className: "mt-6 text-3xl font-bold text-slate-900" }, "Sign in to see your favourites"), /* @__PURE__ */ React20.createElement("p", { className: "mt-3 text-slate-500" }, "Create your curated shelf of products and we'll keep them ready whenever you return."), /* @__PURE__ */ React20.createElement(Button, { className: "mt-6", onClick: () => router.push(buildPath("/login")) }, "Sign In"))), isAuthenticated && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Your saved collection"), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-500" }, "Total value: ", /* @__PURE__ */ React20.createElement("span", { className: "font-semibold text-primary-600" }, formatPrice(totalValue)), onlyInStock && " \u2022 Showing items ready to ship")), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React20.createElement("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm font-medium text-slate-600 transition hover:border-primary-200 hover:text-primary-600" }, /* @__PURE__ */ React20.createElement(
       "input",
       {
         type: "checkbox",
@@ -10874,7 +10950,7 @@ function WishlistScreen() {
         key: index,
         className: "h-72 animate-pulse rounded-2xl border border-slate-200 bg-slate-100"
       }
-    ))), !isLoading && wishlistCount === 0 && /* @__PURE__ */ React20.createElement("div", { className: "flex min-h-[30vh] items-center justify-center" }, /* @__PURE__ */ React20.createElement("div", { className: "max-w-2xl rounded-3xl border border-slate-100 bg-white p-12 text-center shadow-xl shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-primary-100 text-primary-600" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-10 w-10" })), /* @__PURE__ */ React20.createElement("h2", { className: "mt-6 text-4xl font-bold text-slate-900" }, "Start your wellness wishlist"), /* @__PURE__ */ React20.createElement("p", { className: "mt-4 text-lg text-slate-500" }, "Bookmark pharmacy essentials, supplements, or skincare picks and we'll keep them safe until you're ready to checkout."), /* @__PURE__ */ React20.createElement("div", { className: "mt-8 flex flex-wrap justify-center gap-3" }, /* @__PURE__ */ React20.createElement(Button, { onClick: () => router.push("/shop") }, "Discover products"), /* @__PURE__ */ React20.createElement(Button, { variant: "outline", onClick: () => router.push("/categories") }, "Browse categories")))), !isLoading && processedProducts.length > 0 && /* @__PURE__ */ React20.createElement(React20.Fragment, null, viewMode === "grid" ? /* @__PURE__ */ React20.createElement(
+    ))), !isLoading && wishlistCount === 0 && /* @__PURE__ */ React20.createElement("div", { className: "flex min-h-[30vh] items-center justify-center" }, /* @__PURE__ */ React20.createElement("div", { className: "max-w-2xl rounded-3xl border border-slate-100 bg-white p-12 text-center shadow-xl shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-primary-100 text-primary-600" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-10 w-10" })), /* @__PURE__ */ React20.createElement("h2", { className: "mt-6 text-4xl font-bold text-slate-900" }, "Start your wellness wishlist"), /* @__PURE__ */ React20.createElement("p", { className: "mt-4 text-lg text-slate-500" }, "Bookmark pharmacy essentials, supplements, or skincare picks and we'll keep them safe until you're ready to checkout."), /* @__PURE__ */ React20.createElement("div", { className: "mt-8 flex flex-wrap justify-center gap-3" }, /* @__PURE__ */ React20.createElement(Button, { onClick: () => router.push(buildPath("/shop")) }, "Discover products"), /* @__PURE__ */ React20.createElement(Button, { variant: "outline", onClick: () => router.push(buildPath("/categories")) }, "Browse categories")))), !isLoading && processedProducts.length > 0 && /* @__PURE__ */ React20.createElement(React20.Fragment, null, viewMode === "grid" ? /* @__PURE__ */ React20.createElement(
       motion.div,
       {
         layout: true,
@@ -10924,7 +11000,7 @@ function WishlistScreen() {
         Button,
         {
           size: "sm",
-          onClick: () => router.push(`/products/${product.id}`)
+          onClick: () => router.push(buildPath(`/products/${product.id}`))
         },
         "View details"
       ), /* @__PURE__ */ React20.createElement(
@@ -11050,6 +11126,7 @@ function SearchPage() {
 function CategoriesScreen() {
   const { categories, isLoading } = useCategories();
   const router = useRouter();
+  const { buildPath } = useBasePath();
   return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
@@ -11071,7 +11148,7 @@ function CategoriesScreen() {
       Link8,
       {
         key: category.id,
-        href: `/shop?category=${category.name}`,
+        href: buildPath(`/shop?category=${category.name}`),
         className: "group block overflow-hidden rounded-xl border border-gray-100 bg-white p-4 text-center transition hover:shadow-lg hover:border-primary-500"
       },
       /* @__PURE__ */ React20.createElement("div", { className: "relative aspect-square w-full overflow-hidden rounded-lg bg-gray-50 mb-3" }, category.image ? /* @__PURE__ */ React20.createElement(
@@ -11093,7 +11170,7 @@ function CategoriesScreen() {
         description: "There are currently no product categories available.",
         icon: Package,
         actionLabel: "Shop products",
-        onAction: () => router.push("/shop")
+        onAction: () => router.push(buildPath("/shop"))
       }
     )
   ))));
@@ -11245,14 +11322,15 @@ function Header() {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const [isSearchOpen, setIsSearchOpen] = useState(false);
   const [searchQuery, setSearchQuery] = useState("");
+  const { buildPath } = useBasePath();
   const navLinks = [
-    { href: "/shop", label: "Shop" },
-    { href: "/categories", label: "Categories" },
-    { href: "/orders", label: "Orders" },
-    { href: "/about", label: "About" },
-    { href: "/contact", label: "Contact" }
+    { href: buildPath("/shop"), label: "Shop" },
+    { href: buildPath("/categories"), label: "Categories" },
+    { href: buildPath("/orders"), label: "Orders" },
+    { href: buildPath("/about"), label: "About" },
+    { href: buildPath("/contact"), label: "Contact" }
   ];
-  return /* @__PURE__ */ React20.createElement("header", { className: "sticky top-0 z-40 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React20.createElement(Link8, { href: "/", className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React20.createElement("header", { className: "sticky top-0 z-40 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/"), className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React20.createElement(
     Image3,
     {
       src: config.logo,
@@ -11293,7 +11371,7 @@ function Header() {
         onChange: (e) => setSearchQuery(e.target.value),
         onKeyDown: (e) => {
           if (e.key === "Enter" && searchQuery.trim()) {
-            window.location.href = `/search?q=${encodeURIComponent(searchQuery.trim())}`;
+            window.location.href = buildPath(`/search?q=${encodeURIComponent(searchQuery.trim())}`);
           }
         },
         placeholder: "Search products...",
@@ -11308,17 +11386,17 @@ function Header() {
       },
       /* @__PURE__ */ React20.createElement(X, { className: "w-4 h-4" })
     ))
-  ))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React20.createElement(Link8, { href: "/wishlist", className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React20.createElement(Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React20.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, wishlistCount)), /* @__PURE__ */ React20.createElement(Link8, { href: "/cart", className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React20.createElement(ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React20.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, cart.cartBody?.items?.length) : null), isAuthenticated ? /* @__PURE__ */ React20.createElement(
+  ))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/wishlist"), className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React20.createElement(Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React20.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, wishlistCount)), /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/cart"), className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React20.createElement(ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React20.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, cart.cartBody?.items?.length) : null), isAuthenticated ? /* @__PURE__ */ React20.createElement(
     Link8,
     {
-      href: "/account",
+      href: buildPath("/account"),
       className: "p-2 hover:bg-gray-100 rounded-lg transition-colors"
     },
     /* @__PURE__ */ React20.createElement(User, { className: "w-6 h-6 text-gray-700" })
   ) : /* @__PURE__ */ React20.createElement(
     Link8,
     {
-      href: "/login",
+      href: buildPath("/login"),
       className: "hidden sm:block px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors font-medium"
     },
     "Sign In"
@@ -11349,7 +11427,7 @@ function Header() {
     )), !isAuthenticated && /* @__PURE__ */ React20.createElement(
       Link8,
       {
-        href: "/login",
+        href: buildPath("/login"),
         onClick: () => setIsMobileMenuOpen(false),
         className: "px-4 py-3 text-primary-600 hover:bg-gray-50 rounded-lg font-medium"
       },
@@ -11359,25 +11437,32 @@ function Header() {
 }
 function Footer() {
   const { config } = useTheme();
+  const { buildPath } = useBasePath();
   const footerLinks = {
     shop: [
-      { label: "All Products", href: "/shop" },
-      { label: "Categories", href: "/categories" },
-      { label: "Featured", href: "/featured" },
-      { label: "New Arrivals", href: "/new" }
+      { label: "All Products", href: buildPath("/shop") },
+      { label: "Categories", href: buildPath("/categories") },
+      { label: "Featured", href: buildPath("/featured") },
+      { label: "New Arrivals", href: buildPath("/new") }
     ],
     account: [
-      { label: "My Account", href: "/account" },
-      { label: "Orders", href: "/orders" },
-      { label: "Wishlist", href: "/wishlist" },
-      { label: "Cart", href: "/cart" }
+      { label: "My Account", href: buildPath("/account") },
+      { label: "Orders", href: buildPath("/orders") },
+      { label: "Wishlist", href: buildPath("/wishlist") },
+      { label: "Cart", href: buildPath("/cart") }
     ],
     support: [
-      { label: "Contact Us", href: "/contact" },
-      { label: "FAQs", href: "/faqs" },
-      { label: "Shipping Info", href: "/shipping" },
-      { label: "Returns", href: "/returns" }
-    ]};
+      { label: "Contact Us", href: buildPath("/contact") },
+      { label: "FAQs", href: buildPath("/faqs") },
+      { label: "Shipping Info", href: buildPath("/shipping") },
+      { label: "Returns", href: buildPath("/returns") }
+    ],
+    legal: [
+      { label: "Privacy Policy", href: buildPath("/privacy") },
+      { label: "Terms of Service", href: buildPath("/terms") },
+      { label: "Cookie Policy", href: buildPath("/cookies") }
+    ]
+  };
   return /* @__PURE__ */ React20.createElement("footer", { className: "bg-gray-900 text-gray-300" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12" }, /* @__PURE__ */ React20.createElement("div", { className: "lg:col-span-2" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-2xl font-bold text-white mb-4" }, config.storeName), /* @__PURE__ */ React20.createElement("p", { className: "text-gray-400 mb-6 max-w-md" }, "Your trusted online store for quality products. We deliver excellence with every order."), /* @__PURE__ */ React20.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(Mail, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("span", null, "support@", config.storeName.toLowerCase().replace(/\s+/g, ""), ".com")), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(Phone, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("span", null, "+1 (555) 123-4567")), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(MapPin, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("span", null, "123 Store Street, City, Country")))), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Shop"), /* @__PURE__ */ React20.createElement("ul", { className: "space-y-2" }, footerLinks.shop.map((link) => /* @__PURE__ */ React20.createElement("li", { key: link.href }, /* @__PURE__ */ React20.createElement(
     Link8,
     {