hey-pharmacist-ecommerce 1.1.31 → 1.1.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hey-pharmacist-ecommerce",
-  "version": "1.1.31",
+  "version": "1.1.33",
   "description": "Production-ready, multi-tenant e‑commerce UI + API adapter for Next.js with auth, carts, checkout, orders, theming, and pharmacist-focused UX.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/AccountSettingsTab.tsx

@@ -14,9 +14,6 @@ export function AccountSettingsTab() {
     const router = useRouter();
     const { buildPath } = useBasePath();
     const { logout } = useAuth();
-    const [emailNotifications, setEmailNotifications] = useState(true);
-    const [orderUpdates, setOrderUpdates] = useState(true);
-    const [promotionalEmails, setPromotionalEmails] = useState(false);
     const [showDeleteModal, setShowDeleteModal] = useState(false);
     const [isDeleting, setIsDeleting] = useState(false);
     const [deleteError, setDeleteError] = useState<string | null>(null);
@@ -40,53 +37,6 @@ export function AccountSettingsTab() {
 
     return (
         <div className="p-6 space-y-6">
-            {/* Account Preferences */}
-            <div className="rounded-2xl border border-slate-200 bg-white p-6">
-                <div className="flex items-center gap-2 mb-4">
-                    <Bell className="h-5 w-5 text-secondary" />
-                    <h3 className="text-lg font-semibold text-secondary">Account Preferences</h3>
-                </div>
-                <div className="space-y-4">
-                    <label className="flex items-center justify-between gap-4 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3">
-                        <div>
-                            <p className="text-sm font-medium text-secondary">Email Notifications</p>
-                            <p className="text-xs text-muted">Receive updates about your orders</p>
-                        </div>
-                        <input
-                            type="checkbox"
-                            checked={emailNotifications}
-                            onChange={(e) => setEmailNotifications(e.target.checked)}
-                            className="h-4 w-4 rounded-sm border-primary-300 text-secondary focus:ring-primary-500"
-                        />
-                    </label>
-                    <label className="flex items-center justify-between gap-4 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3">
-                        <div>
-                            <p className="text-sm font-medium text-secondary">Order Updates</p>
-                            <p className="text-xs text-muted">Get notified about shipping status</p>
-                        </div>
-                        <input
-                            type="checkbox"
-                            checked={orderUpdates}
-                            onChange={(e) => setOrderUpdates(e.target.checked)}
-                            className="h-4 w-4 rounded-sm border-primary-300 text-secondary focus:ring-primary-500"
-                        />
-                    </label>
-                    <label className="flex items-center justify-between gap-4 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3">
-                        <div>
-                            <p className="text-sm font-medium text-secondary">Promotional Emails</p>
-                            <p className="text-xs text-muted">Receive special offers and discounts</p>
-                        </div>
-                        <input
-                            type="checkbox"
-                            checked={promotionalEmails}
-                            onChange={(e) => setPromotionalEmails(e.target.checked)}
-                            className="h-4 w-4 rounded-sm border-primary-300 text-secondary focus:ring-primary-500"
-                        />
-                    </label>
-                </div>
-            </div>
-
-            {/* Security */}
             <div className="rounded-2xl border border-slate-200 bg-white p-6">
                 <div className="flex items-center gap-2 mb-4">
                     <Lock className="h-5 w-5 text-secondary" />

package/src/components/NotificationDrawer.tsx

@@ -26,14 +26,7 @@ export function NotificationDrawer() {
     const { buildPath } = useBasePath();
     const scrollContainerRef = useRef<HTMLDivElement>(null);
 
-    // Debug logging
-    console.log('NotificationDrawer render:', {
-        isDrawerOpen,
-        notificationsCount: notifications.length,
-        notifications: notifications.slice(0, 2), // First 2 for brevity
-        unreadCount,
-        isLoading,
-    });
+
 
     // Handle scroll for infinite loading
     const handleScroll = () => {
@@ -76,7 +69,7 @@ export function NotificationDrawer() {
         closeDrawer();
         router.push(buildPath('/account/notifications'));
     };
-
+console.log(notifications)
     return (
         <AnimatePresence>
             {isDrawerOpen && (

package/src/components/ProductCard.tsx

@@ -267,7 +267,7 @@ export function ProductCard({
               )}
             </div>
             {/* Rating */}
-            <div className="flex items-center gap-1.5 ">
+            <div className="flex items-center gap-1.5 my-2">
               <div className="flex items-center gap-0.5">
                 {[...Array(5)].map((_, i) => (
                   <Star
@@ -279,7 +279,7 @@ export function ProductCard({
                   />
                 ))}
               </div>
-              <span className="font-['Poppins',sans-serif] text-[10px] text-[#676c80] mt-4">
+              <span className="font-['Poppins',sans-serif] text-[10px] text-[#676c80] ">
                 ({product.summary?.reviewCount || 0})
               </span>
             </div>
@@ -370,7 +370,7 @@ export function ProductCard({
               }
             }}
             disabled={isAddingToCart || (variantImages.length > 0 && !selectedVariantId) || displayInventoryCount === 0}
-            className="w-full font-['Poppins',sans-serif] font-medium text-[11px] px-3 py-2 rounded-full bg-[#5B9BD5] text-white hover:bg-[#4a8ac4] hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-1.5 disabled:opacity-50 disabled:cursor-not-allowed"
+            className="w-full font-['Poppins',sans-serif] font-medium text-[11px] px-3 py-2 rounded-full bg-[#5B9BD5] text-white hover:bg-[#4a8ac4] hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-1.5 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer"
           >
             <ShoppingCart className="h-4 w-4" />
             {displayInventoryCount === 0 ? 'Out of Stock' : 'Add to Cart'}

package/src/components/TabNavigation.tsx

@@ -28,7 +28,7 @@ export function TabNavigation({ tabs, activeTab, onTabChange }: TabNavigationPro
                             key={tab.id}
                             onClick={() => onTabChange(tab.id)}
                             className={`
-                flex items-center gap-2 px-6 py-3 text-sm font-medium whitespace-nowrap
+                flex items-center gap-2 px-6 py-3 mt-2 text-sm font-medium whitespace-nowrap
                 border-b-2 transition-colors
                 ${isActive
                                     ? 'bg-secondary text-white rounded-xl hover:transition-all hover:duration-300 hover:ease-in-out hover:-translate-y-1'

package/src/components/ui/Button.tsx

@@ -23,7 +23,7 @@ export function Button({
   children,
   ...props
 }: ButtonProps) {
-  const baseStyles = 'font-medium rounded-full transition-all duration-200 inline-flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500';
+  const baseStyles = 'font-medium rounded-full transition-all duration-200 inline-flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500 hover:cursor-pointer';
   
   const variants = {
     primary: 'bg-primary-600 text-white hover:bg-primary-700 shadow-lg shadow-primary-500/30 hover:shadow-xl hover:shadow-primary-500/40',

package/src/index.ts

@@ -28,6 +28,9 @@ export { default as NewAddressScreen } from './screens/NewAddressScreen';
 export { EditProfileScreen } from './screens/EditProfileScreen';
 export { OrderReviewsScreen } from './screens/OrderReviewsScreen';
 export { NotificationSettingsScreen } from './screens/NotificationSettingsScreen';
+export { OrderDetailScreen } from './screens/OrderDetailScreen';
+export { ChangePasswordScreen } from './screens/ChangePasswordScreen';
+
 
 // Components
 export { Header } from './components/Header';

package/src/providers/NotificationCenterProvider.tsx

@@ -100,14 +100,6 @@ export function NotificationCenterProvider({ children }: NotificationCenterProvi
         setIsLoading(true);
         try {
             const response = await notificationsApi.current.getNotifications(pageNum, 20, false);
-            console.log('Raw API response:', {
-                fullResponse: response,
-                data: response.data,
-                dataType: typeof response.data,
-                isArray: Array.isArray(response.data),
-                keys: (response.data as any) ? Object.keys(response.data as any) : [],
-            });
-
             const data = response.data as any;
             let rawNotifications = [];
 
@@ -131,14 +123,6 @@ export function NotificationCenterProvider({ children }: NotificationCenterProvi
                 data: n.data,
             }));
 
-            console.log('Fetched and mapped notifications:', {
-                pageNum,
-                append,
-                rawCount: rawNotifications.length,
-                mappedCount: newNotifications.length,
-                firstNotification: newNotifications[0],
-            });
-
             if (append) {
                 setNotifications(prev => [...prev, ...newNotifications]);
             } else {
@@ -161,8 +145,6 @@ export function NotificationCenterProvider({ children }: NotificationCenterProvi
         setIsLoading(true);
         try {
             const response = await notificationsApi.current.getSettings();
-            console.log('Settings API response raw:', response);
-
             const rawData = response.data as any;
 
             // Handle different API response structures robustly
@@ -215,8 +197,6 @@ export function NotificationCenterProvider({ children }: NotificationCenterProvi
                     finalSettings = rawData;
                 }
             }
-
-            console.log('Parsed settings:', finalSettings);
             setSettings(finalSettings);
         } catch (error) {
             console.error('Failed to fetch settings:', error);
@@ -236,12 +216,15 @@ export function NotificationCenterProvider({ children }: NotificationCenterProvi
             return;
         }
 
-        const token = getAuthToken();
-        if (!token) return;
-
         try {
             const config = getCurrentConfig();
-            const sseUrl = `${config.apiBaseUrl}/notifications/stream?token=${encodeURIComponent(token)}`;
+            const token = getAuthToken();
+
+            if (!token) return;
+
+            // Ensure no double slashes in URL
+            const baseUrl = config.apiBaseUrl.endsWith('/') ? config.apiBaseUrl.slice(0, -1) : config.apiBaseUrl;
+            const sseUrl = `${baseUrl}/notifications/stream?token=${encodeURIComponent(token)}`;
 
             const eventSource = new EventSource(sseUrl);
             eventSourceRef.current = eventSource;
@@ -402,14 +385,15 @@ export function NotificationCenterProvider({ children }: NotificationCenterProvi
                 }))
             };
 
-            console.log('Updating settings with payload:', payload);
             await notificationsApi.current.updateSettings(payload);
-            setSettings(newSettings);
+
+            // Refetch settings to ensure we have the server-persisted state
+            await fetchSettings();
         } catch (error) {
             console.error('Failed to update settings:', error);
             throw error;
         }
-    }, []);
+    }, [fetchSettings]);
 
     const value: NotificationCenterContextValue = {
         notifications,