hey-pharmacist-ecommerce 1.1.43 → 1.1.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hey-pharmacist-ecommerce",
-  "version": "1.1.43",
+  "version": "1.1.44",
   "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/AccountReviewsTab.tsx

@@ -31,7 +31,7 @@ export function AccountReviewsTab() {
           <p className="text-red-600 mb-4">Failed to load reviews</p>
           <button
             onClick={() => window.location.reload()}
-            className="text-[#E67E50] hover:underline text-sm"
+            className="text-haccent-500 hover:underline text-sm"
           >
             Try again
           </button>
@@ -44,8 +44,8 @@ export function AccountReviewsTab() {
     return (
       <div className="p-6">
         <div className="text-center py-12">
-          <div className="size-16 rounded-full bg-[#E67E50]/10 flex items-center justify-center mx-auto mb-4">
-            <Star className="size-8 text-[#E67E50]" />
+          <div className="size-16 rounded-full bg-haccent-500/10 flex items-center justify-center mx-auto mb-4">
+            <Star className="size-8 text-haccent-500" />
           </div>
           <h3 className="text-lg font-semibold text-gray-900 mb-2">
             No reviews yet
@@ -55,7 +55,7 @@ export function AccountReviewsTab() {
           </p>
           <button
             onClick={() => router.push(buildPath('/reviews'))}
-            className="inline-flex items-center gap-2 px-6 py-3 bg-[#E67E50] text-white rounded-lg font-medium hover:bg-[#d66f40] transition-colors"
+            className="inline-flex items-center gap-2 px-6 py-3 bg-haccent-500 text-white rounded-lg font-medium hover:bg-[#d66f40] transition-colors"
           >
             <Star className="size-4" />
             Write Your First Review

package/src/components/Header.tsx

@@ -176,7 +176,7 @@ export function Header() {
                       <div className="absolute right-0 top-full mt-2 w-56 rounded-lg border border-slate-200 bg-white shadow-lg z-20">
                         <div className="p-2">
                           <div className="px-3 py-2 border-b border-slate-200 mb-1">
-                            <p className="text-sm font-medium text-hsecondary truncate">
+                            <p className="text-sm font-medium text-hprimary-900 truncate">
                               {user?.firstname} {user?.lastname}
                             </p>
                             <p className="text-xs text-slate-500 truncate">{user?.email}</p>

package/src/components/OrderCard.tsx

@@ -179,7 +179,7 @@ export function OrderCard({ order, onDelete }: OrderCardProps) {
           {isCompletedOrder && (
             <button
               onClick={handleReviewClick}
-              className="inline-flex items-center gap-2 rounded-lg border border-[#E67E50] bg-white hover:bg-[#E67E50]/5 text-[#E67E50] px-4 py-2 text-sm transition-colors"
+              className="inline-flex items-center gap-2 rounded-lg border border-haccent-500 bg-white hover:bg-haccent-500/5 text-haccent-500 px-4 py-2 text-sm transition-colors"
               onPointerDown={(e) => e.stopPropagation()}
             >
               <Star className="w-4 h-4" />

package/src/components/ProductCard.tsx

@@ -232,7 +232,7 @@ export function ProductCard({
             {/* ALL Status Badges */}
             <div className="flex items-center gap-1 mb-2 flex-wrap">
               {displayIsDiscounted && (
-                <span className="bg-[#E67E50] text-white rounded-full px-2 py-0.5 flex items-center gap-1">
+                <span className="bg-haccent-500 text-white rounded-full px-2 py-0.5 flex items-center gap-1">
                   <span className="font-bold text-[8px] uppercase">-{displayDiscountAmount}%</span>
                 </span>
               )}

package/src/components/RatingDistribution.tsx

@@ -55,12 +55,12 @@ export function RatingDistribution({ reviews, averageRating }: RatingDistributio
               <div key={rating} className="flex items-center gap-3">
                 <div className="flex items-center gap-1 w-16">
                   <span className="text-sm font-medium text-gray-700">{rating}</span>
-                  <Star className="size-3 fill-[#E67E50] text-[#E67E50]" />
+                  <Star className="size-3 fill-haccent-500 text-haccent-500" />
                 </div>
 
                 <div className="flex-1 h-2 bg-gray-200 rounded-full overflow-hidden">
                   <div
-                    className="h-full bg-[#E67E50] transition-all duration-300"
+                    className="h-full bg-haccent-500 transition-all duration-300"
                     style={{ width: `${percentage}%` }}
                   />
                 </div>

package/src/components/ReviewForm.tsx

@@ -148,7 +148,7 @@ export function ReviewForm({
         <select
           id="reviewType"
           {...register('reviewType')}
-          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#E67E50] focus:border-transparent"
+          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-haccent-500 focus:border-transparent"
         >
           <option value="Product Review">Product Review</option>
           <option value="Quality Review">Quality Review</option>
@@ -169,7 +169,7 @@ export function ReviewForm({
           {...register('review')}
           rows={5}
           placeholder="Share your experience with this product..."
-          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#E67E50] focus:border-transparent resize-none"
+          className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-haccent-500 focus:border-transparent resize-none"
         />
         {errors.review && (
           <p className="text-red-500 text-xs mt-1">{errors.review.message}</p>
@@ -180,7 +180,7 @@ export function ReviewForm({
         <button
           type="submit"
           disabled={isLoading}
-          className="flex-1 bg-[#E67E50] text-white py-3 px-6 rounded-lg font-medium hover:bg-[#d66f40] transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
+          className="flex-1 bg-haccent-500 text-white py-3 px-6 rounded-lg font-medium hover:bg-[#d66f40] transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
         >
           {isLoading ? (
             <>

package/src/components/ReviewPromptBanner.tsx

@@ -55,11 +55,11 @@ export function ReviewPromptBanner({
   if (!isVisible) return null;
 
   return (
-    <div className="bg-gradient-to-r from-[#E67E50]/10 to-[#E67E50]/5 border border-[#E67E50]/20 rounded-lg p-4 mb-4">
+    <div className="bg-gradient-to-r from-haccent-500/10 to-haccent-500/5 border border-haccent-500/20 rounded-lg p-4 mb-4">
       <div className="flex items-start gap-4">
         <div className="flex-shrink-0">
-          <div className="size-10 rounded-full bg-[#E67E50]/20 flex items-center justify-center">
-            <Star className="size-5 text-[#E67E50]" />
+          <div className="size-10 rounded-full bg-haccent-500/20 flex items-center justify-center">
+            <Star className="size-5 text-haccent-500" />
           </div>
         </div>
 
@@ -86,7 +86,7 @@ export function ReviewPromptBanner({
 
           <button
             onClick={handleReviewClick}
-            className="mt-3 inline-flex items-center gap-2 px-4 py-2 bg-[#E67E50] text-white text-sm font-medium rounded-lg hover:bg-[#d66f40] transition-colors"
+            className="mt-3 inline-flex items-center gap-2 px-4 py-2 bg-haccent-500 text-white text-sm font-medium rounded-lg hover:bg-[#d66f40] transition-colors"
           >
             <Star className="size-4" />
             Write a Review

package/src/components/ReviewsList.tsx

@@ -79,11 +79,10 @@ export function ReviewsList({ reviews, isLoading }: ReviewsListProps) {
           <div className="flex items-center gap-2">
             <button
               onClick={() => setFilterRating('all')}
-              className={`px-3 py-1 text-sm rounded-full transition-colors ${
-                filterRating === 'all'
-                  ? 'bg-[#E67E50] text-white'
-                  : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-              }`}
+              className={`px-3 py-1 text-sm rounded-full transition-colors ${filterRating === 'all'
+                ? 'bg-haccent-500 text-white'
+                : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                }`}
             >
               All
             </button>
@@ -91,11 +90,10 @@ export function ReviewsList({ reviews, isLoading }: ReviewsListProps) {
               <button
                 key={rating}
                 onClick={() => setFilterRating(rating as FilterOption)}
-                className={`flex items-center gap-1 px-3 py-1 text-sm rounded-full transition-colors ${
-                  filterRating === rating
-                    ? 'bg-[#E67E50] text-white'
-                    : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
-                }`}
+                className={`flex items-center gap-1 px-3 py-1 text-sm rounded-full transition-colors ${filterRating === rating
+                  ? 'bg-haccent-500 text-white'
+                  : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                  }`}
               >
                 {rating}
                 <Star className="size-3 fill-current" />
@@ -109,7 +107,7 @@ export function ReviewsList({ reviews, isLoading }: ReviewsListProps) {
           <select
             value={sortBy}
             onChange={(e) => setSortBy(e.target.value as SortOption)}
-            className="px-3 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#E67E50] focus:border-transparent"
+            className="px-3 py-1 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-haccent-500 focus:border-transparent"
           >
             <option value="recent">Most Recent</option>
             <option value="oldest">Oldest First</option>

package/src/components/StarRating.tsx

@@ -72,15 +72,15 @@ export function StarRating({
                 <div className="relative">
                   <Star className={`${sizeClasses[size]} text-gray-300`} />
                   <div className="absolute inset-0 overflow-hidden" style={{ width: '50%' }}>
-                    <Star className={`${sizeClasses[size]} fill-[#E67E50] text-[#E67E50]`} />
+                    <Star className={`${sizeClasses[size]} fill-haccent-500 text-haccent-500`} />
                   </div>
                 </div>
               ) : (
                 <Star
                   className={`
                     ${sizeClasses[size]}
-                    ${isFilled ? 'fill-[#E67E50] text-[#E67E50]' : 'text-gray-300'}
-                    ${interactive && hoverRating > 0 && index < hoverRating ? 'fill-[#E67E50] text-[#E67E50]' : ''}
+                    ${isFilled ? 'fill-haccent-500 text-haccent-500' : 'text-gray-300'}
+                    ${interactive && hoverRating > 0 && index < hoverRating ? 'fill-haccent-500 text-haccent-500' : ''}
                   `}
                 />
               )}

package/src/hooks/useProducts.ts

@@ -24,7 +24,6 @@ export function useProducts(filters?: ProductFilters, page: number = 1, limit: n
     ],
     queryFn: async () => {
       const response = await new ProductsApi(AXIOS_CONFIG).getAllProducts(
-        filters?.search ?? "", // searchTerm
         filters?.maxPrice, // maxPrice
         filters?.minPrice, // minPrice
         undefined, // brandFilter

package/src/hooks/useSmartSearch.ts

@@ -0,0 +1,68 @@
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { ProductsApi, Product } from '@/lib/Apis';
+import { AXIOS_CONFIG } from '@/lib/Apis/wrapper';
+
+interface SmartSearchResult {
+    products: Product[];
+    scores: number[];
+    loading: boolean;
+    error: Error | null;
+}
+
+/**
+ * AI-powered smart search hook with typo tolerance and semantic understanding.
+ * 
+ * @param query - Natural language search query (e.g., "headache medicine", "tilenol")
+ * @param limit - Maximum number of results (default: 20)
+ * @param debounceMs - Debounce delay in milliseconds (default: 300)
+ */
+export function useSmartSearch(
+    query: string,
+    limit: number = 20,
+    debounceMs: number = 300
+): SmartSearchResult {
+    const [debouncedQuery, setDebouncedQuery] = useState(query);
+
+    // Debounce the search query
+    useEffect(() => {
+        if (!query.trim()) {
+            setDebouncedQuery('');
+            return;
+        }
+
+        const timer = setTimeout(() => {
+            setDebouncedQuery(query.trim());
+        }, debounceMs);
+
+        return () => clearTimeout(timer);
+    }, [query, debounceMs]);
+
+    const { data, isLoading, error } = useQuery({
+        queryKey: ['smartSearch', debouncedQuery, limit],
+        queryFn: async () => {
+            if (!debouncedQuery) {
+                return { products: [], scores: [] };
+            }
+
+            const api = new ProductsApi(AXIOS_CONFIG);
+            const response = await api.smartSearch(debouncedQuery, limit);
+
+            return {
+                products: response.data.products || [],
+                scores: response.data.scores || [],
+            };
+        },
+        enabled: debouncedQuery.length >= 2, // Only search with 2+ characters
+        staleTime: 1000 * 60 * 5, // Cache for 5 minutes
+    });
+
+    return {
+        products: data?.products || [],
+        scores: data?.scores || [],
+        loading: isLoading,
+        error: error as Error | null,
+    };
+}

package/src/lib/Apis/api.ts

@@ -11,6 +11,7 @@
  * https://github.com/swagger-api/swagger-codegen.git
  * Do not edit the class manually.
  */export * from './apis/addresses-api';
+export * from './apis/analytics-api';
 export * from './apis/auth-api';
 export * from './apis/blogs-api';
 export * from './apis/cart-api';