@cshah18/sdk 4.13.0 → 4.15.0

package/dist/cobuy-sdk.esm.js

@@ -452,6 +452,8 @@ class ConfigManager {
             debug,
             events: options.events,
             performance,
+            geo: options.geo,
+            device: options.device,
         };
         return this.config;
     }
@@ -819,6 +821,7 @@ class GroupListModal {
         this.currentJoinedGroupId = null;
         this.currentProductId = null;
         this.currentSessionId = null;
+        this.analyticsClient = null;
         this.onGroupJoined = null;
         this.onViewProgress = null;
         this.socketListenerRegistered = false;
@@ -833,6 +836,8 @@ class GroupListModal {
         /** Handle group member joined socket event and update groups list */
         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
@@ -854,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);
@@ -865,6 +880,10 @@ class GroupListModal {
         this.apiClient = apiClient;
         this.injectStyles();
     }
+    /** Set the analytics client for event tracking */
+    setAnalyticsClient(client) {
+        this.analyticsClient = client;
+    }
     /** Set callback for when a group is joined successfully */
     setOnGroupJoined(callback) {
         this.onGroupJoined = callback;
@@ -891,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");
     }
@@ -900,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");
     }
@@ -1031,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");
@@ -1122,10 +1141,21 @@ class GroupListModal {
         buttonElement.disabled = true;
         const originalText = button.textContent;
         button.textContent = "Joining...";
+        const productId = this.currentProductId || "";
+        if (this.analyticsClient) {
+            this.analyticsClient
+                .trackJoinAttempt(productId, groupId)
+                .catch((e) => this.logger.warn("Analytics tracking failed", e));
+        }
         try {
             const response = await this.apiClient.joinGroup(groupId);
             if (response.success && response.data) {
                 this.logger.info(`[handleJoinGroup] Successfully joined group: ${groupId}`, response.data);
+                if (this.analyticsClient) {
+                    this.analyticsClient
+                        .trackJoinSuccess(productId, groupId)
+                        .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                }
                 // Track the joined group
                 this.currentJoinedGroupId = groupId;
                 // Close the modal and trigger callback with the full join response data
@@ -1136,12 +1166,22 @@ class GroupListModal {
             }
             else {
                 this.logger.error("Failed to join group: API response unsuccessful");
+                if (this.analyticsClient) {
+                    this.analyticsClient
+                        .trackJoinFailure(productId, groupId)
+                        .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                }
                 button.textContent = originalText;
                 buttonElement.disabled = false;
             }
         }
         catch (error) {
             this.logger.error("Error joining group", error);
+            if (this.analyticsClient) {
+                this.analyticsClient
+                    .trackJoinFailure(productId, groupId, "EXCEPTION", error instanceof Error ? error.message : String(error))
+                    .catch((e) => this.logger.warn("Analytics tracking failed", e));
+            }
             button.textContent = originalText;
             buttonElement.disabled = false;
         }
@@ -1162,10 +1202,21 @@ class GroupListModal {
         this.setJoinButtonsDisabled(true);
         const originalText = button.textContent;
         button.textContent = "Creating...";
+        const productId = this.currentProductId;
+        if (this.analyticsClient) {
+            this.analyticsClient
+                .trackGroupCreateAttempt(productId)
+                .catch((e) => this.logger.warn("Analytics tracking failed", e));
+        }
         try {
             const response = await this.apiClient.createAndJoinGroup(this.currentProductId);
             if (response.success && response.data) {
                 this.logger.info("Successfully created and joined new group", response.data);
+                if (this.analyticsClient) {
+                    this.analyticsClient
+                        .trackGroupCreateSuccess(productId, response.data.group.id)
+                        .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                }
                 this.currentJoinedGroupId = response.data.group.id;
                 this.close();
                 if (this.onGroupJoined) {
@@ -1174,6 +1225,11 @@ class GroupListModal {
             }
             else {
                 this.logger.error("Failed to create group: API response unsuccessful");
+                if (this.analyticsClient) {
+                    this.analyticsClient
+                        .trackGroupCreateFailure(productId)
+                        .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                }
                 button.textContent = originalText;
                 buttonElement.disabled = false;
                 this.setJoinButtonsDisabled(false);
@@ -1181,6 +1237,11 @@ class GroupListModal {
         }
         catch (error) {
             this.logger.error("Error creating group", error);
+            if (this.analyticsClient) {
+                this.analyticsClient
+                    .trackGroupCreateFailure(productId, "EXCEPTION", error instanceof Error ? error.message : String(error))
+                    .catch((e) => this.logger.warn("Analytics tracking failed", e));
+            }
             button.textContent = originalText;
             buttonElement.disabled = false;
             this.setJoinButtonsDisabled(false);
@@ -1353,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");
@@ -2106,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;
@@ -2123,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
          */
@@ -2214,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,
@@ -2225,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
      */
@@ -2549,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";
@@ -2559,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();
@@ -2614,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
      */
@@ -2678,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);
@@ -3578,20 +4092,23 @@ class LobbyModal {
             document.body.appendChild(this.modalElement);
             // Subscribe to realtime socket events
             this.subscribeToSocketEvents();
-            // If socket is available and connected, subscribe to this group
-            if (this.socketManager && this.socketManager.isConnected() && this.currentGroupId) {
-                this.logger.info(`[LobbyModal] Socket connected, subscribing to group ${this.currentGroupId}`);
+            // Subscribe to the group room for targeted events.
+            // Socket.IO client buffers emits until connected, so this is safe even
+            // if the handshake hasn't completed yet.
+            if (this.socketManager && this.currentGroupId) {
+                this.logger.info(`[LobbyModal] Subscribing to group room ${this.currentGroupId}`);
                 this.socketManager.subscribeToGroup(this.currentGroupId);
             }
-            else if (this.socketManager && !this.socketManager.isConnected()) {
-                this.logger.warn("[LobbyModal] Socket manager not connected yet");
-            }
             // Start timers and animations
             this.startTimer();
             this.startActivityAnimation();
             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();
         });
     }
     /**
@@ -3657,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;
@@ -3782,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";
@@ -3838,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
      */
@@ -3871,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";
@@ -4343,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
  */
@@ -4374,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;
@@ -4383,13 +5084,22 @@ 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;
-            if (!detail || !detail.productId) {
+            if (!detail || !detail.product_id) {
                 return;
             }
-            if (this.currentProductId && detail.productId !== this.currentProductId) {
+            if (this.currentProductId && detail.product_id !== this.currentProductId) {
+                return;
+            }
+            // Only enter the fulfilled/checkout flow for users who have actively joined a group this
+            // session. currentSessionId is set exclusively in the setOnGroupJoined callback (when the
+            // user completes a join API call). Observers who never joined should re-fetch the primary
+            // group API to display the updated group state instead.
+            if (!this.currentSessionId) {
+                void this.refreshGroupDataFromRealtime();
                 return;
             }
             this.processGroupFulfilled(detail);
@@ -4418,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) {
@@ -4425,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;
     }
@@ -4446,12 +5231,24 @@ class WidgetRoot {
             const groupData = await this.fetchPrimaryGroup(this.currentProductId);
             this.currentGroupData = groupData;
             this.currentGroupId = (groupData === null || groupData === void 0 ? void 0 : groupData.id) || this.currentGroupId;
-            // If backend signals completion via counts, reflect it
+            // If backend signals completion via counts, reflect it — but only for actual members.
+            // Observers may see a full group returned by fetchPrimaryGroup; they should NOT enter
+            // the checkout flow. currentSessionId is the membership signal (non-null = joined).
             if (groupData) {
                 const participants = Number(groupData.participants_count || 0);
                 const max = Number(groupData.max_participants || 0);
-                if (max > 0 && participants >= max) {
+                if (max > 0 && participants >= max && this.currentSessionId) {
                     this.groupFulfilled = true;
+                    // The primary group API returns offline_redemption for members of fulfilled groups.
+                    // Extract it here so renderFulfilledSummary shows the "Redeem In-store" link
+                    // (matching the UI users see on a full page reload).
+                    if (groupData.offline_redemption &&
+                        isValidOfflineRedemption(groupData.offline_redemption)) {
+                        this.offlineRedemption = groupData.offline_redemption;
+                    }
+                    if (groupData.campaign_redemption_method) {
+                        this.campaignRedemptionMethod = groupData.campaign_redemption_method;
+                    }
                 }
             }
             else {
@@ -4547,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;
@@ -4562,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 */
@@ -4702,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";
@@ -4796,9 +5598,12 @@ class WidgetRoot {
     getGroupListModal() {
         if (!this.groupListModal) {
             this.groupListModal = new GroupListModal(undefined, 8, this.config.debug, this.apiClient);
+            if (this.analyticsClient) {
+                this.groupListModal.setAnalyticsClient(this.analyticsClient);
+            }
             // 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;
@@ -4812,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
@@ -4829,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);
             });
         }
@@ -5014,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);
@@ -5021,6 +5831,11 @@ class WidgetRoot {
                     if (max > 0 && participants >= max) {
                         this.groupFulfilled = true;
                         this.logger.info("Group is already fulfilled on initial load", { participants, max });
+                        if (this.analyticsClient) {
+                            this.analyticsClient
+                                .trackGroupFullView(options.productId, groupData.id, max)
+                                .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                        }
                     }
                 }
             }
@@ -5086,6 +5901,11 @@ class WidgetRoot {
                 // LOADED state - render widget only if we have group data
                 this.createWidget(rewardData, container, options);
                 this.logger.info(`Widget rendered for product: ${options.productId}`);
+                if (this.analyticsClient) {
+                    this.analyticsClient
+                        .trackCreativeView(options.productId)
+                        .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                }
             }
             else {
                 // No group data available - hide widget
@@ -5725,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);
@@ -5737,7 +6646,7 @@ class WidgetRoot {
      * Handle CTA button click with analytics and modal opening
      */
     async handleCTAClick(productId) {
-        var _a, _b, _c, _d;
+        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) {
@@ -5752,40 +6661,157 @@ 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}`);
-                const joinResponse = await this.apiClient.joinGroup(this.currentGroupId);
-                if (!joinResponse.success) {
-                    this.logger.error("Failed to join group, modal will not open", joinResponse.error);
-                    this.setButtonLoadingState(false);
-                    return; // Don't open modal on error
+                recoveryGroupId = this.getStoredRecoveryGroupId(productId);
+                if (this.analyticsClient && recoveryGroupId) {
+                    this.analyticsClient
+                        .trackEvent("RECOVERY_ATTEMPT", productId, {
+                        previousGroupId: recoveryGroupId,
+                        protectionState: "protected",
+                    })
+                        .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                }
+                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) {
+                        this.analyticsClient
+                            .trackJoinAttempt(productId, joinTargetGroupId)
+                            .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                    }
+                    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
+                        .trackJoinSuccess(productId, groupJoinData.group.id)
+                        .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                }
                 this.offlineRedemption =
                     groupJoinData &&
                         groupJoinData.offline_redemption &&
                         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, (_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);
                 return; // Don't open modal on error
             }
@@ -5800,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 ((_d = (_c = this.currentRewardData) === null || _c === void 0 ? void 0 : _c.reward) === null || _d === void 0 ? void 0 : _d.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") {
@@ -5840,6 +6866,12 @@ 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));
+                            }
+                            : undefined,
                         activities: [
                             {
                                 emoji: "👤",
@@ -5875,6 +6907,12 @@ class WidgetRoot {
                             },
                         ], // Will be populated from real-time data later
                     });
+                    // Track popup open after modal is launched
+                    if (this.analyticsClient) {
+                        this.analyticsClient
+                            .trackPopupOpen(productId, groupJoinData.group.id)
+                            .catch((e) => this.logger.warn("Analytics tracking failed", e));
+                    }
                     // Remove loading state after modal opens
                     this.setButtonLoadingState(false);
                 }
@@ -5981,6 +7019,14 @@ class WidgetRoot {
     getProductId() {
         return this.currentProductId;
     }
+    /**
+     * Returns the group ID that the current user has joined via this widget, or null if the user
+     * is only an observer (has not actively joined a group this session).
+     * Used by the CoBuy host class to check membership before preparing checkout.
+     */
+    getJoinedGroupId() {
+        return this.currentSessionId ? this.currentGroupId : null;
+    }
 }
 
 /**
@@ -5988,10 +7034,13 @@ class WidgetRoot {
  */
 const API_ENDPOINTS = {
     // Product 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",
@@ -6038,8 +7087,11 @@ class ApiClient {
         var _a;
         this.traceId = null;
         this.rewardCache = new Map();
+        this.productContextCache = new Map();
         this.REWARD_CACHE_TTL = 60000; // 1 minute
-        this.pendingRequests = new Map();
+        this.PRODUCT_CONTEXT_CACHE_TTL = 30000; // 30 seconds
+        this.pendingRewardRequests = new Map();
+        this.pendingContextRequests = new Map();
         this.baseUrl = config.baseUrl;
         this.authStrategy = config.authStrategy;
         this.sessionId = config.sessionId;
@@ -6435,6 +7487,106 @@ class ApiClient {
     getTraceId() {
         return this.traceId;
     }
+    getCachedProductContext(productId) {
+        const cached = this.productContextCache.get(productId);
+        if (cached && cached.expires > Date.now()) {
+            return cached.data;
+        }
+        if (cached) {
+            this.productContextCache.delete(productId);
+        }
+        return null;
+    }
+    normalizePrimaryGroup(groupData) {
+        if (!groupData) {
+            return null;
+        }
+        const nestedGroup = groupData.group;
+        if (nestedGroup && typeof nestedGroup === "object" && "id" in nestedGroup) {
+            return nestedGroup;
+        }
+        return groupData;
+    }
+    buildRewardDataFromContext(productId, context) {
+        var _a, _b, _c, _d, _e;
+        const primaryGroup = this.normalizePrimaryGroup(context.primary_group);
+        return {
+            productId,
+            reward: (_a = context.reward) !== null && _a !== void 0 ? _a : null,
+            campaign_mode: (_c = (_b = context.campaign) === null || _b === void 0 ? void 0 : _b.campaign_mode) !== null && _c !== void 0 ? _c : "group",
+            campaign_creative_id: (_d = primaryGroup === null || primaryGroup === void 0 ? void 0 : primaryGroup.campaign_creative_id) !== null && _d !== void 0 ? _d : null,
+            eligibility: (_e = context.eligibility) !== null && _e !== void 0 ? _e : { isEligible: false },
+        };
+    }
+    setProductContextCache(productId, context) {
+        this.productContextCache.set(productId, {
+            data: context,
+            expires: Date.now() + this.PRODUCT_CONTEXT_CACHE_TTL,
+        });
+        this.rewardCache.set(productId, {
+            data: this.buildRewardDataFromContext(productId, context),
+            expires: Date.now() + this.REWARD_CACHE_TTL,
+        });
+    }
+    /**
+     * Get product context information
+     *
+     * Uses the consolidated bootstrap endpoint so the SDK can resolve campaign,
+     * reward, primary group, and active groups in a single request.
+     */
+    async getProductContext(productId) {
+        if (!validateProductId(productId)) {
+            return {
+                success: false,
+                error: {
+                    message: "Invalid productId format. Must be a non-empty string (max 200 chars).",
+                    code: "INVALID_PRODUCT_ID",
+                },
+            };
+        }
+        // const cached = this.getCachedProductContext(productId);
+        // if (cached) {
+        //   this.logger.info(`Using cached product context for product: ${productId}`);
+        //   return {
+        //     success: true,
+        //     data: cached,
+        //   };
+        // }
+        const cacheKey = `context:${productId}`;
+        const pending = this.pendingContextRequests.get(cacheKey);
+        if (pending) {
+            this.logger.info(`Deduplicating product context request for: ${productId}`);
+            return pending;
+        }
+        const promise = this.fetchProductContext(productId).then((response) => {
+            if (response.success && response.data) {
+                this.setProductContextCache(productId, response.data);
+            }
+            return response;
+        });
+        this.pendingContextRequests.set(cacheKey, promise);
+        promise.then(() => this.pendingContextRequests.delete(cacheKey), () => this.pendingContextRequests.delete(cacheKey));
+        return promise;
+    }
+    async fetchProductContext(productId) {
+        var _a;
+        const endpoint = buildApiUrl("", API_ENDPOINTS.PRODUCT_CONTEXT, { productId });
+        this.logger.info(`Fetching product context for product: ${productId}`);
+        const response = await this.get(endpoint);
+        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 fetch product context data",
+                code: "PRODUCT_CONTEXT_FETCH_ERROR",
+            },
+        };
+    }
     /**
      * Get product reward information
      *
@@ -6479,13 +7631,31 @@ class ApiClient {
                 data: cached.data,
             };
         }
+        const cachedContext = this.getCachedProductContext(productId);
+        if (cachedContext) {
+            this.logger.info(`Using cached product context reward for product: ${productId}`);
+            return {
+                success: true,
+                data: this.buildRewardDataFromContext(productId, cachedContext),
+            };
+        }
         const cacheKey = `reward:${productId}`;
-        const pending = this.pendingRequests.get(cacheKey);
+        const pending = this.pendingRewardRequests.get(cacheKey);
         if (pending) {
             this.logger.info(`Deduplicating request for product: ${productId}`);
             return pending;
         }
-        const promise = this.fetchProductReward(productId).then((response) => {
+        const promise = (async () => {
+            const contextResponse = await this.getProductContext(productId);
+            if (contextResponse.success && contextResponse.data) {
+                return {
+                    success: true,
+                    data: this.buildRewardDataFromContext(productId, contextResponse.data),
+                };
+            }
+            this.logger.info(`Falling back to legacy reward endpoint for product: ${productId}`);
+            return this.fetchProductReward(productId);
+        })().then((response) => {
             if (response.success && response.data) {
                 this.rewardCache.set(productId, {
                     data: response.data,
@@ -6494,8 +7664,8 @@ class ApiClient {
             }
             return response;
         });
-        this.pendingRequests.set(cacheKey, promise);
-        promise.then(() => this.pendingRequests.delete(cacheKey), () => this.pendingRequests.delete(cacheKey));
+        this.pendingRewardRequests.set(cacheKey, promise);
+        promise.then(() => this.pendingRewardRequests.delete(cacheKey), () => this.pendingRewardRequests.delete(cacheKey));
         return promise;
     }
     /**
@@ -6511,6 +7681,7 @@ class ApiClient {
      */
     clearRewardCache() {
         this.rewardCache.clear();
+        this.productContextCache.clear();
     }
     async fetchProductReward(productId) {
         var _a;
@@ -6558,7 +7729,7 @@ class ApiClient {
      * ```
      */
     async getProductPrimaryGroup(productId) {
-        var _a;
+        var _a, _b;
         if (!validateProductId(productId)) {
             return {
                 success: false,
@@ -6568,15 +7739,38 @@ class ApiClient {
                 },
             };
         }
-        const endpoint = buildApiUrl("", API_ENDPOINTS.PRODUCT_PRIMARY_GROUP, { productId }, { allowAutoCreate: true });
-        this.logger.info(`Fetching primary group for product: ${productId}`);
-        const response = await this.get(endpoint);
-        if (response.success && ((_a = response.data) === null || _a === void 0 ? void 0 : _a.data)) {
+        // const cachedContext = this.getCachedProductContext(productId);
+        // const cachedGroup = this.normalizePrimaryGroup(cachedContext?.primary_group);
+        // if (cachedGroup) {
+        //   this.logger.info(`Using cached primary group from product context for product: ${productId}`);
+        //   return {
+        //     success: true,
+        //     data: {
+        //       ...cachedGroup,
+        //       group: cachedGroup,
+        //     },
+        //   };
+        // }
+        const contextResponse = await this.getProductContext(productId);
+        const contextGroup = this.normalizePrimaryGroup((_a = contextResponse.data) === null || _a === void 0 ? void 0 : _a.primary_group);
+        if (contextResponse.success && contextGroup) {
             return {
                 success: true,
-                data: response.data.data,
+                data: Object.assign(Object.assign({}, contextGroup), { group: contextGroup }),
             };
         }
+        const endpoint = buildApiUrl("", API_ENDPOINTS.PRODUCT_PRIMARY_GROUP, { productId }, { allowAutoCreate: true });
+        this.logger.info(`Fetching primary group for product: ${productId}`);
+        const response = await this.get(endpoint);
+        if (response.success && ((_b = response.data) === null || _b === void 0 ? void 0 : _b.data)) {
+            const normalizedGroup = this.normalizePrimaryGroup(response.data.data);
+            if (normalizedGroup) {
+                return {
+                    success: true,
+                    data: Object.assign(Object.assign({}, normalizedGroup), { group: normalizedGroup }),
+                };
+            }
+        }
         return {
             success: false,
             error: response.error || {
@@ -6624,6 +7818,25 @@ class ApiClient {
                 },
             };
         }
+        const cachedContext = this.getCachedProductContext(productId);
+        if (cachedContext) {
+            this.logger.info(`Using cached active groups from product context for product: ${productId}`);
+            return {
+                success: true,
+                data: {
+                    groups: (cachedContext.active_groups || []),
+                },
+            };
+        }
+        const contextResponse = await this.getProductContext(productId);
+        if (contextResponse.success && contextResponse.data) {
+            return {
+                success: true,
+                data: {
+                    groups: (contextResponse.data.active_groups || []),
+                },
+            };
+        }
         const endpoint = buildApiUrl("", API_ENDPOINTS.PRODUCT_ACTIVE_GROUPS, { productId });
         this.logger.info(`Fetching active groups for product: ${productId}`);
         const response = await this.get(endpoint);
@@ -6918,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
      *
@@ -7128,6 +8410,7 @@ class AnalyticsClient {
         const event = {
             event: "CTA_CLICKED",
             productId,
+            sessionId: this.sessionId,
             timestamp: new Date().toISOString(),
             context: {
                 pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
@@ -7180,12 +8463,32 @@ class AnalyticsClient {
             throw new CoBuyApiError(error instanceof Error ? error.message : "Unknown analytics error", "ANALYTICS_ERROR", { originalError: error });
         }
     }
+    /**
+     * Track session init event fired when the SDK initializes
+     */
+    async trackSessionInit(geo, device) {
+        const event = {
+            event: "SESSION_INIT",
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: Object.assign(Object.assign({ pageUrl: typeof window !== "undefined" ? window.location.href : undefined, userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined, sdkVersion: this.sdkVersion }, (geo ? { geo } : {})), (device ? { device } : {})),
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info("[Analytics] Session init tracked");
+        }
+        catch (error) {
+            // Non-blocking
+            this.logger.error("[Analytics] Failed to track session init", error);
+        }
+    }
     /**
      * Track page view event
      */
     async trackPageView() {
         const event = {
             event: "PAGE_VIEW",
+            sessionId: this.sessionId,
             timestamp: new Date().toISOString(),
             context: {
                 pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
@@ -7202,6 +8505,273 @@ class AnalyticsClient {
             this.logger.error("[Analytics] Failed to track page view", error);
         }
     }
+    /**
+     * Track creative view event (widget rendered and visible)
+     */
+    async trackCreativeView(productId) {
+        const event = {
+            event: "CREATIVE_VIEW",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Creative view tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track creative view", error);
+        }
+    }
+    /**
+     * Track popup/lobby modal open event
+     */
+    async trackPopupOpen(productId, groupId) {
+        const event = {
+            event: "POPUP_OPEN",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+                groupId,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Popup open tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track popup open", error);
+        }
+    }
+    /**
+     * Track join attempt event (before API call)
+     */
+    async trackJoinAttempt(productId, groupId) {
+        const event = {
+            event: "JOIN_ATTEMPT",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+                groupId,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Join attempt tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track join attempt", error);
+        }
+    }
+    /**
+     * Track successful group join event
+     */
+    async trackJoinSuccess(productId, groupId) {
+        const event = {
+            event: "JOIN_SUCCESS",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+                groupId,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Join success tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track join success", error);
+        }
+    }
+    /**
+     * Track join failure event
+     */
+    async trackJoinFailure(productId, groupId, errorCode, message) {
+        const event = {
+            event: "JOIN_FAILURE",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+                groupId,
+                errorCode,
+                errorMessage: message,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Join failure tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track join failure", error);
+        }
+    }
+    /**
+     * Track already joined event (user attempts to join a group they're already in)
+     */
+    async trackAlreadyJoined(productId, groupId) {
+        const event = {
+            event: "ALREADY_JOINED",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+                groupId,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Already joined tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track already joined", error);
+        }
+    }
+    /**
+     * Track group full view event (user sees a fulfilled/full group)
+     */
+    async trackGroupFullView(productId, groupId, totalMembers) {
+        const event = {
+            event: "GROUP_FULL_VIEW",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+                groupId,
+                totalMembers,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Group full view tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track group full view", error);
+        }
+    }
+    /**
+     * Track share click event
+     */
+    async trackShareClick(productId, groupId, channel) {
+        const event = {
+            event: "SHARE_CLICK",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+                groupId,
+                channel,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Share click tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track share click", error);
+        }
+    }
+    /**
+     * Track group creation attempt event
+     */
+    async trackGroupCreateAttempt(productId) {
+        const event = {
+            event: "GROUP_CREATE_ATTEMPT",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Group create attempt tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track group create attempt", error);
+        }
+    }
+    /**
+     * Track successful group creation event
+     */
+    async trackGroupCreateSuccess(productId, groupId) {
+        const event = {
+            event: "GROUP_CREATE_SUCCESS",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+                groupId,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Group create success tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track group create success", error);
+        }
+    }
+    /**
+     * Track group creation failure event
+     */
+    async trackGroupCreateFailure(productId, errorCode, message) {
+        const event = {
+            event: "GROUP_CREATE_FAILURE",
+            productId,
+            sessionId: this.sessionId,
+            timestamp: new Date().toISOString(),
+            context: {
+                pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
+                userAgent: typeof navigator !== "undefined" ? navigator.userAgent : undefined,
+                sdkVersion: this.sdkVersion,
+                errorCode,
+                errorMessage: message,
+            },
+        };
+        try {
+            await this.sendEvent(event);
+            this.logger.info(`[Analytics] Group create failure tracked for product: ${productId}`);
+        }
+        catch (error) {
+            this.logger.error("[Analytics] Failed to track group create failure", error);
+        }
+    }
     /**
      * Track custom event (extensible for future use)
      */
@@ -11459,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);
     }
@@ -11478,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");
     }
@@ -12647,8 +14219,14 @@ class CoBuy {
                                     participantsCount !== undefined &&
                                     participantsCount >= maxParticipants);
                             if (isFulfilled && productId && groupId) {
-                                // Prepare checkout when group is fulfilled (if not already prepared)
-                                this.prepareCheckoutIfNotDone(productId, groupId);
+                                // Only prepare checkout if the current user is actually a member of this group.
+                                // this.widgets tracks all WidgetRoot instances; getJoinedGroupId() returns the
+                                // joined group ID only when the user has completed a join this session (not for
+                                // observers). Calling prepareCheckout for non-members would generate spurious 403s.
+                                const userIsInGroup = [...this.widgets].some((w) => w.getJoinedGroupId() === groupId);
+                                if (userIsInGroup) {
+                                    this.prepareCheckoutIfNotDone(productId, groupId);
+                                }
                             }
                             // Emit user-defined callback if provided
                             if ((_a = config.events) === null || _a === void 0 ? void 0 : _a.onGroupMemberJoined) {
@@ -12661,8 +14239,11 @@ class CoBuy {
                     this.logger.warn("[SDK] Failed to initialize sockets", e);
                 }
             }
-            // Track page view event after successful initialization
+            // Track session init + page view events after successful initialization
             if (this.analyticsClient) {
+                this.analyticsClient.trackSessionInit(config.geo, config.device).catch((error) => {
+                    this.logger.warn("[SDK] Failed to track session init", error);
+                });
                 this.analyticsClient.trackPageView().catch((error) => {
                     // Non-blocking: Analytics failure should not affect SDK initialization
                     this.logger.warn("[SDK] Failed to track page view", error);
@@ -12842,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, {
@@ -12856,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