@cshah18/sdk 4.14.0 → 4.15.0

package/dist/cobuy-sdk.esm.js

@@ -837,6 +837,7 @@ class GroupListModal {
         this.onGroupMemberJoined = (event) => {
             const detail = event.detail || {};
             console.log("eventttttt", detail);
+            const eventType = event.type;
             const productId = detail.product_id;
             const groupData = detail.group;
             // Only process if this is for the current product
@@ -858,6 +859,16 @@ class GroupListModal {
                 if (typeof participantsCount === "number") {
                     this.groups[groupIndex].joined = participantsCount;
                 }
+                // If this session left the currently joined group, clear stale local membership state.
+                const leavingSessionId = detail.session_id;
+                if (eventType === "group:member:left" &&
+                    this.currentSessionId &&
+                    leavingSessionId === this.currentSessionId &&
+                    this.currentJoinedGroupId === groupId) {
+                    this.currentJoinedGroupId = null;
+                    this.groups[groupIndex].isMember = false;
+                    this.updateStartButtonState(false, this.isLoading);
+                }
                 this.logger.info(`[GroupListModal] Updated group ${groupId} - participants: ${participantsCount}`);
                 // Re-render the specific group card
                 this.updateGroupCard(groupId);
@@ -899,6 +910,7 @@ class GroupListModal {
             return;
         }
         window.addEventListener("group:member:joined", this.handleGroupMemberJoinedEvent);
+        window.addEventListener("group:member:left", this.handleGroupMemberJoinedEvent);
         this.socketListenerRegistered = true;
         this.logger.debug("[GroupListModal] Socket event listeners registered");
     }
@@ -908,6 +920,7 @@ class GroupListModal {
             return;
         }
         window.removeEventListener("group:member:joined", this.handleGroupMemberJoinedEvent);
+        window.removeEventListener("group:member:left", this.handleGroupMemberJoinedEvent);
         this.socketListenerRegistered = false;
         this.logger.debug("[GroupListModal] Socket event listeners unregistered");
     }
@@ -1039,13 +1052,11 @@ class GroupListModal {
                 console.log("groupsss", groups);
                 // If API reports membership, prefer it over cached state
                 const memberGroup = groups.find((g) => g.isMember);
-                if (memberGroup) {
-                    this.currentJoinedGroupId = memberGroup.groupId;
-                }
+                this.currentJoinedGroupId = memberGroup ? memberGroup.groupId : null;
                 this.groups = groups;
                 this.liveCount = groups.length;
                 this.logger.info(`Fetched ${groups.length} active groups`);
-                const hasMembership = Boolean(this.currentJoinedGroupId || groups.some((g) => g.isMember));
+                const hasMembership = Boolean(memberGroup);
                 this.updateStartButtonState(hasMembership, false);
                 // Update and show live count display
                 const liveCountText = document.getElementById("cobuy-live-count-text");
@@ -1403,7 +1414,7 @@ class GroupListModal {
     createGroupCard(group) {
         const card = document.createElement("div");
         card.className = "cobuy-group-card";
-        card.dataset.groupId = group.name || group.groupId;
+        card.dataset.groupId = group.groupId;
         const header = document.createElement("div");
         header.className = "cobuy-group-card-header";
         const groupId = document.createElement("div");
@@ -2156,15 +2167,24 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cb-lobby-modal-container{height:100%;left:0;overflow-y:auto!important;position:fixed;top:0;width:100%;z-index:10000}.cb-lobby-modal-container *{box-sizing:border-box;margin:0;padding:0}.cb-lobby-modal-container body,.cb-lobby-modal-container html{font-family:Inter,sans-serif;height:100%;overflow-x:hidden;width:100%}.cb-lobby-main{backdrop-filter:blur(4px);background-color:color-mix(in oklab,#fff 5%,transparent);border-radius:50px;box-shadow:0 25px 50px -12px #00000040;padding:80px;position:relative;width:100%;z-index:1}.cb-lobby-bg{background-image:url(https://cobuy-dev.s3.af-south-1.amazonaws.com/public/sdk/cb-back-image.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.cb-lobby-main-wp{align-items:center;display:flex;justify-content:center;padding:40px 80px}.lobby-indicator{align-items:center;backdrop-filter:blur(8px);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:24px;display:flex;gap:12px;margin-bottom:16px;padding:6px 12px;width:fit-content}.lobby-indicator-logo{display:block;flex-shrink:0;height:34px;width:auto}.pulsing-dot{align-items:center;display:flex;height:8px;justify-content:center;position:relative;width:8px}.pulsing-dot:after{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pulsing-dot:after,.pulsing-dot:before{background:#10b981;border-radius:50%;content:\"\";height:100%;position:absolute;width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.indicator-text{color:#047857;font-size:11px;font-weight:800;letter-spacing:.5px;line-height:1;text-transform:uppercase}.lobby-status-section{display:flex;flex-direction:column;margin-bottom:24px}.lobby-status{background:#fff;border-radius:4px;color:#000;font-size:10px;font-weight:600;line-height:1.2;padding:6px 10px;text-transform:uppercase}.lobby-status.active{background:#155dfc;color:#fff}.lobby-status.complete{background:#10b981;color:#fff}.lobby-status-wp{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.lobby-number{backdrop-filter:blur(3px);background:hsla(0,0%,100%,.2);border-radius:4px;box-shadow:0 25px 50px -12px #00000040;font-size:12px;font-weight:700;letter-spacing:1px;line-height:1.2;padding:5px 8px;text-transform:uppercase}.title-wp{margin-top:25px}.title-wp h2{font-size:60px;font-weight:900;line-height:1;margin-bottom:15px}.sub-title{-webkit-text-fill-color:transparent;animation:gradient-flow 4s linear infinite;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#1e293b,#2563eb 25%,#1e293b 50%);background-size:200% auto;color:#1e293b;font-size:16px;font-weight:700;line-height:1.5;margin-bottom:0}@keyframes gradient-flow{0%{background-position:200% 0}to{background-position:-200% 0}}.sub-title.completed{-webkit-text-fill-color:unset;background-clip:unset;-webkit-background-clip:unset;background-image:none;color:#1e293b}.connected-section{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;gap:20px;margin-top:24px;padding:24px;transition:all .3s ease}.connected-section:hover{background:hsla(0,0%,100%,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}.link-share-container{display:flex;flex-direction:column}.link-share-wrapper{align-items:center;display:flex;gap:12px;width:100%}.lobby-link-box{align-items:center;backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.3);border-radius:14px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;flex:1;gap:16px;justify-content:space-between;min-height:50px;padding:16px 20px;transition:all .2s ease}.lobby-link-box:hover{background-color:hsla(0,0%,100%,.5);box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}.lobby-link-text{color:#71717a;font-size:10px;font-weight:700;letter-spacing:.6px;line-height:1.2;margin-bottom:6px;text-transform:uppercase}.copy-link-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:0;transition:all .2s ease;white-space:nowrap}.copy-link-btn:hover{color:#1e293b}.copy-link-btn .copy-text{display:none}.copy-link-btn svg{flex-shrink:0;height:18px;width:18px}@media (min-width:640px){.copy-link-btn .copy-text{display:inline}}.lobby-link-url{color:#1e293b;font-size:15px;font-weight:700;line-height:1.4;word-break:break-all}.link-box-container{flex:1;min-width:0}.share-btn{align-items:center;background:#1e293b;border:none;border-radius:14px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;height:50px;justify-content:center;min-width:auto;padding:35px 24px;transition:all .2s ease}.share-btn .share-text{color:#fff;display:inline;font-size:18px;margin:0!important}.share-btn svg{color:#fff;flex-shrink:0;height:18px;width:18px}@media (max-width:640px){.share-btn{font-size:14px;height:50px;padding:0 18px}.share-btn .share-text{color:#fff;display:inline}}.share-btn:hover{background:#0f172a;box-shadow:0 4px 8px 0 rgba(0,0,0,.15);transform:translateY(-1px)}.share-btn:active{transform:scale(.95)}.lobby-offer-box{align-items:center;backdrop-filter:blur(8px);background-color:rgba(59,130,246,.063);border:1px solid rgba(59,130,246,.125);border-radius:1rem;display:flex;gap:30px;margin-top:30px;padding:15px 20px}.offer-box-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,rgba(59,130,246,.867));border-radius:10px;box-shadow:0 10px 15px -3px rgba(59,130,246,.314);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;padding:5px;width:56px}.offer-lock-status{align-items:center;display:flex;gap:6px;margin-bottom:2px}.offer-lock-status span{font-size:14px;font-weight:700;line-height:1}.offer-box-content h3{font-size:30px;font-weight:900;line-height:1.2}.cb-lobby-top{display:grid;gap:100px;grid-template-columns:7fr 5fr}.group-info{backdrop-filter:blur(8px);background-color:color-mix(in oklab,#fff 5%,transparent);border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;padding:30px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.progress-header .title{align-items:center;color:#000;display:flex;font-size:14px;font-weight:900;justify-content:center;letter-spacing:.7px;position:relative}.progress-badge{background:#3b82f6;border-radius:999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;font-size:13px;font-weight:700;padding:6px 12px}.cb-lobby-modal-container .progress-bar{background:#fff;border-radius:999px;height:14px;overflow:hidden;width:100%}.cb-lobby-modal-container .progress-fill{animation:shimmer 2.7s linear infinite;background:#3b82f6;background-image:linear-gradient(120deg,hsla(0,0%,100%,.15) 25%,hsla(0,0%,100%,.45) 37%,hsla(0,0%,100%,.15) 63%);background-size:200% 100%;border-radius:999px;height:100%;position:relative;transition:width .6s ease;width:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-labels{color:#474d56;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.team-card{margin-top:40px}.team-card .icon-box svg{width:16px}.team-card .team-header{align-items:center;display:flex;justify-content:space-between}.team-card .team-title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:12px;letter-spacing:1px}.team-card .icon-box{align-items:center;background-color:#3b82f6;border-radius:.5rem;box-shadow:0 10px 15px -3px #3b82f64d;color:#fff;display:flex;font-size:18px;height:2rem;justify-content:center;width:2rem}.team-card .team-title span{color:#000;font-size:14px;font-weight:900;letter-spacing:.7px}.team-card .team-count{background-color:#3b82f6;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;font-size:13px;font-weight:700;letter-spacing:.7px;padding:6px 12px}.team-card .team-members{align-items:center;display:flex;gap:14px;justify-content:center;margin-top:20px}.team-card .member{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;font-size:22px;height:56px;position:relative;width:56px}.team-card .member,.team-card .member:after{align-items:center;color:#fff;display:flex;justify-content:center}.team-card .member:after{background:#3b82f6;background-image:url(https://cobuy-dev.s3.af-south-1.amazonaws.com/public/sdk/tick-mark-icon.svg);background-position:50%;background-repeat:no-repeat;background-size:75%;border:2px solid #fff;border-radius:50%;bottom:-4px;content:\"\";height:12px;padding:2px;position:absolute;right:-4px;width:12px}.team-card .member.blue{background:#2563eb}.team-card .member.purple{background:#9333ea}.team-card .member.pink{background:#ec4899}.team-card .member.orange{background:#f97316}.team-card .member.empty{background:#f8fafc;color:#9ca3af}.team-card .member.empty:after{display:none}.time-card{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;display:flex;gap:14px;margin-top:30px;padding:15px}.time-card .time-icon{align-items:center;background:#3b82f6;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.time-card .time-content{display:flex;flex-direction:column}.time-card .time-label{color:#4b5563;font-size:12px;font-weight:600;letter-spacing:.6px}.time-card .time-value{color:#111827;font-size:22px;font-weight:900}.group-info-box{backdrop-filter:blur(8px);background:color-mix(in oklab,#fff 5%,transparent);border:1px solid color-mix(in oklab,#fff 20%,transparent);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:30px}.offer-lock-status svg{height:16px;width:16px}.cb-lobby-modal-container .offer-box-content .reward-text{background:unset;border:none;color:#000;font-size:14px;line-height:1;margin-top:4px}.progress-header .title:before{background:#3b82f6;border-radius:50%;content:\"\";display:inline-block;height:8px;margin-right:8px;position:relative;width:8px}.live-activity-wrapper{backdrop-filter:blur(8px);background-color:color-mix(in oklab,#fff 80%,transparent);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.15);padding:16px}.live-activity-header{display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.live-activity-header .title{align-items:center;color:#000;display:flex;font-size:14px;font-weight:900;gap:8px;letter-spacing:.7px}.live-activity-header .dot{background:#3b82f6;border-radius:50%;height:8px;position:relative;width:8px}.live-activity-header .dot:after{animation:livePulse 1.6s ease-out infinite;background:rgba(59,130,246,.6);border-radius:50%;content:\"\";inset:0;position:absolute}@keyframes livePulse{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(2.4)}to{opacity:0}}.activity-stats{align-items:center;display:flex;gap:8px}.activity-stats-badge{background-color:rgba(59,130,246,.082);border-radius:999px;color:#3b82f6;font-size:12px;font-weight:500;line-height:1;padding:4px 10px}.activity-stats-badge.light{background-color:#f9f3f4;color:#45556c}.activity-list{height:104px;overflow:hidden;position:relative}.activity-card{align-items:center;background:linear-gradient(90deg,#fff,#f2f6ff);border:1px solid #dbeafe;border-radius:14px;display:flex;gap:10px;height:58px;inset:0;padding:12px 10px;position:absolute;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .6s}.activity-card .text{font-size:14px}.activity-card .avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex:0 0 30px;height:30px;justify-content:center;width:30px}.activity-card .pink{background:linear-gradient(135deg,#ec4899,#f472b6)}.activity-card .purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.activity-card .blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.activity-card .green{background:linear-gradient(135deg,#10b981,#34d399)}.activity-card .orange{background:linear-gradient(135deg,#f97316,#fb923c)}.activity-card .text p{color:#6b7280;font-size:12px;margin:2px 0 0}.activity-card .time{color:#94a3b8;font-size:10px;margin-left:auto}.lobby-activity-wp{backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.2);border-radius:25px;box-shadow:0 1px 3px 0 #0000001a;margin-top:50px;padding:8px}.lobby-close-icon{align-items:center;background-color:color-mix(in oklab,#000 80%,transparent);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;position:fixed;right:30px;top:30px;width:34px;z-index:99}.lobby-close-icon svg{height:20px;width:20px}@media screen and (max-width:1600px){.cb-lobby-main{border-radius:30px;padding:50px}.title-wp h2{font-size:48px;margin-bottom:12px}.sub-title{font-size:16px}.title-wp{margin-top:20px}.lobby-link-section{margin-top:30px}.offer-box-content h3{font-size:26px}.lobby-offer-box{gap:24px;padding:15px}.cb-lobby-top{gap:80px}.group-info-box{border-radius:20px;padding:22px}.team-card{margin-top:30px}.team-card .team-members{margin-top:12px}.lobby-activity-wp{margin-top:40px}.lobby-close-icon{height:30px;top:20px;width:30px}}@media screen and (max-width:1280px){.cb-lobby-main,.cb-lobby-main-wp{padding:40px}.title-wp h2{font-size:42px}.cb-lobby-top{gap:60px}}@media screen and (max-width:1120px){.title-wp h2{font-size:38px}}@media screen and (max-width:991px){.cb-lobby-top{gap:30px;grid-template-columns:1fr}.cb-lobby-main{border-radius:15px;padding:30px}.cb-lobby-main-wp{padding:30px}.lobby-close-icon{right:20px}.lobby-link-box{border-radius:10px}.share-btn{border-radius:8px}.offer-box-content h3{font-size:24px}.lobby-activity-wp,.lobby-offer-box,.time-card{border-radius:15px;margin-top:20px}.live-activity-wrapper{border-radius:10px}.group-info-box{border-radius:15px}}@media screen and (max-width:767px){.link-share-wrapper{flex-direction:column!important}}@media screen and (max-width:575px){.cb-lobby-main,.cb-lobby-main-wp{padding:20px}.title-wp h2{font-size:30px}.lobby-link-text{font-size:11px;margin-bottom:4px}.lobby-link-url{font-size:14px}.lobby-link-box{min-height:48px;padding:12px 16px}.link-share-wrapper{gap:10px}.share-btn{border-radius:8px;font-size:13px;height:48px;min-width:auto;padding:0 14px}.lobby-offer-box{padding:10px}.offer-box-content h3{font-size:20px}.offer-box-content .reward-text{font-size:13px}.group-info-box{padding:13px}.progress-header .title,.team-card .team-title span{font-size:13px}.team-card .member{height:40px;width:40px}.team-card .member:after{height:8px;width:8px}.team-card .team-members{gap:10px;margin-top:12px}.time-card{padding:13px}.team-card{margin-top:22px}.activity-card .text{font-size:12px}.activity-card .text p{font-size:11px}.live-activity-header .title{font-size:12px}.time-card .time-value{font-size:20px}}@media screen and (max-width:480px){.cb-lobby-main-wp{padding:20px 12px}.cb-lobby-main{padding:15px 12px}.lobby-status{font-size:9px}.lobby-number{font-size:10px}.title-wp h2{font-size:28px;margin-bottom:7px}.sub-title{font-size:14px}.lobby-link-section{gap:10px;margin-top:20px}.lobby-offer-box{gap:12px}.offer-box-icon{height:45px;width:45px}.offer-box-content .reward-text,.offer-lock-status span{font-size:12px}.cb-lobby-top{gap:20px}.lobby-close-icon{right:10px;top:10px}.live-activity-header{flex-direction:column;gap:5px}.activity-card{border-radius:9px;padding:6px}}.share-overlay{align-items:center;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:.3s ease;visibility:hidden;z-index:999}.share-overlay.active{opacity:1;visibility:visible}.share-popup{background:#fff;border-radius:18px;max-height:90%;overflow:auto;padding:24px;position:relative;transform:translateY(30px);transition:.35s ease;width:420px}.share-overlay.active .share-popup{transform:translateY(0)}.share-popup .close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:.3s;width:32px}.share-popup .close-btn:hover{background:#eeecec}.share-popup h2{font-size:22px;font-weight:600;line-height:1;margin-bottom:10px}.share-popup .subtitle{color:#4a5565;font-size:14px;margin:6px 0 30px}.share-popup .share-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.share-popup .share-card{align-items:center;background:#f2f6f9;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;padding:16px;position:relative;text-align:center;transition:.25s ease}.share-popup .share-card:hover{transform:translateY(-3px)}.share-popup .share-card .icon{align-items:center;background:#1877f2;border-radius:50%;color:#fff;display:flex;font-size:30px;height:50px;justify-content:center;margin-bottom:8px;text-align:center;width:50px}.share-popup .share-card span{font-size:13px;font-weight:500}.share-popup .share-card.whatsapp{background:#ecfdf5;border:2px solid #22c55e;color:#22c55e}.share-popup .share-card.whatsapp .icon{background:#22c55e}.share-popup .share-card .badge{background:#2563eb;border-radius:12px;color:#fff;font-size:11px;padding:4px 10px;position:absolute;right:10px;top:-8px}.share-popup .link-box{background:#fbf9fa;border:1px solid #ebe6e7;border-radius:14px;margin-top:18px;padding:14px}.share-popup .link-box label{color:#64748b;font-size:13px}.share-popup .link-row{display:flex;gap:8px;margin-top:6px}.share-popup .link-row input{background:transparent;border:none;color:#334155;flex:1;font-size:13px;letter-spacing:.8px;line-height:1.2;outline:none}.share-popup .link-row button{align-items:center;background:#fff;border:1px solid #ebe6e7;border-radius:10px;cursor:pointer;display:flex;height:35px;justify-content:center;padding:6px 8px;width:35px}.share-popup .success{color:#2563eb;display:block;font-size:12px;margin-top:6px;opacity:0;transition:opacity .3s}.share-popup .success.show{opacity:1}.share-popup .footer-text{color:#64748b;font-size:12px;margin-top:14px;text-align:center}.share-popup .share-card.twitter .icon{background:#000}.share-popup .share-card.facebook .icon{background:#1877f2}.share-popup .share-card.sms .icon{background:#059669}.share-popup .share-card.copied .icon{background:#2563eb}@keyframes entrance-fade-in{0%{opacity:0}to{opacity:1}}@keyframes entrance-scale-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes entrance-text-fade-in{0%{opacity:0}to{opacity:1}}@keyframes exit-blur-scale{0%{filter:blur(0);opacity:1;transform:scale(1)}to{filter:blur(10px);opacity:0;transform:scale(1.1)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.entrance-animation-overlay{align-items:center;animation:entrance-fade-in .8s ease-in-out forwards;background-color:#0f172a;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.entrance-animation-overlay.exit{animation:exit-blur-scale .8s ease-in-out forwards}.entrance-content{align-items:center;animation:entrance-scale-in .5s ease-out .2s both;display:flex;flex-direction:column}.entrance-icon-box{align-items:center;background:#2563eb;border-radius:16px;box-shadow:0 10px 25px rgba(37,99,235,.2);display:flex;height:64px;justify-content:center;margin-bottom:24px;width:64px}.entrance-icon-box svg{color:#fff;height:32px;width:32px}.entrance-title{font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}@media (min-width:768px){.entrance-title{font-size:48px}}.entrance-message{align-items:center;animation:entrance-text-fade-in .5s ease-out .5s both;color:#60a5fa;display:flex;font-size:18px;font-weight:500;gap:8px}.entrance-pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite;background-color:#60a5fa;border-radius:50%;height:8px;width:8px}";
+var css_248z = ".sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cb-lobby-modal-container{height:100%;left:0;overflow-y:auto!important;position:fixed;top:0;width:100%;z-index:10000}.cb-lobby-modal-container *{box-sizing:border-box;margin:0;padding:0}.cb-lobby-modal-container body,.cb-lobby-modal-container html{font-family:Inter,sans-serif;height:100%;overflow-x:hidden;width:100%}.cb-lobby-main{backdrop-filter:blur(4px);background-color:color-mix(in oklab,#fff 5%,transparent);border-radius:50px;box-shadow:0 25px 50px -12px #00000040;padding:80px;position:relative;width:100%;z-index:1}.cb-lobby-bg{background-image:url(https://cobuy-dev.s3.af-south-1.amazonaws.com/public/sdk/cb-back-image.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.cb-lobby-main-wp{align-items:center;display:flex;justify-content:center;padding:40px 80px}.lobby-indicator{align-items:center;backdrop-filter:blur(8px);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:24px;display:flex;gap:12px;margin-bottom:16px;padding:6px 12px;width:fit-content}.lobby-indicator-logo{display:block;flex-shrink:0;height:34px;width:auto}.pulsing-dot{align-items:center;display:flex;height:8px;justify-content:center;position:relative;width:8px}.pulsing-dot:after{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pulsing-dot:after,.pulsing-dot:before{background:#10b981;border-radius:50%;content:\"\";height:100%;position:absolute;width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.indicator-text{color:#047857;font-size:11px;font-weight:800;letter-spacing:.5px;line-height:1;text-transform:uppercase}.lobby-status-section{display:flex;flex-direction:column;margin-bottom:24px}.lobby-status{background:#fff;border-radius:4px;color:#000;font-size:10px;font-weight:600;line-height:1.2;padding:6px 10px;text-transform:uppercase}.lobby-status.active{background:#155dfc;color:#fff}.lobby-status.complete{background:#10b981;color:#fff}.lobby-status-wp{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.lobby-number{backdrop-filter:blur(3px);background:hsla(0,0%,100%,.2);border-radius:4px;box-shadow:0 25px 50px -12px #00000040;font-size:12px;font-weight:700;letter-spacing:1px;line-height:1.2;padding:5px 8px;text-transform:uppercase}.title-wp{margin-top:25px}.title-wp h2{font-size:60px;font-weight:900;line-height:1;margin-bottom:15px}.sub-title{-webkit-text-fill-color:transparent;animation:gradient-flow 4s linear infinite;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#1e293b,#2563eb 25%,#1e293b 50%);background-size:200% auto;color:#1e293b;font-size:16px;font-weight:700;line-height:1.5;margin-bottom:0}@keyframes gradient-flow{0%{background-position:200% 0}to{background-position:-200% 0}}.sub-title.completed{-webkit-text-fill-color:unset;background-clip:unset;-webkit-background-clip:unset;background-image:none;color:#1e293b}.connected-section{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;gap:20px;margin-top:24px;padding:24px;transition:all .3s ease}.connected-section:hover{background:hsla(0,0%,100%,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}.lobby-contact-protection-banner{align-items:center;background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.lobby-contact-protection-copy{color:#7c2d12;font-size:13px;font-weight:600;line-height:1.4}.lobby-contact-protection-btn{background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px;white-space:nowrap}.lobby-contact-protection-btn:hover{background:#0f172a}.lobby-protected-leave-container{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;display:none;gap:12px;justify-content:space-between;padding:12px 14px}.lobby-protected-leave-copy{color:#166534;font-size:13px;font-weight:600;line-height:1.4}.lobby-protected-leave-btn{background:#b91c1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px;white-space:nowrap}.lobby-protected-leave-btn:hover{background:#991b1b}.lobby-contact-overlay{align-items:center;background:rgba(2,6,23,.5);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10020}.lobby-contact-card{background:#fff;border-radius:16px;box-shadow:0 12px 32px rgba(15,23,42,.25);display:flex;flex-direction:column;gap:12px;padding:20px;width:min(460px,100%)}.lobby-contact-title{color:#0f172a;font-size:22px;font-weight:800;line-height:1.2}.lobby-contact-subtitle{color:#334155;font-size:14px;line-height:1.5}.lobby-contact-input{border:1px solid #cbd5e1;border-radius:10px;font-size:14px;outline:none;padding:11px 12px;width:100%}.lobby-contact-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.lobby-contact-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.lobby-contact-danger,.lobby-contact-primary,.lobby-contact-secondary{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:10px 14px}.lobby-contact-danger:disabled,.lobby-contact-primary:disabled,.lobby-contact-secondary:disabled{cursor:not-allowed;opacity:.7}.lobby-contact-primary.is-loading{padding-right:34px;position:relative}.lobby-contact-primary.is-loading:after{animation:lobby-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.45);border-radius:50%;border-top-color:#fff;content:\"\";height:14px;margin-top:-7px;position:absolute;right:12px;top:50%;width:14px}@keyframes lobby-spin{to{transform:rotate(1turn)}}.lobby-contact-primary{background:#1d4ed8;color:#fff}.lobby-contact-primary:hover{background:#1e40af}.lobby-contact-secondary{background:#e2e8f0;color:#1e293b}.lobby-contact-secondary:hover{background:#cbd5e1}.lobby-contact-danger{background:#fee2e2;color:#991b1b}.lobby-contact-danger:hover{background:#fecaca}.lobby-contact-toast{background:#0f172a;border-radius:10px;bottom:30px;box-shadow:0 8px 20px rgba(0,0,0,.25);color:#fff;font-size:13px;font-weight:600;left:50%;padding:10px 14px;position:fixed;transform:translateX(-50%);z-index:10030}.lobby-blocking-loader-overlay{align-items:center;background:rgba(2,6,23,.45);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10035}.lobby-blocking-loader-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.24);display:flex;gap:10px;padding:16px 18px}.lobby-blocking-loader-spinner{animation:lobby-spin .8s linear infinite;border:2px solid #cbd5e1;border-radius:50%;border-top-color:#1d4ed8;height:16px;width:16px}.lobby-blocking-loader-text{color:#0f172a;font-size:14px;font-weight:600;margin:0}.link-share-container{display:flex;flex-direction:column}.link-share-wrapper{align-items:center;display:flex;gap:12px;width:100%}.lobby-link-box{align-items:center;backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.3);border-radius:14px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;flex:1;gap:16px;justify-content:space-between;min-height:50px;padding:16px 20px;transition:all .2s ease}.lobby-link-box:hover{background-color:hsla(0,0%,100%,.5);box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}.lobby-link-text{color:#71717a;font-size:10px;font-weight:700;letter-spacing:.6px;line-height:1.2;margin-bottom:6px;text-transform:uppercase}.copy-link-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:0;transition:all .2s ease;white-space:nowrap}.copy-link-btn:hover{color:#1e293b}.copy-link-btn .copy-text{display:none}.copy-link-btn svg{flex-shrink:0;height:18px;width:18px}@media (min-width:640px){.copy-link-btn .copy-text{display:inline}}@media (max-width:640px){.lobby-contact-protection-banner{align-items:flex-start;flex-direction:column}.lobby-contact-protection-btn{width:100%}.lobby-protected-leave-container{align-items:flex-start;flex-direction:column}.lobby-protected-leave-btn{width:100%}}.lobby-link-url{color:#1e293b;font-size:15px;font-weight:700;line-height:1.4;word-break:break-all}.link-box-container{flex:1;min-width:0}.share-btn{align-items:center;background:#1e293b;border:none;border-radius:14px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;height:50px;justify-content:center;min-width:auto;padding:35px 24px;transition:all .2s ease}.share-btn .share-text{color:#fff;display:inline;font-size:18px;margin:0!important}.share-btn svg{color:#fff;flex-shrink:0;height:18px;width:18px}@media (max-width:640px){.share-btn{font-size:14px;height:50px;padding:0 18px}.share-btn .share-text{color:#fff;display:inline}}.share-btn:hover{background:#0f172a;box-shadow:0 4px 8px 0 rgba(0,0,0,.15);transform:translateY(-1px)}.share-btn:active{transform:scale(.95)}.lobby-offer-box{align-items:center;backdrop-filter:blur(8px);background-color:rgba(59,130,246,.063);border:1px solid rgba(59,130,246,.125);border-radius:1rem;display:flex;gap:30px;margin-top:30px;padding:15px 20px}.offer-box-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,rgba(59,130,246,.867));border-radius:10px;box-shadow:0 10px 15px -3px rgba(59,130,246,.314);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;padding:5px;width:56px}.offer-lock-status{align-items:center;display:flex;gap:6px;margin-bottom:2px}.offer-lock-status span{font-size:14px;font-weight:700;line-height:1}.offer-box-content h3{font-size:30px;font-weight:900;line-height:1.2}.cb-lobby-top{display:grid;gap:100px;grid-template-columns:7fr 5fr}.group-info{backdrop-filter:blur(8px);background-color:color-mix(in oklab,#fff 5%,transparent);border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;padding:30px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.progress-header .title{align-items:center;color:#000;display:flex;font-size:14px;font-weight:900;justify-content:center;letter-spacing:.7px;position:relative}.progress-badge{background:#3b82f6;border-radius:999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;font-size:13px;font-weight:700;padding:6px 12px}.cb-lobby-modal-container .progress-bar{background:#fff;border-radius:999px;height:14px;overflow:hidden;width:100%}.cb-lobby-modal-container .progress-fill{animation:shimmer 2.7s linear infinite;background:#3b82f6;background-image:linear-gradient(120deg,hsla(0,0%,100%,.15) 25%,hsla(0,0%,100%,.45) 37%,hsla(0,0%,100%,.15) 63%);background-size:200% 100%;border-radius:999px;height:100%;position:relative;transition:width .6s ease;width:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-labels{color:#474d56;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.team-card{margin-top:40px}.team-card .icon-box svg{width:16px}.team-card .team-header{align-items:center;display:flex;justify-content:space-between}.team-card .team-title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:12px;letter-spacing:1px}.team-card .icon-box{align-items:center;background-color:#3b82f6;border-radius:.5rem;box-shadow:0 10px 15px -3px #3b82f64d;color:#fff;display:flex;font-size:18px;height:2rem;justify-content:center;width:2rem}.team-card .team-title span{color:#000;font-size:14px;font-weight:900;letter-spacing:.7px}.team-card .team-count{background-color:#3b82f6;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;font-size:13px;font-weight:700;letter-spacing:.7px;padding:6px 12px}.team-card .team-members{align-items:center;display:flex;gap:14px;justify-content:center;margin-top:20px}.team-card .member{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;font-size:22px;height:56px;position:relative;width:56px}.team-card .member,.team-card .member:after{align-items:center;color:#fff;display:flex;justify-content:center}.team-card .member:after{background:#3b82f6;background-image:url(https://cobuy-dev.s3.af-south-1.amazonaws.com/public/sdk/tick-mark-icon.svg);background-position:50%;background-repeat:no-repeat;background-size:75%;border:2px solid #fff;border-radius:50%;bottom:-4px;content:\"\";height:12px;padding:2px;position:absolute;right:-4px;width:12px}.team-card .member.blue{background:#2563eb}.team-card .member.purple{background:#9333ea}.team-card .member.pink{background:#ec4899}.team-card .member.orange{background:#f97316}.team-card .member.empty{background:#f8fafc;color:#9ca3af}.team-card .member.empty:after{display:none}.time-card{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;display:flex;gap:14px;margin-top:30px;padding:15px}.time-card .time-icon{align-items:center;background:#3b82f6;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.time-card .time-content{display:flex;flex-direction:column}.time-card .time-label{color:#4b5563;font-size:12px;font-weight:600;letter-spacing:.6px}.time-card .time-value{color:#111827;font-size:22px;font-weight:900}.group-info-box{backdrop-filter:blur(8px);background:color-mix(in oklab,#fff 5%,transparent);border:1px solid color-mix(in oklab,#fff 20%,transparent);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:30px}.offer-lock-status svg{height:16px;width:16px}.cb-lobby-modal-container .offer-box-content .reward-text{background:unset;border:none;color:#000;font-size:14px;line-height:1;margin-top:4px}.progress-header .title:before{background:#3b82f6;border-radius:50%;content:\"\";display:inline-block;height:8px;margin-right:8px;position:relative;width:8px}.live-activity-wrapper{backdrop-filter:blur(8px);background-color:color-mix(in oklab,#fff 80%,transparent);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.15);padding:16px}.live-activity-header{display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.live-activity-header .title{align-items:center;color:#000;display:flex;font-size:14px;font-weight:900;gap:8px;letter-spacing:.7px}.live-activity-header .dot{background:#3b82f6;border-radius:50%;height:8px;position:relative;width:8px}.live-activity-header .dot:after{animation:livePulse 1.6s ease-out infinite;background:rgba(59,130,246,.6);border-radius:50%;content:\"\";inset:0;position:absolute}@keyframes livePulse{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(2.4)}to{opacity:0}}.activity-stats{align-items:center;display:flex;gap:8px}.activity-stats-badge{background-color:rgba(59,130,246,.082);border-radius:999px;color:#3b82f6;font-size:12px;font-weight:500;line-height:1;padding:4px 10px}.activity-stats-badge.light{background-color:#f9f3f4;color:#45556c}.activity-list{height:104px;overflow:hidden;position:relative}.activity-card{align-items:center;background:linear-gradient(90deg,#fff,#f2f6ff);border:1px solid #dbeafe;border-radius:14px;display:flex;gap:10px;height:58px;inset:0;padding:12px 10px;position:absolute;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .6s}.activity-card .text{font-size:14px}.activity-card .avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex:0 0 30px;height:30px;justify-content:center;width:30px}.activity-card .pink{background:linear-gradient(135deg,#ec4899,#f472b6)}.activity-card .purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.activity-card .blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.activity-card .green{background:linear-gradient(135deg,#10b981,#34d399)}.activity-card .orange{background:linear-gradient(135deg,#f97316,#fb923c)}.activity-card .text p{color:#6b7280;font-size:12px;margin:2px 0 0}.activity-card .time{color:#94a3b8;font-size:10px;margin-left:auto}.lobby-activity-wp{backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.2);border-radius:25px;box-shadow:0 1px 3px 0 #0000001a;margin-top:50px;padding:8px}.lobby-close-icon{align-items:center;background-color:color-mix(in oklab,#000 80%,transparent);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;position:fixed;right:30px;top:30px;width:34px;z-index:99}.lobby-close-icon svg{height:20px;width:20px}@media screen and (max-width:1600px){.cb-lobby-main{border-radius:30px;padding:50px}.title-wp h2{font-size:48px;margin-bottom:12px}.sub-title{font-size:16px}.title-wp{margin-top:20px}.lobby-link-section{margin-top:30px}.offer-box-content h3{font-size:26px}.lobby-offer-box{gap:24px;padding:15px}.cb-lobby-top{gap:80px}.group-info-box{border-radius:20px;padding:22px}.team-card{margin-top:30px}.team-card .team-members{margin-top:12px}.lobby-activity-wp{margin-top:40px}.lobby-close-icon{height:30px;top:20px;width:30px}}@media screen and (max-width:1280px){.cb-lobby-main,.cb-lobby-main-wp{padding:40px}.title-wp h2{font-size:42px}.cb-lobby-top{gap:60px}}@media screen and (max-width:1120px){.title-wp h2{font-size:38px}}@media screen and (max-width:991px){.cb-lobby-top{gap:30px;grid-template-columns:1fr}.cb-lobby-main{border-radius:15px;padding:30px}.cb-lobby-main-wp{padding:30px}.lobby-close-icon{right:20px}.lobby-link-box{border-radius:10px}.share-btn{border-radius:8px}.offer-box-content h3{font-size:24px}.lobby-activity-wp,.lobby-offer-box,.time-card{border-radius:15px;margin-top:20px}.live-activity-wrapper{border-radius:10px}.group-info-box{border-radius:15px}}@media screen and (max-width:767px){.link-share-wrapper{flex-direction:column!important}}@media screen and (max-width:575px){.cb-lobby-main,.cb-lobby-main-wp{padding:20px}.title-wp h2{font-size:30px}.lobby-link-text{font-size:11px;margin-bottom:4px}.lobby-link-url{font-size:14px}.lobby-link-box{min-height:48px;padding:12px 16px}.link-share-wrapper{gap:10px}.share-btn{border-radius:8px;font-size:13px;height:48px;min-width:auto;padding:0 14px}.lobby-offer-box{padding:10px}.offer-box-content h3{font-size:20px}.offer-box-content .reward-text{font-size:13px}.group-info-box{padding:13px}.progress-header .title,.team-card .team-title span{font-size:13px}.team-card .member{height:40px;width:40px}.team-card .member:after{height:8px;width:8px}.team-card .team-members{gap:10px;margin-top:12px}.time-card{padding:13px}.team-card{margin-top:22px}.activity-card .text{font-size:12px}.activity-card .text p{font-size:11px}.live-activity-header .title{font-size:12px}.time-card .time-value{font-size:20px}}@media screen and (max-width:480px){.cb-lobby-main-wp{padding:20px 12px}.cb-lobby-main{padding:15px 12px}.lobby-status{font-size:9px}.lobby-number{font-size:10px}.title-wp h2{font-size:28px;margin-bottom:7px}.sub-title{font-size:14px}.lobby-link-section{gap:10px;margin-top:20px}.lobby-offer-box{gap:12px}.offer-box-icon{height:45px;width:45px}.offer-box-content .reward-text,.offer-lock-status span{font-size:12px}.cb-lobby-top{gap:20px}.lobby-close-icon{right:10px;top:10px}.live-activity-header{flex-direction:column;gap:5px}.activity-card{border-radius:9px;padding:6px}}.share-overlay{align-items:center;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:.3s ease;visibility:hidden;z-index:999}.share-overlay.active{opacity:1;visibility:visible}.share-popup{background:#fff;border-radius:18px;max-height:90%;overflow:auto;padding:24px;position:relative;transform:translateY(30px);transition:.35s ease;width:420px}.share-overlay.active .share-popup{transform:translateY(0)}.share-popup .close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:.3s;width:32px}.share-popup .close-btn:hover{background:#eeecec}.share-popup h2{font-size:22px;font-weight:600;line-height:1;margin-bottom:10px}.share-popup .subtitle{color:#4a5565;font-size:14px;margin:6px 0 30px}.share-popup .share-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.share-popup .share-card{align-items:center;background:#f2f6f9;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;padding:16px;position:relative;text-align:center;transition:.25s ease}.share-popup .share-card:hover{transform:translateY(-3px)}.share-popup .share-card .icon{align-items:center;background:#1877f2;border-radius:50%;color:#fff;display:flex;font-size:30px;height:50px;justify-content:center;margin-bottom:8px;text-align:center;width:50px}.share-popup .share-card span{font-size:13px;font-weight:500}.share-popup .share-card.whatsapp{background:#ecfdf5;border:2px solid #22c55e;color:#22c55e}.share-popup .share-card.whatsapp .icon{background:#22c55e}.share-popup .share-card .badge{background:#2563eb;border-radius:12px;color:#fff;font-size:11px;padding:4px 10px;position:absolute;right:10px;top:-8px}.share-popup .link-box{background:#fbf9fa;border:1px solid #ebe6e7;border-radius:14px;margin-top:18px;padding:14px}.share-popup .link-box label{color:#64748b;font-size:13px}.share-popup .link-row{display:flex;gap:8px;margin-top:6px}.share-popup .link-row input{background:transparent;border:none;color:#334155;flex:1;font-size:13px;letter-spacing:.8px;line-height:1.2;outline:none}.share-popup .link-row button{align-items:center;background:#fff;border:1px solid #ebe6e7;border-radius:10px;cursor:pointer;display:flex;height:35px;justify-content:center;padding:6px 8px;width:35px}.share-popup .success{color:#2563eb;display:block;font-size:12px;margin-top:6px;opacity:0;transition:opacity .3s}.share-popup .success.show{opacity:1}.share-popup .footer-text{color:#64748b;font-size:12px;margin-top:14px;text-align:center}.share-popup .share-card.twitter .icon{background:#000}.share-popup .share-card.facebook .icon{background:#1877f2}.share-popup .share-card.sms .icon{background:#059669}.share-popup .share-card.copied .icon{background:#2563eb}@keyframes entrance-fade-in{0%{opacity:0}to{opacity:1}}@keyframes entrance-scale-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes entrance-text-fade-in{0%{opacity:0}to{opacity:1}}@keyframes exit-blur-scale{0%{filter:blur(0);opacity:1;transform:scale(1)}to{filter:blur(10px);opacity:0;transform:scale(1.1)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.entrance-animation-overlay{align-items:center;animation:entrance-fade-in .8s ease-in-out forwards;background-color:#0f172a;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.entrance-animation-overlay.exit{animation:exit-blur-scale .8s ease-in-out forwards}.entrance-content{align-items:center;animation:entrance-scale-in .5s ease-out .2s both;display:flex;flex-direction:column}.entrance-icon-box{align-items:center;background:#2563eb;border-radius:16px;box-shadow:0 10px 25px rgba(37,99,235,.2);display:flex;height:64px;justify-content:center;margin-bottom:24px;width:64px}.entrance-icon-box svg{color:#fff;height:32px;width:32px}.entrance-title{font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}@media (min-width:768px){.entrance-title{font-size:48px}}.entrance-message{align-items:center;animation:entrance-text-fade-in .5s ease-out .5s both;color:#60a5fa;display:flex;font-size:18px;font-weight:500;gap:8px}.entrance-pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite;background-color:#60a5fa;border-radius:50%;height:8px;width:8px}";
 styleInject(css_248z);
 
 /// <reference lib="dom" />
+const CONTACT_PROMPT_TITLE = "Protect your group spot";
+const CONTACT_PROMPT_SUBTITLE = "Add your email or phone so we can help you recover your group membership if you leave accidentally.";
+const CONTACT_PROMPT_PRIMARY_CTA = "Protect my spot";
+const CONTACT_PROMPT_REMIND_CTA = "Remind me later";
+const CONTACT_PROMPT_INVALID_INPUT = "Please enter a valid email or phone number.";
+const CONTACT_PROMPT_SAVE_ERROR = "Could not save contact right now. Please try again.";
+const CONTACT_PROTECTED_TOAST = "Spot protected. We can help recover your group membership.";
+const LEAVE_WARNING_TITLE = "Before you leave";
+const LEAVE_WARNING_SUBTITLE = "If you leave now without adding contact, you may lose this group spot and may not be able to rejoin the same group.";
 /**
  * LobbyModal - Renders and manages the group buying lobby modal
  */
 class LobbyModal {
-    constructor(data, callbacks, apiClient, socketManager = null, debug = false) {
+    constructor(data, callbacks, apiClient, socketManager = null, analyticsClient = null, debug = false) {
         this.modalElement = null;
         this.timerInterval = null;
         this.activityInterval = null;
@@ -2173,6 +2193,17 @@ class LobbyModal {
         this.currentGroupId = null;
         this.shareOverlay = null;
         this.keyboardHandler = null;
+        this.leaveFlowInProgress = false;
+        this.leaveSignalSent = false;
+        this.hasContactProtection = false;
+        this.initialContactPromptTimer = null;
+        this.contactPromptOverlay = null;
+        this.leaveLoaderOverlay = null;
+        this.beforeUnloadHandler = null;
+        this.pageHideHandler = null;
+        this.visibilityChangeHandler = null;
+        this.CONTACT_PROTECTION_PREFIX = "cobuy_contact_protection";
+        this.LAST_LEFT_GROUP_PREFIX = "cobuy_last_left_group";
         /**
          * Handle socket group update events
          */
@@ -2264,6 +2295,7 @@ class LobbyModal {
         this.logger = new Logger(debug);
         this.apiClient = apiClient;
         this.socketManager = socketManager;
+        this.analyticsClient = analyticsClient;
         // Log the group data being passed into the modal
         this.logger.info("LobbyModal initialized with group data", {
             groupId: data.groupId,
@@ -2275,14 +2307,385 @@ class LobbyModal {
             timeLeft: data.timeLeft,
             offlineRedemption: data.offlineRedemption,
         });
-        this.data = Object.assign({ groupNumber: "1000", status: "active", progress: 80, currentMembers: 4, totalMembers: 5, timeLeft: 1390, discount: "20% OFF", isLocked: true, activities: this.getDefaultActivities() }, data);
+        this.data = Object.assign({ groupNumber: "1000", status: "active", progress: 80, currentMembers: 4, totalMembers: 5, timeLeft: 1390, discount: "20% OFF", isLocked: true, activities: this.getDefaultActivities(), redemptionMethod: "online" }, data);
         // Normalize optional flags so undefined values don't override defaults
         this.data.isLocked = this.computeIsLocked(this.data);
         if (!this.data.activities || !Array.isArray(this.data.activities)) {
             this.data.activities = this.getDefaultActivities();
         }
+        this.hasContactProtection = this.readContactProtectionState();
         this.callbacks = callbacks;
     }
+    getSessionId() {
+        var _a;
+        return ((_a = this.apiClient) === null || _a === void 0 ? void 0 : _a.getSessionId()) || "anonymous";
+    }
+    getContactProtectionStorageKey() {
+        return `${this.CONTACT_PROTECTION_PREFIX}:${this.getSessionId()}:${this.data.productId}`;
+    }
+    getLastLeftGroupStorageKey() {
+        return `${this.LAST_LEFT_GROUP_PREFIX}:${this.getSessionId()}:${this.data.productId}`;
+    }
+    readContactProtectionState() {
+        if (typeof window === "undefined" || !window.localStorage) {
+            return false;
+        }
+        try {
+            return window.localStorage.getItem(this.getContactProtectionStorageKey()) === "1";
+        }
+        catch (_a) {
+            return false;
+        }
+    }
+    persistContactProtectionState(value) {
+        this.hasContactProtection = value;
+        if (typeof window === "undefined" || !window.localStorage) {
+            return;
+        }
+        try {
+            const key = this.getContactProtectionStorageKey();
+            if (value) {
+                window.localStorage.setItem(key, "1");
+            }
+            else {
+                window.localStorage.removeItem(key);
+            }
+        }
+        catch (_a) {
+            // Ignore storage errors (private mode, quota exceeded, etc.)
+        }
+    }
+    persistLastLeftGroup(groupId) {
+        if (typeof window === "undefined" || !window.localStorage || !groupId) {
+            return;
+        }
+        try {
+            window.localStorage.setItem(this.getLastLeftGroupStorageKey(), JSON.stringify({
+                groupId,
+                productId: this.data.productId,
+                leftAt: Date.now(),
+            }));
+        }
+        catch (_a) {
+            // Ignore storage errors
+        }
+    }
+    clearInitialContactPromptTimer() {
+        if (this.initialContactPromptTimer !== null) {
+            window.clearTimeout(this.initialContactPromptTimer);
+            this.initialContactPromptTimer = null;
+        }
+    }
+    clearContactPromptOverlay() {
+        if (this.contactPromptOverlay) {
+            this.contactPromptOverlay.remove();
+            this.contactPromptOverlay = null;
+        }
+    }
+    showBlockingLoader(message) {
+        if (!this.modalElement) {
+            return;
+        }
+        this.hideBlockingLoader();
+        const overlay = document.createElement("div");
+        overlay.className = "lobby-blocking-loader-overlay";
+        const card = document.createElement("div");
+        card.className = "lobby-blocking-loader-card";
+        const spinner = document.createElement("div");
+        spinner.className = "lobby-blocking-loader-spinner";
+        const text = document.createElement("p");
+        text.className = "lobby-blocking-loader-text";
+        text.textContent = message;
+        card.appendChild(spinner);
+        card.appendChild(text);
+        overlay.appendChild(card);
+        this.modalElement.appendChild(overlay);
+        this.leaveLoaderOverlay = overlay;
+    }
+    hideBlockingLoader() {
+        if (this.leaveLoaderOverlay) {
+            this.leaveLoaderOverlay.remove();
+            this.leaveLoaderOverlay = null;
+        }
+    }
+    updateContactProtectionUI() {
+        const banner = document.getElementById("lobbyContactProtectionBanner");
+        const explicitLeaveContainer = document.getElementById("lobbyProtectedLeaveContainer");
+        if (!banner)
+            return;
+        const canShowContactActions = this.data.status !== "complete" && Boolean(this.apiClient);
+        if (!canShowContactActions) {
+            banner.style.display = "none";
+            if (explicitLeaveContainer) {
+                explicitLeaveContainer.style.display = "none";
+            }
+            return;
+        }
+        if (this.hasContactProtection) {
+            banner.style.display = "none";
+            if (explicitLeaveContainer) {
+                explicitLeaveContainer.style.display = "flex";
+            }
+            return;
+        }
+        banner.style.display = "flex";
+        if (explicitLeaveContainer) {
+            explicitLeaveContainer.style.display = "none";
+        }
+    }
+    showToastMessage(message) {
+        if (!this.modalElement) {
+            return;
+        }
+        const existing = this.modalElement.querySelector(".lobby-contact-toast");
+        if (existing) {
+            existing.remove();
+        }
+        const toast = document.createElement("div");
+        toast.className = "lobby-contact-toast";
+        toast.textContent = message;
+        this.modalElement.appendChild(toast);
+        window.setTimeout(() => {
+            toast.remove();
+        }, 2400);
+    }
+    trackAnalyticsEvent(eventName, metadata) {
+        if (!this.analyticsClient) {
+            return;
+        }
+        this.analyticsClient
+            .trackEvent(eventName, this.data.productId, Object.assign({ groupId: this.currentGroupId || this.data.groupId }, metadata))
+            .catch((error) => {
+            this.logger.warn(`[Analytics] Failed to track ${eventName}`, error);
+        });
+    }
+    async saveContactValue(contactValue, promptSource) {
+        const trimmed = contactValue.trim();
+        if (!trimmed || !this.apiClient) {
+            return false;
+        }
+        const contactType = this.inferContactType(trimmed);
+        if (!contactType) {
+            window.alert(CONTACT_PROMPT_INVALID_INPUT);
+            return false;
+        }
+        const payload = contactType === "phone"
+            ? { type: "phone", value: trimmed.replace(/\D/g, "") }
+            : { type: "email", value: trimmed };
+        const result = await this.apiClient.setContact(payload);
+        if (!result.success) {
+            this.logger.warn("Failed to save lobby contact", result.error);
+            window.alert(CONTACT_PROMPT_SAVE_ERROR);
+            return false;
+        }
+        this.persistContactProtectionState(true);
+        this.trackAnalyticsEvent("CONTACT_INFO_SAVED", {
+            promptSource,
+            contactType,
+            protectionState: "protected",
+        });
+        this.updateContactProtectionUI();
+        this.showToastMessage(CONTACT_PROTECTED_TOAST);
+        return true;
+    }
+    openContactProtectionPrompt(source) {
+        if (typeof document === "undefined" || !this.modalElement) {
+            return Promise.resolve("cancel");
+        }
+        this.clearContactPromptOverlay();
+        this.trackAnalyticsEvent("CONTACT_PROMPT_SHOWN", {
+            promptSource: source,
+            protectionState: "unprotected",
+        });
+        return new Promise((resolve) => {
+            var _a;
+            const overlay = document.createElement("div");
+            overlay.className = "lobby-contact-overlay";
+            const card = document.createElement("div");
+            card.className = "lobby-contact-card";
+            const title = document.createElement("h3");
+            title.className = "lobby-contact-title";
+            title.textContent = CONTACT_PROMPT_TITLE;
+            const subtitle = document.createElement("p");
+            subtitle.className = "lobby-contact-subtitle";
+            subtitle.textContent = CONTACT_PROMPT_SUBTITLE;
+            const input = document.createElement("input");
+            input.type = "text";
+            input.className = "lobby-contact-input";
+            input.placeholder = "Email or phone";
+            input.autocomplete = "email";
+            const actions = document.createElement("div");
+            actions.className = "lobby-contact-actions";
+            const primary = document.createElement("button");
+            primary.type = "button";
+            primary.className = "lobby-contact-primary";
+            primary.textContent = CONTACT_PROMPT_PRIMARY_CTA;
+            const secondary = document.createElement("button");
+            secondary.type = "button";
+            secondary.className = "lobby-contact-secondary";
+            secondary.textContent = source === "leave-warning" ? "Cancel" : CONTACT_PROMPT_REMIND_CTA;
+            const cleanupAndResolve = (result) => {
+                this.clearContactPromptOverlay();
+                resolve(result);
+            };
+            primary.addEventListener("click", async () => {
+                const originalLabel = primary.textContent;
+                primary.disabled = true;
+                secondary.disabled = true;
+                input.disabled = true;
+                primary.classList.add("is-loading");
+                primary.textContent = "Saving...";
+                try {
+                    const saved = await this.saveContactValue(input.value, source);
+                    if (saved) {
+                        cleanupAndResolve("saved");
+                    }
+                }
+                finally {
+                    if (this.contactPromptOverlay) {
+                        primary.disabled = false;
+                        secondary.disabled = false;
+                        input.disabled = false;
+                        primary.classList.remove("is-loading");
+                        primary.textContent = originalLabel || CONTACT_PROMPT_PRIMARY_CTA;
+                    }
+                }
+            });
+            secondary.addEventListener("click", () => {
+                if (source !== "leave-warning") {
+                    this.trackAnalyticsEvent("CONTACT_PROMPT_DEFERRED", {
+                        promptSource: source,
+                        protectionState: "unprotected",
+                    });
+                }
+                cleanupAndResolve(source === "leave-warning" ? "cancel" : "later");
+            });
+            overlay.addEventListener("click", (event) => {
+                if (event.target === overlay) {
+                    if (source !== "leave-warning") {
+                        this.trackAnalyticsEvent("CONTACT_PROMPT_DEFERRED", {
+                            promptSource: source,
+                            protectionState: "unprotected",
+                        });
+                    }
+                    cleanupAndResolve(source === "leave-warning" ? "cancel" : "later");
+                }
+            });
+            actions.appendChild(primary);
+            actions.appendChild(secondary);
+            card.appendChild(title);
+            card.appendChild(subtitle);
+            card.appendChild(input);
+            card.appendChild(actions);
+            overlay.appendChild(card);
+            (_a = this.modalElement) === null || _a === void 0 ? void 0 : _a.appendChild(overlay);
+            this.contactPromptOverlay = overlay;
+            window.setTimeout(() => input.focus(), 0);
+        });
+    }
+    openUnprotectedLeaveWarning() {
+        if (typeof document === "undefined" || !this.modalElement) {
+            return Promise.resolve("cancel");
+        }
+        this.clearContactPromptOverlay();
+        return new Promise((resolve) => {
+            var _a;
+            const overlay = document.createElement("div");
+            overlay.className = "lobby-contact-overlay";
+            const card = document.createElement("div");
+            card.className = "lobby-contact-card";
+            const title = document.createElement("h3");
+            title.className = "lobby-contact-title";
+            title.textContent = LEAVE_WARNING_TITLE;
+            const subtitle = document.createElement("p");
+            subtitle.className = "lobby-contact-subtitle";
+            subtitle.textContent = LEAVE_WARNING_SUBTITLE;
+            const actions = document.createElement("div");
+            actions.className = "lobby-contact-actions";
+            const addContactBtn = document.createElement("button");
+            addContactBtn.type = "button";
+            addContactBtn.className = "lobby-contact-primary";
+            addContactBtn.textContent = "Add contact first";
+            const leaveBtn = document.createElement("button");
+            leaveBtn.type = "button";
+            leaveBtn.className = "lobby-contact-danger";
+            leaveBtn.textContent = "Leave anyway";
+            const cancelBtn = document.createElement("button");
+            cancelBtn.type = "button";
+            cancelBtn.className = "lobby-contact-secondary";
+            cancelBtn.textContent = "Cancel";
+            const cleanup = (result) => {
+                this.clearContactPromptOverlay();
+                resolve(result);
+            };
+            addContactBtn.addEventListener("click", () => cleanup("add_contact"));
+            leaveBtn.addEventListener("click", () => cleanup("leave"));
+            cancelBtn.addEventListener("click", () => cleanup("cancel"));
+            overlay.addEventListener("click", (event) => {
+                if (event.target === overlay) {
+                    cleanup("cancel");
+                }
+            });
+            actions.appendChild(addContactBtn);
+            actions.appendChild(leaveBtn);
+            actions.appendChild(cancelBtn);
+            card.appendChild(title);
+            card.appendChild(subtitle);
+            card.appendChild(actions);
+            overlay.appendChild(card);
+            (_a = this.modalElement) === null || _a === void 0 ? void 0 : _a.appendChild(overlay);
+            this.contactPromptOverlay = overlay;
+        });
+    }
+    scheduleInitialContactPrompt() {
+        if (!this.modalElement ||
+            !this.shouldRunLeaveFlow() ||
+            this.hasContactProtection ||
+            !this.apiClient) {
+            return;
+        }
+        this.clearInitialContactPromptTimer();
+        this.initialContactPromptTimer = window.setTimeout(async () => {
+            this.initialContactPromptTimer = null;
+            if (!this.modalElement || this.hasContactProtection) {
+                return;
+            }
+            await this.openContactProtectionPrompt("initial");
+            this.updateContactProtectionUI();
+        }, 2000);
+    }
+    async leaveGroupExplicitly() {
+        var _a, _b;
+        if (!this.apiClient || !this.currentGroupId || this.leaveFlowInProgress) {
+            return;
+        }
+        this.leaveFlowInProgress = true;
+        try {
+            this.showBlockingLoader("Leaving group...");
+            const leaveResult = await this.apiClient.leaveGroup(this.currentGroupId, {
+                leave_source: "close_icon",
+                leave_reason: "voluntary_with_contact",
+            });
+            if (!leaveResult.success) {
+                this.logger.warn("Explicit leave group failed", leaveResult.error);
+                this.hideBlockingLoader();
+                window.alert("Could not leave the group right now. Please try again.");
+                return;
+            }
+            this.leaveSignalSent = true;
+            this.persistLastLeftGroup(((_b = (_a = leaveResult.data) === null || _a === void 0 ? void 0 : _a.group) === null || _b === void 0 ? void 0 : _b.id) || this.currentGroupId);
+            this.trackAnalyticsEvent("PROTECTED_USER_EXPLICIT_LEAVE", {
+                leaveSource: "close_icon",
+                leaveReason: "voluntary_with_contact",
+                protectionState: "protected",
+            });
+            this.close({ skipLeaveFlow: true });
+        }
+        finally {
+            this.hideBlockingLoader();
+            this.leaveFlowInProgress = false;
+        }
+    }
     /**
      * Derive lock state from data so UI reflects completion
      */
@@ -2599,6 +3002,7 @@ class LobbyModal {
      * Create connected section (subtitle + link + share)
      */
     createConnectedSection() {
+        var _a, _b;
         const connectedSection = document.createElement("div");
         connectedSection.className = "connected-section";
         connectedSection.id = "lobbyConnectedSection";
@@ -2609,18 +3013,59 @@ class LobbyModal {
         subtitle.id = "lobbySubtitleText";
         subtitle.textContent = titleContent.subtitle;
         connectedSection.appendChild(subtitle);
+        const contactBanner = document.createElement("div");
+        contactBanner.className = "lobby-contact-protection-banner";
+        contactBanner.id = "lobbyContactProtectionBanner";
+        const contactCopy = document.createElement("p");
+        contactCopy.className = "lobby-contact-protection-copy";
+        contactCopy.textContent =
+            "Spot not protected. Add contact so we can help recover your group membership.";
+        const contactAction = document.createElement("button");
+        contactAction.type = "button";
+        contactAction.className = "lobby-contact-protection-btn";
+        contactAction.textContent = "Add contact";
+        contactAction.addEventListener("click", async () => {
+            await this.openContactProtectionPrompt("banner");
+            this.updateContactProtectionUI();
+        });
+        contactBanner.appendChild(contactCopy);
+        contactBanner.appendChild(contactAction);
+        connectedSection.appendChild(contactBanner);
+        const protectedLeaveContainer = document.createElement("div");
+        protectedLeaveContainer.className = "lobby-protected-leave-container";
+        protectedLeaveContainer.id = "lobbyProtectedLeaveContainer";
+        const protectedLeaveText = document.createElement("p");
+        protectedLeaveText.className = "lobby-protected-leave-copy";
+        protectedLeaveText.textContent = "You are protected and still part of this group.";
+        const protectedLeaveAction = document.createElement("button");
+        protectedLeaveAction.type = "button";
+        protectedLeaveAction.className = "lobby-protected-leave-btn";
+        protectedLeaveAction.textContent = "Leave group";
+        protectedLeaveAction.addEventListener("click", () => {
+            void this.leaveGroupExplicitly();
+        });
+        protectedLeaveContainer.appendChild(protectedLeaveText);
+        protectedLeaveContainer.appendChild(protectedLeaveAction);
+        connectedSection.appendChild(protectedLeaveContainer);
         // Check if group is fulfilled and has offline redemption
         const isComplete = !this.computeIsLocked(this.data);
         const hasOfflineRedemption = isComplete &&
             this.data.offlineRedemption &&
-            isValidOfflineRedemption(this.data.offlineRedemption);
+            isValidOfflineRedemption(this.data.offlineRedemption) &&
+            ((_a = this.data.redemptionMethod) !== null && _a !== void 0 ? _a : "online") !== "online";
         if (hasOfflineRedemption) {
-            // Show offline redemption view with integrated actions
+            // Complete + offline/both: show offline redemption section
             const offlineSection = this.createOfflineRedemptionSection(this.data.offlineRedemption);
             connectedSection.appendChild(offlineSection);
         }
+        else if (isComplete && ((_b = this.data.redemptionMethod) !== null && _b !== void 0 ? _b : "online") !== "offline") {
+            // Complete + online/both (no offline redemption data): show only checkout CTA
+            const checkoutBtn = this.createOnlineCheckoutButton();
+            connectedSection.appendChild(checkoutBtn);
+            this.injectOfflineRedemptionStyles();
+        }
         else {
-            // Show link and share container
+            // Group not yet complete: show link and share
             const linkShareContainer = document.createElement("div");
             linkShareContainer.className = "link-share-container";
             const linkWp = this.createLinkSection();
@@ -2664,6 +3109,23 @@ class LobbyModal {
         linkShareWrapper.appendChild(shareBtnInner);
         return linkShareWrapper;
     }
+    /**
+     * Create a standalone "Checkout Online" button for the link/share section
+     */
+    createOnlineCheckoutButton() {
+        const btn = document.createElement("button");
+        btn.className = "offline-online-checkout-btn lobby-online-checkout-btn";
+        btn.textContent = "Checkout Online";
+        btn.style.marginTop = "10px";
+        btn.style.width = "100%";
+        btn.addEventListener("click", () => {
+            this.close();
+            window.setTimeout(() => {
+                this.triggerContinueToCheckout();
+            }, 0);
+        });
+        return btn;
+    }
     /**
      * Create offline redemption section
      */
@@ -2728,14 +3190,16 @@ class LobbyModal {
         onlineCheckoutBtn.className = "offline-online-checkout-btn";
         onlineCheckoutBtn.textContent = "Checkout Online";
         onlineCheckoutBtn.addEventListener("click", () => {
-            this.close();
+            this.close({ skipLeaveFlow: true });
             // Ensure modal closes before triggering checkout intent
             window.setTimeout(() => {
                 this.triggerContinueToCheckout();
             }, 0);
         });
         actionsRow.appendChild(downloadQRBtn);
-        actionsRow.appendChild(onlineCheckoutBtn);
+        if (this.data.redemptionMethod !== "offline") {
+            actionsRow.appendChild(onlineCheckoutBtn);
+        }
         section.appendChild(topRow);
         section.appendChild(expiryInfo);
         section.appendChild(actionsRow);
@@ -3641,6 +4105,10 @@ class LobbyModal {
             this.logger.info(`Lobby modal opened for product: ${this.data.productId}`);
             // Set up keyboard accessibility (focus trap, ESC to close)
             this.setupKeyboardAccessibility();
+            // Register lifecycle-based dropoff handling for browser/tab close.
+            this.registerLifecycleLeaveHandlers();
+            this.updateContactProtectionUI();
+            this.scheduleInitialContactPrompt();
         });
     }
     /**
@@ -3706,19 +4174,166 @@ class LobbyModal {
             this.keyboardHandler = null;
         }
     }
+    registerLifecycleLeaveHandlers() {
+        if (typeof window === "undefined" || typeof document === "undefined") {
+            return;
+        }
+        if (!this.shouldRunLeaveFlow()) {
+            return;
+        }
+        if (!this.beforeUnloadHandler) {
+            this.beforeUnloadHandler = () => {
+                this.triggerBestEffortLeave("browser_close");
+            };
+            window.addEventListener("beforeunload", this.beforeUnloadHandler);
+        }
+        if (!this.pageHideHandler) {
+            this.pageHideHandler = () => {
+                this.triggerBestEffortLeave("browser_close");
+            };
+            window.addEventListener("pagehide", this.pageHideHandler);
+        }
+        if (!this.visibilityChangeHandler) {
+            this.visibilityChangeHandler = () => {
+                if (document.visibilityState === "hidden") {
+                    this.triggerBestEffortLeave("browser_close");
+                }
+            };
+            document.addEventListener("visibilitychange", this.visibilityChangeHandler);
+        }
+    }
+    unregisterLifecycleLeaveHandlers() {
+        if (typeof window === "undefined" || typeof document === "undefined") {
+            return;
+        }
+        if (this.beforeUnloadHandler) {
+            window.removeEventListener("beforeunload", this.beforeUnloadHandler);
+            this.beforeUnloadHandler = null;
+        }
+        if (this.pageHideHandler) {
+            window.removeEventListener("pagehide", this.pageHideHandler);
+            this.pageHideHandler = null;
+        }
+        if (this.visibilityChangeHandler) {
+            document.removeEventListener("visibilitychange", this.visibilityChangeHandler);
+            this.visibilityChangeHandler = null;
+        }
+    }
+    triggerBestEffortLeave(source) {
+        if (this.leaveSignalSent || this.leaveFlowInProgress) {
+            return;
+        }
+        if (this.hasContactProtection) {
+            return;
+        }
+        if (!this.apiClient || !this.currentGroupId || !this.shouldRunLeaveFlow()) {
+            return;
+        }
+        this.leaveSignalSent = true;
+        this.apiClient.leaveGroupBestEffort(this.currentGroupId, {
+            leave_source: source,
+            leave_reason: "voluntary_no_contact",
+        });
+    }
+    shouldRunLeaveFlow() {
+        if (!this.apiClient || !this.currentGroupId) {
+            return false;
+        }
+        // Dropoff handling applies only while group is still active/forming.
+        return this.data.status !== "complete";
+    }
+    inferContactType(value) {
+        const trimmed = value.trim();
+        if (!trimmed)
+            return null;
+        if (trimmed.includes("@")) {
+            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+            return emailRegex.test(trimmed) ? "email" : null;
+        }
+        const digitsOnly = trimmed.replace(/\D/g, "");
+        return digitsOnly.length >= 10 && digitsOnly.length <= 15 ? "phone" : null;
+    }
+    async runLeaveFlowAndClose() {
+        var _a, _b;
+        if (this.leaveFlowInProgress)
+            return;
+        this.leaveFlowInProgress = true;
+        try {
+            if (this.hasContactProtection) {
+                this.trackAnalyticsEvent("LOBBY_CLOSED_PROTECTED", {
+                    leaveSource: "close_icon",
+                    leaveReason: "stay_in_group",
+                    protectionState: "protected",
+                });
+                this.close({ skipLeaveFlow: true });
+                return;
+            }
+            let leaveReason = "voluntary_no_contact";
+            const leaveDecision = await this.openUnprotectedLeaveWarning();
+            if (leaveDecision === "cancel") {
+                return;
+            }
+            if (leaveDecision === "add_contact") {
+                const promptResult = await this.openContactProtectionPrompt("leave-warning");
+                if (promptResult === "saved") {
+                    this.updateContactProtectionUI();
+                    return;
+                }
+                else {
+                    return;
+                }
+            }
+            if (this.apiClient && this.currentGroupId) {
+                this.showBlockingLoader("Leaving group...");
+                const leaveResult = await this.apiClient.leaveGroup(this.currentGroupId, {
+                    leave_source: "close_icon",
+                    leave_reason: leaveReason,
+                });
+                if (!leaveResult.success) {
+                    this.logger.warn("Leave group failed", leaveResult.error);
+                    this.hideBlockingLoader();
+                    window.alert("Could not leave the group right now. Please try again.");
+                    return;
+                }
+                this.leaveSignalSent = true;
+                this.persistLastLeftGroup(((_b = (_a = leaveResult.data) === null || _a === void 0 ? void 0 : _a.group) === null || _b === void 0 ? void 0 : _b.id) || this.currentGroupId);
+                this.trackAnalyticsEvent("LOBBY_LEFT_UNPROTECTED", {
+                    leaveSource: "close_icon",
+                    leaveReason,
+                    protectionState: "unprotected",
+                });
+            }
+            this.close({ skipLeaveFlow: true });
+        }
+        finally {
+            this.hideBlockingLoader();
+            this.leaveFlowInProgress = false;
+        }
+    }
     /**
      * Close the modal
      */
-    close() {
+    close(options = {}) {
         if (!this.modalElement) {
             this.logger.warn("Modal not open");
             return;
         }
+        if (!options.skipLeaveFlow && this.shouldRunLeaveFlow()) {
+            void this.runLeaveFlowAndClose();
+            return;
+        }
         // Stop timers and animations
         this.stopTimer();
         this.stopActivityAnimation();
         // Remove keyboard event listeners
         this.removeKeyboardAccessibility();
+        // Remove lifecycle handlers for dropoff detection
+        this.unregisterLifecycleLeaveHandlers();
+        this.clearInitialContactPromptTimer();
+        this.clearContactPromptOverlay();
+        this.hideBlockingLoader();
+        // Remove socket listeners to avoid duplicate handlers on reopen
+        this.unsubscribeFromSocketEvents();
         // Remove modal from DOM
         document.body.removeChild(this.modalElement);
         this.modalElement = null;
@@ -3831,29 +4446,47 @@ class LobbyModal {
      * Update offline redemption visibility when group is fulfilled
      */
     updateOfflineRedemptionVisibility() {
+        var _a, _b;
         const connectedSection = document.getElementById("lobbyConnectedSection");
         if (!connectedSection)
             return;
         const isComplete = !this.computeIsLocked(this.data);
-        const hasOfflineRedemption = this.data.offlineRedemption && isValidOfflineRedemption(this.data.offlineRedemption);
+        const hasOfflineRedemption = this.data.offlineRedemption &&
+            isValidOfflineRedemption(this.data.offlineRedemption) &&
+            ((_a = this.data.redemptionMethod) !== null && _a !== void 0 ? _a : "online") !== "online";
         // Get existing elements
         const existingOffline = connectedSection.querySelector(".offline-redemption-section");
         const existingLink = connectedSection.querySelector(".link-share-container");
+        const existingCheckoutBtn = connectedSection.querySelector(".lobby-online-checkout-btn");
         if (isComplete && hasOfflineRedemption) {
-            // Show offline redemption, hide link/share
-            if (existingLink) {
+            // Complete + offline/both: show offline section, remove link/share and standalone checkout btn
+            if (existingLink)
                 existingLink.remove();
-            }
+            if (existingCheckoutBtn)
+                existingCheckoutBtn.remove();
             if (!existingOffline) {
                 const offlineSection = this.createOfflineRedemptionSection(this.data.offlineRedemption);
                 connectedSection.appendChild(offlineSection);
             }
         }
-        else {
-            // Show link/share, hide offline redemption
-            if (existingOffline) {
+        else if (isComplete && ((_b = this.data.redemptionMethod) !== null && _b !== void 0 ? _b : "online") !== "offline") {
+            // Complete + online/both (no offline data): show only checkout CTA, remove link/share
+            if (existingLink)
+                existingLink.remove();
+            if (existingOffline)
                 existingOffline.remove();
+            if (!existingCheckoutBtn) {
+                const checkoutBtn = this.createOnlineCheckoutButton();
+                connectedSection.appendChild(checkoutBtn);
+                this.injectOfflineRedemptionStyles();
             }
+        }
+        else {
+            // Group not yet complete: show link/share, remove offline and checkout btn
+            if (existingOffline)
+                existingOffline.remove();
+            if (existingCheckoutBtn)
+                existingCheckoutBtn.remove();
             if (!existingLink) {
                 const linkShareContainer = document.createElement("div");
                 linkShareContainer.className = "link-share-container";
@@ -3887,9 +4520,20 @@ class LobbyModal {
         }
         window.addEventListener("group:fulfilled", this.handleSocketGroupUpdate);
         window.addEventListener("group:member:joined", this.handleSocketGroupUpdate);
+        window.addEventListener("group:member:left", this.handleSocketGroupUpdate);
         window.addEventListener("group:created", this.handleSocketGroupUpdate);
         this.socketListenerRegistered = true;
     }
+    unsubscribeFromSocketEvents() {
+        if (typeof window === "undefined" || !this.socketListenerRegistered) {
+            return;
+        }
+        window.removeEventListener("group:fulfilled", this.handleSocketGroupUpdate);
+        window.removeEventListener("group:member:joined", this.handleSocketGroupUpdate);
+        window.removeEventListener("group:member:left", this.handleSocketGroupUpdate);
+        window.removeEventListener("group:created", this.handleSocketGroupUpdate);
+        this.socketListenerRegistered = false;
+    }
     /**
      * Create activity item from socket event data
      */
@@ -3920,6 +4564,10 @@ class LobbyModal {
                 emoji = "🛒";
                 action = "started a new group";
                 break;
+            case "group:member:left":
+                emoji = "🚪";
+                action = "left the group";
+                break;
             default:
                 emoji = "⚡";
                 action = "activity in group";
@@ -4392,6 +5040,9 @@ var WidgetState;
     WidgetState["LOADED"] = "loaded";
     WidgetState["ERROR"] = "error";
 })(WidgetState || (WidgetState = {}));
+const RECOVERY_TOAST_REJOINED = "Rejoined your previous group.";
+const RECOVERY_TOAST_NEXT_AVAILABLE = "Your previous group was full, so we joined you to the next available group.";
+const RECOVERY_TOAST_CREATED_NEW = "Your previous group was no longer available, so we created a fresh group for you.";
 /**
  * WidgetRoot handles rendering of the CoBuy widget into a DOM container
  */
@@ -4423,6 +5074,7 @@ class WidgetRoot {
         this.groupExpiryRefreshTriggered = false; // Track if expiry refresh already triggered for current group
         this.offlineRedemption = null;
         this.offlineRedemptionModal = null;
+        this.campaignRedemptionMethod = "online";
         this.isRendering = false;
         this.renderPromise = null;
         this.liveRegionAnnouncer = null;
@@ -4432,6 +5084,7 @@ class WidgetRoot {
         this.renderDebounceTimer = null;
         this.pendingRenderOptions = null;
         this.RENDER_DEBOUNCE_MS = 300; // 300ms debounce for rapid re-renders
+        this.LAST_LEFT_GROUP_PREFIX = "cobuy_last_left_group";
         /** Handle backend fulfillment notifications */
         this.handleGroupFulfilledEvent = (event) => {
             const detail = event.detail;
@@ -4475,6 +5128,80 @@ class WidgetRoot {
             this.handleCTAClick(productId);
         }, 300); // 300ms debounce to prevent double-clicks
     }
+    getRecoveryStorageKey(productId) {
+        var _a;
+        const sessionId = (_a = this.apiClient) === null || _a === void 0 ? void 0 : _a.getSessionId();
+        if (!sessionId || !productId) {
+            return null;
+        }
+        return `${this.LAST_LEFT_GROUP_PREFIX}:${sessionId}:${productId}`;
+    }
+    getStoredRecoveryGroupId(productId) {
+        if (typeof window === "undefined" || !window.localStorage) {
+            return null;
+        }
+        const key = this.getRecoveryStorageKey(productId);
+        if (!key) {
+            return null;
+        }
+        try {
+            const raw = window.localStorage.getItem(key);
+            if (!raw) {
+                return null;
+            }
+            const parsed = JSON.parse(raw);
+            if (!(parsed === null || parsed === void 0 ? void 0 : parsed.groupId) || parsed.productId !== productId) {
+                return null;
+            }
+            return parsed.groupId;
+        }
+        catch (_a) {
+            return null;
+        }
+    }
+    clearStoredRecoveryGroupId(productId) {
+        if (typeof window === "undefined" || !window.localStorage) {
+            return;
+        }
+        const key = this.getRecoveryStorageKey(productId);
+        if (!key) {
+            return;
+        }
+        try {
+            window.localStorage.removeItem(key);
+        }
+        catch (_a) {
+            // Ignore storage issues
+        }
+    }
+    showRecoveryToast(message) {
+        if (typeof document === "undefined") {
+            return;
+        }
+        const existing = document.getElementById("cobuy-recovery-toast");
+        if (existing) {
+            existing.remove();
+        }
+        const toast = document.createElement("div");
+        toast.id = "cobuy-recovery-toast";
+        toast.style.position = "fixed";
+        toast.style.left = "50%";
+        toast.style.bottom = "24px";
+        toast.style.transform = "translateX(-50%)";
+        toast.style.background = "#0f172a";
+        toast.style.color = "#fff";
+        toast.style.padding = "10px 14px";
+        toast.style.borderRadius = "10px";
+        toast.style.fontSize = "13px";
+        toast.style.fontWeight = "600";
+        toast.style.zIndex = "10040";
+        toast.style.boxShadow = "0 8px 20px rgba(0,0,0,0.24)";
+        toast.textContent = message;
+        document.body.appendChild(toast);
+        window.setTimeout(() => {
+            toast.remove();
+        }, 2800);
+    }
     /** Subscribe once to backend socket events routed through the host page */
     subscribeToSocketEvents() {
         if (typeof window === "undefined" || this.socketListenerRegistered) {
@@ -4482,6 +5209,7 @@ class WidgetRoot {
         }
         window.addEventListener("group:fulfilled", this.handleGroupFulfilledEvent);
         window.addEventListener("group:member:joined", this.handleGroupUpdatedEvent);
+        window.addEventListener("group:member:left", this.handleGroupUpdatedEvent);
         window.addEventListener("group:created", this.handleGroupUpdatedEvent);
         this.socketListenerRegistered = true;
     }
@@ -4518,6 +5246,9 @@ class WidgetRoot {
                         isValidOfflineRedemption(groupData.offline_redemption)) {
                         this.offlineRedemption = groupData.offline_redemption;
                     }
+                    if (groupData.campaign_redemption_method) {
+                        this.campaignRedemptionMethod = groupData.campaign_redemption_method;
+                    }
                 }
             }
             else {
@@ -4613,7 +5344,7 @@ class WidgetRoot {
     }
     /** Persist fulfilled state, emit callback, and refresh UI */
     processGroupFulfilled(eventData) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         this.groupFulfilled = true;
         // Extract reward from new event structure or fallback to legacy
         const reward = ((_a = eventData.frozen_reward) === null || _a === void 0 ? void 0 : _a.reward) || eventData.reward || null;
@@ -4628,7 +5359,10 @@ class WidgetRoot {
                 code: this.offlineRedemption.redemption_code,
             });
         }
-        (_d = (_c = this.events) === null || _c === void 0 ? void 0 : _c.onGroupFulfilled) === null || _d === void 0 ? void 0 : _d.call(_c, eventData);
+        if ((_c = eventData.group) === null || _c === void 0 ? void 0 : _c.campaign_redemption_method) {
+            this.campaignRedemptionMethod = eventData.group.campaign_redemption_method;
+        }
+        (_e = (_d = this.events) === null || _d === void 0 ? void 0 : _d.onGroupFulfilled) === null || _e === void 0 ? void 0 : _e.call(_d, eventData);
         this.renderFulfilledState();
     }
     /** Re-render widget and external containers to reflect fulfillment */
@@ -4768,8 +5502,10 @@ class WidgetRoot {
         footer.style.justifyContent = "flex-end";
         footer.style.alignItems = "center";
         footer.style.gap = "12px";
-        // Add "Redeem In-store" CTA if offline redemption is available
-        if (this.offlineRedemption && isValidOfflineRedemption(this.offlineRedemption)) {
+        // Add "Redeem In-store" CTA if offline redemption is available and campaign allows it
+        if (this.offlineRedemption &&
+            isValidOfflineRedemption(this.offlineRedemption) &&
+            this.campaignRedemptionMethod !== "online") {
             const redeemLink = document.createElement("button");
             redeemLink.className = "cobuy-redeem-instore-link";
             redeemLink.style.background = "none";
@@ -4867,7 +5603,7 @@ class WidgetRoot {
             }
             // Set callback to open lobby when a group is successfully joined
             this.groupListModal.setOnGroupJoined((joinData) => {
-                var _a;
+                var _a, _b;
                 // Update current group ID and session ID so the modal knows which group the user has joined
                 this.currentGroupId = joinData.group.id;
                 this.currentSessionId = ((_a = this.apiClient) === null || _a === void 0 ? void 0 : _a.getSessionId()) || null;
@@ -4881,8 +5617,9 @@ class WidgetRoot {
                     currentMembers: joinData.group.participants_count,
                     totalMembers: joinData.group.max_participants,
                     timeLeft: joinData.group.timeLeftSeconds,
+                    redemptionMethod: (_b = joinData.group.campaign_redemption_method) !== null && _b !== void 0 ? _b : this.campaignRedemptionMethod,
                 };
-                const lobbyModal = new LobbyModal(lobbyData, {}, null, null, this.config.debug);
+                const lobbyModal = new LobbyModal(lobbyData, {}, this.apiClient, null, this.analyticsClient, this.config.debug);
                 lobbyModal.open(joinData.group.id);
             });
             // Set callback for viewing progress on already joined group
@@ -4898,8 +5635,9 @@ class WidgetRoot {
                     progress: Math.round((groupData.joined / groupData.total) * 100),
                     currentMembers: groupData.joined,
                     totalMembers: groupData.total,
+                    redemptionMethod: this.campaignRedemptionMethod,
                 };
-                const lobbyModal = new LobbyModal(lobbyData, {}, null, null, this.config.debug);
+                const lobbyModal = new LobbyModal(lobbyData, {}, this.apiClient, null, this.analyticsClient, this.config.debug);
                 lobbyModal.open(groupId);
             });
         }
@@ -5083,6 +5821,9 @@ class WidgetRoot {
                     isValidOfflineRedemption(groupData.offline_redemption)) {
                     this.offlineRedemption = groupData.offline_redemption;
                 }
+                if (groupData === null || groupData === void 0 ? void 0 : groupData.campaign_redemption_method) {
+                    this.campaignRedemptionMethod = groupData.campaign_redemption_method;
+                }
                 // Check if group is already fulfilled (full) on initial load
                 if (groupData) {
                     const participants = Number(groupData.participants_count || 0);
@@ -5804,10 +6545,99 @@ class WidgetRoot {
         to { transform: rotate(360deg); }
       }
 
+      .cobuy-prejoin-contact-overlay {
+        position: fixed;
+        inset: 0;
+        z-index: 10045;
+        background: rgba(2, 6, 23, 0.5);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 16px;
+      }
+
+      .cobuy-prejoin-contact-card {
+        width: min(440px, 100%);
+        background: #fff;
+        border-radius: 14px;
+        padding: 18px;
+        box-shadow: 0 14px 36px rgba(15, 23, 42, 0.22);
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+      }
+
+      .cobuy-prejoin-contact-title {
+        font-size: 20px;
+        font-weight: 800;
+        color: #0f172a;
+        margin: 0;
+      }
+
+      .cobuy-prejoin-contact-subtitle {
+        font-size: 14px;
+        line-height: 1.5;
+        color: #334155;
+        margin: 0;
+      }
+
+      .cobuy-prejoin-contact-input {
+        width: 100%;
+        border: 1px solid #cbd5e1;
+        border-radius: 10px;
+        padding: 11px 12px;
+        font-size: 14px;
+        outline: none;
+      }
+
+      .cobuy-prejoin-contact-input:focus {
+        border-color: #1d4ed8;
+        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
+      }
+
+      .cobuy-prejoin-contact-actions {
+        display: flex;
+        gap: 8px;
+        flex-wrap: wrap;
+      }
+
+      .cobuy-prejoin-contact-primary,
+      .cobuy-prejoin-contact-secondary {
+        border: none;
+        border-radius: 10px;
+        padding: 10px 12px;
+        font-weight: 700;
+        cursor: pointer;
+        font-size: 13px;
+      }
+
+      .cobuy-prejoin-contact-primary {
+        background: #1d4ed8;
+        color: #fff;
+      }
+
+      .cobuy-prejoin-contact-primary:hover {
+        background: #1e40af;
+      }
+
+      .cobuy-prejoin-contact-secondary {
+        background: #e2e8f0;
+        color: #1e293b;
+      }
+
+      .cobuy-prejoin-contact-secondary:hover {
+        background: #cbd5e1;
+      }
+
       @media (max-width: 640px) {
         .cobuy-widget {
           grid-template-columns: 1fr;
         }
+
+        .cobuy-prejoin-contact-primary,
+        .cobuy-prejoin-contact-secondary {
+          width: 100%;
+        }
       }
     `;
         document.head.appendChild(style);
@@ -5816,7 +6646,7 @@ class WidgetRoot {
      * Handle CTA button click with analytics and modal opening
      */
     async handleCTAClick(productId) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         this.logger.info(`CTA clicked for product: ${productId}`);
         // Track analytics event asynchronously (fire-and-forget)
         if (this.analyticsClient) {
@@ -5831,28 +6661,110 @@ class WidgetRoot {
         // Join group before opening modal
         let groupJoinData = null;
         let inviteData = null;
+        let recoveryGroupId = null;
         if (this.apiClient && this.currentGroupId) {
             try {
-                this.logger.info(`Joining group: ${this.currentGroupId}`);
-                if (this.analyticsClient) {
+                recoveryGroupId = this.getStoredRecoveryGroupId(productId);
+                if (this.analyticsClient && recoveryGroupId) {
                     this.analyticsClient
-                        .trackJoinAttempt(productId, this.currentGroupId)
+                        .trackEvent("RECOVERY_ATTEMPT", productId, {
+                        previousGroupId: recoveryGroupId,
+                        protectionState: "protected",
+                    })
                         .catch((e) => this.logger.warn("Analytics tracking failed", e));
                 }
-                const joinResponse = await this.apiClient.joinGroup(this.currentGroupId);
-                if (!joinResponse.success) {
-                    this.logger.error("Failed to join group, modal will not open", joinResponse.error);
+                const recoverResponse = await this.apiClient.recoverOrJoinGroup(productId);
+                if (recoverResponse.success && recoverResponse.data) {
+                    groupJoinData = recoverResponse.data;
+                    this.currentGroupId = groupJoinData.group.id;
+                    this.clearStoredRecoveryGroupId(productId);
+                    if (this.analyticsClient && groupJoinData.recovery.recovered) {
+                        this.analyticsClient
+                            .trackEvent("RECOVERY_SUCCESS", productId, {
+                            previousGroupId: groupJoinData.recovery.previous_group_id || recoveryGroupId,
+                            joinedGroupId: groupJoinData.recovery.joined_group_id,
+                            recoveryOutcome: groupJoinData.recovery.outcome,
+                            protectionState: groupJoinData.recovery.matched_by === "none" ? "unprotected" : "protected",
+                        })
+                            .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                    }
+                    else if (this.analyticsClient && recoveryGroupId) {
+                        this.analyticsClient
+                            .trackEvent("RECOVERY_FAILED", productId, {
+                            previousGroupId: recoveryGroupId,
+                            errorCode: "NOT_RECOVERED",
+                            errorMessage: "Recovery did not restore the previous membership.",
+                            protectionState: "protected",
+                        })
+                            .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                    }
+                    switch (groupJoinData.recovery.outcome) {
+                        case "rejoined_previous_group":
+                            this.showRecoveryToast(RECOVERY_TOAST_REJOINED);
+                            break;
+                        case "joined_next_available_group":
+                            if (groupJoinData.recovery.recovered) {
+                                this.showRecoveryToast(RECOVERY_TOAST_NEXT_AVAILABLE);
+                            }
+                            break;
+                        case "created_new_group":
+                            if (groupJoinData.recovery.recovered) {
+                                this.showRecoveryToast(RECOVERY_TOAST_CREATED_NEW);
+                            }
+                            break;
+                    }
+                }
+                else {
+                    if (this.analyticsClient && recoveryGroupId) {
+                        const errCode = (_c = recoverResponse.error) === null || _c === void 0 ? void 0 : _c.code;
+                        const errMsg = (_d = recoverResponse.error) === null || _d === void 0 ? void 0 : _d.message;
+                        this.analyticsClient
+                            .trackEvent("RECOVERY_FAILED", productId, {
+                            previousGroupId: recoveryGroupId,
+                            errorCode: errCode || "RECOVERY_UNAVAILABLE",
+                            errorMessage: errMsg || "Recovery response was not successful.",
+                            protectionState: "protected",
+                        })
+                            .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                    }
+                    const joinTargetGroupId = recoveryGroupId || this.currentGroupId;
+                    this.logger.info(`Joining group: ${joinTargetGroupId}`);
                     if (this.analyticsClient) {
-                        const errCode = (_c = joinResponse.error) === null || _c === void 0 ? void 0 : _c.code;
-                        const errMsg = (_d = joinResponse.error) === null || _d === void 0 ? void 0 : _d.message;
                         this.analyticsClient
-                            .trackJoinFailure(productId, this.currentGroupId, errCode, errMsg)
+                            .trackJoinAttempt(productId, joinTargetGroupId)
                             .catch((e) => this.logger.warn("Analytics tracking failed", e));
                     }
-                    this.setButtonLoadingState(false);
-                    return; // Don't open modal on error
+                    let joinResponse = await this.apiClient.joinGroup(joinTargetGroupId);
+                    if (!joinResponse.success && recoveryGroupId && this.currentGroupId !== recoveryGroupId) {
+                        this.clearStoredRecoveryGroupId(productId);
+                        joinResponse = await this.apiClient.joinGroup(this.currentGroupId);
+                    }
+                    if (!joinResponse.success) {
+                        this.logger.error("Failed to join group, modal will not open", joinResponse.error);
+                        if (this.analyticsClient) {
+                            const errCode = (_e = joinResponse.error) === null || _e === void 0 ? void 0 : _e.code;
+                            const errMsg = (_f = joinResponse.error) === null || _f === void 0 ? void 0 : _f.message;
+                            this.analyticsClient
+                                .trackJoinFailure(productId, joinTargetGroupId, errCode, errMsg)
+                                .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                        }
+                        this.setButtonLoadingState(false);
+                        return; // Don't open modal on error
+                    }
+                    groupJoinData = joinResponse.data;
+                    if ((_g = groupJoinData === null || groupJoinData === void 0 ? void 0 : groupJoinData.group) === null || _g === void 0 ? void 0 : _g.id) {
+                        this.currentGroupId = groupJoinData.group.id;
+                    }
+                    if (recoveryGroupId && ((_h = groupJoinData === null || groupJoinData === void 0 ? void 0 : groupJoinData.group) === null || _h === void 0 ? void 0 : _h.id)) {
+                        this.clearStoredRecoveryGroupId(productId);
+                        if (groupJoinData.group.id !== recoveryGroupId) {
+                            this.showRecoveryToast(RECOVERY_TOAST_NEXT_AVAILABLE);
+                        }
+                        else {
+                            this.showRecoveryToast(RECOVERY_TOAST_REJOINED);
+                        }
+                    }
                 }
-                groupJoinData = joinResponse.data;
                 this.logger.info("Successfully joined group", groupJoinData);
                 if (this.analyticsClient && groupJoinData) {
                     this.analyticsClient
@@ -5865,26 +6777,39 @@ class WidgetRoot {
                         isValidOfflineRedemption(groupJoinData.offline_redemption)
                         ? groupJoinData.offline_redemption
                         : null;
+                const joinedGroupId = (_j = groupJoinData === null || groupJoinData === void 0 ? void 0 : groupJoinData.group) === null || _j === void 0 ? void 0 : _j.id;
                 // Trigger invite tracking before opening lobby (global for product)
-                try {
-                    const inviteResponse = await this.apiClient.inviteToGroup(this.currentGroupId, "copy_link");
-                    if (inviteResponse.success && inviteResponse.data) {
-                        inviteData = inviteResponse.data;
-                        this.logger.info("Invite link generated", inviteData);
+                if (joinedGroupId) {
+                    try {
+                        const inviteResponse = await this.apiClient.inviteToGroup(joinedGroupId, "copy_link");
+                        if (inviteResponse.success && inviteResponse.data) {
+                            inviteData = inviteResponse.data;
+                            this.logger.info("Invite link generated", inviteData);
+                        }
+                        else {
+                            this.logger.warn("Invite link generation failed", inviteResponse.error);
+                        }
                     }
-                    else {
-                        this.logger.warn("Invite link generation failed", inviteResponse.error);
+                    catch (inviteError) {
+                        this.logger.warn("Invite request failed", inviteError);
                     }
                 }
-                catch (inviteError) {
-                    this.logger.warn("Invite request failed", inviteError);
-                }
             }
             catch (error) {
                 this.logger.error("Group join failed, modal will not open", error);
+                if (this.analyticsClient && recoveryGroupId) {
+                    this.analyticsClient
+                        .trackEvent("RECOVERY_FAILED", productId, {
+                        previousGroupId: recoveryGroupId,
+                        errorCode: "EXCEPTION",
+                        errorMessage: error instanceof Error ? error.message : String(error),
+                        protectionState: "protected",
+                    })
+                        .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                }
                 if (this.analyticsClient) {
                     this.analyticsClient
-                        .trackJoinFailure(productId, (_e = this.currentGroupId) !== null && _e !== void 0 ? _e : undefined, "EXCEPTION", error instanceof Error ? error.message : String(error))
+                        .trackJoinFailure(productId, (_k = this.currentGroupId) !== null && _k !== void 0 ? _k : undefined, "EXCEPTION", error instanceof Error ? error.message : String(error))
                         .catch((e) => this.logger.warn("Analytics tracking failed", e));
                 }
                 this.setButtonLoadingState(false);
@@ -5901,7 +6826,7 @@ class WidgetRoot {
                     const progress = Math.round((groupJoinData.group.participants_count / groupJoinData.group.max_participants) * 100);
                     // Format discount based on reward type
                     let discountText = "";
-                    if ((_g = (_f = this.currentRewardData) === null || _f === void 0 ? void 0 : _f.reward) === null || _g === void 0 ? void 0 : _g.value) {
+                    if ((_m = (_l = this.currentRewardData) === null || _l === void 0 ? void 0 : _l.reward) === null || _m === void 0 ? void 0 : _m.value) {
                         const rewardType = this.currentRewardData.reward.type;
                         const rewardValue = this.currentRewardData.reward.value;
                         if (rewardType === "percentage" || rewardType === "cashback") {
@@ -5941,6 +6866,7 @@ class WidgetRoot {
                         shareMessage: shareMessageFromInvite,
                         isLocked: !isGroupFulfilled,
                         offlineRedemption: offlineRedemptionFromJoin,
+                        redemptionMethod: (_o = groupJoinData.group.campaign_redemption_method) !== null && _o !== void 0 ? _o : this.campaignRedemptionMethod,
                         onShare: this.analyticsClient
                             ? () => {
                                 this.analyticsClient.trackShareClick(productId, groupJoinData.group.id, "other").catch((e) => this.logger.warn("Analytics tracking failed", e));
@@ -6111,8 +7037,10 @@ const API_ENDPOINTS = {
     PRODUCT_CONTEXT: "/v1/sdk/products/:productId/context",
     PRODUCT_REWARD: "/v1/sdk/products/:productId/reward",
     PRODUCT_PRIMARY_GROUP: "/v1/sdk/products/:productId/group/primary",
+    PRODUCT_RECOVER_OR_JOIN_GROUP: "/v1/sdk/products/:productId/group/recover-or-join",
     // Group endpoints
     GROUP_JOIN: "/v1/sdk/groups/:groupId/join",
+    GROUP_LEAVE: "/v1/sdk/groups/:groupId/leave",
     GROUP_CREATE_AND_JOIN: "/v1/sdk/groups/new/join",
     PRODUCT_ACTIVE_GROUPS: "/v1/sdk/products/:productId/groups/active",
     GROUP_INVITE: "/v1/sdk/groups/:groupId/invite",
@@ -7203,6 +8131,75 @@ class ApiClient {
             },
         };
     }
+    /**
+     * Leave an active group for the current SDK session.
+     */
+    async leaveGroup(groupId, params) {
+        const endpoint = buildApiUrl("", API_ENDPOINTS.GROUP_LEAVE, { groupId });
+        this.logger.info(`Leaving group: ${groupId}`);
+        const response = await this.post(endpoint, {
+            leave_source: (params === null || params === void 0 ? void 0 : params.leave_source) || "unknown",
+            leave_reason: (params === null || params === void 0 ? void 0 : params.leave_reason) || "unknown",
+        });
+        if (response.success) {
+            const payload = response.data;
+            return {
+                success: true,
+                data: ((payload === null || payload === void 0 ? void 0 : payload.data) || response.data),
+            };
+        }
+        return {
+            success: false,
+            error: response.error || {
+                message: "Failed to leave group",
+                code: "LEAVE_GROUP_ERROR",
+            },
+        };
+    }
+    async recoverOrJoinGroup(productId, contact) {
+        var _a;
+        const endpoint = buildApiUrl("", API_ENDPOINTS.PRODUCT_RECOVER_OR_JOIN_GROUP, {
+            productId,
+        });
+        this.logger.info(`Recovering or joining group for product: ${productId}`);
+        const response = await this.post(endpoint, contact ? { contact } : {});
+        if (response.success && ((_a = response.data) === null || _a === void 0 ? void 0 : _a.data)) {
+            return {
+                success: true,
+                data: response.data.data,
+            };
+        }
+        return {
+            success: false,
+            error: response.error || {
+                message: "Failed to recover or join group",
+                code: "RECOVER_OR_JOIN_GROUP_ERROR",
+            },
+        };
+    }
+    /**
+     * Best-effort leave signal for unload/pagehide scenarios.
+     * Uses fetch keepalive so it can run while page is closing.
+     */
+    leaveGroupBestEffort(groupId, params) {
+        if (!groupId)
+            return;
+        const endpoint = buildApiUrl("", API_ENDPOINTS.GROUP_LEAVE, { groupId });
+        const url = `${this.baseUrl}${endpoint}`;
+        const payload = JSON.stringify({
+            leave_source: (params === null || params === void 0 ? void 0 : params.leave_source) || "browser_close",
+            leave_reason: (params === null || params === void 0 ? void 0 : params.leave_reason) || "voluntary_no_contact",
+        });
+        const authHeaders = this.authStrategy.getHeaders();
+        void fetch(url, {
+            method: "POST",
+            headers: Object.assign({ "Content-Type": "application/json", "X-CoBuy-SDK-Version": "1.0.0", "X-CoBuy-Session": this.sessionId }, authHeaders),
+            body: payload,
+            keepalive: true,
+        }).catch((error) => {
+            this.logger.debug("Best-effort leave request failed", error);
+        });
+    }
     /**
      * Prepare checkout for a group
      *
@@ -12032,15 +13029,16 @@ class SocketManager {
             return;
         const bind = (eventName, handler) => {
             var _a;
-            if (!handler)
-                return;
             (_a = this.socket) === null || _a === void 0 ? void 0 : _a.on(eventName, (payload) => {
                 this.logger.info(`[Socket] ${eventName} payload: ${this.formatPayload(payload)}`);
                 this.dispatchWindowEvent(eventName, payload);
-                handler(payload);
+                if (handler) {
+                    handler(payload);
+                }
             });
         };
         bind("group:member:joined", handlers.onGroupMemberJoined);
+        bind("group:member:left", handlers.onGroupMemberLeft);
         bind("group:created", handlers.onGroupCreated);
         bind("group:fulfilled", handlers.onGroupFulfilled);
     }
@@ -12051,6 +13049,7 @@ class SocketManager {
         if (!this.socket)
             return;
         this.socket.off("group:member:joined");
+        this.socket.off("group:member:left");
         this.socket.off("group:created");
         this.socket.off("group:fulfilled");
     }
@@ -13424,6 +14423,7 @@ class CoBuy {
                 activities: options.activities,
                 isLocked: options.isLocked,
                 offlineRedemption: options.offlineRedemption,
+                redemptionMethod: options.redemptionMethod,
             };
             // Create modal instance
             const modal = new LobbyModal(modalData, {
@@ -13438,7 +14438,7 @@ class CoBuy {
                 },
                 onCopyLink: options.onCopyLink,
                 onShare: options.onShare,
-            }, this.apiClient, this.socketManager, config.debug);
+            }, this.apiClient, this.socketManager, this.analyticsClient, config.debug);
             // Store in map for persistence
             this.modals.set(modalKey, modal);
             // Maintain backward compatibility