@codesinger0/shared-components 1.1.85 → 1.1.86

package/dist/components 2/products/PriceRangeSlider.jsx

@@ -1,162 +0,0 @@
-import { useState, useEffect } from 'react';
-
-const PriceRangeSlider = ({ min, max, value, onChange, className = '' }) => {
-    const [localValue, setLocalValue] = useState(value);
-
-    useEffect(() => {
-        setLocalValue(value);
-    }, [value]);
-
-    const handleMinChange = (e) => {
-        const newMin = Math.min(Number(e.target.value), localValue[1] - 1);
-        const newValue = [newMin, localValue[1]];
-        setLocalValue(newValue);
-        onChange(newValue);
-    };
-
-    const handleMaxChange = (e) => {
-        const newMax = Math.max(Number(e.target.value), localValue[0] + 1);
-        const newValue = [localValue[0], newMax];
-        setLocalValue(newValue);
-        onChange(newValue);
-    };
-
-    const percentage = (val) => ((val - min) / (max - min)) * 100;
-
-    const minPercent = percentage(localValue[0]);
-    const maxPercent = percentage(localValue[1]);
-
-    return (
-        <div className={`relative ${className}`}>
-            <div className="relative h-6 mb-4">
-                {/* Track */}
-                <div className="absolute top-1/2 w-full h-2 bg-gray-200 rounded transform -translate-y-1/2"></div>
-
-                {/* Active range */}
-                <div
-                    className="absolute top-1/2 h-2 rounded transform -translate-y-1/2"
-                    style={{
-                        insetInlineStart: `${minPercent}%`,
-                        insetInlineEnd: `${100 - maxPercent}%`,
-                        backgroundColor: 'var(--primary)'
-                    }}
-                ></div>
-
-                {/* Min slider - with z-index control */}
-                <input
-                    type="range"
-                    min={min}
-                    max={max}
-                    value={localValue[0]}
-                    onChange={handleMinChange}
-                    className="absolute w-full h-2 bg-transparent appearance-none cursor-pointer min-slider"
-                    style={{
-                        top: '50%',
-                        transform: 'translateY(-50%)',
-                        zIndex: localValue[0] > max - 100 ? 5 : 3
-                    }}
-                />
-
-                {/* Max slider */}
-                <input
-                    type="range"
-                    min={min}
-                    max={max}
-                    value={localValue[1]}
-                    onChange={handleMaxChange}
-                    className="absolute w-full h-2 bg-transparent appearance-none cursor-pointer max-slider"
-                    style={{
-                        top: '50%',
-                        transform: 'translateY(-50%)',
-                        zIndex: 4
-                    }}
-                />
-            </div>
-
-            {/* Values display */}
-            <div className="flex justify-between items-center text-sm content-text">
-                <span>₪{localValue[0].toLocaleString()}</span>
-                <span>₪{localValue[1].toLocaleString()}</span>
-            </div>
-
-            <style jsx>{`
-                .min-slider::-webkit-slider-thumb {
-                    appearance: none;
-                    width: 20px;
-                    height: 20px;
-                    border-radius: 50%;
-                    background: var(--primary);
-                    cursor: pointer;
-                    border: 2px solid white;
-                    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-                    position: relative;
-                    z-index: 10;
-                }
-                
-                .min-slider::-moz-range-thumb {
-                    width: 20px;
-                    height: 20px;
-                    border-radius: 50%;
-                    background: var(--primary);
-                    cursor: pointer;
-                    border: 2px solid white;
-                    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-                    position: relative;
-                    z-index: 10;
-                }
-                
-                .max-slider::-webkit-slider-thumb {
-                    appearance: none;
-                    width: 20px;
-                    height: 20px;
-                    border-radius: 50%;
-                    background: var(--primary);
-                    cursor: pointer;
-                    border: 2px solid white;
-                    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-                    position: relative;
-                    z-index: 10;
-                }
-                
-                .max-slider::-moz-range-thumb {
-                    width: 20px;
-                    height: 20px;
-                    border-radius: 50%;
-                    background: var(--primary);
-                    cursor: pointer;
-                    border: 2px solid white;
-                    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-                    position: relative;
-                    z-index: 10;
-                }
-                
-                /* Only show the thumb for each slider */
-                .min-slider {
-                    pointer-events: none;
-                }
-                
-                .min-slider::-webkit-slider-thumb {
-                    pointer-events: auto;
-                }
-                
-                .min-slider::-moz-range-thumb {
-                    pointer-events: auto;
-                }
-                
-                .max-slider {
-                    pointer-events: none;
-                }
-                
-                .max-slider::-webkit-slider-thumb {
-                    pointer-events: auto;
-                }
-                
-                .max-slider::-moz-range-thumb {
-                    pointer-events: auto;
-                }
-            `}</style>
-        </div>
-    );
-};
-
-export default PriceRangeSlider

