@cshah18/sdk 4.13.0 → 4.15.0

package/dist/cobuy-sdk.umd.js

@@ -455,6 +455,8 @@ var CoBuySDK = (function (exports) {
                 debug,
                 events: options.events,
                 performance,
+                geo: options.geo,
+                device: options.device,
             };
             return this.config;
         }
@@ -822,6 +824,7 @@ var CoBuySDK = (function (exports) {
             this.currentJoinedGroupId = null;
             this.currentProductId = null;
             this.currentSessionId = null;
+            this.analyticsClient = null;
             this.onGroupJoined = null;
             this.onViewProgress = null;
             this.socketListenerRegistered = false;
@@ -836,6 +839,8 @@ var CoBuySDK = (function (exports) {
             /** 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
@@ -857,6 +862,16 @@ var CoBuySDK = (function (exports) {
                     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);
@@ -868,6 +883,10 @@ var CoBuySDK = (function (exports) {
             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;
@@ -894,6 +913,7 @@ var CoBuySDK = (function (exports) {
                 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");
         }
@@ -903,6 +923,7 @@ var CoBuySDK = (function (exports) {
                 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");
         }
@@ -1034,13 +1055,11 @@ var CoBuySDK = (function (exports) {
                     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");
@@ -1125,10 +1144,21 @@ var CoBuySDK = (function (exports) {
             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
@@ -1139,12 +1169,22 @@ var CoBuySDK = (function (exports) {
                 }
                 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;
             }
@@ -1165,10 +1205,21 @@ var CoBuySDK = (function (exports) {
             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) {
@@ -1177,6 +1228,11 @@ var CoBuySDK = (function (exports) {
                 }
                 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);
@@ -1184,6 +1240,11 @@ var CoBuySDK = (function (exports) {
             }
             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);
@@ -1356,7 +1417,7 @@ var CoBuySDK = (function (exports) {
         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");
@@ -2109,15 +2170,24 @@ var CoBuySDK = (function (exports) {
       }
     }
 
-    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;
@@ -2126,6 +2196,17 @@ var CoBuySDK = (function (exports) {
             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
              */
@@ -2217,6 +2298,7 @@ var CoBuySDK = (function (exports) {
             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,
@@ -2228,14 +2310,385 @@ var CoBuySDK = (function (exports) {
                 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
          */
@@ -2552,6 +3005,7 @@ var CoBuySDK = (function (exports) {
          * Create connected section (subtitle + link + share)
          */
         createConnectedSection() {
+            var _a, _b;
             const connectedSection = document.createElement("div");
             connectedSection.className = "connected-section";
             connectedSection.id = "lobbyConnectedSection";
@@ -2562,18 +3016,59 @@ var CoBuySDK = (function (exports) {
             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();
@@ -2617,6 +3112,23 @@ var CoBuySDK = (function (exports) {
             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
          */
@@ -2681,14 +3193,16 @@ var CoBuySDK = (function (exports) {
             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);
@@ -3581,20 +4095,23 @@ var CoBuySDK = (function (exports) {
                 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();
             });
         }
         /**
@@ -3660,19 +4177,166 @@ var CoBuySDK = (function (exports) {
                 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;
@@ -3785,29 +4449,47 @@ var CoBuySDK = (function (exports) {
          * 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";
@@ -3841,9 +4523,20 @@ var CoBuySDK = (function (exports) {
             }
             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
          */
@@ -3874,6 +4567,10 @@ var CoBuySDK = (function (exports) {
                     emoji = "🛒";
                     action = "started a new group";
                     break;
+                case "group:member:left":
+                    emoji = "🚪";
+                    action = "left the group";
+                    break;
                 default:
                     emoji = "⚡";
                     action = "activity in group";
@@ -4346,6 +5043,9 @@ var CoBuySDK = (function (exports) {
         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
      */
@@ -4377,6 +5077,7 @@ var CoBuySDK = (function (exports) {
             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;
@@ -4386,13 +5087,22 @@ var CoBuySDK = (function (exports) {
             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);
@@ -4421,6 +5131,80 @@ var CoBuySDK = (function (exports) {
                 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) {
@@ -4428,6 +5212,7 @@ var CoBuySDK = (function (exports) {
             }
             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;
         }
@@ -4449,12 +5234,24 @@ var CoBuySDK = (function (exports) {
                 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 {
@@ -4550,7 +5347,7 @@ var CoBuySDK = (function (exports) {
         }
         /** 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;
@@ -4565,7 +5362,10 @@ var CoBuySDK = (function (exports) {
                     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 */
@@ -4705,8 +5505,10 @@ var CoBuySDK = (function (exports) {
             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";
@@ -4799,9 +5601,12 @@ var CoBuySDK = (function (exports) {
         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;
@@ -4815,8 +5620,9 @@ var CoBuySDK = (function (exports) {
                         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
@@ -4832,8 +5638,9 @@ var CoBuySDK = (function (exports) {
                         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);
                 });
             }
@@ -5017,6 +5824,9 @@ var CoBuySDK = (function (exports) {
                         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);
@@ -5024,6 +5834,11 @@ var CoBuySDK = (function (exports) {
                         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));
+                            }
                         }
                     }
                 }
@@ -5089,6 +5904,11 @@ var CoBuySDK = (function (exports) {
                     // 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
@@ -5728,10 +6548,99 @@ var CoBuySDK = (function (exports) {
         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);
@@ -5740,7 +6649,7 @@ var CoBuySDK = (function (exports) {
          * 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) {
@@ -5755,40 +6664,157 @@ var CoBuySDK = (function (exports) {
             // 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
                 }
@@ -5803,7 +6829,7 @@ var CoBuySDK = (function (exports) {
                         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") {
@@ -5843,6 +6869,12 @@ var CoBuySDK = (function (exports) {
                             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: "👤",
@@ -5878,6 +6910,12 @@ var CoBuySDK = (function (exports) {
                                 },
                             ], // 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);
                     }
@@ -5984,6 +7022,14 @@ var CoBuySDK = (function (exports) {
         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;
+        }
     }
 
     /**
@@ -5991,10 +7037,13 @@ var CoBuySDK = (function (exports) {
      */
     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",
@@ -6041,8 +7090,11 @@ var CoBuySDK = (function (exports) {
             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;
@@ -6438,6 +7490,106 @@ var CoBuySDK = (function (exports) {
         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
          *
@@ -6482,13 +7634,31 @@ var CoBuySDK = (function (exports) {
                     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,
@@ -6497,8 +7667,8 @@ var CoBuySDK = (function (exports) {
                 }
                 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;
         }
         /**
@@ -6514,6 +7684,7 @@ var CoBuySDK = (function (exports) {
          */
         clearRewardCache() {
             this.rewardCache.clear();
+            this.productContextCache.clear();
         }
         async fetchProductReward(productId) {
             var _a;
@@ -6561,7 +7732,7 @@ var CoBuySDK = (function (exports) {
          * ```
          */
         async getProductPrimaryGroup(productId) {
-            var _a;
+            var _a, _b;
             if (!validateProductId(productId)) {
                 return {
                     success: false,
@@ -6571,15 +7742,38 @@ var CoBuySDK = (function (exports) {
                     },
                 };
             }
-            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 || {
@@ -6627,6 +7821,25 @@ var CoBuySDK = (function (exports) {
                     },
                 };
             }
+            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);
@@ -6921,6 +8134,75 @@ var CoBuySDK = (function (exports) {
                 },
             };
         }
+        /**
+         * 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
          *
@@ -7131,6 +8413,7 @@ var CoBuySDK = (function (exports) {
             const event = {
                 event: "CTA_CLICKED",
                 productId,
+                sessionId: this.sessionId,
                 timestamp: new Date().toISOString(),
                 context: {
                     pageUrl: typeof window !== "undefined" ? window.location.href : undefined,
@@ -7183,12 +8466,32 @@ var CoBuySDK = (function (exports) {
                 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,
@@ -7205,6 +8508,273 @@ var CoBuySDK = (function (exports) {
                 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)
          */
@@ -11462,15 +13032,16 @@ var CoBuySDK = (function (exports) {
                 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);
         }
@@ -11481,6 +13052,7 @@ var CoBuySDK = (function (exports) {
             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");
         }
@@ -12650,8 +14222,14 @@ var CoBuySDK = (function (exports) {
                                         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) {
@@ -12664,8 +14242,11 @@ var CoBuySDK = (function (exports) {
                         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);
@@ -12845,6 +14426,7 @@ var CoBuySDK = (function (exports) {
                     activities: options.activities,
                     isLocked: options.isLocked,
                     offlineRedemption: options.offlineRedemption,
+                    redemptionMethod: options.redemptionMethod,
                 };
                 // Create modal instance
                 const modal = new LobbyModal(modalData, {
@@ -12859,7 +14441,7 @@ var CoBuySDK = (function (exports) {
                     },
                     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