"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[407],{3999:(e,t,r)=>{r.d(t,{cn:()=>o});var n=r(2596),i=r(9688);function o(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,i.QP)((0,n.$)(t))}},7168:(e,t,r)=>{r.d(t,{$:()=>o});var n=r(5155),i=r(8250);function o(e){let{children:t,onClick:r,variant:o="primary",size:l="md",disabled:a=!1,icon:s,fullWidth:d=!1,style:c={},...p}=e,g={primary:{bg:i.T.gradients.hero,hover:i.T.gradients.hero,text:"white",border:"transparent"},secondary:{bg:"white",hover:i.T.gray[50],text:i.T.gray[700],border:i.T.gray[300]},success:{bg:i.T.gradients.hero,hover:i.T.gradients.hero,text:"white",border:"transparent"},danger:{bg:i.T.danger[500],hover:i.T.danger[600],text:"white",border:i.T.danger[500]},ghost:{bg:"transparent",hover:i.T.gray[100],text:i.T.gray[600],border:"transparent"}},u={sm:{padding:"8px 16px",fontSize:14,height:36},md:{padding:"12px 20px",fontSize:16,height:44},lg:{padding:"16px 24px",fontSize:18,height:52}},x=g[o]||g.primary,y=u[l]||u.md;return(0,n.jsxs)("button",{onClick:r,disabled:a,style:{background:x.bg,color:x.text,border:"1px solid ".concat(x.border),borderRadius:12,padding:y.padding,fontSize:y.fontSize,fontWeight:600,height:y.height,cursor:a?"not-allowed":"pointer",transition:"all 0.2s ease",display:"flex",alignItems:"center",justifyContent:"center",gap:8*!!s,opacity:a?.5:1,width:d?"100%":"auto",fontFamily:"inherit",...c},onMouseEnter:e=>{a||("primary"===o||"success"===o?(e.currentTarget.style.transform="translateY(-1px)",e.currentTarget.style.boxShadow="0 8px 25px rgba(157, 78, 221, 0.3)"):(e.currentTarget.style.background=x.hover,e.currentTarget.style.transform="translateY(-1px)"))},onMouseLeave:e=>{a||("primary"===o||"success"===o?(e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.boxShadow="none"):(e.currentTarget.style.background=x.bg,e.currentTarget.style.transform="translateY(0)"))},...p,children:[s&&(0,n.jsx)(s,{size:18}),t]})}i.T.gradients.hero,i.T.gradients.hero,i.T.gray[50],i.T.gray[700],i.T.gray[300],i.T.gradients.hero,i.T.gradients.hero,i.T.danger[500],i.T.danger[600],i.T.danger[500],i.T.gray[100],i.T.gray[600]},8482:(e,t,r)=>{r.d(t,{Wu:()=>a,ZB:()=>s,Zp:()=>o,aR:()=>l});var n=r(5155),i=r(8250);function o(e){let{children:t,className:r="",style:o={},hover:l=!1,variant:a="default"}=e,s={default:{bg:"white",border:i.T.gray[200],shadow:"0 1px 3px rgba(0, 0, 0, 0.1)"},elevated:{bg:"white",border:i.T.gray[200],shadow:"0 4px 6px rgba(0, 0, 0, 0.05)"},gradient:{bg:i.T.gradients.hero,border:"transparent",shadow:"0 8px 25px rgba(157, 78, 221, 0.15)"}}[a];return(0,n.jsx)("div",{style:{background:s.bg,border:"1px solid ".concat(s.border),borderRadius:16,padding:24,boxShadow:s.shadow,transition:"all 0.2s ease",...o},onMouseEnter:e=>{l&&(e.currentTarget.style.transform="translateY(-2px)",e.currentTarget.style.boxShadow="0 8px 25px rgba(0, 0, 0, 0.1)")},onMouseLeave:e=>{l&&(e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.boxShadow=s.shadow)},className:r,children:t})}function l(e){let{children:t,className:r="",...i}=e;return(0,n.jsx)("div",{className:"mb-4 ".concat(r),...i,children:t})}function a(e){let{children:t,className:r="",...i}=e;return(0,n.jsx)("div",{className:r,...i,children:t})}function s(e){let{children:t,className:r="",...i}=e;return(0,n.jsx)("h2",{className:"text-xl font-semibold leading-tight ".concat(r),...i,children:t})}},9407:(e,t,r)=>{r.d(t,{A:()=>eA});var n=r(5155),i=r(2115),o=r(4416),l=r(8883),a=r(446),s=r(7213),d=r(4653),c=r(2657),p=r(9772),g=r(2713),u=r(381),x=r(3786),y=r(1007),h=r(4835),m=r(4783),f=r(4616),v=r(9074),b=r(4516),j=r(6516),w=r(4940),T=r(7168),k=r(8482),C=r(677),S=r(8250);function z(e){let{galleries:t=[],onCreateGallery:r,onEditGallery:o,onDeleteGallery:l,userSlug:a=""}=e,[d,p]=(0,i.useState)(!1),{addToast:g}=(0,C.dj)();(0,i.useEffect)(()=>{let e=()=>{p(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let u=async e=>{let t="https://eventlyapp.xyz/event/".concat(a,"/").concat(e.slug);try{await navigator.clipboard.writeText(t),g({type:"success",title:"Link Copied!",message:"Gallery link copied to clipboard",duration:2e3})}catch(e){g({type:"error",title:"Copy Failed",message:"Could not copy link to clipboard",duration:3e3})}},x=e=>new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"});return(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:d?20:24},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:d?"flex-start":"center",flexDirection:d?"column":"row",gap:16},children:[(0,n.jsxs)("div",{children:[(0,n.jsxs)("h1",{style:{margin:0,fontSize:d?"clamp(2rem, 5vw, 2.5rem)":"clamp(2.5rem, 4vw, 3rem)",fontWeight:700,color:S.T.primary.darkNavy,lineHeight:"1.2"},children:["Event"," ",(0,n.jsx)("span",{style:{background:S.T.gradients.hero,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"},children:"Galleries"})]}),(0,n.jsx)("p",{style:{margin:"8px 0 0 0",fontSize:d?14:16,color:S.T.text.secondary,lineHeight:"1.4"},children:"Create and manage photo galleries for your special events"})]}),(0,n.jsx)(T.$,{onClick:r,icon:f.A,size:d?"md":"lg",variant:"primary",style:{background:S.T.gradients.hero,whiteSpace:"nowrap",minWidth:"fit-content",width:d?"100%":"auto",fontSize:d?14:16,padding:d?"12px 20px":"16px 24px"},children:"Create Gallery"})]}),(0,n.jsx)("div",{children:0===t.length?(0,n.jsxs)(k.Zp,{style:{textAlign:"center",padding:d?32:48},children:[(0,n.jsx)(s.A,{size:d?40:48,color:S.T.gray[400],style:{margin:"0 auto 16px"}}),(0,n.jsx)("h3",{style:{margin:"0 0 8px 0",color:S.T.primary.darkNavy,fontSize:d?18:20,fontWeight:600},children:"No galleries yet"}),(0,n.jsx)("p",{style:{margin:0,color:S.T.text.secondary,fontSize:d?14:16,lineHeight:"1.5"},children:"Create your first event gallery to start sharing beautiful moments"})]}):(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:d?"1fr":"repeat(auto-fill, minmax(320px, 1fr))",gap:d?16:20},children:t.map(e=>{var t;return(0,n.jsxs)(k.Zp,{hover:!0,style:{overflow:"hidden",background:S.T.gradients.card,border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsxs)("div",{style:{width:"100%",height:200,backgroundColor:S.T.gray[100],backgroundImage:e.coverImage?"url(".concat(e.coverImage,")"):"none",backgroundSize:"cover",backgroundPosition:"center",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[!e.coverImage&&(0,n.jsx)(s.A,{size:48,color:S.T.gray[400]}),(0,n.jsx)("div",{style:{position:"absolute",bottom:8,right:8,backgroundColor:"rgba(0, 0, 0, 0.7)",color:"white",padding:"4px 8px",borderRadius:4,fontSize:10,fontWeight:500},children:"EventlyApp"})]}),(0,n.jsxs)("div",{style:{padding:20},children:[(0,n.jsx)("h3",{style:{margin:"0 0 8px 0",fontSize:18,fontWeight:600,color:S.T.primary.darkNavy,lineHeight:"1.3"},children:e.title}),(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:6,marginBottom:16},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)(v.A,{size:14,color:S.T.text.secondary}),(0,n.jsx)("span",{style:{fontSize:14,color:S.T.text.secondary},children:x(e.date)})]}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)(b.A,{size:14,color:S.T.text.secondary}),(0,n.jsx)("span",{style:{fontSize:14,color:S.T.text.secondary,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.location})]}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)(s.A,{size:14,color:S.T.text.secondary}),(0,n.jsxs)("span",{style:{fontSize:14,color:S.T.text.secondary},children:[(null===(t=e.photos)||void 0===t?void 0:t.length)||0," photos"]})]}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)(c.A,{size:14,color:S.T.text.secondary}),(0,n.jsxs)("span",{style:{fontSize:14,color:S.T.text.secondary},children:[e.views||0," views"]})]})]}),(0,n.jsxs)("div",{style:{display:"flex",gap:8,flexWrap:"wrap"},children:[(0,n.jsx)(T.$,{onClick:()=>u(e),icon:j.A,size:"sm",variant:"secondary",style:{flex:1,minWidth:"fit-content"},children:"Share"}),(0,n.jsx)(T.$,{onClick:()=>null==o?void 0:o(e),icon:w.A,size:"sm",variant:"primary",style:{background:S.T.gradients.hero,flex:1,minWidth:"fit-content"},children:"Edit"})]})]})]},e.id)})})})]})}var P=r(9621);function A(e){let{collections:t=[],userPlan:r={planId:"free",planName:"Free Plan"},onCreateCollection:o,onEditCollection:l,onDeleteCollection:a}=e,[c,p]=(0,i.useState)(!1),{addToast:g}=(0,C.dj)();(0,i.useEffect)(()=>{let e=()=>{p(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let u=(e,t)=>{let{columns:r=3,height:n=200,gap:i=16,borderRadius:o=12,showWatermark:l=!0}=t||{};return"grid"===e.displayType?'<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>EventlyApp - Your Event Gallery Hub</title>\n    <style>\n        .evently-collection * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .evently-collection {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: white;\n            padding: 24px;\n            border-radius: 16px;\n            width: 100%;\n            min-height: 400px;\n        }\n\n        .evently-collection .loading {\n            text-align: center;\n            padding: 60px 20px;\n            color: #666;\n            font-size: 18px;\n        }\n\n        .evently-collection .spinner {\n            width: 40px;\n            height: 40px;\n            border: 4px solid #f3f3f3;\n            border-top: 4px solid #333;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n            margin: 0 auto 16px;\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        .evently-collection .photo-grid {\n            display: grid;\n            grid-template-columns: repeat(").concat(r,", 1fr);\n            gap: ").concat(i,"px;\n            opacity: 0;\n            transition: opacity 0.6s ease-in-out;\n        }\n\n        .evently-collection .photo-grid.loaded {\n            opacity: 1;\n        }\n\n        .evently-collection .photo-item {\n            background: white;\n            border-radius: ").concat(o,"px;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n            cursor: pointer;\n            position: relative;\n            border: 1px solid #e0e0e0;\n        }\n\n        .evently-collection .photo-container {\n            position: relative;\n            width: 100%;\n            height: ").concat(n,"px;\n            overflow: hidden;\n            background: linear-gradient(45deg, #f8f8f8, #f0f0f0);\n        }\n\n        .evently-collection .photo-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .evently-collection .error-message {\n            text-align: center;\n            padding: 40px;\n            color: #666;\n            background: #f8f8f8;\n            border-radius: 12px;\n            border: 1px solid #e0e0e0;\n        }\n\n        .evently-collection .watermark {\n            text-align: center;\n            margin-top: 24px;\n            padding-top: 16px;\n            border-top: 1px solid #e0e0e0;\n            ").concat(l?"":"display: none;","\n        }\n\n        .evently-collection .watermark a {\n            color: #666;\n            text-decoration: none;\n            font-size: 14px;\n            transition: color 0.3s ease;\n        }\n\n        .evently-collection .watermark a:hover {\n            color: #333;\n        }\n\n        @media (max-width: 768px) {\n            .evently-collection .photo-grid {\n                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n                gap: ").concat(Math.max(i-4,8),'px;\n            }\n        }\n    </style>\n<base href="https://eventlyapp.xyz/"><meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="description" content="EventlyApp – Effortlessly create and share beautiful event photo galleries and collections.">
      <meta name="keywords" content="event gallery, event photos, share event, evently, online photo albums">
      <meta property="og:title" content="EventlyApp - Your Event Gallery Hub">
      <meta property="og:description" content="Host your event photos online with style. Simple, customizable, and shareable galleries.">
      <meta property="og:type" content="website">
      <meta property="og:url" content="https://eventlyapp.xyz/_next/static/chunks/407-22d209fac5baa187.js">
      <meta property="og:image" content="https://firebasestorage.googleapis.com/v0/b/evently-dc631.firebasestorage.app/o/opengraphevently.jpg?alt=media&token=5f115221-ee9d-4249-bb54-026e2591813b">
      <meta name="twitter:card" content="summary_large_image">
      <meta name="twitter:title" content="EventlyApp - Your Event Gallery Hub">
      <meta name="twitter:description" content="Create & share galleries, collections, and embeds for your events. No sign-up required.">
      <meta name="twitter:image" content="https://firebasestorage.googleapis.com/v0/b/evently-dc631.firebasestorage.app/o/opengraphevently.jpg?alt=media&token=5f115221-ee9d-4249-bb54-026e2591813b">
      <link rel="icon" href="https://firebasestorage.googleapis.com/v0/b/evently-dc631.firebasestorage.app/o/faviconevently.jpg?alt=media&token=36634f9f-c6b3-4384-8606-ceaf4ce968dd" type="image/jpeg">
    
      <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "EventlyApp",
        "description": "A web app to manage and share event galleries and collections.",
        "url": "https://eventlyapp.xyz/_next/static/chunks/407-22d209fac5baa187.js",
        "applicationCategory": "WebApplication"
      }
      </script>
    <link rel="canonical" href="https://eventlyapp.xyz/_next/static/chunks/407-22d209fac5baa187.js" /><style>#__framer-badge-container { display: none !important; }</style>
      <script>
        window.addEventListener('load', () => {
          document.title = "EventlyApp - Your Event Gallery Hub";
          const observer = new MutationObserver(() => {
            if (document.title !== "EventlyApp - Your Event Gallery Hub") {
              document.title = "EventlyApp - Your Event Gallery Hub";
            }
          });
          observer.observe(document.querySelector('title'), { childList: true });
        });
      </script>
    </head>\n<body>\n    <div class="evently-collection">\n        <div id="loading" class="loading">\n            <div class="spinner"></div>\n            Loading photos...\n        </div>\n        \n        <div id="error" class="error-message" style="display: none;">\n            Unable to load photos. Please try again later.\n        </div>\n        \n        <div id="photoGrid" class="photo-grid">\n            \x3c!-- Photos will be loaded here --\x3e\n        </div>\n\n        ').concat(l?'<div class="watermark">\n            <a href="https://eventlyapp.xyz" target="_blank">Powered by EventlyApp</a>\n        </div>':"","\n    </div>\n\n    <script type=\"module\">\n        import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.7.0/firebase-app.js';\n        import { getFirestore, doc, getDoc } from 'https://www.gstatic.com/firebasejs/10.7.0/firebase-firestore.js';\n        \n        const firebaseConfig = {\n            apiKey: \"AIzaSyDrq1DV-EaCRIbZ0buHTriPk-KUG8074Oc\",\n            authDomain: \"evently-dc631.firebaseapp.com\",\n            projectId: \"evently-dc631\",\n            storageBucket: \"evently-dc631.firebasestorage.app\",\n            messagingSenderId: \"560979122393\",\n            appId: \"1:560979122393:web:4c80fcc23555ab964986c8\"\n        };\n\n        const app = initializeApp(firebaseConfig);\n        const db = getFirestore(app);\n\n        const loadingEl = document.getElementById('loading');\n        const errorEl = document.getElementById('error');\n        const gridEl = document.getElementById('photoGrid');\n\n        async function loadCollection() {\n            try {\n                loadingEl.style.display = 'block';\n                errorEl.style.display = 'none';\n                \n                let collectionData = null;\n                \n                try {\n                    const collectionRef = doc(db, 'collections', '").concat(e.id,"');\n                    const collectionSnap = await getDoc(collectionRef);\n                    \n                    if (collectionSnap.exists()) {\n                        collectionData = collectionSnap.data();\n                    }\n                } catch (firestoreError) {\n                    console.log('Firestore collection not found, using embedded data');\n                }\n                \n                if (!collectionData) {\n                    collectionData = {\n                        id: '").concat(e.id,"',\n                        title: '").concat(e.title,"',\n                        photos: ").concat(JSON.stringify(e.photos),"\n                    };\n                }\n                \n                const photos = collectionData.photos || [];\n                \n                if (photos.length === 0) {\n                    throw new Error('No photos in this collection');\n                }\n\n                displayPhotos(photos);\n                \n                loadingEl.style.display = 'none';\n                gridEl.classList.add('loaded');\n\n            } catch (error) {\n                console.error('Error loading collection:', error);\n                loadingEl.style.display = 'none';\n                errorEl.style.display = 'block';\n                errorEl.innerHTML = `Error: ${error.message}<br><small>Collection ID: ").concat(e.id,"</small>`;\n            }\n        }\n\n        function displayPhotos(photos) {\n            gridEl.innerHTML = '';\n            \n            photos.forEach((photo, index) => {\n                const photoItem = createPhotoItem(photo, index);\n                gridEl.appendChild(photoItem);\n            });\n        }\n\n        function createPhotoItem(photo, index) {\n            const item = document.createElement('div');\n            item.className = 'photo-item';\n            \n            item.innerHTML = `\n                <div class=\"photo-container\">\n                    <img src=\"${photo.url}\" alt=\"Photo ${index + 1}\" loading=\"lazy\">\n                </div>\n            `;\n\n            item.addEventListener('click', () => {\n                window.open(photo.url, '_blank');\n            });\n\n            return item;\n        }\n\n        window.addEventListener('DOMContentLoaded', loadCollection);\n    <\/script>\n</body>\n</html>"):'<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>EventlyApp Collection - '.concat(e.title,"</title>\n    <style>\n        .evently-carousel * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .evently-carousel {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: white;\n            padding: 24px;\n            border-radius: ").concat(o,"px;\n            width: 100%;\n            min-height: 500px;\n            position: relative;\n        }\n\n        .evently-carousel .loading {\n            text-align: center;\n            padding: 60px 20px;\n            color: #666;\n            font-size: 18px;\n        }\n\n        .evently-carousel .spinner {\n            width: 40px;\n            height: 40px;\n            border: 4px solid #f3f3f3;\n            border-top: 4px solid #333;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n            margin: 0 auto 16px;\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        .evently-carousel .carousel-container {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n            opacity: 0;\n            transition: opacity 0.6s ease-in-out;\n        }\n\n        .evently-carousel .carousel-container.loaded {\n            opacity: 1;\n        }\n\n        .evently-carousel .carousel-track {\n            display: flex;\n            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            will-change: transform;\n        }\n\n        .evently-carousel .carousel-slide {\n            min-width: 100%;\n            position: relative;\n        }\n\n        .evently-carousel .slide-content {\n            background: white;\n            border-radius: ").concat(o,"px;\n            overflow: hidden;\n            box-shadow: 0 8px 32px rgba(0,0,0,0.1);\n            margin: 0 8px;\n            border: 1px solid #e0e0e0;\n        }\n\n        .evently-carousel .slide-image {\n            width: 100%;\n            height: ").concat(n+200,"px;\n            object-fit: cover;\n            display: block;\n        }\n\n        .evently-carousel .carousel-nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(255,255,255,0.95);\n            border: 1px solid #e0e0e0;\n            width: 48px;\n            height: 48px;\n            border-radius: 50%;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 20px;\n            color: #333;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n        }\n\n        .evently-carousel .carousel-nav:hover {\n            background: white;\n            transform: translateY(-50%) scale(1.1);\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n        }\n\n        .evently-carousel .carousel-nav.prev {\n            left: -24px;\n        }\n\n        .evently-carousel .carousel-nav.next {\n            right: -24px;\n        }\n\n        .evently-carousel .carousel-dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 24px;\n        }\n\n        .evently-carousel .dot {\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            background: #ddd;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .evently-carousel .dot.active {\n            background: #333;\n            transform: scale(1.2);\n        }\n\n        .evently-carousel .counter {\n            text-align: center;\n            color: #666;\n            font-size: 14px;\n            margin-top: 16px;\n        }\n\n        .evently-carousel .error-message {\n            text-align: center;\n            padding: 40px;\n            color: #666;\n            background: #f8f8f8;\n            border-radius: 12px;\n            border: 1px solid #e0e0e0;\n        }\n\n        .evently-carousel .watermark {\n            text-align: center;\n            margin-top: 24px;\n            padding-top: 16px;\n            border-top: 1px solid #e0e0e0;\n            ").concat(l?"":"display: none;",'\n        }\n\n        .evently-carousel .watermark a {\n            color: #666;\n            text-decoration: none;\n            font-size: 14px;\n            transition: color 0.3s ease;\n        }\n\n        .evently-carousel .watermark a:hover {\n            color: #333;\n        }\n\n        @media (max-width: 768px) {\n            .evently-carousel .carousel-nav {\n                width: 40px;\n                height: 40px;\n                font-size: 16px;\n            }\n            .evently-carousel .carousel-nav.prev {\n                left: -20px;\n            }\n            .evently-carousel .carousel-nav.next {\n                right: -20px;\n            }\n            .evently-carousel .slide-image {\n                height: 300px;\n            }\n        }\n    </style>\n</head>\n<body>\n    <div class="evently-carousel">\n        <div id="loading" class="loading">\n            <div class="spinner"></div>\n            Loading photos...\n        </div>\n        \n        <div id="error" class="error-message" style="display: none;">\n            Unable to load photos. Please try again later.\n        </div>\n        \n        <div id="carouselContainer" class="carousel-container">\n            <div id="carouselTrack" class="carousel-track">\n                \x3c!-- Slides will be loaded here --\x3e\n            </div>\n            \n            <button id="prevBtn" class="carousel-nav prev">‹</button>\n            <button id="nextBtn" class="carousel-nav next">›</button>\n            \n            <div id="carouselDots" class="carousel-dots">\n                \x3c!-- Dots will be loaded here --\x3e\n            </div>\n            \n            <div id="counter" class="counter">\n                \x3c!-- Counter will be updated here --\x3e\n            </div>\n        </div>\n\n        ').concat(l?'<div class="watermark">\n            <a href="https://eventlyapp.xyz" target="_blank">Powered by EventlyApp</a>\n        </div>':"","\n    </div>\n\n    <script type=\"module\">\n        import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.7.0/firebase-app.js';\n        import { getFirestore, doc, getDoc } from 'https://www.gstatic.com/firebasejs/10.7.0/firebase-firestore.js';\n        \n        const firebaseConfig = {\n            apiKey: \"AIzaSyDrq1DV-EaCRIbZ0buHTriPk-KUG8074Oc\",\n            authDomain: \"evently-dc631.firebaseapp.com\",\n            projectId: \"evently-dc631\",\n            storageBucket: \"evently-dc631.firebasestorage.app\",\n            messagingSenderId: \"560979122393\",\n            appId: \"1:560979122393:web:4c80fcc23555ab964986c8\"\n        };\n\n        const app = initializeApp(firebaseConfig);\n        const db = getFirestore(app);\n\n        let currentSlide = 0;\n        let totalSlides = 0;\n        let photos = [];\n        let autoPlayInterval;\n\n        const loadingEl = document.getElementById('loading');\n        const errorEl = document.getElementById('error');\n        const containerEl = document.getElementById('carouselContainer');\n        const trackEl = document.getElementById('carouselTrack');\n        const dotsEl = document.getElementById('carouselDots');\n        const counterEl = document.getElementById('counter');\n        const prevBtn = document.getElementById('prevBtn');\n        const nextBtn = document.getElementById('nextBtn');\n\n        async function loadCollection() {\n            try {\n                loadingEl.style.display = 'block';\n                errorEl.style.display = 'none';\n                \n                let collectionData = null;\n                \n                try {\n                    const collectionRef = doc(db, 'collections', '").concat(e.id,"');\n                    const collectionSnap = await getDoc(collectionRef);\n                    \n                    if (collectionSnap.exists()) {\n                        collectionData = collectionSnap.data();\n                    }\n                } catch (firestoreError) {\n                    console.log('Firestore collection not found, using embedded data');\n                }\n                \n                if (!collectionData) {\n                    collectionData = {\n                        id: '").concat(e.id,"',\n                        title: '").concat(e.title,"',\n                        photos: ").concat(JSON.stringify(e.photos),"\n                    };\n                }\n                \n                photos = collectionData.photos || [];\n                \n                if (photos.length === 0) {\n                    throw new Error('No photos in this collection');\n                }\n\n                totalSlides = photos.length;\n                createCarousel();\n                \n                loadingEl.style.display = 'none';\n                containerEl.style.display = 'block';\n                containerEl.classList.add('loaded');\n\n            } catch (error) {\n                console.error('Error loading collection:', error);\n                loadingEl.style.display = 'none';\n                errorEl.style.display = 'block';\n                errorEl.innerHTML = `Error: ${error.message}<br><small>Collection ID: ").concat(e.id,"</small>`;\n            }\n        }\n\n        function createCarousel() {\n            trackEl.innerHTML = '';\n            dotsEl.innerHTML = '';\n            \n            photos.forEach((photo, index) => {\n                const slide = createSlide(photo, index);\n                trackEl.appendChild(slide);\n            });\n\n            photos.forEach((_, index) => {\n                const dot = document.createElement('div');\n                dot.className = 'dot';\n                if (index === 0) dot.classList.add('active');\n                dot.addEventListener('click', () => goToSlide(index));\n                dotsEl.appendChild(dot);\n            });\n\n            prevBtn.addEventListener('click', prevSlide);\n            nextBtn.addEventListener('click', nextSlide);\n\n            startAutoPlay();\n            updateCounter();\n        }\n\n        function createSlide(photo, index) {\n            const slide = document.createElement('div');\n            slide.className = 'carousel-slide';\n            \n            slide.innerHTML = `\n                <div class=\"slide-content\">\n                    <img src=\"${photo.url}\" alt=\"Photo ${index + 1}\" class=\"slide-image\" loading=\"lazy\">\n                </div>\n            `;\n\n            return slide;\n        }\n\n        function goToSlide(index) {\n            currentSlide = index;\n            const translateX = -currentSlide * 100;\n            trackEl.style.transform = `translateX(${translateX}%)`;\n            \n            document.querySelectorAll('.dot').forEach((dot, i) => {\n                dot.classList.toggle('active', i === currentSlide);\n            });\n            \n            updateCounter();\n        }\n\n        function nextSlide() {\n            currentSlide = (currentSlide + 1) % totalSlides;\n            goToSlide(currentSlide);\n        }\n\n        function prevSlide() {\n            currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n            goToSlide(currentSlide);\n        }\n\n        function updateCounter() {\n            counterEl.textContent = `${currentSlide + 1} / ${totalSlides}`;\n        }\n\n        function startAutoPlay() {\n            if (autoPlayInterval) {\n                clearInterval(autoPlayInterval);\n            }\n            autoPlayInterval = setInterval(nextSlide, 5000);\n        }\n\n        containerEl.addEventListener('mouseenter', () => {\n            if (autoPlayInterval) {\n                clearInterval(autoPlayInterval);\n            }\n        });\n\n        containerEl.addEventListener('mouseleave', () => {\n            startAutoPlay();\n        });\n\n        window.addEventListener('DOMContentLoaded', loadCollection);\n    <\/script>\n</body>\n</html>")},x=async e=>{var t,n,i,o,l;"starter"===r.planId||r.planId;let a={columns:(null===(t=e.settings)||void 0===t?void 0:t.columns)||("grid"===e.displayType?3:1),height:(null===(n=e.settings)||void 0===n?void 0:n.height)||("grid"===e.displayType?200:400),gap:(null===(i=e.settings)||void 0===i?void 0:i.gap)||16,borderRadius:(null===(o=e.settings)||void 0===o?void 0:o.borderRadius)||12,showWatermark:(null===(l=e.settings)||void 0===l?void 0:l.showWatermark)!==!1},s=u(e,a);try{await navigator.clipboard.writeText(s);let e=a.showWatermark?"Embed code copied with EventlyApp watermark.":"Embed code copied without watermark!";g({type:"success",title:"Embed Code Copied!",message:e,duration:2e3})}catch(e){g({type:"error",title:"Copy Failed",message:"Could not copy embed code to clipboard",duration:3e3})}};return(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:c?20:24},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:c?"flex-start":"center",flexDirection:c?"column":"row",gap:16},children:[(0,n.jsxs)("div",{children:[(0,n.jsxs)("h1",{style:{margin:0,fontSize:c?"clamp(2rem, 5vw, 2.5rem)":"clamp(2.5rem, 4vw, 3rem)",fontWeight:700,color:S.T.primary.darkNavy,lineHeight:"1.2"},children:["Photo"," ",(0,n.jsx)("span",{style:{background:S.T.gradients.hero,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"},children:"Collections"})]}),(0,n.jsx)("p",{style:{margin:"8px 0 0 0",fontSize:c?14:16,color:S.T.text.secondary,lineHeight:"1.4"},children:"Create embeddable photo collections for your website"})]}),(0,n.jsx)(T.$,{onClick:o,icon:f.A,size:c?"md":"lg",variant:"primary",style:{background:S.T.gradients.hero,whiteSpace:"nowrap",minWidth:"fit-content",width:c?"100%":"auto",fontSize:c?14:16,padding:c?"12px 20px":"16px 24px"},children:"Create Collection"})]}),(0,n.jsx)("div",{children:0===t.length?(0,n.jsxs)(k.Zp,{style:{textAlign:"center",padding:c?32:48},children:[(0,n.jsx)(d.A,{size:c?40:48,color:S.T.gray[400],style:{margin:"0 auto 16px"}}),(0,n.jsx)("h3",{style:{margin:"0 0 8px 0",color:S.T.primary.darkNavy,fontSize:c?18:20,fontWeight:600},children:"No collections yet"}),(0,n.jsx)("p",{style:{margin:0,color:S.T.text.secondary,fontSize:c?14:16,lineHeight:"1.5"},children:"Create your first photo collection to embed on your website"})]}):(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:c?"1fr":"repeat(auto-fill, minmax(320px, 1fr))",gap:c?16:20},children:t.map(e=>(0,n.jsxs)(k.Zp,{hover:!0,style:{background:S.T.gradients.card,border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsxs)("div",{style:{width:"100%",height:160,backgroundColor:S.T.gray[100],position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderBottom:"1px solid ".concat(S.T.gray[200])},children:[e.photos.length>0?(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:"grid"===e.displayType?"1fr 1fr":"1fr",gap:4,width:"100%",height:"100%",padding:8},children:e.photos.slice(0,"grid"===e.displayType?4:1).map((t,r)=>(0,n.jsx)("div",{style:{backgroundImage:"url(".concat(t.url,")"),backgroundSize:"cover",backgroundPosition:"center",borderRadius:4,minHeight:"grid"===e.displayType?60:140}},t.id))}):(0,n.jsx)(s.A,{size:48,color:S.T.gray[400]}),(0,n.jsx)("div",{style:{position:"absolute",top:8,right:8,backgroundColor:S.T.primary.vibrantPurple,color:"white",padding:"4px 8px",borderRadius:12,fontSize:10,fontWeight:600,textTransform:"uppercase"},children:e.displayType})]}),(0,n.jsxs)("div",{style:{padding:20},children:[(0,n.jsx)("h3",{style:{margin:"0 0 8px 0",fontSize:18,fontWeight:600,color:S.T.primary.darkNavy,lineHeight:"1.3"},children:e.title}),(0,n.jsxs)("p",{style:{margin:"0 0 16px 0",fontSize:14,color:S.T.text.secondary},children:[e.photos.length," photo",1!==e.photos.length?"s":""]}),(0,n.jsxs)("div",{style:{display:"flex",gap:8,flexWrap:"wrap"},children:[(0,n.jsx)(T.$,{onClick:()=>x(e),icon:P.A,size:"sm",variant:"secondary",style:{flex:1,minWidth:"fit-content"},children:"Embed"}),(0,n.jsx)(T.$,{onClick:()=>null==l?void 0:l(e),icon:w.A,size:"sm",variant:"primary",style:{background:S.T.gradients.hero,flex:1,minWidth:"fit-content"},children:"Edit"})]})]})]},e.id))})})]})}var I=r(4575);function E(e){let{data:t}=e;return(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{style:{margin:0,fontSize:32,fontWeight:700,color:S.T.gray[800],background:S.T.gradients.hero,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"},children:"Analytics"}),(0,n.jsx)("p",{style:{margin:"8px 0 0 0",fontSize:16,color:S.T.gray[600]},children:"Track your performance and engagement"})]}),(0,n.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:20},children:[(0,n.jsxs)(k.Zp,{hover:!0,style:{textAlign:"center"},children:[(0,n.jsx)("div",{style:{width:60,height:60,borderRadius:12,backgroundColor:S.T.gray[100],display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 16px"},children:(0,n.jsx)(I.A,{size:28,color:S.T.primary[600]})}),(0,n.jsx)("h3",{style:{margin:"0 0 8px 0",fontSize:32,fontWeight:700,color:S.T.gray[800]},children:t.totalClicks.toLocaleString()}),(0,n.jsx)("p",{style:{margin:0,fontSize:16,color:S.T.gray[600]},children:"Total Clicks"})]}),(0,n.jsxs)(k.Zp,{hover:!0,style:{textAlign:"center"},children:[(0,n.jsx)("div",{style:{width:60,height:60,borderRadius:12,backgroundColor:S.T.gray[100],display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 16px"},children:(0,n.jsx)(c.A,{size:28,color:S.T.primary[500]})}),(0,n.jsx)("h3",{style:{margin:"0 0 8px 0",fontSize:32,fontWeight:700,color:S.T.gray[800]},children:t.totalViews.toLocaleString()}),(0,n.jsx)("p",{style:{margin:0,fontSize:16,color:S.T.gray[600]},children:"Total Views"})]})]}),(0,n.jsxs)(k.Zp,{children:[(0,n.jsx)("h3",{style:{margin:"0 0 20px 0",fontSize:20,fontWeight:600,color:S.T.gray[800]},children:"Top Performing Galleries"}),(0,n.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:t.topLinks.map((e,t)=>(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:16,backgroundColor:S.T.gray[50],borderRadius:12,border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12},children:[(0,n.jsx)("div",{style:{width:32,height:32,borderRadius:8,backgroundColor:0===t?S.T.primary[500]:1===t?S.T.gray[400]:S.T.primary[400],color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14,fontWeight:700},children:t+1}),(0,n.jsx)("span",{style:{fontWeight:600,color:S.T.gray[800]},children:e.text})]}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)("span",{style:{fontSize:18,fontWeight:700,color:S.T.primary[600]},children:e.clicks.toLocaleString()}),(0,n.jsx)("span",{style:{fontSize:14,color:S.T.gray[600]},children:"views"})]})]},e.id))})]})]})}var R=r(1154),F=r(646),D=r(5339),W=r(4357),N=r(4229),B=r(7951),L=r(3311),M=r(2315);function U(e){var t,r,o,a,s;let{initialData:d,onSave:c,userId:p}=e,[g,u]=(0,i.useState)(!1),[h,m]=(0,i.useState)(d),[f,v]=(0,i.useState)(d.userProfileSlug||d.slug||""),[b,j]=(0,i.useState)(d.userProfileSlug||d.slug||""),[w,z]=(0,i.useState)({isValid:!0,isChecking:!1}),[P,A]=(0,i.useState)(!1),[I,E]=(0,i.useState)(!1),{addToast:U}=(0,C.dj)();(0,i.useEffect)(()=>{let e=()=>{u(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,i.useEffect)(()=>{console.log("=== SettingsPage: Initial data changed:",d),m(d);let e=d.userProfileSlug||d.slug||"";v(e),j(e)},[d]),(0,i.useEffect)(()=>{let e=f!==b;console.log("=== SettingsPage: Slug changed check:",{customSlug:f,originalSlug:b,changed:e}),E(e)},[f,b]),(0,i.useEffect)(()=>{let e=setTimeout(async()=>{if(!f.trim()){z({isValid:!1,error:"Profile slug cannot be empty",isChecking:!1});return}if(f===b){console.log("=== SettingsPage: Slug unchanged, marking as valid"),z({isValid:!0,isChecking:!1});return}console.log("=== SettingsPage: Starting slug validation for:",f,"user:",p),z({isValid:!1,isChecking:!0});try{let e=await (0,M.gz)(f,p);console.log("=== SettingsPage: Validation result:",e),z({isValid:e.isValid,error:e.error,suggestions:e.suggestions,isChecking:!1})}catch(e){console.error("=== SettingsPage: Validation error:",e),z({isValid:!1,error:"Error validating profile slug",isChecking:!1})}},500);return()=>clearTimeout(e)},[f,b,p]);let H=e=>{let t=(0,M.sanitizeSlug)(e);console.log("=== SettingsPage: Slug changed from",e,"to",t),v(t)},$=e=>{console.log("=== SettingsPage: Using suggestion:",e),v(e)},V=(e,t)=>{U({type:"info",title:"Upgrades Coming Soon!",message:"Please contact support to upgrade to ".concat(t,". We're working on automated billing and will have it ready soon."),duration:6e3})},Y=async e=>{try{await navigator.clipboard.writeText(e),U({type:"success",title:"Copied!",message:"Link copied to clipboard",duration:2e3})}catch(e){U({type:"error",title:"Copy Failed",message:"Could not copy to clipboard",duration:3e3})}},G=async()=>{if(!w.isValid){U({type:"error",title:"Invalid Profile Slug",message:w.error||"Please fix the profile slug before saving.",duration:5e3});return}A(!0);try{let e={...h,userProfileSlug:f,slug:f};console.log("=== SettingsPage: Saving settings:",e),await c(e),m(e),j(f),U({type:"success",title:"Settings Saved!",message:I?"Your profile URL has been updated to eventlyapp.xyz/".concat(f):"Your settings have been updated successfully.",duration:4e3})}catch(e){console.error("=== SettingsPage: Save error:",e),U({type:"error",title:"Save Failed",message:"There was an error saving your settings. Please try again.",duration:6e3})}finally{A(!1)}},q="https://eventlyapp.xyz/".concat(f);return(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:g?20:24},children:[(0,n.jsxs)("div",{children:[(0,n.jsxs)("h1",{style:{margin:0,fontSize:g?"clamp(2rem, 5vw, 2.5rem)":"clamp(2.5rem, 4vw, 3rem)",fontWeight:700,color:S.T.primary.darkNavy,lineHeight:"1.2"},children:["Account"," ",(0,n.jsx)("span",{style:{background:S.T.gradients.hero,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"},children:"Settings"})]}),(0,n.jsx)("p",{style:{margin:"8px 0 0 0",fontSize:g?14:16,color:S.T.gray[600],lineHeight:"1.4"},children:"Manage your profile URL and subscription settings"})]}),(0,n.jsxs)("div",{style:{display:"grid",gap:g?20:24},children:[(0,n.jsxs)(k.Zp,{style:{padding:g?16:20},children:[(0,n.jsx)("h3",{style:{margin:"0 0 16px 0",fontSize:g?18:20,fontWeight:600,color:S.T.primary.darkNavy},children:"Profile URL"}),(0,n.jsxs)("div",{style:{display:"grid",gap:g?14:16},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{style:{display:"block",fontWeight:600,color:S.T.gray[700],marginBottom:8,fontSize:g?14:16},children:"Your Profile Slug"}),(0,n.jsx)("p",{style:{margin:"0 0 12px 0",fontSize:g?13:14,color:S.T.gray[500],lineHeight:"1.4"},children:'Choose a custom slug for your "All Events" page URL. Only letters, numbers, hyphens, and underscores are allowed. This will be your permanent link that you can share with others.'}),(0,n.jsx)("div",{style:{position:"relative"},children:(0,n.jsxs)("div",{style:{display:"flex",alignItems:"stretch",border:"2px solid ".concat(w.isChecking?S.T.gray[300]:w.isValid?S.T.primary.vibrantPurple+"60":S.T.primary.electricBlue+"60"),borderRadius:12,backgroundColor:S.T.gray[50],transition:"all 0.2s ease",flexDirection:g?"column":"row"},children:[(0,n.jsx)("span",{style:{padding:g?"12px 16px 8px 16px":"12px 16px",fontSize:g?14:16,color:S.T.gray[600],backgroundColor:S.T.gray[100],borderRadius:g?"10px 10px 0 0":"10px 0 0 10px",borderRight:g?"none":"1px solid ".concat(S.T.gray[200]),borderBottom:g?"1px solid ".concat(S.T.gray[200]):"none",fontFamily:"monospace",textAlign:g?"center":"left"},children:"eventlyapp.xyz/"}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",flex:1},children:[(0,n.jsx)("input",{type:"text",value:f,onChange:e=>H(e.target.value),placeholder:"your-name",style:{flex:1,padding:"12px 16px",border:"none",borderRadius:g?"0 0 0 10px":"0",fontSize:g?14:16,fontFamily:"monospace",backgroundColor:"transparent",outline:"none"}}),(0,n.jsx)("div",{style:{padding:"0 12px"},children:w.isChecking?(0,n.jsx)(R.A,{size:20,color:S.T.gray[400],style:{animation:"spin 1s linear infinite"}}):w.isValid?(0,n.jsx)(F.A,{size:20,color:S.T.primary.vibrantPurple}):(0,n.jsx)(D.A,{size:20,color:S.T.primary.electricBlue})})]})]})}),I&&(0,n.jsx)("div",{style:{display:"flex",gap:8,marginTop:8},children:(0,n.jsx)(T.$,{variant:"ghost",size:"sm",onClick:()=>{console.log("=== SettingsPage: Resetting slug to original:",b),v(b)},style:{fontSize:g?11:12},children:"Reset to Original"})}),!w.isChecking&&(0,n.jsx)("div",{style:{marginTop:12},children:w.isValid?(0,n.jsxs)("div",{children:[(0,n.jsxs)("p",{style:{margin:"0 0 8px 0",fontSize:g?13:14,color:S.T.primary.vibrantPurple,display:"flex",alignItems:"center",gap:6},children:[(0,n.jsx)(F.A,{size:16}),I?"This profile slug is available!":"Current profile slug is valid"]}),(0,n.jsxs)("div",{style:{padding:g?10:12,backgroundColor:S.T.primary.vibrantPurple+"10",border:"1px solid ".concat(S.T.primary.vibrantPurple,"40"),borderRadius:8,display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,flexDirection:g?"column":"row"},children:[(0,n.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,n.jsx)("p",{style:{margin:"0 0 4px 0",fontSize:g?11:12,color:S.T.primary.vibrantPurple,fontWeight:600},children:"Your All Events Page URL:"}),(0,n.jsx)("p",{style:{margin:0,fontSize:g?13:14,color:S.T.primary.darkNavy,fontFamily:"monospace",wordBreak:"break-all"},children:q})]}),(0,n.jsxs)("div",{style:{display:"flex",gap:4,flexShrink:0},children:[(0,n.jsx)("button",{onClick:()=>Y(q),style:{padding:"6px",border:"none",backgroundColor:S.T.primary.vibrantPurple+"20",color:S.T.primary.vibrantPurple,borderRadius:6,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.primary.vibrantPurple+"30"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=S.T.primary.vibrantPurple+"20"},title:"Copy URL",children:(0,n.jsx)(W.A,{size:16})}),(0,n.jsx)("button",{onClick:()=>window.open(q,"_blank"),style:{padding:"6px",border:"none",backgroundColor:S.T.primary.vibrantPurple+"20",color:S.T.primary.vibrantPurple,borderRadius:6,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.primary.vibrantPurple+"30"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=S.T.primary.vibrantPurple+"20"},title:"Open in new tab",children:(0,n.jsx)(x.A,{size:16})})]})]})]}):(0,n.jsxs)("div",{children:[(0,n.jsxs)("p",{style:{margin:"0 0 8px 0",fontSize:g?13:14,color:S.T.primary.electricBlue,display:"flex",alignItems:"center",gap:6},children:[(0,n.jsx)(D.A,{size:16}),w.error]}),w.suggestions&&w.suggestions.length>0&&(0,n.jsxs)("div",{style:{padding:g?10:12,backgroundColor:S.T.primary.electricBlue+"10",border:"1px solid ".concat(S.T.primary.electricBlue,"40"),borderRadius:8},children:[(0,n.jsx)("p",{style:{margin:"0 0 8px 0",fontSize:g?12:13,color:S.T.primary.electricBlue,fontWeight:600},children:"\uD83D\uDCA1 Try these available alternatives:"}),(0,n.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:g?6:8},children:w.suggestions.slice(0,5).map(e=>(0,n.jsx)("button",{onClick:()=>$(e),style:{padding:g?"5px 10px":"6px 12px",fontSize:g?12:13,border:"1px solid ".concat(S.T.primary.electricBlue),borderRadius:6,backgroundColor:S.T.primary.electricBlue+"20",color:S.T.primary.electricBlue,cursor:"pointer",fontFamily:"monospace",transition:"all 0.2s ease",fontWeight:500},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.primary.electricBlue+"30",e.currentTarget.style.transform="translateY(-1px)"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=S.T.primary.electricBlue+"20",e.currentTarget.style.transform="translateY(0)"},children:e},e))})]})]})})]}),(0,n.jsxs)("div",{style:{padding:g?12:16,backgroundColor:S.T.gray[50],borderRadius:8,border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsx)("h4",{style:{margin:"0 0 8px 0",fontSize:g?13:14,fontWeight:600,color:S.T.gray[700]},children:"Profile Slug Guidelines:"}),(0,n.jsxs)("ul",{style:{margin:0,padding:"0 0 0 16px",fontSize:g?12:13,color:S.T.gray[600],lineHeight:"1.5"},children:[(0,n.jsx)("li",{children:"Must be 3-30 characters long"}),(0,n.jsx)("li",{children:"Only letters, numbers, hyphens (-), and underscores (_)"}),(0,n.jsx)("li",{children:"Cannot start or end with special characters"}),(0,n.jsx)("li",{children:"No consecutive special characters (-- or __)"}),(0,n.jsx)("li",{children:"Cannot use reserved words (admin, api, etc.)"}),(0,n.jsx)("li",{children:"Must be unique across all users"})]})]}),(0,n.jsxs)("div",{style:{marginTop:g?16:20,paddingTop:g?16:20,borderTop:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsx)(T.$,{onClick:G,icon:N.A,size:g?"sm":"md",fullWidth:g,variant:"primary",disabled:P||!w.isValid||w.isChecking||!I,style:{fontSize:g?13:14,padding:g?"10px 16px":"12px 20px",background:I&&w.isValid?S.T.gradients.hero:S.T.gray[300],opacity:I&&w.isValid?1:.6},children:P?"Saving Profile URL...":I?"Save Profile URL":"No Changes"}),I&&(0,n.jsx)("p",{style:{margin:"8px 0 0 0",fontSize:g?11:12,color:S.T.gray[500],textAlign:g?"center":"left",lineHeight:"1.4"},children:"\uD83D\uDCA1 Your profile URL will be updated immediately after saving"})]})]})]}),(0,n.jsxs)(k.Zp,{style:{padding:g?16:20},children:[(0,n.jsx)("h3",{style:{margin:"0 0 16px 0",fontSize:g?18:20,fontWeight:600,color:S.T.primary.darkNavy},children:"Current Plan"}),(0,n.jsxs)("div",{style:{padding:g?16:20,background:S.T.gradients.card,borderRadius:12,border:"2px solid ".concat(S.T.primary.vibrantPurple,"40"),marginBottom:g?16:20},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:12,flexDirection:g?"column":"row",gap:8*!!g},children:[(0,n.jsx)("h4",{style:{margin:0,fontSize:g?16:18,fontWeight:600,color:S.T.primary.darkNavy},children:(null===(t=h.subscription)||void 0===t?void 0:t.planName)||"Free Tier"}),(0,n.jsx)("span",{style:{padding:"4px 12px",fontSize:g?11:12,fontWeight:600,backgroundColor:S.T.primary.vibrantPurple+"20",color:S.T.primary.vibrantPurple,borderRadius:20,textTransform:"uppercase"},children:(null===(r=h.subscription)||void 0===r?void 0:r.status)||"Active"})]}),(0,n.jsx)("p",{style:{margin:"0 0 16px 0",fontSize:g?13:14,color:S.T.gray[600],lineHeight:"1.4"},children:(null===(o=h.subscription)||void 0===o?void 0:o.planDescription)||"All core gallery and collection management features"}),(null===(a=h.subscription)||void 0===a?void 0:a.features)&&(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{style:{margin:"0 0 8px 0",fontSize:g?12:13,fontWeight:600,color:S.T.gray[700]},children:"Included features:"}),(0,n.jsx)("ul",{style:{margin:0,padding:"0 0 0 16px",fontSize:g?12:13,color:S.T.gray[600],lineHeight:"1.6"},children:h.subscription.features.map((e,t)=>(0,n.jsx)("li",{children:e},t))})]})]})]}),(0,n.jsxs)(k.Zp,{style:{padding:g?16:20},children:[(0,n.jsx)("h3",{style:{margin:"0 0 16px 0",fontSize:g?18:20,fontWeight:600,color:S.T.primary.darkNavy},children:"Subscription Plans"}),(0,n.jsx)("p",{style:{margin:"0 0 20px 0",fontSize:g?13:14,color:S.T.gray[600],lineHeight:"1.5"},children:"Choose the perfect plan for your event management needs. Each tier offers different features and capabilities to help you create stunning event galleries."}),(0,n.jsx)("div",{style:{display:"grid",gap:g?14:16},children:null===(s=h.plans)||void 0===s?void 0:s.map(e=>{let t=e.id===h.currentPlan,r="free"===e.id?y.A:"starter"===e.id?B.A:L.A;return(0,n.jsxs)("div",{style:{padding:g?16:20,border:"2px solid ".concat(t?S.T.primary.vibrantPurple:S.T.gray[200]),borderRadius:12,backgroundColor:t?S.T.primary.vibrantPurple+"10":S.T.gray[50],position:"relative",transition:"all 0.2s ease"},onMouseEnter:e=>{t||(e.currentTarget.style.borderColor=S.T.primary.vibrantPurple+"60")},onMouseLeave:e=>{t||(e.currentTarget.style.borderColor=S.T.gray[200])},children:[t&&(0,n.jsx)("div",{style:{position:"absolute",top:-1,right:16,padding:"4px 12px",fontSize:g?11:12,fontWeight:600,backgroundColor:S.T.primary.vibrantPurple,color:"white",borderRadius:"0 0 8px 8px"},children:"Current"}),(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:8,flexDirection:g?"column":"row",gap:8*!!g},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12},children:[(0,n.jsx)(r,{size:24,color:S.T.primary.vibrantPurple}),(0,n.jsx)("h4",{style:{margin:0,fontSize:g?16:18,fontWeight:600,color:S.T.primary.darkNavy},children:e.name})]}),(0,n.jsxs)("span",{style:{fontSize:g?20:24,fontWeight:700,color:S.T.primary.vibrantPurple},children:["$",e.price,(0,n.jsx)("span",{style:{fontSize:g?12:14,fontWeight:400,color:S.T.gray[500]},children:"/mo"})]})]}),(0,n.jsx)("p",{style:{margin:"0 0 12px 0",fontSize:g?13:14,color:S.T.gray[600],lineHeight:"1.4"},children:e.description}),(0,n.jsx)("ul",{style:{margin:0,padding:"0 0 0 16px",fontSize:g?12:13,color:S.T.gray[600],lineHeight:"1.6"},children:e.features.map((e,t)=>(0,n.jsx)("li",{children:e},t))}),!t&&(0,n.jsx)("div",{style:{marginTop:16,paddingTop:16,borderTop:"1px solid ".concat(S.T.gray[200])},children:(0,n.jsxs)(T.$,{onClick:()=>V(e.id,e.name),variant:"primary",size:"sm",fullWidth:!0,style:{background:S.T.gradients.hero,fontSize:g?13:14,padding:g?"10px 16px":"12px 20px"},children:["Upgrade to ",e.name]})}),t&&(0,n.jsx)("div",{style:{marginTop:16,paddingTop:16,borderTop:"1px solid ".concat(S.T.gray[200])},children:(0,n.jsx)("div",{style:{padding:"10px 16px",backgroundColor:S.T.primary.vibrantPurple+"20",color:S.T.primary.vibrantPurple,borderRadius:8,textAlign:"center",fontSize:g?13:14,fontWeight:600},children:"Current Plan"})})]},e.id)})})]}),(0,n.jsxs)(k.Zp,{style:{padding:g?16:20},children:[(0,n.jsx)("h3",{style:{margin:"0 0 16px 0",fontSize:g?18:20,fontWeight:600,color:S.T.primary.darkNavy},children:"Support"}),(0,n.jsx)("p",{style:{margin:"0 0 16px 0",fontSize:g?13:14,color:S.T.gray[600],lineHeight:"1.5"},children:"Need help with your EventlyApp account? Our support team is here to assist you."}),(0,n.jsx)(T.$,{onClick:()=>{var e;let t=encodeURIComponent("EventlyApp Support Request"),r=encodeURIComponent("Hi EventlyApp Support,\n\nCurrent Plan: ".concat(null===(e=h.subscription)||void 0===e?void 0:e.planName,"\nProfile URL: https://eventlyapp.xyz/").concat(f,"\n\nI would like assistance with:\n\n[Please describe your request here]\n\nThank you!"));window.location.href="mailto:support@eventlyapp.xyz?subject=".concat(t,"&body=").concat(r)},icon:l.A,variant:"secondary",style:{width:g?"100%":"auto"},children:"Contact Support"})]}),(0,n.jsx)(T.$,{onClick:G,icon:N.A,size:g?"md":"lg",fullWidth:!0,variant:"primary",disabled:P||!w.isValid||w.isChecking,style:{fontSize:g?14:16,padding:g?"14px 20px":"16px 24px",background:S.T.gradients.hero},children:P?"Saving...":"Save All Settings"})]}),(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n            @keyframes spin {\n              0% { transform: rotate(0deg); }\n              100% { transform: rotate(360deg); }\n            }\n          "}})]})}function H(e){let{galleries:t,userDisplayName:r,userProfileSlug:o,userBio:l,profilePicture:a,bannerPicture:d}=e,[c,p]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let e=()=>{p(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let g=e=>new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"});return(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:c?24:32},children:[(0,n.jsxs)("div",{style:{background:d?"url(".concat(d,")"):S.T.gradients.hero,backgroundSize:"cover",backgroundPosition:"center",borderRadius:16,padding:c?40:60,color:"white",textAlign:"center",position:"relative",overflow:"hidden"},children:[d&&(0,n.jsx)("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.4)",borderRadius:16}}),(0,n.jsxs)("div",{style:{position:"relative",zIndex:1},children:[a&&(0,n.jsx)("div",{style:{width:c?80:100,height:c?80:100,borderRadius:"50%",overflow:"hidden",margin:"0 auto 20px auto",border:"4px solid rgba(255, 255, 255, 0.9)",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.2)"},children:(0,n.jsx)("img",{src:a||"/placeholder.svg",alt:"".concat(r,"'s profile"),style:{width:"100%",height:"100%",objectFit:"cover"}})}),(0,n.jsx)("h1",{style:{margin:0,fontSize:c?"clamp(2rem, 5vw, 2.5rem)":"clamp(2.5rem, 4vw, 3rem)",fontWeight:700,lineHeight:"1.2",marginBottom:16*!!l,textShadow:"0 2px 8px rgba(0, 0, 0, 0.3)"},children:r}),l&&(0,n.jsx)("p",{style:{margin:0,fontSize:c?16:18,opacity:.95,lineHeight:"1.5",maxWidth:600,marginLeft:"auto",marginRight:"auto",textShadow:"0 1px 4px rgba(0, 0, 0, 0.3)"},children:l})]})]}),t.length>0?(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:c?"1fr":"repeat(auto-fill, minmax(320px, 1fr))",gap:c?16:24},children:t.map(e=>(0,n.jsxs)(k.Zp,{hover:!0,style:{overflow:"hidden",background:S.T.gradients.card,border:"1px solid ".concat(S.T.gray[200]),cursor:"pointer"},children:[(0,n.jsxs)("div",{style:{width:"100%",height:200,backgroundColor:S.T.gray[100],backgroundImage:e.coverImage?"url(".concat(e.coverImage,")"):"none",backgroundSize:"cover",backgroundPosition:"center",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[!e.coverImage&&(0,n.jsx)(s.A,{size:48,color:S.T.gray[400]}),(0,n.jsx)("div",{style:{position:"absolute",bottom:8,right:8,backgroundColor:"rgba(0, 0, 0, 0.7)",color:"white",padding:"4px 8px",borderRadius:4,fontSize:10,fontWeight:500},children:"EventlyApp"})]}),(0,n.jsxs)("div",{style:{padding:20},children:[(0,n.jsx)("h3",{style:{margin:"0 0 16px 0",fontSize:18,fontWeight:600,color:S.T.primary.darkNavy,lineHeight:"1.3"},children:e.title}),(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:12,marginBottom:20},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)(v.A,{size:16,color:S.T.text.secondary}),(0,n.jsx)("span",{style:{fontSize:14,color:S.T.text.secondary},children:g(e.date)})]}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)(b.A,{size:16,color:S.T.text.secondary}),(0,n.jsx)("span",{style:{fontSize:14,color:S.T.text.secondary,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.location})]})]}),(0,n.jsx)(T.$,{variant:"primary",fullWidth:!0,style:{background:S.T.gradients.hero},children:"View Gallery"})]})]},e.id))}):(0,n.jsxs)(k.Zp,{style:{textAlign:"center",padding:c?32:48},children:[(0,n.jsx)(s.A,{size:c?48:64,color:S.T.gray[400],style:{margin:"0 auto 20px"}}),(0,n.jsx)("h3",{style:{margin:"0 0 12px 0",color:S.T.primary.darkNavy,fontSize:c?20:24,fontWeight:600},children:"No galleries yet"}),(0,n.jsx)("p",{style:{margin:"0 0 24px 0",color:S.T.text.secondary,fontSize:c?14:16,lineHeight:"1.5",maxWidth:400,marginLeft:"auto",marginRight:"auto"},children:"This is how your public profile will look. Create some galleries to see them appear here!"}),(0,n.jsx)(T.$,{variant:"primary",style:{background:S.T.gradients.hero},children:"Create Gallery"})]}),(0,n.jsx)("div",{style:{textAlign:"center",padding:20,backgroundColor:S.T.gray[50],borderRadius:12,border:"1px solid ".concat(S.T.gray[200])},children:(0,n.jsxs)("p",{style:{margin:0,fontSize:14,color:S.T.text.secondary,lineHeight:"1.5"},children:["This is a preview of how your public profile will appear to visitors. Your actual public page will be available at ",(0,n.jsxs)("strong",{style:{color:S.T.primary.vibrantPurple},children:["eventlyapp.xyz/",o]})]})})]})}var $=r(4355),V=r(9869),Y=r(9852),G=r(7732),q=r(2085),O=r(3999);let _=(0,q.F)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Z=i.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,n.jsx)(G.b,{ref:t,className:(0,O.cn)(_(),r),...i})});Z.displayName=G.b.displayName;let J=i.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,n.jsx)("textarea",{className:(0,O.cn)("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",r),ref:t,...i})});J.displayName="Textarea";var X=r(4884);let K=i.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,n.jsx)(X.bL,{className:(0,O.cn)("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",r),...i,ref:t,children:(0,n.jsx)(X.zi,{className:(0,O.cn)("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")})})});K.displayName=X.bL.displayName;var Q=r(2595);let ee=(e,t)=>{var r;let n=e.split(","),i=(null===(r=n[0].match(/:(.*?);/))||void 0===r?void 0:r[1])||"image/jpeg",o=atob(n[1]),l=o.length,a=new Uint8Array(l);for(;l--;)a[l]=o.charCodeAt(l);return new File([a],t,{type:i})};function et(e){var t;let{initialData:r,onSave:l,userId:a,settingsData:d}=e,{addToast:c}=(0,C.dj)(),[p,g]=(0,i.useState)(r),[u,x]=(0,i.useState)(!1),[h,m]=(0,i.useState)(null),[f,v]=(0,i.useState)(null),[b,j]=(0,i.useState)(r.profilePicture),[w,k]=(0,i.useState)(r.bannerPicture),[z,P]=(0,i.useState)(!1),[A,I]=(0,i.useState)(!1),E=(0,i.useRef)(null),F=(0,i.useRef)(null),D=(e,t)=>{g(r=>({...r,[e]:t}))},W=(e,t)=>{var r;let n=null===(r=e.target.files)||void 0===r?void 0:r[0];if(!n)return;if(!n.type.startsWith("image/")){c({type:"error",title:"Invalid File",message:"Please select a valid image file."});return}if(n.size>5242880){c({type:"error",title:"File Too Large",message:"Image size must be less than 5MB."});return}"profile"===t?m(n):v(n);let i=new FileReader;i.onload=e=>{var r;let n=null===(r=e.target)||void 0===r?void 0:r.result;"profile"===t?j(n):k(n)},i.readAsDataURL(n)},B=e=>{"profile"===e?(m(null),j(""),g(e=>({...e,profilePicture:""})),E.current&&(E.current.value="")):(v(null),k(""),g(e=>({...e,bannerPicture:""})),F.current&&(F.current.value=""))},L=async e=>{e.preventDefault(),x(!0);try{let e={...p};if(h){P(!0);let t=await (0,Q.V6)(a,h,"profile-pictures");t&&(e.profilePicture=t),P(!1)}else if(b&&b.startsWith("data:")){P(!0);let t=ee(b,"profile-image.jpg"),r=await (0,Q.V6)(a,t,"profile-pictures");r&&(e.profilePicture=r),P(!1)}else""===b&&(e.profilePicture="");if(f){I(!0);let t=await (0,Q.V6)(a,f,"banner-pictures");t&&(e.bannerPicture=t),I(!1)}else if(w&&w.startsWith("data:")){I(!0);let t=ee(w,"banner-image.jpg"),r=await (0,Q.V6)(a,t,"banner-pictures");r&&(e.bannerPicture=r),I(!1)}else""===w&&(e.bannerPicture="");await l(e),m(null),v(null),c({type:"success",title:"Account Updated",message:"Your account information has been saved successfully."})}catch(e){console.error("Error saving account:",e),c({type:"error",title:"Save Failed",message:"Failed to save account information. Please try again."})}finally{x(!1),P(!1),I(!1)}},M=(null===(t=d.subscription)||void 0===t?void 0:t.planId)!=="free"||"free"!==d.currentPlan;return(0,n.jsxs)("div",{style:{maxWidth:"800px",margin:"0 auto"},children:[(0,n.jsxs)("div",{style:{marginBottom:"32px"},children:[(0,n.jsx)("h1",{style:{margin:0,fontSize:"32px",fontWeight:"700",color:S.T.primary.darkNavy,marginBottom:"8px"},children:"Account Settings"}),(0,n.jsx)("p",{style:{margin:0,fontSize:"16px",color:S.T.gray[600]},children:"Manage your profile information and preferences"})]}),(0,n.jsx)("form",{onSubmit:L,children:(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"32px"},children:[(0,n.jsxs)("div",{style:{backgroundColor:"white",borderRadius:"16px",padding:"24px",border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsx)("h2",{style:{margin:"0 0 16px 0",fontSize:"20px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Profile Picture"}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"24px",flexWrap:"wrap"},children:[(0,n.jsx)("div",{style:{width:"120px",height:"120px",borderRadius:"50%",backgroundColor:S.T.gray[100],display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",border:"3px solid ".concat(S.T.gray[200]),position:"relative"},children:b?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("img",{src:b||"/placeholder.svg",alt:"Profile",style:{width:"100%",height:"100%",objectFit:"cover"}}),(0,n.jsx)("button",{type:"button",onClick:()=>B("profile"),style:{position:"absolute",top:"8px",right:"8px",width:"24px",height:"24px",borderRadius:"50%",backgroundColor:"rgba(239, 68, 68, 0.9)",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(o.A,{size:12,color:"white"})})]}):(0,n.jsx)(y.A,{size:48,color:S.T.gray[400]})}),(0,n.jsxs)("div",{style:{flex:1,minWidth:"200px"},children:[(0,n.jsx)("p",{style:{margin:"0 0 12px 0",fontSize:"14px",color:S.T.gray[600]},children:"Upload a profile picture to personalize your account. Recommended size: 400x400px."}),(0,n.jsxs)("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[(0,n.jsxs)(T.$,{type:"button",variant:"secondary",onClick:()=>{var e;return null===(e=E.current)||void 0===e?void 0:e.click()},disabled:z,children:[z?(0,n.jsx)(R.A,{size:16,className:"animate-spin"}):(0,n.jsx)($.A,{size:16}),z?"Uploading...":"Change Photo"]}),b&&(0,n.jsx)(T.$,{type:"button",variant:"ghost",onClick:()=>B("profile"),children:"Remove"})]}),(0,n.jsx)("input",{ref:E,type:"file",accept:"image/*",onChange:e=>W(e,"profile"),style:{display:"none"}})]})]})]}),(0,n.jsxs)("div",{style:{backgroundColor:"white",borderRadius:"16px",padding:"24px",border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsx)("h2",{style:{margin:"0 0 16px 0",fontSize:"20px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Banner Image"}),(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[(0,n.jsx)("div",{style:{width:"100%",height:"200px",borderRadius:"12px",backgroundColor:S.T.gray[100],display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",border:"2px dashed ".concat(S.T.gray[300]),position:"relative"},children:w?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("img",{src:w||"/placeholder.svg",alt:"Banner",style:{width:"100%",height:"100%",objectFit:"cover"}}),(0,n.jsx)("button",{type:"button",onClick:()=>B("banner"),style:{position:"absolute",top:"12px",right:"12px",width:"32px",height:"32px",borderRadius:"50%",backgroundColor:"rgba(239, 68, 68, 0.9)",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(o.A,{size:16,color:"white"})})]}):(0,n.jsxs)("div",{style:{textAlign:"center"},children:[(0,n.jsx)(s.A,{size:48,color:S.T.gray[400],style:{marginBottom:"8px"}}),(0,n.jsx)("p",{style:{margin:0,fontSize:"14px",color:S.T.gray[500]},children:"No banner image uploaded"})]})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{style:{margin:"0 0 12px 0",fontSize:"14px",color:S.T.gray[600]},children:"Upload a banner image for your profile header. Recommended size: 1200x300px."}),(0,n.jsxs)("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"},children:[(0,n.jsxs)(T.$,{type:"button",variant:"secondary",onClick:()=>{var e;return null===(e=F.current)||void 0===e?void 0:e.click()},disabled:A,children:[A?(0,n.jsx)(R.A,{size:16,className:"animate-spin"}):(0,n.jsx)(V.A,{size:16}),A?"Uploading...":"Upload Banner"]}),w&&(0,n.jsx)(T.$,{type:"button",variant:"ghost",onClick:()=>B("banner"),children:"Remove"})]}),(0,n.jsx)("input",{ref:F,type:"file",accept:"image/*",onChange:e=>W(e,"banner"),style:{display:"none"}})]})]})]}),(0,n.jsxs)("div",{style:{backgroundColor:"white",borderRadius:"16px",padding:"24px",border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsx)("h2",{style:{margin:"0 0 20px 0",fontSize:"20px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Basic Information"}),(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{htmlFor:"displayName",style:{marginBottom:"8px",display:"block"},children:"Display Name *"}),(0,n.jsx)(Y.p,{id:"displayName",value:p.displayName,onChange:e=>D("displayName",e.target.value),placeholder:"Enter your display name",required:!0}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"This name will be displayed on your public profile"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{htmlFor:"bio",style:{marginBottom:"8px",display:"block"},children:"Bio"}),(0,n.jsx)(J,{id:"bio",value:p.bio,onChange:e=>D("bio",e.target.value),placeholder:"Tell people about yourself...",rows:4,style:{resize:"vertical"}}),(0,n.jsxs)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:[p.bio.length,"/500 characters"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{style:{margin:"0 0 16px 0",fontSize:"16px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Live Site Text Colors"}),(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{htmlFor:"usernameColor",style:{marginBottom:"8px",display:"block"},children:"Username Color"}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[(0,n.jsx)("input",{type:"color",id:"usernameColor",value:p.usernameColor||"#FFFFFF",onChange:e=>D("usernameColor",e.target.value),style:{width:"50px",height:"40px",border:"none",borderRadius:"8px",cursor:"pointer"}}),(0,n.jsx)(Y.p,{value:p.usernameColor||"#FFFFFF",onChange:e=>D("usernameColor",e.target.value),placeholder:"#FFFFFF",style:{flex:1}})]}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"Color for your username on the live profile page"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{htmlFor:"aboutColor",style:{marginBottom:"8px",display:"block"},children:"About Text Color"}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[(0,n.jsx)("input",{type:"color",id:"aboutColor",value:p.aboutColor||"#FFFFFF",onChange:e=>D("aboutColor",e.target.value),style:{width:"50px",height:"40px",border:"none",borderRadius:"8px",cursor:"pointer"}}),(0,n.jsx)(Y.p,{value:p.aboutColor||"#FFFFFF",onChange:e=>D("aboutColor",e.target.value),placeholder:"#FFFFFF",style:{flex:1}})]}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"Color for your bio text on the live profile page"})]})]})]})]})]}),(0,n.jsxs)("div",{style:{backgroundColor:"white",borderRadius:"16px",padding:"24px",border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsx)("h2",{style:{margin:"0 0 20px 0",fontSize:"20px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Premium Features"}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",backgroundColor:M?S.T.primary.vibrantPurple+"08":S.T.gray[50],borderRadius:"12px",border:"1px solid ".concat(M?S.T.primary.vibrantPurple+"20":S.T.gray[200])},children:[(0,n.jsxs)("div",{style:{flex:1},children:[(0,n.jsx)("h3",{style:{margin:0,fontSize:"16px",fontWeight:"600",color:S.T.primary.darkNavy,marginBottom:"4px"},children:"Remove EventlyApp Watermark"}),(0,n.jsx)("p",{style:{margin:0,fontSize:"14px",color:S.T.gray[600]},children:M?"Hide the EventlyApp branding from your shared galleries":"Upgrade to Starter or Pro plan to remove watermarks"})]}),(0,n.jsx)(K,{checked:p.removeWatermark||!1,onCheckedChange:e=>D("removeWatermark",e),disabled:!M})]}),!M&&(0,n.jsx)("div",{style:{marginTop:"12px",textAlign:"center"},children:(0,n.jsx)(T.$,{type:"button",variant:"secondary",onClick:()=>{c({type:"info",title:"Upgrade Required",message:"Go to Settings to upgrade your plan and unlock this feature."})},children:"Upgrade Plan"})})]}),(0,n.jsx)("div",{style:{display:"flex",justifyContent:"flex-end",gap:"12px"},children:(0,n.jsx)(T.$,{type:"submit",disabled:u||z||A,style:{background:S.T.gradients.hero,minWidth:"120px"},children:u?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(R.A,{size:16,className:"animate-spin"}),"Saving..."]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(N.A,{size:16}),"Save Changes"]})})})]})})]})}var er=r(7028);let en=i.forwardRef((e,t)=>{let{className:r,children:i,...o}=e;return(0,n.jsxs)(er.bL,{ref:t,className:(0,O.cn)("relative overflow-hidden",r),...o,children:[(0,n.jsx)(er.LM,{className:"h-full w-full rounded-[inherit]",children:i}),(0,n.jsx)(ei,{}),(0,n.jsx)(er.OK,{})]})});en.displayName=er.bL.displayName;let ei=i.forwardRef((e,t)=>{let{className:r,orientation:i="vertical",...o}=e;return(0,n.jsx)(er.VM,{ref:t,orientation:i,className:(0,O.cn)("flex touch-none select-none transition-colors","vertical"===i&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===i&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",r),...o,children:(0,n.jsx)(er.lr,{className:"relative flex-1 rounded-full bg-border"})})});ei.displayName=er.VM.displayName;var eo=r(9350),el=r(2919),ea=r(2525),es=r(9070),ed=r(6474),ec=r(7863),ep=r(5196);let eg=es.bL;es.YJ;let eu=es.WT,ex=i.forwardRef((e,t)=>{let{className:r,children:i,...o}=e;return(0,n.jsxs)(es.l9,{ref:t,className:(0,O.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",r),...o,children:[i,(0,n.jsx)(es.In,{asChild:!0,children:(0,n.jsx)(ed.A,{className:"h-4 w-4 opacity-50"})})]})});ex.displayName=es.l9.displayName;let ey=i.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,n.jsx)(es.PP,{ref:t,className:(0,O.cn)("flex cursor-default items-center justify-center py-1",r),...i,children:(0,n.jsx)(ec.A,{className:"h-4 w-4"})})});ey.displayName=es.PP.displayName;let eh=i.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,n.jsx)(es.wn,{ref:t,className:(0,O.cn)("flex cursor-default items-center justify-center py-1",r),...i,children:(0,n.jsx)(ed.A,{className:"h-4 w-4"})})});eh.displayName=es.wn.displayName;let em=i.forwardRef((e,t)=>{let{className:r,children:i,position:o="popper",...l}=e;return(0,n.jsx)(es.ZL,{children:(0,n.jsxs)(es.UC,{ref:t,className:(0,O.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===o&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",r),position:o,...l,children:[(0,n.jsx)(ey,{}),(0,n.jsx)(es.LM,{className:(0,O.cn)("p-1","popper"===o&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:i}),(0,n.jsx)(eh,{})]})})});em.displayName=es.UC.displayName,i.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,n.jsx)(es.JU,{ref:t,className:(0,O.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",r),...i})}).displayName=es.JU.displayName;let ef=i.forwardRef((e,t)=>{let{className:r,children:i,...o}=e;return(0,n.jsxs)(es.q7,{ref:t,className:(0,O.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),...o,children:[(0,n.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,n.jsx)(es.VF,{children:(0,n.jsx)(ep.A,{className:"h-4 w-4"})})}),(0,n.jsx)(es.p4,{children:i})]})});function ev(e){let{isOpen:t,onClose:r,onSave:l,userId:a}=e,[d,p]=(0,i.useState)({title:"",date:"",location:"",coverImage:"",password:"",passwordProtected:!1,autoDeletePeriod:"never"}),[g,u]=(0,i.useState)({}),[x,y]=(0,i.useState)(!1),[h,m]=(0,i.useState)(null),[f,j]=(0,i.useState)(""),[w,k]=(0,i.useState)(!1),C=(0,i.useRef)(null);if(!t)return null;let z=()=>{let e={};return d.title.trim()||(e.title="Gallery title is required"),d.date||(e.date="Event date is required"),d.location.trim()||(e.location="Event location is required"),d.passwordProtected&&!d.password.trim()&&(e.password="Password is required when protection is enabled"),u(e),0===Object.keys(e).length},P=e=>e.toLowerCase().replace(/[^a-z0-9\s-]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-").trim().substring(0,50),A=async e=>{if(e.preventDefault(),z()){y(!0);try{let e="/placeholder.svg?height=300&width=400";if(h){k(!0);let t=await (0,Q.V6)(a,h,"gallery-covers");t&&(e=t),k(!1)}let t={id:"gallery_".concat(Date.now(),"_").concat(Math.random().toString(36).substr(2,9)),title:d.title.trim(),date:d.date,location:d.location.trim(),coverImage:e,slug:P(d.title),userId:a,photos:[],views:0,autoDeletePeriod:d.autoDeletePeriod,passwordProtected:d.passwordProtected,...d.passwordProtected?{password:d.password}:{},createdAt:new Date,updatedAt:new Date};await l(t),p({title:"",date:"",location:"",coverImage:"",password:"",passwordProtected:!1,autoDeletePeriod:"never"}),m(null),j(""),u({}),r()}catch(e){console.error("Error creating gallery:",e),u(e=>({...e,submit:"Failed to create gallery. Please try again."}))}finally{y(!1),k(!1)}}},I=(e,t)=>{p(r=>({...r,[e]:t})),g[e]&&u(t=>({...t,[e]:""}))};return(0,n.jsx)("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(4px)",zIndex:50,display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",overflowY:"auto",overflowX:"hidden"},onClick:e=>{e.target===e.currentTarget&&r()},children:(0,n.jsxs)("div",{style:{backgroundColor:"white",borderRadius:"12px",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",width:"100%",maxWidth:"500px",maxHeight:"90vh",overflow:"hidden",display:"flex",flexDirection:"column",margin:"auto",position:"relative"},children:[(0,n.jsxs)("div",{style:{padding:"24px",borderBottom:"1px solid ".concat(S.T.gray[200]),display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{style:{margin:0,fontSize:"20px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Create New Gallery"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"14px",color:S.T.gray[600]},children:"Set up a new event gallery to share photos"})]}),(0,n.jsx)("button",{onClick:r,style:{padding:"8px",border:"none",backgroundColor:"transparent",cursor:"pointer",borderRadius:"6px",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.gray[100]},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"},children:(0,n.jsx)(o.A,{size:20,color:S.T.gray[500]})})]}),(0,n.jsxs)("form",{onSubmit:A,style:{flex:1,overflow:"auto"},children:[(0,n.jsxs)("div",{style:{padding:"24px",display:"flex",flexDirection:"column",gap:"20px"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{htmlFor:"title",style:{marginBottom:"8px",display:"block"},children:"Gallery Title *"}),(0,n.jsx)(Y.p,{id:"title",value:d.title,onChange:e=>I("title",e.target.value),placeholder:"e.g., Sarah & Mike's Wedding",style:{borderColor:g.title?"#ef4444":void 0}}),g.title&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:g.title})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{htmlFor:"date",style:{marginBottom:"8px",display:"block"},children:[(0,n.jsx)(v.A,{size:16,style:{display:"inline",marginRight:"6px"}}),"Event Date *"]}),(0,n.jsx)(Y.p,{id:"date",type:"date",value:d.date,onChange:e=>I("date",e.target.value),style:{borderColor:g.date?"#ef4444":void 0}}),g.date&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:g.date})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{htmlFor:"location",style:{marginBottom:"8px",display:"block"},children:[(0,n.jsx)(b.A,{size:16,style:{display:"inline",marginRight:"6px"}}),"Event Location *"]}),(0,n.jsx)(Y.p,{id:"location",value:d.location,onChange:e=>I("location",e.target.value),placeholder:"e.g., Central Park, New York",style:{borderColor:g.location?"#ef4444":void 0}}),g.location&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:g.location})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{style:{marginBottom:"8px",display:"block"},children:[(0,n.jsx)(s.A,{size:16,style:{display:"inline",marginRight:"6px"}}),"Cover Image (Optional)"]}),f?(0,n.jsxs)("div",{style:{border:"1px solid ".concat(S.T.gray[300]),borderRadius:"8px",overflow:"hidden",position:"relative"},children:[(0,n.jsx)("img",{src:f||"/placeholder.svg",alt:"Cover preview",style:{width:"100%",height:"200px",objectFit:"cover"}}),(0,n.jsxs)("div",{style:{position:"absolute",top:"8px",right:"8px",display:"flex",gap:"8px"},children:[(0,n.jsx)("button",{type:"button",onClick:()=>{var e;return null===(e=C.current)||void 0===e?void 0:e.click()},style:{padding:"8px",backgroundColor:"rgba(0, 0, 0, 0.7)",border:"none",borderRadius:"6px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(c.A,{size:16,color:"white"})}),(0,n.jsx)("button",{type:"button",onClick:()=>{m(null),j(""),p(e=>({...e,coverImage:""})),C.current&&(C.current.value="")},style:{padding:"8px",backgroundColor:"rgba(239, 68, 68, 0.9)",border:"none",borderRadius:"6px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(o.A,{size:16,color:"white"})})]})]}):(0,n.jsxs)("div",{style:{border:"2px dashed ".concat(g.coverImage?"#ef4444":S.T.gray[300]),borderRadius:"8px",padding:"24px",textAlign:"center",cursor:"pointer",backgroundColor:S.T.gray[50],transition:"all 0.2s ease"},onClick:()=>{var e;return null===(e=C.current)||void 0===e?void 0:e.click()},onMouseEnter:e=>{g.coverImage||(e.currentTarget.style.borderColor=S.T.primary.vibrantPurple,e.currentTarget.style.backgroundColor=S.T.primary.vibrantPurple+"08")},onMouseLeave:e=>{g.coverImage||(e.currentTarget.style.borderColor=S.T.gray[300],e.currentTarget.style.backgroundColor=S.T.gray[50])},children:[(0,n.jsx)(V.A,{size:32,color:S.T.gray[400],style:{margin:"0 auto 12px"}}),(0,n.jsx)("p",{style:{margin:0,fontSize:"14px",color:S.T.gray[600],fontWeight:"500"},children:"Click to upload cover image"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"PNG, JPG, GIF up to 5MB"})]}),(0,n.jsx)("input",{ref:C,type:"file",accept:"image/*",onChange:e=>{var t;let r=null===(t=e.target.files)||void 0===t?void 0:t[0];if(!r)return;if(!r.type.startsWith("image/")){u(e=>({...e,coverImage:"Please select a valid image file"}));return}if(r.size>5242880){u(e=>({...e,coverImage:"Image size must be less than 5MB"}));return}m(r),u(e=>({...e,coverImage:""}));let n=new FileReader;n.onload=e=>{var t;j(null===(t=e.target)||void 0===t?void 0:t.result)},n.readAsDataURL(r)},style:{display:"none"}}),g.coverImage&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:g.coverImage})]}),(0,n.jsxs)("div",{style:{padding:"16px",backgroundColor:S.T.gray[50],borderRadius:"8px",border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"12px"},children:[(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{style:{display:"flex",alignItems:"center",gap:"8px",fontWeight:"500"},children:[(0,n.jsx)(el.A,{size:16}),"Password Protection"]}),(0,n.jsx)("p",{style:{margin:"2px 0 0 0",fontSize:"12px",color:S.T.gray[600]},children:"Require a password to view this gallery"})]}),(0,n.jsx)(K,{checked:d.passwordProtected,onCheckedChange:e=>I("passwordProtected",e)})]}),d.passwordProtected&&(0,n.jsxs)("div",{children:[(0,n.jsx)(Y.p,{value:d.password,onChange:e=>I("password",e.target.value),placeholder:"Enter gallery password",type:"password",style:{borderColor:g.password?"#ef4444":void 0}}),g.password&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:g.password})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{style:{marginBottom:"8px",display:"block"},children:[(0,n.jsx)(ea.A,{size:16,style:{display:"inline",marginRight:"6px"}}),"Auto-Delete Period"]}),(0,n.jsxs)(eg,{value:d.autoDeletePeriod,onValueChange:e=>I("autoDeletePeriod",e),children:[(0,n.jsx)(ex,{children:(0,n.jsx)(eu,{})}),(0,n.jsxs)(em,{children:[(0,n.jsx)(ef,{value:"90",children:"Delete after 90 days"}),(0,n.jsx)(ef,{value:"180",children:"Delete after 180 days"}),(0,n.jsx)(ef,{value:"never",children:"Never delete"})]})]}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"Automatically delete this gallery after the specified period"})]}),g.submit&&(0,n.jsx)("div",{style:{padding:"12px",backgroundColor:"#fef2f2",border:"1px solid #fecaca",borderRadius:"6px"},children:(0,n.jsx)("p",{style:{margin:0,fontSize:"14px",color:"#ef4444"},children:g.submit})})]}),(0,n.jsxs)("div",{style:{padding:"24px",borderTop:"1px solid ".concat(S.T.gray[200]),display:"flex",gap:"12px",justifyContent:"flex-end"},children:[(0,n.jsx)(T.$,{variant:"ghost",onClick:r,disabled:x,children:"Cancel"}),(0,n.jsx)(T.$,{type:"submit",variant:"primary",disabled:x||w,style:{background:S.T.gradients.hero},children:w?"Uploading...":x?"Creating...":"Create Gallery"})]})]})]})})}ef.displayName=es.q7.displayName,i.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,n.jsx)(es.wv,{ref:t,className:(0,O.cn)("-mx-1 my-1 h-px bg-muted",r),...i})}).displayName=es.wv.displayName;var eb=r(9663),ej=r(1284);function ew(e){let{isOpen:t,onClose:r,onSave:l,userId:a}=e,[s,c]=(0,i.useState)({title:"",displayType:"grid"}),[p,g]=(0,i.useState)({}),[u,x]=(0,i.useState)(!1);if(!t)return null;let y=()=>{let e={};return s.title.trim()||(e.title="Collection title is required"),g(e),0===Object.keys(e).length},h=async e=>{if(e.preventDefault(),y()){x(!0);try{let e={id:"collection_".concat(Date.now(),"_").concat(Math.random().toString(36).substr(2,9)),title:s.title.trim(),userId:a,photos:[],displayType:s.displayType,createdAt:new Date,updatedAt:new Date};await l(e),c({title:"",displayType:"grid"}),g({}),r()}catch(e){console.error("Error creating collection:",e)}finally{x(!1)}}},m=(e,t)=>{c(r=>({...r,[e]:t})),p[e]&&g(t=>({...t,[e]:""}))},f=[{id:"grid",name:"Grid Layout",description:"Photos arranged in a responsive grid",icon:d.A},{id:"carousel",name:"Carousel Slider",description:"Photos displayed in a sliding carousel",icon:eb.A}];return(0,n.jsx)("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(4px)",zIndex:50,display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",overflowY:"auto",overflowX:"hidden"},onClick:e=>{e.target===e.currentTarget&&r()},children:(0,n.jsxs)("div",{style:{backgroundColor:"white",borderRadius:"12px",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",width:"100%",maxWidth:"500px",maxHeight:"90vh",overflow:"hidden",display:"flex",flexDirection:"column",margin:"auto",position:"relative"},children:[(0,n.jsxs)("div",{style:{padding:"24px",borderBottom:"1px solid ".concat(S.T.gray[200]),display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{style:{margin:0,fontSize:"20px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Create New Collection"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"14px",color:S.T.gray[600]},children:"Group photos into a themed collection"})]}),(0,n.jsx)("button",{onClick:r,style:{padding:"8px",border:"none",backgroundColor:"transparent",cursor:"pointer",borderRadius:"6px",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.gray[100]},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"},children:(0,n.jsx)(o.A,{size:20,color:S.T.gray[500]})})]}),(0,n.jsxs)("form",{onSubmit:h,style:{flex:1,overflow:"auto"},children:[(0,n.jsxs)("div",{style:{padding:"24px",display:"flex",flexDirection:"column",gap:"24px"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{htmlFor:"title",style:{marginBottom:"8px",display:"block"},children:"Collection Title *"}),(0,n.jsx)(Y.p,{id:"title",value:s.title,onChange:e=>m("title",e.target.value),placeholder:"e.g., Best Wedding Moments",style:{borderColor:p.title?"#ef4444":void 0}}),p.title&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:p.title})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{style:{marginBottom:"12px",display:"block"},children:"Display Type"}),(0,n.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:f.map(e=>{let t=s.displayType===e.id;return(0,n.jsxs)("button",{type:"button",onClick:()=>m("displayType",e.id),style:{padding:"16px",border:"2px solid ".concat(t?S.T.primary.vibrantPurple:S.T.gray[200]),borderRadius:"8px",backgroundColor:t?S.T.primary.vibrantPurple+"10":"white",cursor:"pointer",display:"flex",alignItems:"center",gap:"12px",textAlign:"left",transition:"all 0.2s ease"},onMouseEnter:e=>{t||(e.currentTarget.style.backgroundColor=S.T.gray[50])},onMouseLeave:e=>{t||(e.currentTarget.style.backgroundColor="white")},children:[(0,n.jsx)("div",{style:{padding:"8px",borderRadius:"6px",backgroundColor:t?S.T.primary.vibrantPurple:S.T.gray[100],display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(e.icon,{size:20,color:t?"white":S.T.gray[600]})}),(0,n.jsxs)("div",{style:{flex:1},children:[(0,n.jsx)("h4",{style:{margin:0,fontSize:"14px",fontWeight:"600",color:t?S.T.primary.vibrantPurple:S.T.primary.darkNavy},children:e.name}),(0,n.jsx)("p",{style:{margin:"2px 0 0 0",fontSize:"12px",color:S.T.gray[600]},children:e.description})]})]},e.id)})})]}),(0,n.jsxs)("div",{style:{padding:"16px",backgroundColor:S.T.primary.vibrantPurple+"08",borderRadius:"8px",border:"1px solid ".concat(S.T.primary.vibrantPurple,"20"),display:"flex",gap:"12px"},children:[(0,n.jsx)(ej.A,{size:20,color:S.T.primary.vibrantPurple,style:{flexShrink:0,marginTop:"2px"}}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h4",{style:{margin:0,fontSize:"14px",fontWeight:"600",color:S.T.primary.darkNavy},children:"About Collections"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[600],lineHeight:"1.4"},children:"Collections allow you to group photos from different galleries into themed sets. You can embed collections on websites or share them as standalone galleries."})]})]})]}),(0,n.jsxs)("div",{style:{padding:"24px",borderTop:"1px solid ".concat(S.T.gray[200]),display:"flex",gap:"12px",justifyContent:"flex-end"},children:[(0,n.jsx)(T.$,{variant:"ghost",onClick:r,disabled:u,children:"Cancel"}),(0,n.jsx)(T.$,{type:"submit",variant:"primary",disabled:u,style:{background:S.T.gradients.hero},children:u?"Creating...":"Create Collection"})]})]})]})})}function eT(e){var t;let{isOpen:r,onClose:l,onSave:a,gallery:d,userId:p}=e,[g,u]=(0,i.useState)({title:"",date:"",location:"",coverImage:"",password:"",passwordProtected:!1,autoDeletePeriod:"never"}),[x,y]=(0,i.useState)({}),[h,m]=(0,i.useState)(!1),[f,j]=(0,i.useState)(null),[w,k]=(0,i.useState)(""),[C,z]=(0,i.useState)(!1),P=(0,i.useRef)(null),[A,I]=(0,i.useState)(d),[E,R]=(0,i.useState)(!1),[F,D]=(0,i.useState)([]),[W,N]=(0,i.useState)(null),B=(0,i.useRef)(null);if((0,i.useEffect)(()=>{d&&r&&(u({title:d.title,date:d.date,location:d.location,coverImage:d.coverImage,password:d.password||"",passwordProtected:d.passwordProtected||!1,autoDeletePeriod:d.autoDeletePeriod||"never"}),k(d.coverImage),j(null),y({}))},[d,r]),(0,i.useEffect)(()=>{d&&r&&I(d)},[d,r]),!r||!d)return null;let L=()=>{let e={};return g.title.trim()||(e.title="Gallery title is required"),g.date||(e.date="Event date is required"),g.location.trim()||(e.location="Event location is required"),g.passwordProtected&&!g.password.trim()&&(e.password="Password is required when protection is enabled"),y(e),0===Object.keys(e).length},M=e=>e.toLowerCase().replace(/[^a-z0-9\s-]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-").trim().substring(0,50),U=async e=>{if(e.preventDefault(),L()){m(!0);try{let e=g.coverImage;if(f){z(!0);let t=await (0,Q.V6)(p,f,"gallery-covers");t&&(e=t),z(!1)}let t={...d,title:g.title.trim(),date:g.date,location:g.location.trim(),coverImage:e,slug:g.title.trim()!==d.title?M(g.title):d.slug,autoDeletePeriod:g.autoDeletePeriod,passwordProtected:g.passwordProtected,photos:(null==A?void 0:A.photos)||d.photos||[],...g.passwordProtected?{password:g.password}:{},updatedAt:new Date};await a(t),l()}catch(e){console.error("Error updating gallery:",e),y(e=>({...e,submit:"Failed to update gallery. Please try again."}))}finally{m(!1),z(!1)}}},H=(e,t)=>{u(r=>({...r,[e]:t})),x[e]&&y(t=>({...t,[e]:""}))},$=async e=>{let t=Array.from(e.target.files||[]);if(0===t.length)return;R(!0),D([]),y(e=>({...e,photos:""}));let r=[];for(let e=0;e<t.length;e++){let n=t[e];try{D(e=>[...e,{message:"Uploading ".concat(n.name,"..."),status:"uploading"}]);let t=await (0,Q.V6)(p,n,"gallery-photos");if(t){let i={id:"photo_".concat(Date.now(),"_").concat(e),url:t,filename:n.name,uploadedAt:new Date,size:n.size};r.push(i),D(e=>e.map((t,r)=>r===e.length-1?{message:"".concat(n.name," uploaded successfully"),status:"success"}:t))}else throw Error("Upload failed")}catch(e){console.error("Error uploading ".concat(n.name,":"),e),D(e=>e.map((t,r)=>r===e.length-1?{message:"Failed to upload ".concat(n.name),status:"error"}:t))}}if(r.length>0&&A){let e={...A,photos:[...A.photos||[],...r],updatedAt:new Date};I(e);try{await a(e),console.log("Gallery photos updated successfully")}catch(e){console.error("Error saving gallery with new photos:",e),y(e=>({...e,photos:"Failed to save photos to gallery"}))}}R(!1),setTimeout(()=>{D([])},3e3),B.current&&(B.current.value="")},G=async e=>{if(A){N(e),y(e=>({...e,photos:""}));try{let t=A.photos.filter(t=>t.id!==e),r={...A,photos:t,updatedAt:new Date};I(r),await a(r),console.log("Photo removed successfully")}catch(e){console.error("Error removing photo:",e),y(e=>({...e,photos:"Failed to remove photo"}))}finally{N(null)}}};return(0,n.jsx)("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(4px)",zIndex:50,display:"flex",alignItems:"center",justifyContent:"center",padding:"16px"},onClick:e=>{e.target===e.currentTarget&&l()},children:(0,n.jsxs)("div",{style:{backgroundColor:"white",borderRadius:"12px",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",width:"100%",maxWidth:"500px",maxHeight:"90vh",overflow:"hidden",display:"flex",flexDirection:"column"},children:[(0,n.jsxs)("div",{style:{padding:"24px",borderBottom:"1px solid ".concat(S.T.gray[200]),display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{style:{margin:0,fontSize:"20px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Edit Gallery"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"14px",color:S.T.gray[600]},children:"Update your gallery settings and information"})]}),(0,n.jsx)("button",{onClick:l,style:{padding:"8px",border:"none",backgroundColor:"transparent",cursor:"pointer",borderRadius:"6px",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.gray[100]},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"},children:(0,n.jsx)(o.A,{size:20,color:S.T.gray[500]})})]}),(0,n.jsxs)("form",{onSubmit:U,style:{flex:1,overflow:"auto"},children:[(0,n.jsxs)("div",{style:{padding:"24px",display:"flex",flexDirection:"column",gap:"20px"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{htmlFor:"title",style:{marginBottom:"8px",display:"block"},children:"Gallery Title *"}),(0,n.jsx)(Y.p,{id:"title",value:g.title,onChange:e=>H("title",e.target.value),placeholder:"e.g., Sarah & Mike's Wedding",style:{borderColor:x.title?"#ef4444":void 0}}),x.title&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:x.title})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{htmlFor:"date",style:{marginBottom:"8px",display:"block"},children:[(0,n.jsx)(v.A,{size:16,style:{display:"inline",marginRight:"6px"}}),"Event Date *"]}),(0,n.jsx)(Y.p,{id:"date",type:"date",value:g.date,onChange:e=>H("date",e.target.value),style:{borderColor:x.date?"#ef4444":void 0}}),x.date&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:x.date})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{htmlFor:"location",style:{marginBottom:"8px",display:"block"},children:[(0,n.jsx)(b.A,{size:16,style:{display:"inline",marginRight:"6px"}}),"Event Location *"]}),(0,n.jsx)(Y.p,{id:"location",value:g.location,onChange:e=>H("location",e.target.value),placeholder:"e.g., Central Park, New York",style:{borderColor:x.location?"#ef4444":void 0}}),x.location&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:x.location})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{style:{marginBottom:"8px",display:"block"},children:[(0,n.jsx)(s.A,{size:16,style:{display:"inline",marginRight:"6px"}}),"Cover Image"]}),w?(0,n.jsxs)("div",{style:{border:"1px solid ".concat(S.T.gray[300]),borderRadius:"8px",overflow:"hidden",position:"relative"},children:[(0,n.jsx)("img",{src:w||"/placeholder.svg",alt:"Cover preview",style:{width:"100%",height:"200px",objectFit:"cover"}}),(0,n.jsxs)("div",{style:{position:"absolute",top:"8px",right:"8px",display:"flex",gap:"8px"},children:[(0,n.jsx)("button",{type:"button",onClick:()=>{var e;return null===(e=P.current)||void 0===e?void 0:e.click()},style:{padding:"8px",backgroundColor:"rgba(0, 0, 0, 0.7)",border:"none",borderRadius:"6px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(c.A,{size:16,color:"white"})}),(0,n.jsx)("button",{type:"button",onClick:()=>{j(null),k(""),u(e=>({...e,coverImage:""})),P.current&&(P.current.value="")},style:{padding:"8px",backgroundColor:"rgba(239, 68, 68, 0.9)",border:"none",borderRadius:"6px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(o.A,{size:16,color:"white"})})]})]}):(0,n.jsxs)("div",{style:{border:"2px dashed ".concat(x.coverImage?"#ef4444":S.T.gray[300]),borderRadius:"8px",padding:"24px",textAlign:"center",cursor:"pointer",backgroundColor:S.T.gray[50],transition:"all 0.2s ease"},onClick:()=>{var e;return null===(e=P.current)||void 0===e?void 0:e.click()},onMouseEnter:e=>{x.coverImage||(e.currentTarget.style.borderColor=S.T.primary.vibrantPurple,e.currentTarget.style.backgroundColor=S.T.primary.vibrantPurple+"08")},onMouseLeave:e=>{x.coverImage||(e.currentTarget.style.borderColor=S.T.gray[300],e.currentTarget.style.backgroundColor=S.T.gray[50])},children:[(0,n.jsx)(V.A,{size:32,color:S.T.gray[400],style:{margin:"0 auto 12px"}}),(0,n.jsx)("p",{style:{margin:0,fontSize:"14px",color:S.T.gray[600],fontWeight:"500"},children:"Click to upload cover image"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"PNG, JPG, GIF up to 5MB"})]}),(0,n.jsx)("input",{ref:P,type:"file",accept:"image/*",onChange:e=>{var t;let r=null===(t=e.target.files)||void 0===t?void 0:t[0];if(!r)return;if(!r.type.startsWith("image/")){y(e=>({...e,coverImage:"Please select a valid image file"}));return}if(r.size>5242880){y(e=>({...e,coverImage:"Image size must be less than 5MB"}));return}j(r),y(e=>({...e,coverImage:""}));let n=new FileReader;n.onload=e=>{var t;k(null===(t=e.target)||void 0===t?void 0:t.result)},n.readAsDataURL(r)},style:{display:"none"}}),x.coverImage&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:x.coverImage})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{style:{marginBottom:"8px",display:"block"},children:[(0,n.jsx)(s.A,{size:16,style:{display:"inline",marginRight:"6px"}}),"Gallery Photos"]}),(0,n.jsxs)("div",{style:{marginBottom:"16px"},children:[(0,n.jsx)(T.$,{type:"button",variant:"outline",onClick:()=>{var e;return null===(e=B.current)||void 0===e?void 0:e.click()},disabled:E,style:{width:"100%",padding:"12px",border:"2px dashed ".concat(S.T.gray[300]),backgroundColor:S.T.gray[50]},children:E?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{style:{width:"16px",height:"16px",border:"2px solid transparent",borderTop:"2px solid currentColor",borderRadius:"50%",animation:"spin 1s linear infinite",marginRight:"8px"}}),"Uploading Photos..."]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(V.A,{size:16,style:{marginRight:"8px"}}),"Upload Photos"]})}),(0,n.jsx)("input",{ref:B,type:"file",accept:"image/*",multiple:!0,onChange:$,style:{display:"none"}})]}),F.length>0&&(0,n.jsx)("div",{style:{marginBottom:"16px"},children:F.map((e,t)=>(0,n.jsx)("div",{style:{padding:"8px 12px",backgroundColor:"success"===e.status?"#f0f9ff":"error"===e.status?"#fef2f2":"#f9fafb",border:"1px solid ".concat("success"===e.status?"#bfdbfe":"error"===e.status?"#fecaca":"#e5e7eb"),borderRadius:"6px",marginBottom:"4px",fontSize:"12px",color:"success"===e.status?"#1e40af":"error"===e.status?"#dc2626":"#374151"},children:e.message},t))}),(null==A?void 0:null===(t=A.photos)||void 0===t?void 0:t.length)?(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(120px, 1fr))",gap:"12px",marginTop:"16px"},children:A.photos.map(e=>(0,n.jsxs)("div",{style:{position:"relative",aspectRatio:"1",borderRadius:"8px",overflow:"hidden",border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsx)("img",{src:e.url||"/placeholder.svg",alt:e.filename,style:{width:"100%",height:"100%",objectFit:"cover"}}),(0,n.jsx)("button",{type:"button",onClick:()=>G(e.id),disabled:W===e.id,style:{position:"absolute",top:"4px",right:"4px",width:"24px",height:"24px",borderRadius:"50%",backgroundColor:"rgba(239, 68, 68, 0.9)",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",opacity:W===e.id?.5:1},children:W===e.id?(0,n.jsx)("div",{style:{width:"12px",height:"12px",border:"2px solid transparent",borderTop:"2px solid white",borderRadius:"50%",animation:"spin 1s linear infinite"}}):(0,n.jsx)(o.A,{size:12,color:"white"})})]},e.id))}):null,x.photos&&(0,n.jsx)("p",{style:{margin:"8px 0 0 0",fontSize:"12px",color:"#ef4444"},children:x.photos})]}),(0,n.jsxs)("div",{style:{padding:"16px",backgroundColor:S.T.gray[50],borderRadius:"8px",border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"12px"},children:[(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{style:{display:"flex",alignItems:"center",gap:"8px",fontWeight:"500"},children:[(0,n.jsx)(el.A,{size:16}),"Password Protection"]}),(0,n.jsx)("p",{style:{margin:"2px 0 0 0",fontSize:"12px",color:S.T.gray[600]},children:"Require a password to view this gallery"})]}),(0,n.jsx)(K,{checked:g.passwordProtected,onCheckedChange:e=>H("passwordProtected",e)})]}),g.passwordProtected&&(0,n.jsxs)("div",{children:[(0,n.jsx)(Y.p,{value:g.password,onChange:e=>H("password",e.target.value),placeholder:"Enter gallery password",type:"password",style:{borderColor:x.password?"#ef4444":void 0}}),x.password&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:x.password})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)(Z,{style:{marginBottom:"8px",display:"block"},children:[(0,n.jsx)(ea.A,{size:16,style:{display:"inline",marginRight:"6px"}}),"Auto-Delete Period"]}),(0,n.jsxs)(eg,{value:g.autoDeletePeriod,onValueChange:e=>H("autoDeletePeriod",e),children:[(0,n.jsx)(ex,{children:(0,n.jsx)(eu,{})}),(0,n.jsxs)(em,{children:[(0,n.jsx)(ef,{value:"90",children:"Delete after 90 days"}),(0,n.jsx)(ef,{value:"180",children:"Delete after 180 days"}),(0,n.jsx)(ef,{value:"never",children:"Never delete"})]})]}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"Automatically delete this gallery after the specified period"})]}),x.submit&&(0,n.jsx)("div",{style:{padding:"12px",backgroundColor:"#fef2f2",border:"1px solid #fecaca",borderRadius:"6px"},children:(0,n.jsx)("p",{style:{margin:0,fontSize:"14px",color:"#ef4444"},children:x.submit})})]}),(0,n.jsxs)("div",{style:{padding:"24px",borderTop:"1px solid ".concat(S.T.gray[200]),display:"flex",gap:"12px",justifyContent:"flex-end"},children:[(0,n.jsx)(T.$,{variant:"ghost",onClick:l,disabled:h,children:"Cancel"}),(0,n.jsx)(T.$,{type:"submit",variant:"primary",disabled:h||C,style:{background:S.T.gradients.hero},children:C?"Uploading...":h?"Saving...":"Save Changes"})]})]})]})})}var ek=r(4073);let eC=i.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,n.jsxs)(ek.bL,{ref:t,className:(0,O.cn)("relative flex w-full touch-none select-none items-center",r),...i,children:[(0,n.jsx)(ek.CC,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",children:(0,n.jsx)(ek.Q6,{className:"absolute h-full bg-primary"})}),(0,n.jsx)(ek.zi,{className:"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"})]})});function eS(e){let{isOpen:t,onClose:r,onSave:l,collection:a,userId:c,userPlan:p={planId:"free",planName:"Free Plan"}}=e,[g,u]=(0,i.useState)({title:"",displayType:"grid",settings:{columns:3,height:200,gap:16,borderRadius:12,showWatermark:!0}}),[x,y]=(0,i.useState)({}),[h,m]=(0,i.useState)(!1),[f,v]=(0,i.useState)(!1),[b,j]=(0,i.useState)(""),[w,k]=(0,i.useState)(null),[C,z]=(0,i.useState)(null);if((0,i.useEffect)(()=>{let e=document.createElement("style");return e.textContent='\n  .custom-gradient-slider {\n    position: relative;\n    display: flex;\n    align-items: center;\n    user-select: none;\n    touch-action: none;\n    cursor: pointer;\n  }\n  \n  .custom-gradient-slider [data-radix-slider-track] {\n    background-color: #e5e7eb !important;\n    position: relative;\n    flex-grow: 1;\n    border-radius: 9999px;\n    height: 6px !important;\n  }\n  \n  .custom-gradient-slider [data-radix-slider-range] {\n    background-color: #8b5cf6 !important;\n    position: absolute;\n    border-radius: 9999px;\n    height: 100% !important;\n  }\n  \n  .custom-gradient-slider [data-radix-slider-thumb] {\n    display: block;\n    width: 20px !important;\n    height: 20px !important;\n    background-color: #8b5cf6 !important;\n    box-shadow: 0 2px 10px rgba(139, 92, 246, 0.3) !important;\n    border-radius: 50% !important;\n    border: 2px solid white !important;\n    cursor: grab !important;\n    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  }\n  \n  .custom-gradient-slider [data-radix-slider-thumb]:hover {\n    background-color: #7c3aed !important;\n    transform: scale(1.1) !important;\n    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4) !important;\n    cursor: grab !important;\n  }\n  \n  .custom-gradient-slider [data-radix-slider-thumb]:active {\n    cursor: grabbing !important;\n    transform: scale(1.05) !important;\n  }\n  \n  .custom-gradient-slider [data-radix-slider-thumb]:focus {\n    outline: none !important;\n    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2) !important;\n  }\n  \n  .custom-gradient-slider:hover {\n    cursor: pointer !important;\n  }\n  \n  .gradient-switch [data-state="checked"] {\n    background-color: #8b5cf6 !important;\n  }\n  \n  .gradient-switch [data-state="checked"]:hover {\n    background-color: #7c3aed !important;\n  }\n',document.head.appendChild(e),()=>{document.head.removeChild(e)}},[]),(0,i.useEffect)(()=>{if(a&&t){var e,r,n,i,o;u({title:a.title,displayType:a.displayType,settings:{columns:(null===(e=a.settings)||void 0===e?void 0:e.columns)||3,height:(null===(r=a.settings)||void 0===r?void 0:r.height)||200,gap:(null===(n=a.settings)||void 0===n?void 0:n.gap)||16,borderRadius:(null===(i=a.settings)||void 0===i?void 0:i.borderRadius)||12,showWatermark:(null===(o=a.settings)||void 0===o?void 0:o.showWatermark)!==!1}}),z(a),y({})}},[a,t]),!t||!C)return null;let P=()=>{let e={};return g.title.trim()||(e.title="Collection title is required"),y(e),0===Object.keys(e).length},A=async e=>{if(e.preventDefault(),P()){m(!0);try{let e={...C,title:g.title.trim(),displayType:g.displayType,settings:g.settings,updatedAt:new Date};await l(e),z(e),r()}catch(e){console.error("Error updating collection:",e),y(e=>({...e,submit:"Failed to update collection. Please try again."}))}finally{m(!1)}}},I=(e,t)=>{u(r=>({...r,[e]:t})),x[e]&&y(t=>({...t,[e]:""}))},E=async e=>{let t=e.target.files;if(t&&0!==t.length){v(!0),j("Uploading images...");try{console.log("Starting upload of ".concat(t.length," files for user ").concat(c));let e=Array.from(t).map(async(e,t)=>{try{console.log("Uploading file ".concat(t+1,": ").concat(e.name));let r=await (0,Q.V6)(c,e,"collections");if(r)return console.log("Successfully uploaded ".concat(e.name,", URL: ").concat(r)),{id:"uploaded_".concat(Date.now(),"_").concat(Math.random().toString(36).substr(2,9)),url:r,filename:e.name,uploadedAt:new Date,size:e.size};return console.error("Failed to upload ".concat(e.name,": No URL returned")),null}catch(t){return console.error("Error uploading ".concat(e.name,":"),t),null}}),r=(await Promise.all(e)).filter(Boolean);if(console.log("Upload completed. ".concat(r.length," out of ").concat(t.length," files uploaded successfully")),r.length>0){let e={...C,photos:[...C.photos,...r],updatedAt:new Date};console.log("Saving updated collection with new photos:",e),await l(e),z(e),j("Successfully uploaded ".concat(r.length," image(s)")),setTimeout(()=>j(""),3e3)}else j("No images were uploaded successfully"),setTimeout(()=>j(""),3e3)}catch(e){console.error("Error in image upload process:",e),j("Failed to upload images. Please try again."),setTimeout(()=>j(""),3e3)}finally{v(!1),e.target.value=""}}},R=async e=>{try{console.log("Removing photo with ID: ".concat(e));let t=C.photos.filter(t=>t.id!==e),r={...C,photos:t,updatedAt:new Date};console.log("Saving collection after photo removal:",r),await l(r),z(r),j("Photo removed successfully"),setTimeout(()=>j(""),2e3)}catch(e){console.error("Error removing photo:",e),j("Failed to remove photo"),setTimeout(()=>j(""),3e3)}},F=[{id:"grid",name:"Grid Layout",description:"Photos arranged in a responsive grid",icon:d.A},{id:"carousel",name:"Carousel Slider",description:"Photos displayed in a sliding carousel",icon:eb.A}],D=(e,t)=>{console.log("=== handleSettingChange: Setting ".concat(e," to:"),t),console.log("=== handleSettingChange: Current formData before update:",g),u(r=>{let n={...r,settings:{...r.settings,[e]:t}};return console.log("=== handleSettingChange: New formData after update:",n),n})},W="starter"===p.planId||"pro"===p.planId;return console.log("=== CollectionEditModal: User plan check:"),console.log("- userPlan:",p),console.log("- userPlan.planId:",p.planId),console.log("- hasPaidPlan:",W),console.log("- formData.settings.showWatermark:",g.settings.showWatermark),(0,n.jsx)("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(4px)",zIndex:50,display:"flex",alignItems:"center",justifyContent:"center",padding:"16px"},onClick:e=>{e.target===e.currentTarget&&r()},children:(0,n.jsxs)("div",{style:{backgroundColor:"white",borderRadius:"12px",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",width:"100%",maxWidth:"500px",maxHeight:"90vh",overflow:"hidden",display:"flex",flexDirection:"column"},children:[(0,n.jsxs)("div",{style:{padding:"24px",borderBottom:"1px solid ".concat(S.T.gray[200]),display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{style:{margin:0,fontSize:"20px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Edit Collection"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"14px",color:S.T.gray[600]},children:"Update your collection settings"})]}),(0,n.jsx)("button",{onClick:r,style:{padding:"8px",border:"none",backgroundColor:"transparent",cursor:"pointer",borderRadius:"6px",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.gray[100]},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"},children:(0,n.jsx)(o.A,{size:20,color:S.T.gray[500]})})]}),(0,n.jsxs)("form",{onSubmit:A,style:{flex:1,overflow:"auto"},children:[(0,n.jsxs)("div",{style:{padding:"24px",display:"flex",flexDirection:"column",gap:"24px"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{htmlFor:"title",style:{marginBottom:"8px",display:"block"},children:"Collection Title *"}),(0,n.jsx)(Y.p,{id:"title",value:g.title,onChange:e=>I("title",e.target.value),placeholder:"e.g., Best Wedding Moments",style:{borderColor:x.title?"#ef4444":void 0}}),x.title&&(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:"#ef4444"},children:x.title})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{style:{marginBottom:"12px",display:"block"},children:"Display Type"}),(0,n.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:F.map(e=>{let t=g.displayType===e.id;return(0,n.jsxs)("button",{type:"button",onClick:()=>I("displayType",e.id),style:{padding:"16px",border:"2px solid ".concat(t?S.T.primary.vibrantPurple:S.T.gray[200]),borderRadius:"8px",backgroundColor:t?S.T.primary.vibrantPurple+"10":"white",cursor:"pointer",display:"flex",alignItems:"center",gap:"12px",textAlign:"left",transition:"all 0.2s ease"},onMouseEnter:e=>{t||(e.currentTarget.style.backgroundColor=S.T.gray[50])},onMouseLeave:e=>{t||(e.currentTarget.style.backgroundColor="white")},children:[(0,n.jsx)("div",{style:{padding:"8px",borderRadius:"6px",backgroundColor:t?S.T.primary.vibrantPurple:S.T.gray[100],display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(e.icon,{size:20,color:t?"white":S.T.gray[600]})}),(0,n.jsxs)("div",{style:{flex:1},children:[(0,n.jsx)("h4",{style:{margin:0,fontSize:"14px",fontWeight:"600",color:t?S.T.primary.vibrantPurple:S.T.primary.darkNavy},children:e.name}),(0,n.jsx)("p",{style:{margin:"2px 0 0 0",fontSize:"12px",color:S.T.gray[600]},children:e.description})]})]},e.id)})})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"12px"},children:[(0,n.jsxs)(Z,{children:["Collection Photos (",C.photos.length,")"]}),(0,n.jsxs)("div",{style:{display:"flex",gap:"8px"},children:[(0,n.jsx)("input",{type:"file",multiple:!0,accept:"image/*",onChange:E,style:{display:"none"},disabled:f,id:"photo-upload"}),(0,n.jsx)(T.$,{type:"button",onClick:()=>{var e;return null===(e=document.getElementById("photo-upload"))||void 0===e?void 0:e.click()},icon:V.A,size:"sm",variant:"secondary",disabled:f,children:f?"Uploading...":"Upload Images"})]})]}),b&&(0,n.jsx)("div",{style:{padding:"8px 12px",backgroundColor:b.includes("Failed")?"#fef2f2":"#f0f9ff",border:"1px solid ".concat(b.includes("Failed")?"#fecaca":"#bae6fd"),borderRadius:"6px",marginBottom:"12px"},children:(0,n.jsx)("p",{style:{margin:0,fontSize:"12px",color:b.includes("Failed")?"#ef4444":"#0369a1"},children:b})}),C.photos.length>0?(0,n.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(80px, 1fr))",gap:"8px",maxHeight:"200px",overflowY:"auto",padding:"8px",border:"1px solid ".concat(S.T.gray[200]),borderRadius:"6px"},children:C.photos.map(e=>(0,n.jsx)("div",{style:{position:"relative",aspectRatio:"1",borderRadius:"4px",overflow:"hidden",backgroundImage:"url(".concat(e.url,")"),backgroundSize:"cover",backgroundPosition:"center"},children:(0,n.jsx)("button",{type:"button",onClick:()=>{k(e.id),R(e.id).finally(()=>k(null))},disabled:w===e.id,style:{position:"absolute",top:"4px",right:"4px",width:"20px",height:"20px",borderRadius:"50%",backgroundColor:w===e.id?"rgba(156, 163, 175, 0.8)":"rgba(0, 0, 0, 0.7)",border:"none",cursor:w===e.id?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.2s ease"},onMouseEnter:t=>{w!==e.id&&(t.currentTarget.style.backgroundColor="rgba(239, 68, 68, 0.8)")},onMouseLeave:t=>{w!==e.id&&(t.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.7)")},children:w===e.id?(0,n.jsx)("div",{style:{width:"8px",height:"8px",border:"2px solid white",borderTop:"2px solid transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}):(0,n.jsx)(o.A,{size:12,color:"white"})})},e.id))}):(0,n.jsxs)("div",{style:{padding:"32px",textAlign:"center",border:"2px dashed ".concat(S.T.gray[300]),borderRadius:"8px",backgroundColor:S.T.gray[50]},children:[(0,n.jsx)(s.A,{size:32,color:S.T.gray[400],style:{margin:"0 auto 8px"}}),(0,n.jsx)("p",{style:{margin:0,fontSize:"14px",color:S.T.gray[600]},children:"No photos in this collection yet"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:'Click "Upload Images" to add photos to this collection'})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{style:{marginBottom:"16px",display:"block",fontSize:"16px",fontWeight:"600"},children:"Display Settings"}),"grid"===g.displayType&&(0,n.jsxs)("div",{style:{marginBottom:"20px"},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"8px"},children:[(0,n.jsx)(Z,{style:{fontSize:"14px",fontWeight:"500"},children:"Columns"}),(0,n.jsx)("span",{style:{fontSize:"14px",color:S.T.gray[600],fontWeight:"600"},children:g.settings.columns})]}),(0,n.jsx)(eC,{value:[g.settings.columns],onValueChange:e=>{let[t]=e;return D("columns",t)},max:6,min:1,step:1,style:{width:"100%","--slider-track":S.T.gradients.hero,"--slider-thumb":S.T.gradients.hero},className:"custom-gradient-slider"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"Number of columns in the grid layout"})]}),(0,n.jsxs)("div",{style:{marginBottom:"20px"},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"8px"},children:[(0,n.jsx)(Z,{style:{fontSize:"14px",fontWeight:"500"},children:"grid"===g.displayType?"Photo Height":"Carousel Height"}),(0,n.jsxs)("span",{style:{fontSize:"14px",color:S.T.gray[600],fontWeight:"600"},children:[g.settings.height,"px"]})]}),(0,n.jsx)(eC,{value:[g.settings.height],onValueChange:e=>{let[t]=e;return D("height",t)},max:600,min:100,step:10,style:{width:"100%","--slider-track":S.T.gradients.hero,"--slider-thumb":S.T.gradients.hero},className:"custom-gradient-slider"}),(0,n.jsxs)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:["Height of ","grid"===g.displayType?"each photo":"the carousel"," in pixels"]})]}),(0,n.jsxs)("div",{style:{marginBottom:"20px"},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"8px"},children:[(0,n.jsx)(Z,{style:{fontSize:"14px",fontWeight:"500"},children:"Spacing"}),(0,n.jsxs)("span",{style:{fontSize:"14px",color:S.T.gray[600],fontWeight:"600"},children:[g.settings.gap,"px"]})]}),(0,n.jsx)(eC,{value:[g.settings.gap],onValueChange:e=>{let[t]=e;return D("gap",t)},max:40,min:4,step:2,style:{width:"100%","--slider-track":S.T.gradients.hero,"--slider-thumb":S.T.gradients.hero},className:"custom-gradient-slider"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"Space between photos"})]}),(0,n.jsxs)("div",{style:{marginBottom:"20px"},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"8px"},children:[(0,n.jsx)(Z,{style:{fontSize:"14px",fontWeight:"500"},children:"Corner Rounding"}),(0,n.jsxs)("span",{style:{fontSize:"14px",color:S.T.gray[600],fontWeight:"600"},children:[g.settings.borderRadius,"px"]})]}),(0,n.jsx)(eC,{value:[g.settings.borderRadius],onValueChange:e=>{let[t]=e;return D("borderRadius",t)},max:24,min:0,step:2,style:{width:"100%","--slider-track":S.T.gradients.hero,"--slider-thumb":S.T.gradients.hero},className:"custom-gradient-slider"}),(0,n.jsx)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[500]},children:"Roundness of photo corners"})]}),(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"16px",backgroundColor:S.T.gray[50],borderRadius:"8px",border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(Z,{style:{fontSize:"14px",fontWeight:"500",marginBottom:"4px",display:"block"},children:"EventlyApp Watermark"}),(0,n.jsx)("p",{style:{margin:0,fontSize:"12px",color:S.T.gray[600]},children:W?"You can remove the watermark with your paid plan":"Remove branding with a paid plan"})]}),(0,n.jsx)(K,{checked:g.settings.showWatermark,onCheckedChange:e=>{console.log("=== Switch: Watermark toggle clicked, new value:",e),console.log("=== Switch: User plan:",p),console.log("=== Switch: Has paid plan:",W),console.log("=== Switch: Current showWatermark value:",g.settings.showWatermark),W?D("showWatermark",e):console.log("=== Switch: Toggle disabled - user doesn't have paid plan")},disabled:!W,style:{opacity:W?1:.5}})]})]}),(0,n.jsxs)("div",{style:{padding:"16px",backgroundColor:S.T.primary.vibrantPurple+"08",borderRadius:"8px",border:"1px solid ".concat(S.T.primary.vibrantPurple,"20"),display:"flex",gap:"12px"},children:[(0,n.jsx)(ej.A,{size:20,color:S.T.primary.vibrantPurple,style:{flexShrink:0,marginTop:"2px"}}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h4",{style:{margin:0,fontSize:"14px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Collection Photos"}),(0,n.jsxs)("p",{style:{margin:"4px 0 0 0",fontSize:"12px",color:S.T.gray[600],lineHeight:"1.4"},children:["This collection currently contains ",C.photos.length," photo",1!==C.photos.length?"s":"",". Use the upload button to add more photos."]})]})]}),x.submit&&(0,n.jsx)("div",{style:{padding:"12px",backgroundColor:"#fef2f2",border:"1px solid #fecaca",borderRadius:"6px"},children:(0,n.jsx)("p",{style:{margin:0,fontSize:"14px",color:"#ef4444"},children:x.submit})})]}),(0,n.jsxs)("div",{style:{padding:"24px",borderTop:"1px solid ".concat(S.T.gray[200]),display:"flex",gap:"12px",justifyContent:"flex-end"},children:[(0,n.jsx)(T.$,{variant:"ghost",onClick:r,disabled:h,children:"Cancel"}),(0,n.jsx)(T.$,{type:"submit",variant:"primary",disabled:h,style:{background:S.T.gradients.hero},children:h?"Saving...":"Save Changes"})]})]})]})})}eC.displayName=ek.bL.displayName;let ez=e=>{let{isActive:t}=e;return t?(0,n.jsxs)("div",{style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:9999,overflow:"hidden"},children:[Array.from({length:50}).map((e,t)=>(0,n.jsx)("div",{style:{position:"absolute",width:"10px",height:"10px",backgroundColor:[S.T.primary.vibrantPurple,S.T.primary.electricBlue,"#FFD700","#FF6B6B","#4ECDC4","#45B7D1"][t%6],left:"".concat(100*Math.random(),"%"),animationName:"confetti-fall",animationDuration:"".concat(3+2*Math.random(),"s"),animationTimingFunction:"linear",animationIterationCount:"1",animationDelay:"".concat(3*Math.random(),"s"),transform:"rotate(".concat(360*Math.random(),"deg)")}},t)),(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n            @keyframes confetti-fall {\n              0% {\n                transform: translateY(-100vh) rotate(0deg);\n                opacity: 1;\n              }\n              100% {\n                transform: translateY(100vh) rotate(720deg);\n                opacity: 0;\n              }\n            }\n          "}})]}):null},eP=e=>{let{isOpen:t,onClose:r}=e;return t?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(8px)",zIndex:1e3,display:"flex",alignItems:"center",justifyContent:"center",padding:"20px"},onClick:r,children:(0,n.jsxs)("div",{style:{backgroundColor:"white",borderRadius:"20px",maxWidth:"500px",width:"100%",maxHeight:"90vh",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",position:"relative",display:"flex",flexDirection:"column",overflow:"hidden"},onClick:e=>e.stopPropagation(),children:[(0,n.jsxs)("div",{style:{padding:"32px 32px 0 32px",textAlign:"center",flexShrink:0},children:[(0,n.jsx)("button",{onClick:r,style:{position:"absolute",top:"16px",right:"16px",background:"none",border:"none",cursor:"pointer",padding:"8px",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.gray[100]},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"},children:(0,n.jsx)(o.A,{size:20,color:S.T.gray[500]})}),(0,n.jsx)("h2",{style:{margin:"0 0 16px 0",fontSize:"28px",fontWeight:"700",color:S.T.primary.darkNavy,lineHeight:"1.2"},children:"Profile Complete"})]}),(0,n.jsxs)("div",{style:{flex:1,overflowY:"auto",padding:"0 32px"},children:[(0,n.jsxs)("div",{style:{backgroundColor:S.T.primary.vibrantPurple+"10",border:"2px solid ".concat(S.T.primary.vibrantPurple,"20"),borderRadius:"16px",padding:"20px",marginBottom:"24px",textAlign:"left"},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"},children:[(0,n.jsx)("div",{style:{backgroundColor:S.T.primary.vibrantPurple,color:"white",padding:"4px 12px",borderRadius:"20px",fontSize:"12px",fontWeight:"600",textTransform:"uppercase",letterSpacing:"0.5px"},children:"Beta"}),(0,n.jsx)("h3",{style:{margin:0,fontSize:"16px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Help Us Build Something Amazing"})]}),(0,n.jsx)("p",{style:{margin:"0 0 16px 0",fontSize:"14px",color:S.T.gray[600],lineHeight:"1.5"},children:"EventlyApp is in active development! Our team is constantly adding new features and improvements based on user feedback."}),(0,n.jsxs)("p",{style:{margin:0,fontSize:"14px",color:S.T.gray[600],lineHeight:"1.5"},children:[(0,n.jsx)("strong",{children:"Found a bug or have a feature idea?"})," We'd love to hear from you!"]})]}),(0,n.jsxs)("div",{style:{display:"flex",gap:"12px",flexDirection:"column"},children:[(0,n.jsxs)(T.$,{variant:"default",fullWidth:!0,style:{background:S.T.gradients.hero,fontSize:"16px",padding:"12px 24px"},onClick:()=>{window.open("mailto:request@eventlyapp.xyz?subject=Feature Request&body=Hi EventlyApp team!%0D%0A%0D%0AI have a suggestion for EventlyApp:%0D%0A%0D%0A[Please describe your feature request or feedback here]%0D%0A%0D%0AThanks!","_blank"),r()},children:[(0,n.jsx)(l.A,{size:16}),"Request Features"]}),(0,n.jsxs)(T.$,{variant:"secondary",fullWidth:!0,style:{fontSize:"16px",padding:"12px 24px"},onClick:()=>{window.open("mailto:bugs@eventlyapp.xyz?subject=Bug Report&body=Hi EventlyApp team!%0D%0A%0D%0AI found a bug in EventlyApp:%0D%0A%0D%0ASteps to reproduce:%0D%0A1. %0D%0A2. %0D%0A3. %0D%0A%0D%0AExpected behavior:%0D%0A%0D%0AActual behavior:%0D%0ABrowser/Device info:%0D%0A%0D%0AThanks!","_blank"),r()},children:[(0,n.jsx)(a.A,{size:16}),"Report Bug"]})]})]}),(0,n.jsx)("div",{style:{padding:"20px 32px 32px 32px",flexShrink:0},children:(0,n.jsx)("p",{style:{margin:0,fontSize:"12px",color:S.T.gray[500],lineHeight:"1.4",textAlign:"center"},children:"Your feedback helps us make EventlyApp better for everyone. Thank you for being part of our beta community!"})})]})})}):null};function eA(e){var t,r;let{activeSection:l="galleries"}=e,{user:a,signOutUser:f}=(0,eo.A)(),{addToast:v}=(0,C.dj)(),[b,j]=(0,i.useState)(l),[w,k]=(0,i.useState)(!1),[P,I]=(0,i.useState)(!1),[R,F]=(0,i.useState)(!1),[D,W]=(0,i.useState)([]),[N,B]=(0,i.useState)([]),[L,M]=(0,i.useState)({displayName:"",bio:"",profilePicture:"",bannerPicture:""}),[$,V]=(0,i.useState)({userId:"",userProfileSlug:"",currentPlan:"free",subscription:{planId:"free",planName:"Free Tier",status:"active",planDescription:"All core gallery and collection management features",features:["Unlimited galleries and collections","Basic analytics","EventlyApp watermark on shared content","Community support"]},plans:[{id:"free",name:"Free Tier",price:0,description:"Perfect for getting started with event galleries",features:["Unlimited galleries and collections","Basic analytics","EventlyApp watermark on shared content","Community support"]},{id:"starter",name:"Starter Tier",price:15,description:"Remove watermarks and get better support",features:["All free tier features","Remove EventlyApp watermark","Custom domain setup (conceptual)","Enhanced customer support"]},{id:"pro",name:"Pro Tier",price:30,description:"Full white-label experience with premium support",features:["All Starter tier features","White-label option (conceptual)","Priority customer support","Advanced analytics (future)"]}]}),[Y,G]=(0,i.useState)({totalClicks:0,totalViews:0,topLinks:[]}),[q,O]=(0,i.useState)(!0),[_,Z]=(0,i.useState)(!1),[J,X]=(0,i.useState)(!1),[K,ee]=(0,i.useState)(!1),[er,ei]=(0,i.useState)(!1),[el,ea]=(0,i.useState)(null),[es,ed]=(0,i.useState)(null),[ec,ep]=(0,i.useState)(!1),[eg,eu]=(0,i.useState)(!1),[ex,ey]=(0,i.useState)(!1),eh=(()=>{let e=[],t=[];$.userProfileSlug&&""!==$.userProfileSlug.trim()?e.push("Profile URL set"):t.push("Set your profile URL"),L.displayName&&""!==L.displayName.trim()?e.push("Display name added"):t.push("Add display name"),D.length>0?e.push("First gallery created"):t.push("Create your first gallery"),L.profilePicture&&""!==L.profilePicture.trim()?e.push("Profile picture uploaded"):t.push("Upload profile picture"),L.bio&&""!==L.bio.trim()?e.push("Bio added"):t.push("Add bio description");let r=e.length+t.length;return{percentage:r>0?Math.round(e.length/r*100):0,completedItems:e,missingItems:t}})();(0,i.useEffect)(()=>{100!==eh.percentage||ex||q||(ep(!0),eu(!0),ey(!0),setTimeout(()=>{ep(!1)},4e3))},[eh.percentage,ex,q]),(0,i.useEffect)(()=>{a&&em()},[a]),(0,i.useEffect)(()=>(_||J||K||er||R||eg?(document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"):(document.body.style.overflow="",document.documentElement.style.overflow=""),()=>{document.body.style.overflow="",document.documentElement.style.overflow=""}),[_,J,K,er,R,eg]);let em=async()=>{if(a){O(!0);try{if((await (0,Q.initializeUserData)(a.uid,a.displayName||"",a.email||"")).success){let t=await (0,Q.oy)(a.uid);W(t);let r=await (0,Q.Re)(a.uid);B(r);let n=await (0,Q.h_)(a.uid);if(n)console.log("=== AdminPanel: Loaded settings from Firebase:",n),V({...$,...n,userId:a.uid});else{var e;let t=(a.displayName||(null===(e=a.email)||void 0===e?void 0:e.split("@")[0])||"user").toLowerCase().replace(/[^a-z0-9]/g,"").substring(0,30);V(e=>({...e,userId:a.uid,userProfileSlug:t}))}let i=await (0,Q.VM)(a.uid);M({displayName:(null==i?void 0:i.username)||a.displayName||"",bio:(null==i?void 0:i.aboutText)||"",profilePicture:(null==i?void 0:i.profileImage)||a.photoURL||"",bannerPicture:(null==i?void 0:i.backgroundImage)||"",removeWatermark:(null==n?void 0:n.removeWatermark)||!1,usernameColor:(null==i?void 0:i.usernameColor)||"#FFFFFF",aboutColor:(null==i?void 0:i.aboutColor)||"#FFFFFF"});let o=await (0,Q.GM)(a.uid);G(o)}}catch(e){console.error("Error loading user data:",e),v({type:"error",title:"Loading Error",message:"There was an error loading your data. Please refresh the page."})}finally{O(!1)}}};(0,i.useEffect)(()=>{let e=()=>{I(window.innerWidth<1024),window.innerWidth>=1024&&F(!1)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,i.useEffect)(()=>{F(!1)},[b]);let ef=async()=>{if(a)try{let e=await (0,Q.GM)(a.uid);G(e)}catch(e){console.error("Error refreshing analytics:",e)}};(0,i.useEffect)(()=>{"analytics"===b&&a&&ef()},[b,a]);let eb=async e=>{e===b||w||(k(!0),setTimeout(()=>{j(e),setTimeout(()=>{k(!1)},50)},150))},ej=()=>{Z(!0)},ek=e=>{ea(e),ee(!0)},eC=async e=>{let t=D.filter(t=>t.id!==e);W(t),a&&await (0,Q.DO)(a.uid,t),v({type:"success",title:"Gallery Deleted",message:"Gallery has been successfully deleted."})},eA=()=>{X(!0)},eI=e=>{ed(e),ei(!0)},eE=async e=>{let t=N.filter(t=>t.id!==e);B(t),a&&await (0,Q.eQ)(a.uid,t),v({type:"success",title:"Collection Deleted",message:"Collection has been successfully deleted."})},eR=async e=>{console.log("=== AdminPanel: Saving settings:",e),V(e),a&&await (0,Q.uT)(a.uid,e),v({type:"success",title:"Settings Saved",message:"Your settings have been updated successfully."})},eF=async e=>{if(console.log("=== AdminPanel: Saving account data:",e),M(e),a)try{let t={...await (0,Q.VM)(a.uid),username:e.displayName,aboutText:e.bio,profileImage:e.profilePicture,backgroundImage:e.bannerPicture,usernameColor:e.usernameColor||"#FFFFFF",aboutColor:e.aboutColor||"#FFFFFF"};if(console.log("=== AdminPanel: Saving profile data to Firestore:",t),!(await (0,Q.Yh)(a.uid,t)).success)throw Error("Failed to save profile data");if(void 0!==e.removeWatermark){let t={...$,removeWatermark:e.removeWatermark};await (0,Q.uT)(a.uid,t),V(t)}console.log("=== AdminPanel: Account data saved successfully to Firestore"),await em()}catch(e){throw console.error("=== AdminPanel: Error saving account data:",e),e}},eD=async()=>{try{await f(),v({type:"success",title:"Logged Out",message:"You have been successfully logged out."})}catch(e){v({type:"error",title:"Logout Error",message:"There was an error logging out. Please try again."})}},eW=()=>{if(!$.userProfileSlug||""===$.userProfileSlug.trim()){v({type:"warning",title:"Profile Slug Required",message:"Please set your profile slug in Settings before viewing your public page."}),eb("settings");return}let e="https://eventlyapp.xyz/".concat($.userProfileSlug);window.open(e,"_blank")},eN=async e=>{try{let t=[...D,e];if(W(t),a&&!(await (0,Q.DO)(a.uid,t)).success)throw Error("Failed to save to Firebase");v({type:"success",title:"Gallery Created",message:"Your gallery has been created successfully!"})}catch(e){console.error("Error saving new gallery:",e),await em(),v({type:"error",title:"Save Failed",message:"Failed to create gallery. Please try again."})}},eB=async e=>{let t=[...N,e];B(t),a&&await (0,Q.eQ)(a.uid,t),v({type:"success",title:"Collection Created",message:"Your collection has been created successfully!"})},eL=async e=>{try{let t=D.map(t=>t.id===e.id?e:t);if(W(t),a&&!(await (0,Q.DO)(a.uid,t)).success)throw Error("Failed to save to Firebase");v({type:"success",title:"Gallery Updated",message:"Your gallery has been updated successfully!"})}catch(e){console.error("Error saving edited gallery:",e),await em(),v({type:"error",title:"Save Failed",message:"Failed to save gallery changes. Please try again."})}},eM=async e=>{let t=N.map(t=>t.id===e.id?e:t);B(t),a&&await (0,Q.eQ)(a.uid,t),v({type:"success",title:"Collection Updated",message:"Your collection has been updated successfully!"})},eU=[{id:"galleries",label:"Galleries",icon:s.A},{id:"collections",label:"Collections",icon:d.A},{id:"preview",label:"Preview",icon:c.A},{id:"account",label:"Account",icon:p.A},{id:"analytics",label:"Analytics",icon:g.A},{id:"settings",label:"Settings",icon:u.A}],eH=e=>{let{isMobile:t=!1}=e;return(0,n.jsxs)("div",{style:{height:"100%",backgroundColor:S.T.gray[50],display:"flex",flexDirection:"column",borderRight:t?"none":"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsxs)("div",{style:{padding:"24px 24px 16px 24px",flexShrink:0},children:[(0,n.jsxs)("div",{style:{marginBottom:16,display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,n.jsx)("img",{src:"https://firebasestorage.googleapis.com/v0/b/evently-dc631.firebasestorage.app/o/appwordmarkevently-1.png?alt=media&token=1353715a-cbf1-442f-975a-9e3dd2738dc7",alt:"Evently",style:{height:"32px",width:"auto",objectFit:"contain"},onError:e=>{var t;e.currentTarget.style.display="none";let r=document.createElement("h1");r.textContent="Evently",r.style.cssText="\n              margin: 0;\n              fontSize: 24px;\n              fontWeight: 700;\n              color: ".concat(S.T.primary.darkNavy,";\n            "),null===(t=e.currentTarget.parentNode)||void 0===t||t.appendChild(r)}}),t&&(0,n.jsx)("button",{onClick:()=>F(!1),style:{padding:"8px",border:"none",backgroundColor:"transparent",cursor:"pointer",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.gray[100]},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"},children:(0,n.jsx)(o.A,{size:20,color:S.T.gray[600]})})]}),(0,n.jsx)("h2",{style:{margin:0,fontSize:18,fontWeight:600,color:S.T.primary.darkNavy,marginBottom:4},children:"Event Dashboard"}),(0,n.jsxs)("p",{style:{margin:0,fontSize:14,color:S.T.gray[600]},children:["Welcome, ",L.displayName||(null==a?void 0:a.displayName)||(null==a?void 0:a.email)||"User"]})]}),(0,n.jsx)(en,{style:{flex:1,paddingLeft:24,paddingRight:24},children:(0,n.jsxs)("div",{style:{paddingBottom:16},children:[eh.percentage<100&&(0,n.jsxs)("div",{style:{marginBottom:24,padding:16,backgroundColor:"white",borderRadius:12,border:"1px solid ".concat(S.T.gray[200])},children:[(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:8},children:[(0,n.jsx)("h3",{style:{margin:0,fontSize:14,fontWeight:600,color:S.T.primary.darkNavy},children:"Profile Setup"}),(0,n.jsxs)("span",{style:{fontSize:14,fontWeight:600,color:100===eh.percentage?S.T.primary.vibrantPurple:S.T.gray[600]},children:[eh.percentage,"%"]})]}),(0,n.jsx)("div",{style:{width:"100%",height:6,backgroundColor:S.T.gray[200],borderRadius:3,overflow:"hidden",marginBottom:12},children:(0,n.jsx)("div",{style:{width:"".concat(eh.percentage,"%"),height:"100%",background:S.T.gradients.hero,borderRadius:3,transition:"width 0.3s ease"}})}),100===eh.percentage?(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,color:S.T.primary.vibrantPurple,fontSize:13,fontWeight:500},children:[(0,n.jsx)("div",{style:{width:16,height:16,borderRadius:"50%",backgroundColor:S.T.primary.vibrantPurple,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,n.jsx)("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M8.5 1L3.5 6L1.5 4",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),"Profile Complete!"]}):(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{style:{margin:"0 0 8px 0",fontSize:12,color:S.T.gray[600],lineHeight:"1.4"},children:"Complete your profile to get the most out of EventlyApp:"}),(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[eh.missingItems.slice(0,2).map((e,t)=>{let r=(e=>{if(e.includes("profile URL")||e.includes("Profile URL"));else if(e.includes("display name")||e.includes("bio")||e.includes("profile picture"))return"account";else if(e.includes("gallery"))return"galleries";return"settings"})(e);return(0,n.jsxs)("button",{onClick:()=>eb(r),style:{fontSize:11,color:S.T.gray[500],display:"flex",alignItems:"center",gap:6,background:"none",border:"none",padding:"4px 0",cursor:"pointer",textAlign:"left",borderRadius:4,transition:"all 0.2s ease",fontFamily:"inherit"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.gray[100],e.currentTarget.style.color=S.T.primary.vibrantPurple,e.currentTarget.style.paddingLeft="4px",e.currentTarget.style.paddingRight="4px"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color=S.T.gray[500],e.currentTarget.style.paddingLeft="0",e.currentTarget.style.paddingRight="0"},title:"Click to go to ".concat(r.charAt(0).toUpperCase()+r.slice(1)," section"),children:[(0,n.jsx)("div",{style:{width:4,height:4,borderRadius:"50%",backgroundColor:S.T.gray[400],flexShrink:0}}),e,(0,n.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{marginLeft:"auto",opacity:.6},children:(0,n.jsx)("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]},t)}),eh.missingItems.length>2&&(0,n.jsxs)("button",{onClick:()=>{v({type:"info",title:"Remaining Setup Items",message:eh.missingItems.slice(2).join(", ")})},style:{fontSize:11,color:S.T.gray[400],fontStyle:"italic",marginLeft:10,background:"none",border:"none",cursor:"pointer",textAlign:"left",padding:"2px 0",borderRadius:4,transition:"color 0.2s ease",fontFamily:"inherit"},onMouseEnter:e=>{e.currentTarget.style.color=S.T.primary.vibrantPurple},onMouseLeave:e=>{e.currentTarget.style.color=S.T.gray[400]},title:"Click to see all remaining items",children:["+",eh.missingItems.length-2," more items"]})]})]})]}),(0,n.jsx)("nav",{children:eU.map(e=>{let t=b===e.id;return(0,n.jsxs)("button",{onClick:()=>eb(e.id),disabled:w,style:{width:"100%",padding:"12px 16px",border:"none",borderRadius:8,backgroundColor:t?S.T.primary.vibrantPurple+"20":"transparent",color:t?S.T.primary.vibrantPurple:S.T.gray[600],fontSize:16,fontWeight:t?600:500,cursor:w?"not-allowed":"pointer",display:"flex",alignItems:"center",gap:12,marginBottom:4,transition:"all 0.2s ease",fontFamily:"inherit",opacity:w?.6:1},onMouseEnter:e=>{t||w||(e.currentTarget.style.backgroundColor=S.T.gray[100])},onMouseLeave:e=>{t||w||(e.currentTarget.style.backgroundColor="transparent")},children:[(0,n.jsx)(e.icon,{size:20}),e.label]},e.id)})})]})}),(0,n.jsxs)("div",{style:{padding:"16px 24px 24px 24px",borderTop:"1px solid ".concat(S.T.gray[200]),flexShrink:0,backgroundColor:S.T.gray[50]},children:[(0,n.jsxs)(T.$,{variant:"default",fullWidth:!0,style:{marginBottom:12,background:S.T.gradients.hero},onClick:()=>window.open("mailto:request@eventlyapp.xyz?subject=Feature Request&body=Hi! I would like to request the following feature for EventlyApp:%0D%0A%0D%0A","_blank"),children:[(0,n.jsx)(x.A,{size:16}),"Request Features"]}),(0,n.jsx)(T.$,{variant:"secondary",fullWidth:!0,style:{marginBottom:12,opacity:$.userProfileSlug&&""!==$.userProfileSlug.trim()?1:.6,cursor:$.userProfileSlug&&""!==$.userProfileSlug.trim()?"pointer":"not-allowed",position:"relative"},onClick:eW,title:$.userProfileSlug&&""!==$.userProfileSlug.trim()?"View your public events page":"Set your profile slug in Settings first",children:(0,n.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:8,width:"100%"},children:[(0,n.jsx)(y.A,{size:16}),"View All Events",$.userProfileSlug&&""!==$.userProfileSlug.trim()&&(0,n.jsx)("div",{style:{marginLeft:"auto",width:16,height:16,borderRadius:"50%",backgroundColor:S.T.primary.vibrantPurple,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,n.jsx)("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M8.5 1L3.5 6L1.5 4",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}),(0,n.jsxs)(T.$,{variant:"ghost",fullWidth:!0,onClick:eD,children:[(0,n.jsx)(h.A,{size:16}),"Logout"]})]})]})};if(q)return(0,n.jsxs)("div",{style:{minHeight:"100vh",display:"flex",alignItems:"center",justifyContent:"center",background:S.T.gradients.background},children:[(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"20px"},children:[(0,n.jsx)("div",{style:{width:"60px",height:"60px",border:"4px solid ".concat(S.T.gray[200]),borderTop:"4px solid ".concat(S.T.primary.vibrantPurple),borderRadius:"50%",animation:"spin 1s linear infinite"}}),(0,n.jsx)("h2",{style:{margin:0,fontSize:"24px",fontWeight:"600",color:S.T.primary.darkNavy},children:"Setting up your dashboard..."})]}),(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n              @keyframes spin {\n                0% { transform: rotate(0deg); }\n                100% { transform: rotate(360deg); }\n              }\n            "}})]});let e$={planId:(null===(t=$.subscription)||void 0===t?void 0:t.planId)||$.currentPlan||"free",planName:(null===(r=$.subscription)||void 0===r?void 0:r.planName)||"Free Plan"};return console.log("=== AdminPanel: Final user plan being passed to modals:",e$),console.log("=== AdminPanel: Settings data structure:",$),(0,n.jsxs)("div",{style:{display:"flex",height:"100vh",width:"100vw",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",backgroundColor:S.T.gray[50],overflow:"hidden"},children:[(0,n.jsx)(ez,{isActive:ec}),(0,n.jsx)(eP,{isOpen:eg,onClose:()=>eu(!1)}),!P&&(0,n.jsx)("div",{style:{width:280,flexShrink:0},children:(0,n.jsx)(eH,{})}),P&&R&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.5)",backdropFilter:"blur(4px)",zIndex:40},onClick:()=>F(!1)}),(0,n.jsx)("div",{style:{position:"fixed",left:0,top:0,height:"100%",width:"320px",maxWidth:"85vw",zIndex:50,transform:"translateX(0)",transition:"transform 300ms ease-in-out",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)"},children:(0,n.jsx)(eH,{isMobile:!0})})]}),(0,n.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",minWidth:0,overflow:"hidden"},children:[P&&(0,n.jsx)("header",{style:{backgroundColor:"rgba(255, 255, 255, 0.95)",backdropFilter:"blur(8px)",borderBottom:"1px solid ".concat(S.T.gray[200]),boxShadow:"0 1px 3px 0 rgba(0, 0, 0, 0.1)",flexShrink:0},children:(0,n.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px"},children:(0,n.jsx)("div",{style:{display:"flex",alignItems:"center",gap:16},children:(0,n.jsx)("button",{onClick:()=>F(!0),style:{padding:"8px",border:"none",backgroundColor:"transparent",cursor:"pointer",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=S.T.gray[100]},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"},children:(0,n.jsx)(m.A,{size:20,color:S.T.gray[600]})})})})}),(0,n.jsx)("main",{style:{flex:1,overflowY:"auto",overflowX:"hidden",padding:P?"16px":"32px",minHeight:0},children:(0,n.jsx)("div",{style:{maxWidth:"1200px",margin:"0 auto",opacity:+!w,transform:w?"translateY(10px)":"translateY(0)",transition:"all 0.2s ease-in-out",width:"100%",minWidth:0},children:(()=>{switch(b){case"galleries":return(0,n.jsx)(z,{galleries:D,onCreateGallery:ej,onEditGallery:ek,onDeleteGallery:eC,userSlug:$.userProfileSlug||$.slug||""});case"collections":var e,t;return(0,n.jsx)(A,{collections:N,userPlan:{planId:(null===(e=$.subscription)||void 0===e?void 0:e.planId)||$.currentPlan||"free",planName:(null===(t=$.subscription)||void 0===t?void 0:t.planName)||"Free Plan"},onCreateCollection:eA,onEditCollection:eI,onDeleteCollection:eE});case"preview":return(0,n.jsx)(H,{galleries:D,collections:N,userDisplayName:L.displayName||(null==a?void 0:a.displayName)||(null==a?void 0:a.email)||"User",userProfileSlug:$.userProfileSlug,userBio:L.bio,profilePicture:L.profilePicture,bannerPicture:L.bannerPicture});case"account":return(0,n.jsx)(et,{initialData:L,onSave:eF,userId:(null==a?void 0:a.uid)||"",settingsData:$});case"analytics":return(0,n.jsx)(E,{data:Y});case"settings":return(0,n.jsx)(U,{initialData:$,onSave:eR,userId:null==a?void 0:a.uid});default:return(0,n.jsx)("div",{children:"Select a section"})}})()})})]}),(0,n.jsx)(ev,{isOpen:_,onClose:()=>Z(!1),onSave:eN,userId:(null==a?void 0:a.uid)||""}),(0,n.jsx)(ew,{isOpen:J,onClose:()=>X(!1),onSave:eB,userId:(null==a?void 0:a.uid)||""}),(0,n.jsx)(eT,{isOpen:K,onClose:()=>{ee(!1),ea(null)},onSave:eL,gallery:el,userId:(null==a?void 0:a.uid)||""}),(0,n.jsx)(eS,{isOpen:er,onClose:()=>{ei(!1),ed(null)},onSave:eM,collection:es,userId:(null==a?void 0:a.uid)||"",userPlan:e$})]})}},9852:(e,t,r)=>{r.d(t,{p:()=>l});var n=r(5155),i=r(2115),o=r(3999);let l=i.forwardRef((e,t)=>{let{className:r,type:i,...l}=e;return(0,n.jsx)("input",{type:i,className:(0,o.cn)("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",r),ref:t,...l})});l.displayName="Input"}}]);