hey-pharmacist-ecommerce 1.1.26 → 1.1.28

package/dist/index.d.mts

@@ -3666,7 +3666,7 @@ declare class Configuration {
 }
 
 interface WishlistContextType extends Wishlist {
-    addToWishlist: (product: any) => Promise<void>;
+    addToWishlist: (product: ExtendedProductDTO) => Promise<void>;
     removeFromWishlist: (productId: string) => Promise<void>;
     isInWishlist: (productId: string) => boolean;
     getWishlistCount: () => number;
@@ -3717,6 +3717,8 @@ declare function SearchPage(): react_jsx_runtime.JSX.Element;
 
 declare function NewAddressPage(): react_jsx_runtime.JSX.Element;
 
+declare function EditProfileScreen(): react_jsx_runtime.JSX.Element | null;
+
 declare function Header(): react_jsx_runtime.JSX.Element;
 
 declare function Footer(): react_jsx_runtime.JSX.Element;
@@ -3902,4 +3904,4 @@ declare function generateColorShades(baseColor: string): {
     950: string;
 };
 
-export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, type Category, CheckoutScreen, CurrentOrdersScreen, type EcommerceConfig, EcommerceProvider, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrderStatus, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, type ProductFilters, 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, type Category, CheckoutScreen, CurrentOrdersScreen, type EcommerceConfig, EcommerceProvider, EditProfileScreen, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrderStatus, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, type ProductFilters, 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 };

package/dist/index.d.ts

@@ -3666,7 +3666,7 @@ declare class Configuration {
 }
 
 interface WishlistContextType extends Wishlist {
-    addToWishlist: (product: any) => Promise<void>;
+    addToWishlist: (product: ExtendedProductDTO) => Promise<void>;
     removeFromWishlist: (productId: string) => Promise<void>;
     isInWishlist: (productId: string) => boolean;
     getWishlistCount: () => number;
@@ -3717,6 +3717,8 @@ declare function SearchPage(): react_jsx_runtime.JSX.Element;
 
 declare function NewAddressPage(): react_jsx_runtime.JSX.Element;
 
+declare function EditProfileScreen(): react_jsx_runtime.JSX.Element | null;
+
 declare function Header(): react_jsx_runtime.JSX.Element;
 
 declare function Footer(): react_jsx_runtime.JSX.Element;
@@ -3902,4 +3904,4 @@ declare function generateColorShades(baseColor: string): {
     950: string;
 };
 
-export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, type Category, CheckoutScreen, CurrentOrdersScreen, type EcommerceConfig, EcommerceProvider, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrderStatus, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, type ProductFilters, 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, type Category, CheckoutScreen, CurrentOrdersScreen, type EcommerceConfig, EcommerceProvider, EditProfileScreen, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrderStatus, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, type ProductFilters, 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 };

package/dist/index.js

@@ -13562,6 +13562,156 @@ function NewAddressPage() {
     ] }) }) }) })
   ] });
 }
+var profileSchema = zod.z.object({
+  firstname: zod.z.string().min(2, "First name is required"),
+  lastname: zod.z.string().min(2, "Last name is required"),
+  email: zod.z.string().email("Enter a valid email address"),
+  phoneNumber: zod.z.string().optional()
+});
+function EditProfileScreen() {
+  const router = navigation.useRouter();
+  const { user, updateUser } = useAuth();
+  const { buildPath } = useBasePath();
+  const [isSubmitting, setIsSubmitting] = React8.useState(false);
+  const [status, setStatus] = React8.useState(
+    null
+  );
+  const {
+    register,
+    handleSubmit,
+    formState: { errors }
+  } = reactHookForm.useForm({
+    resolver: zod$1.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__ */ jsxRuntime.jsx("div", { className: "min-h-screen bg-slate-50 text-slate-900", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 pb-16 pt-10", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-11 w-11 items-center justify-center rounded-2xl bg-primary-50 text-primary-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.32em] text-slate-500", children: "Profile" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-slate-900", children: "Edit core information" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "mt-[2px] text-base", children: status.type === "success" ? "\u2714" : "!" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: status.message })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "mt-8 space-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                label: "First name",
+                placeholder: "Taylor",
+                ...register("firstname"),
+                error: errors.firstname?.message
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                label: "Last name",
+                placeholder: "Reed",
+                ...register("lastname"),
+                error: errors.lastname?.message
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                type: "email",
+                label: "Email address",
+                placeholder: "you@example.com",
+                className: "pl-10",
+                ...register("email"),
+                error: errors.email?.message
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                type: "tel",
+                label: "Phone number",
+                placeholder: "+1 (555) 123-4567",
+                className: "pl-10",
+                ...register("phoneNumber"),
+                error: errors.phoneNumber?.message
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "submit",
+                size: "lg",
+                isLoading: isSubmitting,
+                className: "border-slate-300 text-slate-800 hover:bg-slate-50",
+                variant: "outline-solid",
+                children: "Save changes"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.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();
@@ -13909,6 +14059,7 @@ exports.CartScreen = CartScreen;
 exports.CheckoutScreen = CheckoutScreen;
 exports.CurrentOrdersScreen = CurrentOrdersScreen;
 exports.EcommerceProvider = EcommerceProvider;
+exports.EditProfileScreen = EditProfileScreen;
 exports.EmptyState = EmptyState;
 exports.Footer = Footer;
 exports.Header = Header;