console.log("%c[app.jsx] BUILD 2026-10-04-OTP-FIX","color:#16a34a;font-weight:bold"); import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react'; import { createRoot } from 'react-dom/client'; import { ArrowLeft, Share2, Eye, Calendar, MapPin, Send, PenTool, Trash2, ImageIcon as LucideImageIcon, Edit, Upload, Image as ImageIcon, Heart, ShieldCheck, LayoutDashboard, Code, Users, DollarSign, FileCode, Plus, Save, User, Moon, Sun, Check, UserPlus, X, Key, ShoppingCart, Copy, Clock, CreditCard, Smartphone, RefreshCw, CheckCircle2, MoreVertical, LogOut, MessageSquare, Mail, Lock, Crown, QrCode, Download, Music, Disc, Laptop, Star, ChevronLeft, ChevronRight } from 'lucide-react'; import { initializeApp } from "https://www.gstatic.com/firebasejs/10.7.1/firebase-app.js"; import { getFirestore, collection, collectionGroup, addDoc, getDocs, query, where, updateDoc, doc, setDoc, getDoc, deleteDoc, orderBy, limit, onSnapshot, serverTimestamp, arrayUnion } from "https://www.gstatic.com/firebasejs/10.7.1/firebase-firestore.js"; // ๐Ÿ”ฅ แž”แž“แŸ’แžแŸ‚แž˜ Storage Library แž“แŸ…แž‘แžธแž“แŸแŸ‡ import { getStorage, ref, uploadString, getDownloadURL } from "https://www.gstatic.com/firebasejs/10.7.1/firebase-storage.js"; import { getAuth, signInWithPopup, GoogleAuthProvider, onAuthStateChanged, signOut, RecaptchaVerifier, signInWithPhoneNumber } from "https://www.gstatic.com/firebasejs/10.7.1/firebase-auth.js"; import { initializeAppCheck, ReCaptchaV3Provider } from "https://www.gstatic.com/firebasejs/10.7.1/firebase-app-check.js"; // --- FEATURE 1: SECURE ADMIN ACCESS CONFIGURATION --- const ADMIN_EMAIL = "phathongya@gmail.com"; const firebaseConfig = { apiKey: "AIzaSyCFD-6aB2RmNhomEFG6kjfvlDAmO2rpFD4", authDomain: "phumtheapka.com", projectId: "heangweddingdigital", storageBucket: "heangweddingdigital.firebasestorage.app", messagingSenderId: "422526904540", appId: "1:422526904540:web:6c2dc2ae4cb9169f636c19", measurementId: "G-04ZYX25RF0" }; let app, db, storage; // ๐Ÿ”ฅ แž”แž“แŸ’แžแŸ‚แž˜ storage Variable try { app = initializeApp(firebaseConfig); db = getFirestore(app); storage = getStorage(app); // ๐Ÿ”ฅ แž”แž„แŸ’แž€แžพแž instance แžŸแž˜แŸ’แžšแžถแž”แŸ‹ storage /* try { const appCheck = initializeAppCheck(app, { provider: new ReCaptchaV3Provider('6LdDQSwsAAAAAPmon5unBYO3w6uckVyrl3tVBgQu'), isTokenAutoRefreshEnabled: true }); } catch (err) { console.warn(err); } */ // --- แž•แŸ’แž“แŸ‚แž€แžŠแŸ„แŸ‡แžŸแŸ’แžšแžถแž™แž”แž‰แŸ’แž แžถ ReCaptcha --- window.firebaseAuth = getAuth(app); window.FirebaseAuthConfig = { RecaptchaVerifier: RecaptchaVerifier, signInWithPhoneNumber: signInWithPhoneNumber, GoogleAuthProvider: GoogleAuthProvider, signInWithPopup: signInWithPopup }; } catch (e) { console.warn("Firebase failed to initialize:", e); } const uploadImageToStorage = async (base64Str, folderName) => { // แž”แžพแž˜แžทแž“แž˜แŸ‚แž“แž‡แžถ Base64 (แž‡แžถ URL แžšแžฝแž…แž แžพแž™) แžฑแŸ’แž™แžœแžถแž˜แž€แžœแžทแž‰แž—แŸ’แž›แžถแž˜ if (!base64Str || !base64Str.startsWith('data:image')) return base64Str; try { const storageRef = ref(storage, `${folderName}/${Date.now()}_${Math.random().toString(36).substring(7)}.jpg`); // Upload แž‘แŸ… Storage await uploadString(storageRef, base64Str, 'data_url'); // แž‘แžถแž‰แž™แž€ URL แž˜แž€แžœแžทแž‰ return await getDownloadURL(storageRef); } catch (e) { console.error("Upload error:", e); return base64Str; } }; // ===== MEDIA OPTIMIZATION (Cloudinary + Lazy loading) ===== // แž‚แŸ„แž›แž”แŸ†แžŽแž„แŸ– แž”แž“แŸ’แžแž™แž‘แŸ†แž แŸ†แžšแžผแž”แž—แžถแž– แž“แžทแž„แž€แžปแŸ† Load แžขแŸ’แžœแžธแŸ—แž‘แžถแŸ†แž„แžขแžŸแŸ‹แž€แŸ’แž“แžปแž„แž–แŸแž›แžแŸ‚แž˜แžฝแž™ แžŠแžพแž˜แŸ’แž”แžธแž€แžปแŸ†แžฑแŸ’แž™ Safari/iPhone Crash แžŠแŸ„แž™แžŸแžถแžš Memory const CLD_UPLOAD_RE = /^(https:\/\/res\.cloudinary\.com\/[^/]+\/image\/upload\/)(.+)$/; const cldOpt = (url, width = 800) => { if (typeof url !== 'string') return url; const m = url.match(CLD_UPLOAD_RE); if (!m) return url; // แž˜แžทแž“แž˜แŸ‚แž“ Cloudinary (Firebase, base64, ...) โ†’ แž˜แžทแž“แž”แŸ‰แŸ‡แž–แžถแž›แŸ‹ if (/^[a-z]{1,3}_[^/]*\//i.test(m[2])) return url; // แž˜แžถแž“ Transformation แžšแžฝแž…แž แžพแž™ โ†’ แž˜แžทแž“แž”แŸ‰แŸ‡แž–แžถแž›แŸ‹ return m[1] + 'f_auto,q_auto,c_limit,w_' + width + '/' + m[2]; // c_limit = แž”แž„แŸ’แžšแžฝแž˜แžแŸ‚แž–แŸแž›แž’แŸ†แž‡แžถแž„ แž˜แžทแž“แž–แž„แŸ’แžšแžธแž€แžšแžผแž”แžแžผแž… }; // --- Nav: แž’แŸ’แžœแžพแžขแŸ„แž™แž”แŸŠแžผแžแžปแž„ Back แž›แžพแž‘แžผแžšแžŸแŸแž–แŸ’แž‘ แžแž™แž˜แŸ’แžแž„แž˜แžฝแž™แž‡แŸ†แž แžถแž“ (แž”แžทแž‘ Popup/แžšแžผแž”แž’แŸ†/แž‘แŸ†แž–แŸแžš แž‡แŸ†แž“แžฝแžŸแžฑแŸ’แž™แž…แŸแž‰แž–แžธ Website) --- // แžšแžถแž›แŸ‹ "แžŸแŸ’แžšแž‘แžถแž”แŸ‹" (Popup แžฌแž‘แŸ†แž–แŸแžš) แžŠแŸ‚แž›แž”แžพแž€ แž“แžนแž„แž”แž“แŸ’แžแŸ‚แž˜ history 1 entry; แž…แžปแž… Back = แž”แžทแž‘แžŸแŸ’แžšแž‘แžถแž”แŸ‹แž›แžพแž‚แŸ const Nav = (() => { const layers = []; // แžŸแŸ’แžšแž‘แžถแž”แŸ‹แžŠแŸ‚แž›แž€แŸ†แž–แžปแž„แž”แžพแž€ ( แžแžถแž˜แž›แŸ†แžŠแžถแž”แŸ‹ depth) const queue = []; // แžŸแŸ’แžšแž‘แžถแž”แŸ‹แžŠแŸ‚แž›แžšแž„แŸ‹แž…แžถแŸ† (แž–แŸแž› browser แž€แŸ†แž–แžปแž„ go back) let depth = 0, busy = false, seq = 0; try { depth = (history.state && history.state.navDepth) || 0; } catch (e) {} // แž”แžพ history แžแŸ’แž–แžŸแŸ‹แž‡แžถแž„แžŸแŸ’แžšแž‘แžถแž”แŸ‹แžŠแŸ‚แž›แž”แžพแž€แž–แžทแž โ†’ แžแž™แž€แŸ’แžšแŸ„แž™แžขแŸ„แž™แžŸแŸ’แž˜แžพ const settle = () => { if (busy) return; const top = layers.length ? Math.max(...layers.map(l => l.depth)) : 0; if (top < depth) { busy = true; history.go(top - depth); } }; const flush = () => { while (!busy && queue.length) { const q = queue.shift(); depth += 1; history.pushState({ navDepth: depth }, ''); layers.push({ id: q.id, depth, onBack: q.onBack }); } }; window.addEventListener('popstate', (e) => { depth = (e.state && e.state.navDepth) || 0; busy = false; while (layers.length && layers[layers.length - 1].depth > depth) layers.pop().onBack(); settle(); flush(); }); if (depth > 0) setTimeout(settle, 0); // Reload แž–แŸแž› history แž‡แžถแž”แŸ‹แžŸแŸ’แžšแž‘แžถแž”แŸ‹แž…แžถแžŸแŸ‹ return { open(onBack) { const id = ++seq; queue.push({ id, onBack }); flush(); return id; }, close(id) { if (id == null) return; const qi = queue.findIndex(q => q.id === id); if (qi >= 0) { queue.splice(qi, 1); return; } const li = layers.findIndex(l => l.id === id); if (li < 0) return; layers.splice(li, 1); settle(); } }; })(); const useNavLayer = (active, onClose) => { const cb = useRef(onClose); cb.current = onClose; useEffect(() => { if (!active) return; const id = Nav.open(() => { if (cb.current) cb.current(); }); return () => Nav.close(id); }, [active]); }; // แžŠแžถแž€แŸ‹ lazy แž‘แŸ…แž›แžพ iframe (Google Maps), img, audio แž€แŸ’แž“แžปแž„แž›แžทแžแžทแžแžขแž‰แŸ’แž‡แžพแž‰ const optimizeInviteHtml = (html) => { let out = String(html || ''); out = out.replace(/]*\sloading=)/gi, ' Link แž‘แŸ…แž€แžถแž“แŸ‹ Google Maps
แž‡แžผแž“แž…แŸ†แžŽแž„แžŠแŸƒ
Scan QR Code
Scan to Gift
{{GROOM}} & {{BRIDE}}
แž€แžถแžšแž…แžผแž›แžšแžฝแž˜
RSVP
แžŸแžถแžšแž‡แžผแž“แž–แžš
Best Wishes
แž‘แŸ†แž“แžถแž€แŸ‹แž‘แŸ†แž“แž„แž˜แŸ’แž…แžถแžŸแŸ‹แž–แžทแž’แžธแž˜แž„แŸ’แž‚แž›
Telegram: {{TELEGRAM_TEXT}}
แž…แžผแž› Telegram แž˜แŸ’แž…แžถแžŸแŸ‹แž–แžทแž’แžธ
Phumtheapka