@cshah18/sdk 1.0.0 → 2.0.0

package/dist/types/ui/widget/widget-root.d.ts

@@ -16,7 +16,44 @@ export declare class WidgetRoot {
     private currentProductId;
     private currentContainer;
     private debouncedCTAClick;
+    private currentGroupData;
+    private groupFulfilled;
+    private frozenReward;
+    private currentGroupId;
+    private currentSessionId;
+    private currentRewardData;
+    private currentOptions;
+    private socketListenerRegistered;
+    private realtimeRefreshInFlight;
+    private groupListModal;
+    private lastGroupDataRefreshTime;
+    private readonly GROUP_REFRESH_DEBOUNCE;
     constructor(config: InternalConfig, apiClient: ApiClient | null, analyticsClient?: AnalyticsClient | null);
+    /** Subscribe once to backend socket events routed through the host page */
+    private subscribeToSocketEvents;
+    /** Handle backend fulfillment notifications */
+    private handleGroupFulfilledEvent;
+    /** Handle realtime group creation/join events by refreshing group UI */
+    private handleGroupUpdatedEvent;
+    /** Fetch latest group data and re-render containers */
+    private refreshGroupDataFromRealtime;
+    /** Update widget and any external containers after realtime refresh */
+    private refreshRenderedContainers;
+    /** Persist fulfilled state, emit callback, and refresh UI */
+    private processGroupFulfilled;
+    /** Re-render widget and external containers to reflect fulfillment */
+    private renderFulfilledState;
+    /** Render group info element with progress and countdown */
+    private renderGroupInfo;
+    /** Render fulfilled summary card when the group is complete */
+    private renderFulfilledSummary;
+    /** Update countdown text */
+    private updateTimer;
+    /** Build and attach the shared "View all Groups" link section */
+    /** Create inline View all Groups link for placement inside group container */
+    private createInlineViewAllLink;
+    /** Lazily create/reuse the group list modal instance */
+    private getGroupListModal;
     /**
      * Render the widget into the specified container
      */
@@ -29,35 +66,26 @@ export declare class WidgetRoot {
      * Fetch reward data for a product
      */
     private fetchReward;
-    /**
-     * Fetch widget configuration from API
-     *
-     * NOTE: This endpoint is currently NOT USED in the SDK implementation.
-     * It is reserved for future enhancements such as:
-     * - Server-side control of widget display settings (show/hide elements)
-     * - Per-merchant feature flags (enable/disable social sharing, group creation)
-     * - Group size requirements and timeout configurations
-     * - Modal layout and behavior customization
-     * - A/B testing and dynamic theming
-     *
-     * For now, widget behavior is controlled by:
-     * 1. Merchant's init() options (theme, debug)
-     * 2. Reward data from /v1/sdk/products/:productId/reward
-     *
-     * This method is kept for future integration when modal group lobby,
-     * social sharing, and advanced customization features are implemented.
-     *
-     * @future Will be activated in modal implementation (post-SCRUM-248)
-     */
-    private fetchWidgetConfig;
     /**
      * Resolve container from string selector or HTMLElement
      */
     private resolveContainer;
     /**
-     * Render skeleton loading state with animated shimmer effect
+     * Render skeleton loading state with animated shimmer effect for widget
      */
     private renderSkeleton;
+    /**
+     * Render skeleton loading state for group info in separate container
+     */
+    private renderGroupSkeleton;
+    /**
+     * Render skeleton loading state for reward text in separate container
+     */
+    private renderRewardSkeleton;
+    /**
+     * Fetch primary group info for a product
+     */
+    private fetchPrimaryGroup;
     /**
      * Render error state with retry button
      */
@@ -75,5 +103,17 @@ export declare class WidgetRoot {
      * Handle CTA button click with analytics and modal opening
      */
     private handleCTAClick;
+    /**
+     * Emit checkout intent without performing navigation
+     */
+    private handleContinueClick;
+    /**
+     * Set loading state on the CoBuy button
+     */
+    private setButtonLoadingState;
     private formatRewardText;
+    /**
+     * Format reward text for rendering in external container
+     */
+    private formatRewardForContainer;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cshah18/sdk",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "CoBuy Embedded SDK for browser JavaScript integration",
   "type": "module",
   "main": "dist/cobuy-sdk.umd.js",
@@ -14,7 +14,11 @@
     "build:watch": "rollup -c -w",
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
     "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
-    "check": "npm run lint && tsc --noEmit"
+    "check": "npm run lint && tsc --noEmit",
+    "version:patch": "grunt bump:patch",
+    "version:minor": "grunt bump:minor",
+    "version:major": "grunt bump:major",
+    "version:prerelease": "grunt bump:prerelease"
   },
   "keywords": [
     "cobuy",
@@ -24,6 +28,9 @@
   ],
   "author": "CoBuy",
   "license": "MIT",
+  "dependencies": {
+    "socket.io-client": "^4.7.5"
+  },
   "devDependencies": {
     "@eslint/js": "^9.0.0",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -34,8 +41,11 @@
     "eslint": "^9.0.0",
     "eslint-config-prettier": "^10.0.0",
     "eslint-plugin-import": "^2.32.0",
+    "grunt": "^1.6.1",
+    "grunt-bump": "^0.8.0",
     "prettier": "^3.7.4",
     "rollup": "^4.9.4",
+    "rollup-plugin-postcss": "^4.0.2",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3"
   }