@ordersune/crm-web-sdk 1.0.13 → 1.0.15

package/dist/web-sdk.js

@@ -1,583 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebSDK = void 0;
-const utils_1 = require("./utils");
-const uuid_1 = require("uuid");
-const STORAGE_PREFIX = "os.";
-const DEFAULT_BATCH_SIZE = 10;
-const DEFAULT_BATCH_INTERVAL = 10000;
-const SDK_VERSION = "1.0.7";
-class WebSDK {
-    constructor(config) {
-        var _a, _b, _c;
-        this.maxBatchSize = DEFAULT_BATCH_SIZE;
-        this.batchInterval = DEFAULT_BATCH_INTERVAL;
-        this.sdkVersion = SDK_VERSION;
-        this.eventQueue = [];
-        this.purchaseBatch = [];
-        this.attributeQueue = {};
-        this.isProcessingQueue = false;
-        if (!config.apiKey || !config.endpoint) {
-            throw new Error("API key and endpoint are required");
-        }
-        this.apiKey = config.apiKey;
-        this.endpoint = config.endpoint;
-        this.debug = (_a = config.debug) !== null && _a !== void 0 ? _a : false;
-        this.maxBatchSize = (_b = config.batchSize) !== null && _b !== void 0 ? _b : DEFAULT_BATCH_SIZE;
-        this.batchInterval = (_c = config.batchInterval) !== null && _c !== void 0 ? _c : DEFAULT_BATCH_INTERVAL;
-        this.deviceId = this.getStoredDeviceId() || (0, uuid_1.v4)();
-        this.guestUserId = this.getGuestUserId();
-        // Initialize async
-        this.initialize().catch((error) => {
-            (0, utils_1.log)(this.debug, "Async initialization failed", error);
-        });
-    }
-    async initialize() {
-        try {
-            (0, utils_1.log)(this.debug, "SDK Initialized");
-            this.storeDeviceId();
-            await this.initializeDeviceDetails();
-            await this.loadCustomAttributes();
-            const storedUser = this.getStoredUserProfile();
-            if (storedUser) {
-                this.currentUser = storedUser;
-                (0, utils_1.log)(this.debug, "Loaded user profile", this.currentUser);
-            }
-            else {
-                this.identify("");
-            }
-            try {
-                const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-                this.trackCustomAttribute("timezone", timezone);
-            }
-            catch (error) {
-                (0, utils_1.log)(this.debug, "Failed to detect timezone", error);
-            }
-            this.startBatchProcessing();
-            this.trackEvent("app_started", {});
-        }
-        catch (error) {
-            (0, utils_1.log)(this.debug, "Initialization failed", error);
-            throw error;
-        }
-    }
-    identify(userId) {
-        if (typeof userId !== "string") {
-            throw new Error("User ID must be a string");
-        }
-        const storedUser = this.getStoredUserProfile();
-        if ((storedUser === null || storedUser === void 0 ? void 0 : storedUser.id) === userId)
-            return;
-        (0, utils_1.log)(this.debug, "Identifying user", userId);
-        // If userId is empty or matches guest pattern, use guest user
-        if (!userId) {
-            this.currentUser = {
-                id: this.guestUserId,
-                guestUserId: this.guestUserId
-            };
-        }
-        else {
-            // Real user identification - include both userId and guestUserId
-            this.currentUser = {
-                id: userId,
-                guestUserId: this.guestUserId
-            };
-        }
-        this.storeUserProfile();
-    }
-    clearUserData() {
-        // Generate new device ID
-        this.deviceId = (0, uuid_1.v4)();
-        this.guestUserId = this.getGuestUserId();
-        this.currentUser = {
-            id: this.guestUserId,
-            guestUserId: this.guestUserId
-        };
-        this.attributeQueue = {};
-        this.eventQueue = [];
-        this.purchaseBatch = [];
-        this.storeDeviceId();
-        sessionStorage.setItem(`${STORAGE_PREFIX}${this.apiKey}.current_user`, JSON.stringify(this.currentUser));
-        sessionStorage.removeItem(`${STORAGE_PREFIX}${this.apiKey}.custom_attributes`);
-        if (this.debug) {
-            (0, utils_1.log)(this.debug, "User data cleared, new device ID generated");
-        }
-    }
-    trackEvent(eventName, properties = {}, options = {}) {
-        if (!eventName || typeof eventName !== "string") {
-            throw new Error("Event name is required and must be a string");
-        }
-        const payload = {
-            deviceId: this.deviceId,
-            eventName,
-            timestamp: options.timestamp || Date.now(),
-            requestId: options.requestId || (0, uuid_1.v4)(),
-            properties: properties,
-        };
-        this.queueEvent(payload);
-    }
-    setToken(token) {
-        if (this.deviceDetails) {
-            this.deviceDetails = {
-                ...this.deviceDetails,
-                pushToken: token,
-            };
-        }
-    }
-    trackCustomAttribute(attributeName, attributeValue) {
-        if (!attributeName || typeof attributeName !== "string") {
-            throw new Error("Attribute name is required and must be a string");
-        }
-        this.attributeQueue = {
-            ...this.attributeQueue,
-            [attributeName]: attributeValue,
-        };
-        (0, utils_1.log)(this.debug, "Custom attribute queued", attributeName, attributeValue);
-        this.storeCustomAttributes();
-    }
-    logProductPurchase(orderId, itemId, itemName, unitPrice, quantity, source, channel, itemCategory) {
-        const purchasePayload = this.buildPurchasePayload({
-            externalId: orderId,
-            itemId,
-            itemName,
-            unitPrice,
-            quantity,
-            source,
-            channel,
-            itemCategory,
-        });
-        this.purchaseBatch.push(purchasePayload);
-        if (this.debug) {
-            (0, utils_1.log)(this.debug, "Purchase event queued", purchasePayload);
-        }
-    }
-    getUserProfile() {
-        return this.currentUser;
-    }
-    async forceSend() {
-        if (this.eventQueue.length > 0 ||
-            this.purchaseBatch.length > 0 ||
-            this.attributeQueue.length > 0) {
-            await this.processBatch();
-        }
-    }
-    dispose() {
-        if (this.batchProcessingInterval) {
-            clearInterval(this.batchProcessingInterval);
-        }
-        if (this.eventQueue.length > 0 ||
-            this.purchaseBatch.length > 0 ||
-            this.attributeQueue.length > 0) {
-            this.processBatch().catch((error) => {
-                (0, utils_1.log)(this.debug, "Error during disposal", error);
-            });
-        }
-    }
-    getStoredDeviceId() {
-        return sessionStorage.getItem(`${STORAGE_PREFIX}${this.apiKey}.device_id`);
-    }
-    getStoredUserProfile() {
-        const storedUser = sessionStorage.getItem(`${STORAGE_PREFIX}${this.apiKey}.current_user`);
-        return storedUser ? JSON.parse(storedUser) : null;
-    }
-    storeDeviceId() {
-        sessionStorage.setItem(`${STORAGE_PREFIX}${this.apiKey}.device_id`, this.deviceId);
-    }
-    storeUserProfile() {
-        if (this.currentUser) {
-            sessionStorage.setItem(`${STORAGE_PREFIX}${this.apiKey}.current_user`, JSON.stringify(this.currentUser));
-        }
-    }
-    storeCustomAttributes() {
-        const existingAttributes = sessionStorage.getItem(`${STORAGE_PREFIX}${this.apiKey}.custom_attributes`);
-        const existingParsed = existingAttributes
-            ? JSON.parse(existingAttributes)
-            : {};
-        const mergedAttributes = {
-            ...existingParsed,
-            ...this.attributeQueue,
-        };
-        sessionStorage.setItem(`${STORAGE_PREFIX}${this.apiKey}.custom_attributes`, JSON.stringify(mergedAttributes));
-    }
-    async loadCustomAttributes() {
-        const stored = sessionStorage.getItem(`${STORAGE_PREFIX}${this.apiKey}.custom_attributes`);
-        if (stored) {
-            this.attributeQueue = {
-                ...this.attributeQueue,
-                ...JSON.parse(stored),
-            };
-        }
-    }
-    getGuestUserId() {
-        return `guest_user_${this.deviceId}`;
-    }
-    buildPurchasePayload({ externalId, itemId, itemName, unitPrice, quantity, source, channel, itemCategory, }) {
-        const timestamp = Date.now();
-        return {
-            external_id: externalId,
-            item_id: itemId,
-            item_name: itemName,
-            item_category: itemCategory,
-            quantity: quantity,
-            unit_price: unitPrice,
-            total_price: unitPrice * quantity,
-            source: source,
-            channel: channel,
-            purchased_at: timestamp,
-        };
-    }
-    async initializeDeviceDetails() {
-        this.deviceDetails = {
-            deviceId: this.deviceId,
-            platform: 'web',
-        };
-    }
-    startBatchProcessing() {
-        this.batchProcessingInterval = setInterval(() => {
-            if (this.eventQueue.length > 0 ||
-                this.purchaseBatch.length > 0 ||
-                this.attributeQueue.length > 0) {
-                this.processBatch().catch((error) => {
-                    (0, utils_1.log)(this.debug, "Batch processing failed", error);
-                });
-            }
-        }, this.batchInterval);
-    }
-    queueEvent(payload) {
-        this.eventQueue.push(payload);
-        (0, utils_1.log)(this.debug, "Event queued", payload);
-        if (this.eventQueue.length >= this.maxBatchSize) {
-            this.processBatch().catch((error) => {
-                (0, utils_1.log)(this.debug, "Batch processing failed", error);
-            });
-        }
-    }
-    async processBatch() {
-        if (this.isProcessingQueue)
-            return;
-        this.isProcessingQueue = true;
-        const eventsToSend = [...this.eventQueue];
-        const purchasesToSend = [...this.purchaseBatch];
-        const attributesToSend = { ...this.attributeQueue };
-        this.eventQueue = [];
-        this.purchaseBatch = [];
-        this.attributeQueue = {};
-        try {
-            await this.sendBatchToServer(eventsToSend, purchasesToSend, attributesToSend);
-        }
-        catch (error) {
-            this.eventQueue.unshift(...eventsToSend);
-            this.purchaseBatch.unshift(...purchasesToSend);
-            this.attributeQueue = { ...this.attributeQueue, ...attributesToSend };
-            (0, utils_1.log)(this.debug, "Batch processing failed", error);
-            throw error;
-        }
-        finally {
-            this.isProcessingQueue = false;
-        }
-    }
-    async sendBatchToServer(events, purchases, currentAttributes) {
-        var _a, _b;
-        if (!this.deviceDetails) {
-            await this.initializeDeviceDetails();
-        }
-        const payload = {
-            sdkVersion: this.sdkVersion,
-            deviceInfo: this.deviceDetails,
-            userId: (_a = this.currentUser) === null || _a === void 0 ? void 0 : _a.id,
-            guestUserId: (_b = this.currentUser) === null || _b === void 0 ? void 0 : _b.guestUserId,
-            time: Date.now(),
-            events: events,
-            purchases: purchases,
-            userAttributes: currentAttributes,
-        };
-        (0, utils_1.log)(this.debug, "Sending batch to server", payload);
-        try {
-            const response = await fetch(`${this.endpoint}/analytics/data`, {
-                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, `Batch dispatched successfully: ${payload.events.length} events, ${payload.purchases.length} purchases, ${Object.keys(payload.userAttributes).length} attributes`);
-            }
-            await response.json();
-            if (Object.keys(currentAttributes).length > 0) {
-                this.attributeQueue = {};
-                sessionStorage.removeItem(`${STORAGE_PREFIX}${this.apiKey}.custom_attributes`);
-            }
-        }
-        catch (error) {
-            (0, utils_1.log)(this.debug, "Failed to send payload to server", error);
-            throw error;
-        }
-    }
-    displayInAppMessage(inAppMessageData, campaignId, context) {
-        const transformedData = JSON.parse(inAppMessageData);
-        const title = transformedData.header;
-        const body = transformedData.message;
-        const buttonDataPrimary = transformedData.modal.button1;
-        const buttonDataSecondary = transformedData.modal.button2;
-        const buttonTextPrimary = buttonDataPrimary.type || "";
-        const buttonTextSecondary = buttonDataSecondary.type || "";
-        const imageUrl = transformedData.mediaConfig.inAppImage;
-        this.showInAppMessage({
-            context,
-            title,
-            body,
-            primaryButtonText: buttonTextPrimary,
-            secondaryButtonText: buttonTextSecondary,
-            imageUrl,
-            buttonPropertiesPrimary: buttonDataPrimary,
-            buttonPropertiesSecondary: buttonDataSecondary,
-            dismissMessageAutomatically: transformedData.modal.dismissMessageAutomatically,
-            dismissMessageInSeconds: transformedData.modal.dismissMessageInSeconds,
-            headerColor: transformedData.modal.headerColor,
-            messageColor: transformedData.modal.messageColor,
-            closeColor: transformedData.modal.closeColor,
-            campaignId: campaignId,
-        });
-    }
-    hexToColor(hexColor) {
-        hexColor = hexColor.toUpperCase().replace("#", "");
-        if (hexColor.length === 6) {
-            return `#${hexColor}`;
-        }
-        return `#${hexColor.substring(2)}`;
-    }
-    openWebUrl(url) {
-        if (url) {
-            window.open(url, '_blank');
-        }
-    }
-    showInAppMessage(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';
-        modalOverlay.style.top = '0';
-        modalOverlay.style.left = '0';
-        modalOverlay.style.width = '100%';
-        modalOverlay.style.height = '100%';
-        modalOverlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
-        modalOverlay.style.display = 'flex';
-        modalOverlay.style.justifyContent = 'center';
-        modalOverlay.style.alignItems = 'center';
-        modalOverlay.style.zIndex = '9999';
-        // Create modal dialog
-        const modalDialog = document.createElement('div');
-        modalDialog.style.backgroundColor = 'white';
-        modalDialog.style.borderRadius = '12px';
-        modalDialog.style.padding = '16px';
-        modalDialog.style.maxWidth = '400px';
-        modalDialog.style.width = '90%';
-        modalDialog.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';
-        modalDialog.style.position = 'relative';
-        // Close button
-        const closeButton = document.createElement('button');
-        closeButton.innerHTML = '×';
-        closeButton.style.position = 'absolute';
-        closeButton.style.top = '8px';
-        closeButton.style.right = '8px';
-        closeButton.style.background = 'none';
-        closeButton.style.border = 'none';
-        closeButton.style.fontSize = '20px';
-        closeButton.style.cursor = 'pointer';
-        closeButton.style.color = this.hexToColor(closeColor);
-        closeButton.onclick = () => {
-            if (onClose) {
-                onClose();
-            }
-            this.logInAppMessageClick(campaignId, false, true, true);
-            document.body.removeChild(modalOverlay);
-        };
-        // Create content
-        const contentContainer = document.createElement('div');
-        contentContainer.style.display = 'flex';
-        contentContainer.style.flexDirection = 'column';
-        contentContainer.style.alignItems = 'center';
-        contentContainer.style.textAlign = 'center';
-        // Image
-        if (imageUrl && imageUrl.trim() !== '') {
-            const image = document.createElement('img');
-            image.src = imageUrl;
-            image.style.width = '100px';
-            image.style.height = '100px';
-            image.style.marginBottom = '16px';
-            image.style.marginTop = '16px';
-            image.onerror = () => {
-                image.style.display = 'none';
-            };
-            contentContainer.appendChild(image);
-        }
-        // Title
-        const titleElement = document.createElement('h2');
-        titleElement.textContent = title;
-        titleElement.style.fontSize = '22px';
-        titleElement.style.fontWeight = '600';
-        titleElement.style.color = this.hexToColor(headerColor);
-        titleElement.style.margin = '8px 0';
-        contentContainer.appendChild(titleElement);
-        // Body
-        const bodyElement = document.createElement('p');
-        bodyElement.textContent = body;
-        bodyElement.style.fontSize = '14px';
-        bodyElement.style.color = this.hexToColor(messageColor);
-        bodyElement.style.fontWeight = '500';
-        bodyElement.style.margin = '8px 0 24px 0';
-        contentContainer.appendChild(bodyElement);
-        // Button handlers
-        const onPrimaryButtonPress = () => {
-            if (buttonPropertiesPrimary.webOnClickValue === "redirect_to_web_url" ||
-                buttonPropertiesPrimary.webOnClickValue === "deeplink_into_app") {
-                this.openWebUrl(buttonPropertiesPrimary.webOnClickAction || '');
-            }
-        };
-        const onSecondaryButtonPress = () => {
-            if (buttonPropertiesSecondary.webOnClickValue === "redirect_to_web_url" ||
-                buttonPropertiesSecondary.webOnClickValue === "deeplink_into_app") {
-                this.openWebUrl(buttonPropertiesSecondary.webOnClickAction || '');
-            }
-        };
-        // Create buttons
-        const buttonsContainer = document.createElement('div');
-        buttonsContainer.style.display = 'flex';
-        buttonsContainer.style.justifyContent = 'center';
-        buttonsContainer.style.width = '100%';
-        buttonsContainer.style.gap = '16px';
-        if (secondaryButtonText && secondaryButtonText.trim() !== '') {
-            // Primary button
-            const primaryButton = document.createElement('button');
-            primaryButton.textContent = primaryButtonText;
-            primaryButton.style.flex = '1';
-            primaryButton.style.maxWidth = '140px';
-            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);
-            // Secondary button
-            const secondaryButton = document.createElement('button');
-            secondaryButton.textContent = secondaryButtonText;
-            secondaryButton.style.flex = '1';
-            secondaryButton.style.maxWidth = '140px';
-            secondaryButton.style.padding = '12px';
-            secondaryButton.style.backgroundColor = this.hexToColor(buttonPropertiesSecondary.backgroundColor);
-            secondaryButton.style.color = this.hexToColor(buttonPropertiesSecondary.textColor);
-            secondaryButton.style.border = `2px solid ${this.hexToColor(buttonPropertiesSecondary.borderColor)}`;
-            secondaryButton.style.borderRadius = '8px';
-            secondaryButton.style.fontSize = '16px';
-            secondaryButton.style.fontWeight = '600';
-            secondaryButton.style.cursor = 'pointer';
-            secondaryButton.onclick = () => {
-                document.body.removeChild(modalOverlay);
-                this.logInAppMessageClick(campaignId, true, true, false);
-                onSecondaryButtonPress();
-            };
-            buttonsContainer.appendChild(secondaryButton);
-        }
-        else {
-            // Single button
-            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);
-        modalDialog.appendChild(contentContainer);
-        contentContainer.appendChild(buttonsContainer);
-        modalOverlay.appendChild(modalDialog);
-        // Add to document
-        document.body.appendChild(modalOverlay);
-        // Auto dismiss if enabled
-        if (dismissMessageAutomatically) {
-            setTimeout(() => {
-                if (document.body.contains(modalOverlay)) {
-                    document.body.removeChild(modalOverlay);
-                }
-            }, parseInt(dismissMessageInSeconds) * 1000);
-        }
-        // Add click event to close when clicking outside
-        modalOverlay.addEventListener('click', (event) => {
-            if (event.target === modalOverlay) {
-                document.body.removeChild(modalOverlay);
-            }
-        });
-    }
-    async logInAppMessageClick(campaignId, clicked, opened, dismissed) {
-        const campaignClickPayload = await this.buildCampaignPayload(campaignId, opened, clicked, dismissed);
-        await this.processCampaignClick(campaignClickPayload);
-    }
-    async logClick(campaignId) {
-        const pushCampaignClickPayload = await this.buildCampaignPayload(campaignId, true, true);
-        await this.processCampaignClick(pushCampaignClickPayload);
-    }
-    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;