hey-pharmacist-ecommerce 1.1.26 → 1.1.27

package/dist/index.mjs

@@ -3,7 +3,7 @@ import React8, { createContext, forwardRef, useContext, useEffect, useState, use
 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, Package, ArrowUpDown, ChevronDown, LayoutGrid, LayoutList, X, Clock, 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 { Eye, Star, ShoppingCart, Sparkles, ShieldCheck, TrendingUp, Search, Package, ArrowUpDown, ChevronDown, LayoutGrid, LayoutList, X, Clock, 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, Mail, LogOut, Menu, 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';
@@ -13552,6 +13552,146 @@ function NewAddressPage() {
     ] }) }) }) })
   ] });
 }
+var profileSchema = z.object({
+  firstname: z.string().min(2, "First name is required"),
+  lastname: z.string().min(2, "Last name is required"),
+  email: z.string().email("Enter a valid email address"),
+  phoneNumber: z.string().optional()
+});
+function EditProfileScreen() {
+  const router = useRouter();
+  const { user, updateUser } = useAuth();
+  const { buildPath } = useBasePath();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [status, setStatus] = useState(
+    null
+  );
+  const {
+    register,
+    handleSubmit,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(profileSchema),
+    defaultValues: {
+      firstname: user?.firstname || "",
+      lastname: user?.lastname || "",
+      email: user?.email || "",
+      phoneNumber: user?.phoneNumber || ""
+    }
+  });
+  if (!user) {
+    router.push(buildPath("/login"));
+    return null;
+  }
+  const onSubmit = async (data) => {
+    setIsSubmitting(true);
+    setStatus(null);
+    try {
+      await updateUser(data);
+      setStatus({ type: "success", message: "Profile updated successfully" });
+      router.push(buildPath("/account"));
+    } catch (error) {
+      setStatus({
+        type: "error",
+        message: error.response?.data?.message || "Failed to update profile"
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "min-h-screen bg-slate-50 text-slate-900", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 pb-16 pt-10", children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 18 },
+      animate: { opacity: 1, y: 0 },
+      className: "mx-auto max-w-3xl rounded-3xl border border-slate-200 bg-white p-8 shadow-xl shadow-primary-50",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex h-11 w-11 items-center justify-center rounded-2xl bg-primary-50 text-primary-600", children: /* @__PURE__ */ jsx(User, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.32em] text-slate-500", children: "Profile" }),
+            /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-slate-900", children: "Edit core information" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-slate-600", children: "Update your name, email, and contact information so we can keep your deliveries and pharmacist support aligned with your preferences." }),
+        status && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `mt-4 flex items-start gap-2 rounded-2xl border px-4 py-3 text-sm ${status.type === "success" ? "border-green-200 bg-green-50 text-green-800" : "border-red-200 bg-red-50 text-red-700"}`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "mt-[2px] text-base", children: status.type === "success" ? "\u2714" : "!" }),
+              /* @__PURE__ */ jsx("span", { children: status.message })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "mt-8 space-y-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "First name",
+                placeholder: "Taylor",
+                ...register("firstname"),
+                error: errors.firstname?.message
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Last name",
+                placeholder: "Reed",
+                ...register("lastname"),
+                error: errors.lastname?.message
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "email",
+                label: "Email address",
+                placeholder: "you@example.com",
+                className: "pl-10",
+                ...register("email"),
+                error: errors.email?.message
+              }
+            ),
+            /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "tel",
+                label: "Phone number",
+                placeholder: "+1 (555) 123-4567",
+                className: "pl-10",
+                ...register("phoneNumber"),
+                error: errors.phoneNumber?.message
+              }
+            ),
+            /* @__PURE__ */ jsx(Phone, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
+            /* @__PURE__ */ jsx(Button, { type: "submit", size: "lg", isLoading: isSubmitting, children: "Save changes" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline-solid",
+                size: "lg",
+                className: "border-slate-300 text-slate-800 hover:bg-slate-50",
+                onClick: () => router.push(buildPath("/account")),
+                children: "Cancel"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) }) });
+}
 function Header() {
   const { config } = useTheme();
   const { user, isAuthenticated, logout } = useAuth();
@@ -13889,6 +14029,6 @@ function Footer() {
   ] }) });
 }
 
-export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, CheckoutScreen, CurrentOrdersScreen, EcommerceProvider, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, AccountPage as ProfileScreen, RegisterScreen, SearchPage as SearchResultsScreen, ShopScreen, Skeleton, ThemeProvider, WishlistProvider, WishlistScreen, formatDate, formatPrice, generateColorShades, getApiConfiguration, getInitials, hexToRgb, initializeApiAdapter, truncate, useAddresses, useAuth, useBasePath, useCart, useCategories, useCurrentOrders, useOrder, useOrders, useProduct, useProducts, useTheme, useWishlist };
+export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, CheckoutScreen, CurrentOrdersScreen, EcommerceProvider, EditProfileScreen, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, AccountPage as ProfileScreen, RegisterScreen, SearchPage as SearchResultsScreen, ShopScreen, Skeleton, ThemeProvider, WishlistProvider, WishlistScreen, formatDate, formatPrice, generateColorShades, getApiConfiguration, getInitials, hexToRgb, initializeApiAdapter, truncate, useAddresses, useAuth, useBasePath, useCart, useCategories, useCurrentOrders, useOrder, useOrders, useProduct, useProducts, useTheme, useWishlist };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map