package/dist/components 2/products/ProductsDisplay.jsx

@@ -1,40 +0,0 @@
-import SubCategorySection from "./SubcategorySection";
-
-const ProductsDisplay = ({
-    productsGroupedBySubCategory,
-    selectedCategory,
-    onProductClick,
-    onAddToCart
-}) => {
-    const subCategoryNames = Object.keys(productsGroupedBySubCategory);
-
-    if (subCategoryNames.length === 0) {
-        return (
-            <div className="glass-card px-12 text-center">
-                <h2 className="lighterTitle mb-4">אין מוצרים זמינים</h2>
-                <p className="content-text">
-                    {selectedCategory
-                        ? `לא נמצאו מוצרים בקטגוריה "${selectedCategory}" בטווח המחירים שנבחר`
-                        : 'בחר קטגוריה כדי לראות מוצרים'
-                    }
-                </p>
-            </div>
-        );
-    }
-
-    return (
-        <div>
-            {subCategoryNames.map(subCategoryName => (
-                <SubCategorySection
-                    key={subCategoryName}
-                    subCategoryName={subCategoryName}
-                    products={productsGroupedBySubCategory[subCategoryName]}
-                    onProductClick={onProductClick}
-                    onAddToCart={onAddToCart}
-                />
-            ))}
-        </div>
-    );
-};
-
-export default ProductsDisplay

package/dist/components 2/products/ProductsSidebar.jsx

@@ -1,46 +0,0 @@
-import CategoryList from "./CategoryList";
-import PriceRangeSlider from "./PriceRangeSlider";
-
-const ProductsSidebar = ({
-    categories,
-    selectedCategory,
-    onCategorySelect,
-    priceRange,
-    onPriceRangeChange,
-    minPrice,
-    maxPrice,
-    onResetFilters,
-    className = ''
-}) => (
-    <div className={`space-y-6 ${className}`} dir="rtl">
-        {/* Reset Filters Button */}
-        <button
-            onClick={onResetFilters}
-            className="w-full text-white px-4 py-2 rounded-lg hover:bg-gray-600 transition-colors duration-200"
-        >
-            אפס סינונים
-        </button>
-
-        {/* Price Range Filter */}
-        <div className="glass-card p-4">
-            <h3 className="subtitle font-semibold mb-4">סינון לפי מחיר</h3>
-            <PriceRangeSlider
-                min={minPrice}
-                max={maxPrice}
-                value={priceRange}
-                onChange={onPriceRangeChange}
-            />
-        </div>
-
-        {/* Category Selection */}
-        <div className="glass-card p-4">
-            <CategoryList
-                categories={categories}
-                selectedCategory={selectedCategory}
-                onCategorySelect={onCategorySelect}
-            />
-        </div>
-    </div>
-);
-
-export default ProductsSidebar

package/dist/components 2/products/SubcategorySection.jsx

@@ -1,37 +0,0 @@
-import SmallItemsGrid from "../SmallItemsGrid";
-
-// Subcategory Section Component
-const SubCategorySection = ({ subCategoryName, products, onProductClick, onAddToCart }) => {
-    if (!products || products.length === 0) {
-        return (
-            <div className="mb-2">
-                <div className="p-8 text-center">
-                    <span className='lighterTitle'>
-                        {subCategoryName}
-                    </span>
-                    <p className="content-text">אין מוצרים זמינים בקטגוריה זו</p>
-                </div>
-            </div>
-        );
-    }
-
-    // Transform products to SmallItemsGrid format
-    const gridItems = products;
-
-    return (
-        <div className="mb-2">
-            <SmallItemsGrid
-                isLighter={true}
-                headerText={subCategoryName}
-                items={gridItems}
-                showMoreType="carousel"
-                autoplay={false}
-                onItemClick={onProductClick}
-                onAddToCart={onAddToCart}
-                className="bg-transparent"
-            />
-        </div>
-    );
-};
-
-export default SubCategorySection

package/dist/context 2/CartContext.jsx

