@ordersune/crm-web-sdk 1.0.8 → 1.0.10

package/dist/types/index.d.ts

@@ -81,4 +81,13 @@ export interface ShowInAppMessageOptions {
     headerColor: string;
     messageColor: string;
     closeColor: string;
+    campaignId: string;
+}
+export interface CampaignPayload {
+    campaignId: string;
+    opened: boolean;
+    clicked: boolean;
+    deviceId: string;
+    timestamp: number;
+    dismissed?: boolean;
 }

package/dist/types/index.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+;

package/dist/web-sdk.d.ts

@@ -42,8 +42,11 @@ export declare class WebSDK {
     private queueEvent;
     private processBatch;
     private sendBatchToServer;
-    displayInAppMessage(inAppMessageData: string, context?: any): void;
+    displayInAppMessage(inAppMessageData: string, campaignId: string, context?: any): void;
     private hexToColor;
     private openWebUrl;
     private showInAppMessage;
+    private logInAppMessageClick;
+    private processCampaignClick;
+    private buildCampaignPayload;
 }

package/dist/web-sdk.js

@@ -398,7 +398,7 @@ class WebSDK {
             throw error;
         }
     }
-    displayInAppMessage(inAppMessageData, context) {
+    displayInAppMessage(inAppMessageData, campaignId, context) {
         const transformedData = JSON.parse(inAppMessageData);
         const title = transformedData.header;
         const body = transformedData.message;
@@ -420,7 +420,8 @@ class WebSDK {
             dismissMessageInSeconds: transformedData.modal.dismissMessageInSeconds,
             headerColor: transformedData.modal.headerColor,
             messageColor: transformedData.modal.messageColor,
-            closeColor: transformedData.modal.closeColor
+            closeColor: transformedData.modal.closeColor,
+            campaignId: campaignId,
         });
     }
     hexToColor(hexColor) {
@@ -436,7 +437,7 @@ class WebSDK {
         }
     }
     showInAppMessage(options) {
-        const { title, body, primaryButtonText, secondaryButtonText, imageUrl, onClose, buttonPropertiesPrimary, buttonPropertiesSecondary, dismissMessageAutomatically, dismissMessageInSeconds, headerColor, messageColor, closeColor } = options;
+        const { title, body, primaryButtonText, secondaryButtonText, imageUrl, onClose, buttonPropertiesPrimary, buttonPropertiesSecondary, dismissMessageAutomatically, dismissMessageInSeconds, headerColor, messageColor, closeColor, campaignId, } = options;
         // Create modal container
         const modalOverlay = document.createElement('div');
         modalOverlay.style.position = 'fixed';
@@ -473,6 +474,7 @@ class WebSDK {
             if (onClose) {
                 onClose();
             }
+            this.logInAppMessageClick(campaignId, false, true, true);
             document.body.removeChild(modalOverlay);
         };
         // Create content
@@ -563,28 +565,32 @@ class WebSDK {
             secondaryButton.style.cursor = 'pointer';
             secondaryButton.onclick = () => {
                 document.body.removeChild(modalOverlay);
+                this.logInAppMessageClick(campaignId, true, true, false);
                 onSecondaryButtonPress();
             };
             buttonsContainer.appendChild(secondaryButton);
         }
         else {
             // Single button
-            const primaryButton = document.createElement('button');
-            primaryButton.textContent = primaryButtonText;
-            primaryButton.style.width = '100%';
-            primaryButton.style.padding = '12px';
-            primaryButton.style.backgroundColor = this.hexToColor(buttonPropertiesPrimary.backgroundColor);
-            primaryButton.style.color = this.hexToColor(buttonPropertiesPrimary.textColor);
-            primaryButton.style.border = `2px solid ${this.hexToColor(buttonPropertiesPrimary.borderColor)}`;
-            primaryButton.style.borderRadius = '8px';
-            primaryButton.style.fontSize = '16px';
-            primaryButton.style.fontWeight = '600';
-            primaryButton.style.cursor = 'pointer';
-            primaryButton.onclick = () => {
-                document.body.removeChild(modalOverlay);
-                onPrimaryButtonPress();
-            };
-            buttonsContainer.appendChild(primaryButton);
+            if (primaryButtonText && primaryButtonText.trim() !== '') {
+                const primaryButton = document.createElement('button');
+                primaryButton.textContent = primaryButtonText;
+                primaryButton.style.width = '100%';
+                primaryButton.style.padding = '12px';
+                primaryButton.style.backgroundColor = this.hexToColor(buttonPropertiesPrimary.backgroundColor);
+                primaryButton.style.color = this.hexToColor(buttonPropertiesPrimary.textColor);
+                primaryButton.style.border = `2px solid ${this.hexToColor(buttonPropertiesPrimary.borderColor)}`;
+                primaryButton.style.borderRadius = '8px';
+                primaryButton.style.fontSize = '16px';
+                primaryButton.style.fontWeight = '600';
+                primaryButton.style.cursor = 'pointer';
+                primaryButton.onclick = () => {
+                    document.body.removeChild(modalOverlay);
+                    this.logInAppMessageClick(campaignId, true, true, false);
+                    onPrimaryButtonPress();
+                };
+                buttonsContainer.appendChild(primaryButton);
+            }
         }
         // Add all elements to the modal
         modalDialog.appendChild(closeButton);
@@ -608,5 +614,46 @@ class WebSDK {
             }
         });
     }
+    async logInAppMessageClick(campaignId, clicked, opened, dismissed) {
+        const campaignClickPayload = await this.buildCampaignPayload(campaignId, opened, clicked, dismissed);
+        await this.processCampaignClick(campaignClickPayload);
+    }
+    async processCampaignClick(payload) {
+        try {
+            const response = await fetch(`${this.endpoint}/analytics/clicks`, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                    "x-api-key": this.apiKey,
+                },
+                body: JSON.stringify(payload),
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            if (this.debug) {
+                (0, utils_1.log)(this.debug, `process campaign click dispatched successfully: ${payload.campaignId}`);
+            }
+        }
+        catch (error) {
+            (0, utils_1.log)(this.debug, "Error processing campaign click:", error);
+            throw error;
+        }
+    }
+    async buildCampaignPayload(campaignId, opened, clicked, dismissed) {
+        const timestamp = Date.now();
+        const deviceId = this.deviceId;
+        const payload = {
+            campaignId,
+            opened,
+            clicked,
+            deviceId,
+            timestamp,
+        };
+        if (dismissed !== undefined) {
+            payload.dismissed = dismissed;
+        }
+        return payload;
+    }
 }
 exports.WebSDK = WebSDK;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ordersune/crm-web-sdk",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "publishConfig": {