@codesinger0/shared-components 1.1.27 → 1.1.29

package/dist/components/IntroSection.jsx

@@ -0,0 +1,74 @@
+import { motion } from "framer-motion";
+
+const IntroSection = ({
+    introHeight = '40vh',
+    introTitle,
+    introContent,
+    introImage,
+    classNames = {}
+}) => {
+    const {
+        introTitle: introTitleClass = 'title',
+        introContent: introContentClass = 'subtitle'
+    } = classNames;
+
+    return (
+        <>
+            {/* Introduction Section */}
+            <section className=" py-16 px-4" style={{ minHeight: introHeight }}>
+                <div className="max-w-6xl mx-auto" dir="rtl">
+                    {introImage ? (
+                        /* Layout with image */
+                        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center">
+                            {/* Text Content */}
+                            <div className="text-center lg:text-right order-2 lg:order-1">
+                                <h2 className={introTitleClass + " mb-6"}>
+                                    {introTitle}
+                                </h2>
+                                <p className={introContentClass + " leading-relaxed"} style={{ whiteSpace: 'pre-line' }}>
+                                    {introContent}
+                                </p>
+                            </div>
+
+                            {/* Image */}
+                            <motion.div
+                                key={'image'}
+                                initial={{ opacity: 0, x: 50 }}
+                                whileInView={{ opacity: 1, x: 0 }}
+                                viewport={{ once: true }}
+                                transition={{ delay: 1 * 0.5 }}
+                                className="h-full"
+                            >
+                                <div className="order-1 lg:order-2 flex justify-center lg:justify-end">
+                                    <div className="w-full max-w-md lg:max-w-lg">
+                                        <img
+                                            src={introImage}
+                                            alt={introTitle || "Introduction image"}
+                                            className="w-full h-auto rounded-lg shadow-lg object-cover"
+                                            onError={(e) => {
+                                                e.target.style.display = 'none';
+                                                console.warn('Failed to load intro image:', introImage);
+                                            }}
+                                        />
+                                    </div>
+                                </div>
+                            </motion.div>
+                        </div>
+                    ) : (
+                        /* Text only layout (original) */
+                        <div className="text-center max-w-4xl mx-auto">
+                            <h2 className="title mb-6">
+                                {introTitle}
+                            </h2>
+                            <p className="subtitle leading-relaxed" style={{ whiteSpace: 'pre-line' }}>
+                                {introContent}
+                            </p>
+                        </div>
+                    )}
+                </div>
+            </section>
+        </>
+    );
+}
+
+export default IntroSection

package/dist/components/TextListCards.jsx