@@ -1,165 +0,0 @@
-import React, { createContext, useContext, useState, useEffect } from 'react';
-import { useToast } from '../components/ToastProvider';
-
-const CART_STORAGE_KEY = 'digishop_shopping_cart';
-
-const CartContext = createContext();
-
-export const useCart = () => {
-  const context = useContext(CartContext);
-  if (!context) {
-    throw new Error('useCart must be used within a CartProvider');
-  }
-  return context;
-};
-
-export const CartProvider = ({ children, user = null }) => {
-  const [cartItems, setCartItems] = useState([]);
-  const [isCartOpen, setIsCartOpen] = useState(false);
-  const [previousUser, setPreviousUser] = useState(null);
-
-  const addToast = useToast();
-
-  const totalItems = cartItems.reduce((sum, item) => sum + item.quantity, 0);
-  const totalPrice = cartItems.reduce((sum, item) => sum + (item.price * item.quantity), 0);
-
-  useEffect(() => {
-    // If we had a user before and now we don't = logout happened
-    if (previousUser && !user) {
-      clearCart(); // Auto-clear cart on logout
-    }
-    setPreviousUser(user);
-  }, [user, previousUser]);
-
-  useEffect(() => {
-    const savedCart = loadCartFromStorage();
-    if (savedCart.length > 0) {
-      setCartItems(savedCart);
-    }
-  }, []);
-
-  useEffect(() => {
-    saveCartToStorage(cartItems);
-  }, [cartItems]);
-
-  const saveCartToStorage = (cartItems) => {
-    try {
-      localStorage.setItem(CART_STORAGE_KEY, JSON.stringify(cartItems));
-    } catch (error) {
-      console.error('Failed to save cart to localStorage:', error);
-    }
-  };
-
-  const loadCartFromStorage = () => {
-    try {
-      const stored = localStorage.getItem(CART_STORAGE_KEY);
-      return stored ? JSON.parse(stored) : [];
-    } catch (error) {
-      console.error('Failed to load cart from localStorage:', error);
-      return [];
-    }
-  };
-
-  const clearCartFromStorage = () => {
-    try {
-      localStorage.removeItem(CART_STORAGE_KEY);
-    } catch (error) {
-      console.error('Failed to clear cart from localStorage:', error);
-    }
-  };
-
-  const addToCart = (product) => {
-    setCartItems(prevItems => {
-      const existingItem = prevItems.find(item => item.id === product.id);
-
-      if (existingItem) {
-        return prevItems.map(item =>
-          item.id === product.id
-            ? { ...item, quantity: item.quantity + 1 }
-            : item
-        );
-      } else {
-        return [...prevItems, {
-          id: product.id,
-          name: product.name || product.title,
-          price: product.discountPrice || product.price,
-          quantity: 1,
-          imageUrl: product.imageUrl || ''
-        }];
-      }
-    });
-    addToast("המוצר נוסף לעגלה", "success");
-  };
-
-  const removeFromCart = (itemId) => {
-    setCartItems(prevItems => prevItems.filter(item => item.id !== itemId));
-  };
-
-  // Update item quantity
-  const updateQuantity = (itemId, quantity) => {
-    if (quantity <= 0) {
-      removeFromCart(itemId);
-      return;
-    }
-
-    setCartItems(prevItems =>
-      prevItems.map(item =>
-        item.id === itemId
-          ? { ...item, quantity }
-          : item
-      )
-    );
-  };
-
-  const clearCart = () => {
-    setCartItems([]);
-    clearCartFromStorage();
-  };
-
-  const clearCartOnLogout = () => {
-    setCartItems([]);
-    clearCartFromStorage();
-  };
-
-  // Toggle cart visibility
-  const toggleCart = () => {
-    setIsCartOpen(prev => !prev);
-  };
-
-  const openCart = () => setIsCartOpen(true);
-  const closeCart = () => setIsCartOpen(false);
-
-  // Checkout handler
-  const handleCheckout = () => {
-    // TODO: Implement checkout logic
-    console.log('Proceeding to checkout with items:', cartItems);
-    console.log('Total:', totalPrice);
-    // For now, just close cart
-    closeCart();
-  };
-
-  const value = {
-    // State
-    cartItems,
-    totalItems,
-    totalPrice,
-    isCartOpen,
-
-    // Actions
-    addToCart,
-    removeFromCart,
-    updateQuantity,
-    clearCart,
-    clearCartOnLogout,
-    toggleCart,
-    openCart,
-    closeCart,
-    handleCheckout
-  };
-
-  return (
-    <CartContext.Provider value={value}>
-      {children}
-    </CartContext.Provider>
-  );
-};

package/dist/context 2/ItemModalContext.jsx

@@ -1,40 +0,0 @@
-// src/context/ItemModalContext.js
-import React, { createContext, useContext, useState } from 'react';
-
-const ItemModalContext = createContext();
-
-export const useItemModal = () => {
-  const context = useContext(ItemModalContext);
-  if (!context) {
-    throw new Error('useItemModal must be used within an ItemModalProvider');
-  }
-  return context;
-};
-
-export const ItemModalProvider = ({ children }) => {
-  const [selectedItem, setSelectedItem] = useState(null);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-
-  const openModal = (item) => {
-    console.log('Opening modal for item:', item);
-    setSelectedItem(item);
-    setIsModalOpen(true);
-  };
-
-  const closeModal = () => {
-    setIsModalOpen(false);
-  };
-
-  const value = {
-    selectedItem,
-    isModalOpen,
-    openModal,
-    closeModal
-  };
-
-  return (
-    <ItemModalContext.Provider value={value}>
-      {children}
-    </ItemModalContext.Provider>
-  );
-};

