hey-pharmacist-ecommerce 1.1.41 → 1.1.43

package/src/components/NotificationBell.tsx

@@ -26,8 +26,8 @@ export function NotificationBell() {
                 onClick={handleToggle}
                 onMouseDown={(e) => e.stopPropagation()}
                 className={`relative p-2.5 rounded-xl transition-all duration-300 group flex items-center justify-center ${isDrawerOpen
-                    ? 'bg-primary-50 text-primary-600'
-                    : 'hover:bg-gradient-to-br hover:from-primary-50 hover:to-primary-100/50 text-gray-700'
+                    ? 'bg-hprimary-50 text-hprimary-600'
+                    : 'hover:bg-gradient-to-br hover:from-hprimary-50 hover:to-hprimary-100/50 text-gray-700'
                     }`}
                 aria-label="Notifications"
                 whileHover={isDrawerOpen ? {} : { scale: 1.05 }}
@@ -35,7 +35,7 @@ export function NotificationBell() {
             >
                 {/* Bell Icon */}
                 <Bell
-                    className={`w-6 h-6 transition-colors duration-300 ${isDrawerOpen ? 'text-primary-600 bg-gray-100 rounded-lg p-2 w-10 h-10 transition-all duration-300' : 'group-hover:text-primary-600'
+                    className={`w-6 h-6 transition-colors duration-300 ${isDrawerOpen ? 'text-hprimary-600 bg-gray-100 rounded-lg p-2 w-10 h-10 transition-all duration-300' : 'group-hover:text-hprimary-600'
                         }`}
                     strokeWidth={2}
                 />

package/src/components/NotificationDrawer.tsx

@@ -167,7 +167,7 @@ export function NotificationDrawer() {
                                     {/* Loading indicator */}
                                     {isLoading && (
                                         <div className="flex justify-center py-4">
-                                            <div className="w-6 h-6 border-2 border-primary-600 border-t-transparent rounded-full animate-spin" />
+                                            <div className="w-6 h-6 border-2 border-hprimary-600 border-t-transparent rounded-full animate-spin" />
                                         </div>
                                     )}
 

package/src/components/NotificationModal.tsx

@@ -124,7 +124,7 @@ export function NotificationModal() {
                         {/* Elegant arrow pointer connecting to the bell */}
                         <div className="absolute -top-1 right-5 w-3 h-3 bg-white border-l border-t border-gray-100 transform rotate-45 z-10" />
                         {/* Header */}
-                        <div className="flex items-center justify-between px-4 py-3 border-b bg-gradient-to-r from-primary-50 to-white">
+                        <div className="flex items-center justify-between px-4 py-3 border-b bg-gradient-to-r from-hprimary-50 to-white">
                             <div className="flex items-center gap-2">
                                 <h2
                                     id="notification-title"

package/src/components/OrderCard.tsx

@@ -81,7 +81,7 @@ export function OrderCard({ order, onDelete }: OrderCardProps) {
         {/* Header - Compact */}
         <div className="flex items-center justify-between mb-4 pb-4 border-b border-gray-200">
           <div className="flex items-center gap-3">
-            <h3 className="text-base font-bold text-slate-900 group-hover:text-primary transition-colors">
+            <h3 className="text-base font-bold text-slate-900 group-hover:text-hprimary transition-colors">
               Order #{(order._id || order.id || '').slice(-8).toUpperCase()}
             </h3>
             <Badge variant={config as any}>{config}</Badge>
@@ -168,7 +168,7 @@ export function OrderCard({ order, onDelete }: OrderCardProps) {
                   e.stopPropagation();
                   window.open(order?.payment?.hostedInvoiceUrl || '', '_blank');
                 }}
-                className="inline-flex items-center gap-2 rounded-full border-2 border-primary-500 bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 text-sm transition-colors"
+                className="inline-flex items-center gap-2 rounded-full border-2 border-hprimary-500 bg-hprimary-500 hover:bg-hprimary-600 text-white px-4 py-2 text-sm transition-colors"
                 onPointerDown={(e) => e.stopPropagation()}
               >
                 <CreditCard className="w-4 h-4" />

package/src/components/ProductCard.tsx

@@ -180,7 +180,7 @@ export function ProductCard({
   return (
     <>
       <motion.div
-        className="bg-white rounded-[16px] overflow-hidden border-2 border-gray-100 hover:border-secondary hover:shadow-lg transition-all duration-300 group h-full flex flex-col"
+        className="bg-white rounded-[16px] overflow-hidden border-2 border-gray-100 hover:border-hsecondary hover:shadow-lg transition-all duration-300 group h-full flex flex-col"
         whileHover={{ y: -4 }}
         onMouseEnter={() => setIsHovered(true)}
         onMouseLeave={() => setIsHovered(false)}
@@ -218,7 +218,7 @@ export function ProductCard({
           {displayInventoryCount === 0 && (
             <div className="absolute inset-0 bg-black/50 backdrop-blur-xs flex items-center justify-center">
               <div className="bg-white rounded-full px-4 py-2">
-                <span className="font-['Poppins',sans-serif] font-bold text-[11px] text-[#2B4B7C] uppercase">
+                <span className="font-bold text-[11px] text-[#2B4B7C] uppercase">
                   Out of Stock
                 </span>
               </div>
@@ -233,23 +233,23 @@ export function ProductCard({
             <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="font-['Poppins',sans-serif] font-bold text-[8px] uppercase">-{displayDiscountAmount}%</span>
+                  <span className="font-bold text-[8px] uppercase">-{displayDiscountAmount}%</span>
                 </span>
               )}
 
             </div>
             <div className="mb-1">
-              <p className="font-['Poppins',sans-serif] text-xs text-secondary uppercase tracking-wide font-medium">
+              <p className="text-xs text-hsecondary uppercase tracking-wide font-medium">
                 {product.brand}
               </p>
             </div>
 
             <div className="h-[40px] mb-3">
-              <h3 className="text-sm font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] line-clamp-2">
+              <h3 className="text-sm font-semibold text-[#2B4B7C] line-clamp-2">
                 {product.name}
               </h3>
               {selectedVariant && (
-                <p className="text-xs font-['Poppins',sans-serif] text-[#676c80]">
+                <p className="text-xs text-[#676c80]">
                   {selectedVariant.name}
                 </p>
               )}
@@ -261,24 +261,24 @@ export function ProductCard({
                   <Star
                     key={i}
                     className={`size-4 ${i < Math.floor(product.summary?.averageRating || 0)
-                      ? 'text-[#E67E50] fill-[#E67E50]'
+                      ? 'text-hsecondary fill-hsecondary-500'
                       : 'text-gray-300'
                       }`}
                   />
                 ))}
               </div>
-              <span className="font-['Poppins',sans-serif] text-[10px] text-[#676c80] ">
+              <span className="text-[10px] text-[#676c80] ">
                 ({product.summary?.reviewCount || 0})
               </span>
             </div>
 
             {/* Price */}
             <div className="flex items-center gap-1.5 mb-3">
-              <span className="font-['Poppins',sans-serif] font-bold text-md text-primary-600">
+              <span className="font-bold text-md text-hprimary-600">
                 ${displayFinalPrice.toFixed(2)}
               </span>
               {displayIsDiscounted && (
-                <span className="font-['Poppins',sans-serif] text-sm text-[#676c80] line-through">
+                <span className="text-sm text-[#676c80] line-through">
                   ${displayPriceBeforeDiscount.toFixed(2)}
                 </span>
               )}
@@ -304,8 +304,8 @@ export function ProductCard({
                       setIsImageLoaded(false);
                     }}
                     className={`relative w-8 h-8 rounded-full overflow-hidden border-2 transition-all ${selectedVariantId === variant.variantId
-                      ? 'border-primary-500 ring-2 ring-primary-200'
-                      : 'border-gray-200 hover:border-primary-300'
+                      ? 'border-hprimary-500 ring-2 ring-hprimary-200'
+                      : 'border-gray-200 hover:border-hprimary-300'
                       }`}
                     aria-label={`Select ${variant.variantName || 'variant'}`}
                   >
@@ -358,7 +358,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-secondary text-white hover:bg-secondary/80 hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-1.5 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer"
+            className="w-full font-medium text-[11px] px-3 py-2 rounded-full bg-hsecondary text-white hover:bg-hsecondary/80 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/QuickViewModal.tsx

@@ -74,10 +74,10 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
           {/* Header */}
           <div className="flex items-start justify-between mb-6">
             <div>
-              <p className="font-['Poppins',sans-serif] text-[11px] text-primary uppercase tracking-wide font-medium mb-2">
+              <p className="text-[11px] text-hprimary uppercase tracking-wide font-medium mb-2">
                 {product.brand}
               </p>
-              <h2 className="font-['Poppins',sans-serif] font-semibold text-secondary tracking-[-1px]">
+              <h2 className="font-semibold text-hsecondary tracking-[-1px]">
                 {displayName}
               </h2>
 
@@ -88,13 +88,13 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                     <Star
                       key={i}
                       className={`size-4 ${i < Math.floor(product.summary?.averageRating || 0)
-                        ? 'text-accent fill-accent'
+                        ? 'text-haccent fill-accent'
                         : 'text-gray-300'
                         }`}
                     />
                   ))}
                 </div>
-                <span className="font-['Poppins',sans-serif] text-[13px] text-muted">
+                <span className="text-[13px] text-hmuted">
                   {product.summary?.averageRating || 0} ({product.summary?.reviewCount || 0} reviews)
                 </span>
               </div>
@@ -103,7 +103,7 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
               onClick={onClose}
               className="p-2 hover:bg-gray-100 rounded-full transition-colors"
             >
-              <X className="size-6 text-muted" />
+              <X className="size-6 text-hmuted" />
             </button>
           </div>
 
@@ -119,15 +119,15 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                 {/* Badges */}
                 <div className="absolute top-4 left-4 flex flex-col gap-2">
                   {isDiscounted && (
-                    <div className="bg-accent text-white rounded-full px-3 py-1.5">
-                      <span className="font-['Poppins',sans-serif] font-bold text-[11px] uppercase">
+                    <div className="bg-haccent text-white rounded-full px-3 py-1.5">
+                      <span className="font-bold text-[11px] uppercase">
                         -{discountAmount}%
                       </span>
                     </div>
                   )}
                   {/* {product.bestseller && (
-                    <div className="bg-secondary text-white rounded-full px-3 py-1.5">
-                      <span className="font-['Poppins',sans-serif] font-semibold text-[10px] uppercase">
+                    <div className="bg-hsecondary text-white rounded-full px-3 py-1.5">
+                      <span className="font-semibold text-[10px] uppercase">
                         Bestseller
                       </span>
                     </div>
@@ -141,7 +141,7 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                   {selectedVariant.media.map((image: any, index: any) => (
                     <div
                       key={index}
-                      className={`aspect-square rounded-xl overflow-hidden cursor-pointer transition-opacity ${selectedImageIndex === index ? 'ring-2 ring-primary' : 'bg-gray-50 hover:opacity-75'}`}
+                      className={`aspect-square rounded-xl overflow-hidden cursor-pointer transition-opacity ${selectedImageIndex === index ? 'ring-2 ring-hprimary' : 'bg-gray-50 hover:opacity-75'}`}
                       onClick={() => setSelectedImageIndex(index)}
                     >
                       <img
@@ -159,11 +159,11 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
             <div className="flex flex-col">
               {/* Price */}
               <div className="flex items-center gap-3 mb-4">
-                <span className="font-['Poppins',sans-serif] font-bold text-[32px] text-accent">
+                <span className="font-bold text-[32px] text-haccent">
                   ${displayPrice.toFixed(2)}
                 </span>
                 {isDiscounted && (
-                  <span className="font-['Poppins',sans-serif] text-[20px] text-muted line-through">
+                  <span className="text-[20px] text-hmuted line-through">
                     ${displayOriginalPrice.toFixed(2)}
                   </span>
                 )}
@@ -172,16 +172,16 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
               {/* Stock Status */}
               <div className="mb-6">
                 {selectedVariant.inventoryCount === 0 ? (
-                  <span className="font-['Poppins',sans-serif] text-[12px] text-red-500 font-medium">
+                  <span className="text-[12px] text-red-500 font-medium">
                     Out of Stock
                   </span>
                 ) : selectedVariant.inventoryCount <= 10 ? (
-                  <span className="font-['Poppins',sans-serif] text-[12px] text-primary font-medium flex items-center gap-1">
+                  <span className="text-[12px] text-hprimary font-medium flex items-center gap-1">
                     <Package className="size-3" />
                     Only {selectedVariant.inventoryCount} left in stock
                   </span>
                 ) : (
-                  <span className="font-['Poppins',sans-serif] text-[12px] text-green-600 font-medium flex items-center gap-1">
+                  <span className="text-[12px] text-green-600 font-medium flex items-center gap-1">
                     <Package className="size-3" />
                     In Stock
                   </span>
@@ -190,14 +190,14 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
 
               {/* Description */}
               <div
-                className="font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.7] mb-6 max-w-full overflow-hidden break-words"
+                className="text-[14px] text-hmuted leading-[1.7] mb-6 max-w-full overflow-hidden break-words"
                 dangerouslySetInnerHTML={{ __html: product.description }}
               />
 
               {/* Color Selection */}
               <div className="mb-6">
-                <h3 className="font-['Poppins',sans-serif] font-semibold text-[13px] text-secondary mb-3">
-                  Selected Variant: <span className="font-normal text-muted">{product.variants[selectedVariantIndex].name}</span>
+                <h3 className="font-semibold text-[13px] text-hsecondary mb-3">
+                  Selected Variant: <span className="font-normal text-hmuted">{product.variants[selectedVariantIndex].name}</span>
                 </h3>
                 <div className="flex flex-wrap gap-3">
                   {product.variants.map((variant: any, index: any) => (
@@ -209,8 +209,8 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                         setSelectedImageIndex(0); // Reset selected image index when variant changes
                       }}
                       className={`size-10 rounded-full border-2 transition-all ${selectedVariantIndex === index
-                        ? 'border-primary scale-110'
-                        : 'border-gray-200 hover:border-primary-50'
+                        ? 'border-hprimary scale-110'
+                        : 'border-gray-200 hover:border-hprimary-50'
                         }`}
                       style={{ backgroundColor: variant.colorHex }}
                       title={variant.color}
@@ -231,8 +231,8 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                 <ul className="space-y-2">
                   {product.tags.slice(0, 3).map((feature: any, index: any) => (
                     <li key={index} className="flex items-start gap-2">
-                      <Check className="size-4 text-primary shrink-0 mt-0.5" />
-                      <span className="font-['Poppins',sans-serif] text-[12px] text-muted">
+                      <Check className="size-4 text-hprimary shrink-0 mt-0.5" />
+                      <span className="text-[12px] text-hmuted">
                         {feature}
                       </span>
                     </li>
@@ -242,7 +242,7 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
 
               {/* Quantity Selector */}
               <div className="mb-6">
-                <h3 className="font-['Poppins',sans-serif] font-semibold text-[13px] text-secondary mb-3">
+                <h3 className="font-semibold text-[13px] text-hsecondary mb-3">
                   Quantity
                 </h3>
                 <div className="flex items-center gap-4">
@@ -251,7 +251,7 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                     disabled={quantity <= 1}
                     className="p-2 rounded-full border border-gray-200 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
                   >
-                    <Minus className="size-4 text-secondary" />
+                    <Minus className="size-4 text-hsecondary" />
                   </button>
                   <span className="w-8 text-center font-medium">{quantity}</span>
                   <button
@@ -259,7 +259,7 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                     disabled={quantity >= (selectedVariant.inventoryCount || 10)}
                     className="p-2 rounded-full border border-gray-200 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
                   >
-                    <Plus className="size-4 text-secondary" />
+                    <Plus className="size-4 text-hsecondary" />
                   </button>
                 </div>
               </div>
@@ -269,9 +269,9 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                 <button
                   onClick={handleAddToCart}
                   disabled={addedToCart || selectedVariant.inventoryCount === 0}
-                  className={`w-full font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-4 rounded-full transition-all duration-300 flex items-center justify-center gap-3 ${addedToCart
+                  className={`w-full font-medium text-[14px] px-6 py-4 rounded-full transition-all duration-300 flex items-center justify-center gap-3 ${addedToCart
                     ? 'bg-green-500 text-white'
-                    : 'bg-accent text-white hover:bg-[#d66f45] hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed'
+                    : 'bg-haccent text-white hover:bg-[#d66f45] hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed'
                     }`}
                 >
                   {isAddingToCart ? (
@@ -301,7 +301,7 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                       onClose();
                       // onNavigateToProduct?.(product._id || product.id);
                     }}
-                    className="w-full font-['Poppins',sans-serif] font-medium text-[13px] px-6 py-3 rounded-full bg-white text-secondary border-2 border-primary hover:bg-gray-50 transition-all flex items-center justify-center gap-2"
+                    className="w-full font-medium text-[13px] px-6 py-3 rounded-full bg-white text-hsecondary border-2 border-hprimary hover:bg-gray-50 transition-all flex items-center justify-center gap-2"
                   >
                     View Full Details
                     <ExternalLink className="size-4" />

package/src/components/ReviewCard.tsx

@@ -16,11 +16,11 @@ export function ReviewCard({ review, showProductInfo = false }: ReviewCardProps)
   const replyDate = review.replyDate ? new Date(review.replyDate) : null;
 
   return (
-    <div className="border border-gray-200 rounded-lg p-4 bg-white">
+    <div className="border border-gray-200 rounded-lg p-4 bg-hprimary-50">
       <div className="flex items-start justify-between mb-3">
         <div className="flex items-center gap-3">
-          <div className="w-10 h-10 bg-secondary/10 rounded-full flex items-center justify-center">
-            <User className="size-5 text-secondary" />
+          <div className="w-10 h-10 bg-hsecondary/10 rounded-full flex items-center justify-center">
+            <User className="size-5 text-hsecondary" />
           </div>
           <div>
             <p className="font-medium text-gray-900">Customer Review</p>
@@ -33,7 +33,7 @@ export function ReviewCard({ review, showProductInfo = false }: ReviewCardProps)
       </div>
 
       {review.reviewType && (
-        <span className="inline-block px-2 py-1 text-xs bg-gray-100 text-gray-600 rounded mb-2">
+        <span className="inline-block px-2 py-1 text-xs bg-hprimary-100 text-gray-600 rounded mb-2">
           {review.reviewType}
         </span>
       )}
@@ -41,9 +41,9 @@ export function ReviewCard({ review, showProductInfo = false }: ReviewCardProps)
       <p className="text-gray-700 text-sm leading-relaxed mb-3">{review.review}</p>
 
       {review.reply && (
-        <div className="mt-4 pl-4 border-l-2 border-secondary bg-gray-50 p-3 rounded">
+        <div className="mt-4 pl-4 border-l-2 border-hsecondary bg-gray-50 p-3 rounded">
           <div className="flex items-center gap-2 mb-2">
-            <MessageCircle className="size-4 text-secondary" />
+            <MessageCircle className="size-4 text-hsecondary" />
             <p className="text-xs font-medium text-gray-900">Store Response</p>
             {replyDate && (
               <p className="text-xs text-gray-500">

package/src/components/TabNavigation.tsx

@@ -31,8 +31,8 @@ export function TabNavigation({ tabs, activeTab, onTabChange }: TabNavigationPro
                 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'
-                                    : 'bg-white text-muted rounded-xl hover:text-secondary hover:transition-all hover:duration-150 hover:ease-in-out hover:-translate-y-1'
+                                    ? 'bg-hsecondary text-white rounded-xl hover:transition-all hover:duration-300 hover:ease-in-out hover:-translate-y-1'
+                                    : 'bg-white text-hmuted rounded-xl hover:text-hsecondary hover:transition-all hover:duration-150 hover:ease-in-out hover:-translate-y-1'
                                 }
               `}
                             aria-current={isActive ? 'page' : undefined}

package/src/components/ui/Badge.tsx

@@ -9,8 +9,8 @@ interface BadgeProps {
 
 export function Badge({ children, variant = 'primary', size = 'md', className = '' }: BadgeProps) {
   const variants = {
-    primary: 'bg-primary-100 text-primary-700 border-primary-200',
-    secondary: 'bg-secondary-100 text-secondary-700 border-secondary-200',
+    primary: 'bg-hprimary-100 text-hprimary-700 border-hprimary-200',
+    secondary: 'bg-hsecondary-100 text-hsecondary-700 border-hsecondary-200',
     success: 'bg-green-100 text-green-700 border-green-200',
     warning: 'bg-yellow-100 text-yellow-700 border-yellow-200',
     danger: 'bg-red-100 text-red-700 border-red-200',

package/src/components/ui/Button.tsx

@@ -23,12 +23,12 @@ 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 hover:cursor-pointer';
+  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-hprimary-500 hover:cursor-pointer';
   
   const variants = {
     primary: 'bg-[#0E172B] text-white hover:bg-[#0E172B]/80 shadow-lg shadow-[#0E172B]/30 hover:shadow-xl hover:shadow-[#0E172B]/40',
-    secondary: 'bg-secondary-600 text-white hover:bg-secondary-700 shadow-lg shadow-secondary-500/30 hover:shadow-xl hover:shadow-secondary-500/40',
-    'outline-solid': 'border-2 border-primary-600 text-primary-600 hover:bg-primary-50',
+    secondary: 'bg-hsecondary-600 text-white hover:bg-hsecondary-700 shadow-lg shadow-secondary-500/30 hover:shadow-xl hover:shadow-secondary-500/40',
+    'outline-solid': 'border-2 border-hprimary-600 text-hprimary-600 hover:bg-hprimary-50',
     ghost: 'text-gray-700 hover:bg-gray-100',
   };
   

package/src/components/ui/ConfirmModal.tsx

@@ -42,7 +42,7 @@ export function ConfirmModal({
             button: 'primary' as const,
         },
         info: {
-            icon: 'text-secondary bg-blue-100',
+            icon: 'text-hsecondary bg-blue-100',
             button: 'primary' as const,
         },
     };
@@ -58,10 +58,10 @@ export function ConfirmModal({
                 </div>
 
                 {/* Title */}
-                <h3 className="text-xl font-semibold text-secondary mb-2">{title}</h3>
+                <h3 className="text-xl font-semibold text-hsecondary mb-2">{title}</h3>
 
                 {/* Message */}
-                <p className="text-muted mb-6">{message}</p>
+                <p className="text-hmuted mb-6">{message}</p>
 
                 {/* Actions */}
                 <div className="flex gap-3 w-full justify-center">

package/src/components/ui/Input.tsx

@@ -21,7 +21,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
             w-full px-4 py-3 rounded-lg border-2 transition-all duration-200
             ${error 
               ? 'border-red-500 focus:border-red-600 focus:ring-red-500/20' 
-              : 'border-gray-200 focus:border-primary-500 focus:ring-primary-500/20'
+              : 'border-gray-200 focus:border-hprimary-500 focus:ring-hprimary-500/20'
             }
             focus:outline-hidden focus:ring-4
             placeholder:text-gray-400

package/src/lib/Apis/api.ts

@@ -21,7 +21,6 @@ export * from './apis/events-api';
 export * from './apis/file-proccesor-api';
 export * from './apis/health-api';
 export * from './apis/images-api';
-export * from './apis/marketing-api';
 export * from './apis/notifications-api';
 export * from './apis/orders-api';
 export * from './apis/payments-api';

package/src/lib/Apis/models/group-with-no-users-dto.ts

@@ -54,12 +54,6 @@ export interface GroupWithNoUsersDto {
      * @memberof GroupWithNoUsersDto
      */
     storeId: string;
-    /**
-     * 
-     * @type {number}
-     * @memberof GroupWithNoUsersDto
-     */
-    mailJetListId: number;
     /**
      * 
      * @type {number}

package/src/lib/Apis/models/group-with-users-dto.ts

@@ -55,12 +55,6 @@ export interface GroupWithUsersDto {
      * @memberof GroupWithUsersDto
      */
     storeId?: string;
-    /**
-     * 
-     * @type {number}
-     * @memberof GroupWithUsersDto
-     */
-    mailJetListId?: number;
     /**
      * 
      * @type {number}

package/src/lib/Apis/models/index.ts

@@ -1,4 +1,3 @@
-export * from './add-contact-to-list-dto';
 export * from './address';
 export * from './address-created-request';
 export * from './allow-user-credit-dto';
@@ -7,17 +6,9 @@ export * from './appointment';
 export * from './available-dates-dto';
 export * from './available-suggested-dates-dto';
 export * from './blog';
-export * from './browser-stats-response-dto';
 export * from './bulk-channel-toggle-dto';
 export * from './bulk-move-subcategories-dto';
 export * from './bulk-unassign-subcategories-dto';
-export * from './campaign-content-response-dto';
-export * from './campaign-draft-dto';
-export * from './campaign-draft-response-dto';
-export * from './campaign-draft-schedule-dto';
-export * from './campaign-draft-schedule-response-dto';
-export * from './campaign-draft-sending-dto';
-export * from './campaign-draft-sending-response-dto';
 export * from './cart-body-dto';
 export * from './cart-body-populated';
 export * from './cart-item';
@@ -33,22 +24,12 @@ export * from './change-password-dto';
 export * from './change-user-email-dto';
 export * from './channel-settings-dto';
 export * from './completed-order-dto';
-export * from './contact-aggregated-stats-response-dto';
-export * from './contact-full-dto';
-export * from './contact-full-response-dto';
-export * from './contact-list-stats-response-dto';
-export * from './contact-lists-response-dto';
 export * from './contact-us';
-export * from './country-stats-response-dto';
 export * from './create-address-dto';
 export * from './create-blog-dto';
 export * from './create-category-dto';
-export * from './create-contact-dto';
-export * from './create-contact-list-dto';
 export * from './create-discount-dto';
-export * from './create-email-template-dto';
 export * from './create-event-dto';
-export * from './create-marketing-campaign-dto';
 export * from './create-message-dto';
 export * from './create-product-dto';
 export * from './create-review-dto';
@@ -66,24 +47,19 @@ export * from './delete-many-files-dto';
 export * from './discount';
 export * from './discounts-insights-dto';
 export * from './email-invoice-dto';
-export * from './email-template-response-dto';
 export * from './event';
 export * from './fileproccesor-upload-body';
 export * from './forget-password';
-export * from './general-stats-response-dto';
 export * from './generate-day-slots-dto';
 export * from './generate-month-slots-dto';
 export * from './generate-week-slots-dto';
 export * from './group-with-no-users-dto';
 export * from './group-with-users-dto';
 export * from './images-upload-body';
-export * from './link-stats-response-dto';
 export * from './login-dto';
 export * from './manual-discount-dto';
 export * from './manual-order-dto';
 export * from './manual-shipping-dto';
-export * from './marketing-campaign-content-dto';
-export * from './marketing-list-contact-dto';
 export * from './move-subcategory-dto';
 export * from './new-client-email-dto';
 export * from './object-id';
@@ -120,23 +96,14 @@ export * from './review';
 export * from './review-status-dto';
 export * from './reviewable-order-dto';
 export * from './reviewable-product-dto';
-export * from './schedule-campaign-draft-dto';
 export * from './schedule-tour-email-dto';
-export * from './send-test-email-dto';
 export * from './shipment';
 export * from './shipment-details-dto';
 export * from './shipment-status-dto';
 export * from './shipment-with-order';
 export * from './shipping-info';
 export * from './shippo-account-response-dto';
-export * from './single-browser-stats-dto';
-export * from './single-contact-aggregated-stats-dto';
-export * from './single-contact-list-stats-dto';
-export * from './single-country-stats-dto';
-export * from './single-general-stats';
-export * from './single-link-stats-dto';
 export * from './single-product-media';
-export * from './single-recipient-dto';
 export * from './store';
 export * from './store-api-keys-response-dto';
 export * from './store-capabilities-dto';
@@ -155,13 +122,11 @@ export * from './transfere-patients-request-dto';
 export * from './update-address-dto';
 export * from './update-api-keys-dto';
 export * from './update-blog-dto';
-export * from './update-campaign-draft-content-dto';
 export * from './update-category-dto';
 export * from './update-discount-dto';
 export * from './update-event-dto';
 export * from './update-items-order-dto';
 export * from './update-manual-shipment-status-dto';
-export * from './update-marketing-camp-draft-dto';
 export * from './update-message-dto';
 export * from './update-notification-settings-dto';
 export * from './update-product-dto';

package/src/lib/Apis/models/order.ts

@@ -134,12 +134,6 @@ export interface Order {
      * @memberof Order
      */
     storeId: string;
-    /**
-     * 
-     * @type {string}
-     * @memberof Order
-     */
-    stringId: string;
     /**
      * 
      * @type {Array<OrderTimeLineDTO>}

package/src/lib/Apis/models/populated-order.ts

@@ -123,12 +123,6 @@ export interface PopulatedOrder {
      * @memberof PopulatedOrder
      */
     storeId?: string;
-    /**
-     * 
-     * @type {string}
-     * @memberof PopulatedOrder
-     */
-    stringId?: string;
     /**
      * 
      * @type {Array<OrderTimeLineDTO>}

package/src/lib/Apis/models/preference-update-item.ts

@@ -43,6 +43,7 @@ export enum PreferenceUpdateItemTypeEnum {
     ORDERSHIPPED = 'ORDER_SHIPPED',
     ORDERDELIVERED = 'ORDER_DELIVERED',
     REFUNDPROCESSED = 'REFUND_PROCESSED',
+    REVIEWREPLY = 'REVIEW_REPLY',
     ABANDONEDCARTREMINDER = 'ABANDONED_CART_REMINDER',
     PRICEDROPALERT = 'PRICE_DROP_ALERT',
     BACKINSTOCK = 'BACK_IN_STOCK',