@@ -23,7 +23,7 @@ const TextListCards = ({
 
   return (
     <section className={`py-20 ${className}`} {...props}>
-      <div className="max-w-7xl mx-auto">
+      <div className="max-w-6xl mx-auto">
         {/* Header Section */}
         {(title || subtitle) && (
           <motion.div
@@ -67,16 +67,16 @@ const TextListCards = ({
                 )}
                 
                 {/* Title */}
-                <h3 className="subtitle font-semibold mb-6" dir="rtl">
+                <h3 className="subtitle font-bold mb-6" dir="rtl">
                   {item.title}
                 </h3>
                 
                 {/* Points List */}
                 {item.points && item.points.length > 0 && (
-                  <ul className="space-y-3 text-right leading-relaxed" dir="rtl">
+                  <ul className="space-y-3" dir="rtl">
                     {item.points.map((point, i) => (
                       <li key={i} className="flex flex-col items-center md:flex-row md:items-start">
-                        <CircleCheck className="w-5 h-5 text-primary-dark mb-1 md:mb-0 md:mt-1 md:ml-2 flex-shrink-0" />
+                        <CircleCheck className="w-5 h-5 text-primary mt-1 ml-2 flex-shrink-0" />
                         <span className="content-text text-center md:text-right">{point}</span>
                       </li>
                     ))}

package/dist/index.js

@@ -8,6 +8,7 @@ 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'
@@ -35,4 +36,5 @@ export { default as useScrollLock } from './hooks/useScrollLock'
 
 // Utils
 export { default as ScrollToTop } from './utils/ScrollToTop'
-export { useScrollToAnchor } from './utils/ScrollManager'
+export { useScrollToAnchor } from './utils/ScrollManager'
+export { sendEmail } from './integrations/emailService'

package/dist/integrations/emailService.js

@@ -0,0 +1,167 @@
+// src/services/emailService.js
+import emailjs from '@emailjs/browser';
+
+// EmailJS Configuration
+const EMAILJS_CONFIG = {
+    serviceId: 'service_w3pkjf6',
+    templateId: 'template_lwf20nq',
+    publicKey: 'Sgy1Do0paUmA8QyPR'
+};
+
+// Rate limiting configuration
+const RATE_LIMIT = {
+    maxAttempts: 3,
+    timeWindow: 60000, // 1 minute in milliseconds
+    storageKey: 'emailjs_rate_limit'
+};
+
+// Initialize EmailJS
+emailjs.init(EMAILJS_CONFIG.publicKey);
+
+/**
+ * Check rate limiting
+ * @returns {boolean} - true if rate limit exceeded, false otherwise
+ */
+const checkRateLimit = () => {
+    try {
+        const rateLimitData = localStorage.getItem(RATE_LIMIT.storageKey);
+        
+        if (!rateLimitData) {
+            return false;
+        }
+
+        const { attempts, timestamp } = JSON.parse(rateLimitData);
+        const now = Date.now();
+
+        // Reset if time window has passed
+        if (now - timestamp > RATE_LIMIT.timeWindow) {
+            localStorage.removeItem(RATE_LIMIT.storageKey);
+            return false;
+        }
+
+        // Check if rate limit exceeded
+        if (attempts >= RATE_LIMIT.maxAttempts) {
+            const timeLeft = Math.ceil((RATE_LIMIT.timeWindow - (now - timestamp)) / 1000);
+            throw new Error(`יותר מדי ניסיונות. אנא נסה שוב בעוד ${timeLeft} שניות.`);
+        }
+
+        return false;
+    } catch (error) {
+        if (error.message.includes('יותר מדי ניסיונות')) {
+            throw error;
+        }
+        // If there's an error reading from localStorage, allow the request
+        return false;
+    }
+};
+
+/**
+ * Update rate limit counter
+ */
+const updateRateLimit = () => {
+    try {
+        const rateLimitData = localStorage.getItem(RATE_LIMIT.storageKey);
+        const now = Date.now();
+
+        if (!rateLimitData) {
+            localStorage.setItem(RATE_LIMIT.storageKey, JSON.stringify({
+                attempts: 1,
+                timestamp: now
+            }));
+            return;
+        }
+
+        const { attempts, timestamp } = JSON.parse(rateLimitData);
+
+        // Reset if time window has passed
+        if (now - timestamp > RATE_LIMIT.timeWindow) {
+            localStorage.setItem(RATE_LIMIT.storageKey, JSON.stringify({
+                attempts: 1,
+                timestamp: now
+            }));
+        } else {
+            // Increment attempts
+            localStorage.setItem(RATE_LIMIT.storageKey, JSON.stringify({
+                attempts: attempts + 1,
+                timestamp
+            }));
+        }
+    } catch (error) {
+        console.error('Error updating rate limit:', error);
+    }
+};
+
+/**
+ * Send email using EmailJS
+ * @param {Object} params - Email parameters
+ * @param {string} params.name - Sender's name
+ * @param {string} params.email - Sender's email
+ * @param {string} params.phone - Sender's phone
+ * @param {string} params.message - Email message
+ * @returns {Promise<Object>} - EmailJS response
+ */
+export const sendEmail = async ({ name, email, phone, business, message }) => {
+    try {
+        // Check rate limiting
+        checkRateLimit();
+
+        // Prepare template parameters matching your EmailJS template
+        const templateParams = {
+            from_name: name,
+            from_email: email,
+            from_phone: phone,
+            business: business,
+            message: message,
+            timestamp: new Date().toLocaleString('he-IL', {
+                timeZone: 'Asia/Jerusalem',
+                dateStyle: 'full',
+                timeStyle: 'short'
+            })
+        };
+
+        // Send email using EmailJS
+        const response = await emailjs.send(
+            EMAILJS_CONFIG.serviceId,
+            EMAILJS_CONFIG.templateId,
+            templateParams,
+            EMAILJS_CONFIG.publicKey
+        );
+
+        // Update rate limit counter on successful send
+        updateRateLimit();
+
+        console.log('Email sent successfully:', response);
+        return {
+            success: true,
+            response
+        };
+
+    } catch (error) {
+        console.error('Error sending email:', error);
+        
+        // Handle specific error types
+        if (error.message.includes('יותר מדי ניסיונות')) {
+            throw new Error(error.message);
+        }
+
+        if (error.text) {
+            throw new Error(`שגיאה בשליחת האימייל: ${error.text}`);
+        }
+
+        throw new Error('שגיאה בשליחת האימייל. אנא נסה שוב מאוחר יותר.');
+    }
+};
+
+/**
+ * Clear rate limit (useful for testing or admin purposes)
+ */
+export const clearRateLimit = () => {
+    try {
+        localStorage.removeItem(RATE_LIMIT.storageKey);
+        console.log('Rate limit cleared');
+    } catch (error) {
+        console.error('Error clearing rate limit:', error);
+    }
+};
+
+export default sendEmail;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codesinger0/shared-components",
-  "version": "1.1.27",
+  "version": "1.1.29",
   "description": "Shared React components for customer projects",
   "main": "dist/index.js",
   "files": [