package/dist/hooks 2/useScrollLock.js

@@ -1,52 +0,0 @@
-// src/hooks/useScrollLock.js
-import { useEffect } from 'react';
-
-const useScrollLock = (isOpen) => {
-  useEffect(() => {
-    if (isOpen) {
-      // Store original styles
-      const originalStyle = window.getComputedStyle(document.body);
-      const originalOverflow = originalStyle.overflow;
-      const originalPosition = originalStyle.position;
-      
-      // Get current scroll position
-      const scrollY = window.scrollY;
-      
-      // Apply scroll lock with Mobile Safari fixes
-      document.body.style.overflow = 'hidden';
-      document.body.style.position = 'fixed';
-      document.body.style.top = `-${scrollY}px`;
-      document.body.style.left = '0';
-      document.body.style.right = '0';
-      document.body.style.width = '100%';
-      
-      // Mobile Safari specific: prevent viewport changes
-      const viewport = document.querySelector('meta[name="viewport"]');
-      const originalViewport = viewport?.content;
-      if (viewport) {
-        viewport.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';
-      }
-      
-      // Cleanup function
-      return () => {
-        // Restore original styles
-        document.body.style.overflow = originalOverflow;
-        document.body.style.position = originalPosition;
-        document.body.style.top = '';
-        document.body.style.left = '';
-        document.body.style.right = '';
-        document.body.style.width = '';
-        
-        // Restore scroll position
-        window.scrollTo(0, scrollY);
-        
-        // Restore viewport
-        if (viewport && originalViewport) {
-          viewport.content = originalViewport;
-        }
-      };
-    }
-  }, [isOpen]);
-};
-
-export default useScrollLock;

package/dist/index 2.js

@@ -1,45 +0,0 @@
-export { default as RoundButton } from './components/elements/RoundButton';
-export { default as CTAButton } from './components/elements/CTAButton';
-export { default as SmallButton } from './components/elements/SmallButton';
-export { default as LargeItemCard } from './components/LargeItemCard';
-export { default as DualTextCard } from './components/DualTextCard';
-export { default as SmallItemsGrid } from './components/SmallItemsGrid';
-export { default as SmallItemCard } from './components/SmallItemCard';
-export { default as MasonryItemCard } from './components/MasonryItemCard';
-export { default as TextListCards } from './components/TextListCards';
-export { default as ArticlesList } from './components/ArticlesList';
-export { default as Hero } from './components/Hero'
-export { default as IntroSection } from './components/IntroSection'
-export { default as QAAccordion } from './components/QAAccordion'
-export { default as AdvantagesList } from './components/AdvantagesList'
-export { default as ShoppingCartModal } from './components/cart/ShoppingCartModal'
-export { default as FloatingCartButton } from './components/cart/FloatingCartButton'
-export { default as VideoCard } from './components/VideoCard'
-export { default as IconGrid } from './components/IconGrid'
-export { default as Menu } from './components/Menu'
-export { default as ProductsDisplay } from './components/products/ProductsDisplay'
-export { default as ProductsSidebar } from './components/products/ProductsSidebar'
-export { default as MyOrdersDisplay } from './components/MyOrdersDisplay'
-export { default as AccessibilityMenu } from './components/AccessibilityMenu'
-export { default as FloatingWhatsAppButton } from './components/FloatingWhatsAppButton'
-export { default as FullscreenCarousel } from './components/FullscreenCarousel'
-export { default as UnderConstruction } from './components/UnderConstruction'
-
-// Modals
-export { default as ItemDetailsModal } from './components/modals/ItemDetailsModal'
-export { default as ClubMembershipModal } from './components/clubMembership/ClubMembershipModal'
-export { default as ClubPromoModal } from './components/clubMembership/ClubPromoModal'
-export { default as OrderForm } from './components/cart/OrderForm'
-
-// Context
-export { ItemModalProvider, useItemModal } from './context/ItemModalContext';
-export { ToastProvider, useToast } from './components/ToastProvider'
-export { CartProvider, useCart } from './context/CartContext'
-
-// Hooks
-export { default as useScrollLock } from './hooks/useScrollLock'
-
-// Utils
-export { default as ScrollToTop } from './utils/ScrollToTop'
-export { useScrollToAnchor } from './utils/ScrollManager'
-export { sendEmail } from './integrations/emailService'