@selwise/widget 0.0.1

package/dist/npm/esm/modules/renderer/widgets/custom.js

@@ -0,0 +1,55 @@
+/**
+ * Custom HTML Widget
+ */
+import { setDataAttributes } from '../utils/helpers.js';
+import { sanitizeWidgetHTML, sanitizeCSS } from '../../../utils/sanitize.js';
+import { ScriptExecutor } from '../../../core/script-executor.js';
+import { insertSelectorWithDeferred } from '../utils/placement.js';
+const DEFER_KEY_PREFIX = 'custom';
+export function renderCustom(widget, campaign) {
+    const { html, css, javascript, jsTiming } = campaign.contentJson;
+    const styles = campaign.stylesJson || {};
+    if (!html)
+        return null;
+    const container = document.createElement('div');
+    container.className = 'selwise-widget selwise-custom';
+    container.style.padding = String(styles.containerPadding || '0px');
+    container.style.backgroundColor = String(styles.containerBackground || 'transparent');
+    // Sanitize custom HTML to prevent XSS attacks
+    container.innerHTML = sanitizeWidgetHTML(html);
+    setDataAttributes(container, widget, campaign);
+    // Inject CSS if provided - sanitize to prevent CSS injection attacks
+    if (css) {
+        const styleEl = document.createElement('style');
+        styleEl.setAttribute('data-selwise-custom-css', 'true');
+        // Sanitize CSS to prevent injection attacks
+        styleEl.textContent = sanitizeCSS(css);
+        container.appendChild(styleEl);
+    }
+    const placementConfig = widget.placementConfigJson || {};
+    const requiresSelectorPlacement = placementConfig.placementType === 'selector' || typeof placementConfig.selector === 'string';
+    if (requiresSelectorPlacement) {
+        const deferKey = `${DEFER_KEY_PREFIX}:${widget.id}`;
+        const inserted = insertSelectorWithDeferred(container, widget, deferKey);
+        if (!inserted) {
+            return null;
+        }
+    }
+    else {
+        document.body.appendChild(container);
+    }
+    // Execute JavaScript if provided
+    if (javascript) {
+        const executor = new ScriptExecutor();
+        executor.execute({
+            code: javascript,
+            timing: jsTiming || 'immediate',
+            container: container,
+            context: { widget, campaign },
+        });
+        // Store executor for cleanup
+        container._scriptExecutor = executor;
+    }
+    return container;
+}
+//# sourceMappingURL=custom.js.map

package/dist/npm/esm/modules/renderer/widgets/custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.js","sourceRoot":"","sources":["../../../../../../src/modules/renderer/widgets/custom.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AAElC,MAAM,UAAU,YAAY,CAAC,MAAc,EAAE,QAAkB;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC;IACjE,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,IAAI,EAAE,CAAC;IACzC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,GAAG,+BAA+B,CAAC;IACtD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,IAAI,KAAK,CAAC,CAAC;IACnE,SAAS,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAmB,IAAI,aAAa,CAAC,CAAC;IACtF,8CAA8C;IAC9C,SAAS,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE/C,qEAAqE;IACrE,IAAI,GAAG,EAAE,CAAC;QACR,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChD,OAAO,CAAC,YAAY,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;QACxD,4CAA4C;QAC5C,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QACvC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,eAAe,GAAG,MAAM,CAAC,mBAAmB,IAAI,EAAE,CAAC;IACzD,MAAM,yBAAyB,GAC7B,eAAe,CAAC,aAAa,KAAK,UAAU,IAAI,OAAO,eAAe,CAAC,QAAQ,KAAK,QAAQ,CAAC;IAE/F,IAAI,yBAAyB,EAAE,CAAC;QAC9B,MAAM,QAAQ,GAAG,GAAG,gBAAgB,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;QACpD,MAAM,QAAQ,GAAG,0BAA0B,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QACzE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC;IAED,iCAAiC;IACjC,IAAI,UAAU,EAAE,CAAC;QACf,MAAM,QAAQ,GAAG,IAAI,cAAc,EAAE,CAAC;QACtC,QAAQ,CAAC,OAAO,CAAC;YACf,IAAI,EAAE,UAAU;YAChB,MAAM,EAAE,QAAQ,IAAI,WAAW;YAC/B,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;SAC9B,CAAC,CAAC;QAEH,6BAA6B;QAC5B,SAAiB,CAAC,eAAe,GAAG,QAAQ,CAAC;IAChD,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/npm/esm/modules/renderer/widgets/embedded-card.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Embedded Card Widget Renderer
+ */
+import type { RendererWidget as Widget, RendererCampaign as Campaign } from '../../../types';
+export declare function renderEmbeddedCard(widget: Widget, campaign: Campaign): HTMLElement | null;

package/dist/npm/esm/modules/renderer/widgets/embedded-card.js

@@ -0,0 +1,94 @@
+/**
+ * Embedded Card Widget Renderer
+ */
+import { getShadowValue, setDataAttributes, safeHref } from '../utils/helpers.js';
+import { createImageElement } from '../utils/image-renderer.js';
+import { insertSelectorWithDeferred } from '../utils/placement.js';
+const DEFER_KEY_PREFIX = 'embedded-card';
+export function renderEmbeddedCard(widget, campaign) {
+    const content = campaign.contentJson || {};
+    const styles = campaign.stylesJson || {};
+    const displayTitle = content.title || content.headline || '';
+    const displayText = content.text || content.subtext || '';
+    const backgroundColor = styles.backgroundColor || '#ffffff';
+    const textColor = styles.textColor || '#1f2937';
+    const buttonColor = styles.buttonColor || textColor;
+    const buttonTextColor = styles.buttonTextColor || backgroundColor;
+    const borderRadius = styles.borderRadius || '12px';
+    const padding = styles.padding || '16px';
+    const shadow = styles.shadow || 'md';
+    const border = styles.border;
+    const contentAlignment = styles.contentAlignment || 'left';
+    const imageMode = styles.imageMode || 'cover';
+    const imagePosition = styles.imagePosition || 'top';
+    const imageAspectRatio = styles.imageAspectRatio || '16/9';
+    const imageObjectFit = (styles.imageObjectFit || 'cover');
+    const imageBorderRadius = styles.imageBorderRadius || '8px';
+    const card = document.createElement('div');
+    card.className = 'selwise-widget selwise-card';
+    card.style.backgroundColor = backgroundColor;
+    card.style.color = textColor;
+    card.style.borderRadius = borderRadius;
+    card.style.boxShadow = getShadowValue(shadow);
+    card.style.overflow = 'hidden';
+    card.style.textAlign = contentAlignment;
+    if (border && border !== 'none') {
+        card.style.border = border;
+    }
+    setDataAttributes(card, widget, campaign);
+    const image = createImageElement({
+        imageUrl: content.imageUrl,
+        mode: imageMode,
+        aspectRatio: imageAspectRatio,
+        objectFit: imageObjectFit,
+        borderRadius: imageMode === 'fullWidth' ? '0px' : imageBorderRadius,
+        alt: '',
+    });
+    const body = document.createElement('div');
+    body.className = 'selwise-card-body';
+    body.style.padding = padding;
+    if (displayTitle) {
+        const title = document.createElement('div');
+        title.className = 'selwise-card-title';
+        title.style.fontSize = '16px';
+        title.style.fontWeight = '600';
+        title.style.marginBottom = '8px';
+        title.textContent = displayTitle;
+        body.appendChild(title);
+    }
+    if (displayText) {
+        const text = document.createElement('div');
+        text.className = 'selwise-card-text';
+        text.style.fontSize = '14px';
+        text.style.opacity = '0.8';
+        text.style.marginBottom = '12px';
+        text.textContent = displayText;
+        body.appendChild(text);
+    }
+    if (content.buttonText) {
+        const action = document.createElement('a');
+        action.href = safeHref(content.buttonUrl);
+        action.className = 'selwise-bar-btn';
+        action.style.display = 'inline-block';
+        action.style.background = buttonColor;
+        action.style.color = buttonTextColor;
+        action.textContent = content.buttonText;
+        body.appendChild(action);
+    }
+    if (imagePosition === 'top') {
+        if (image)
+            card.appendChild(image);
+        card.appendChild(body);
+    }
+    else {
+        card.appendChild(body);
+        if (image)
+            card.appendChild(image);
+    }
+    const deferKey = `${DEFER_KEY_PREFIX}:${widget.id}`;
+    if (!insertSelectorWithDeferred(card, widget, deferKey)) {
+        return null;
+    }
+    return card;
+}
+//# sourceMappingURL=embedded-card.js.map

package/dist/npm/esm/modules/renderer/widgets/embedded-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"embedded-card.js","sourceRoot":"","sources":["../../../../../../src/modules/renderer/widgets/embedded-card.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAEzC,MAAM,UAAU,kBAAkB,CAAC,MAAc,EAAE,QAAkB;IACnE,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,IAAI,EAAE,CAAC;IAEzC,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;IAE1D,MAAM,eAAe,GAAG,MAAM,CAAC,eAAe,IAAI,SAAS,CAAC;IAC5D,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,CAAC;IAChD,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,IAAI,SAAS,CAAC;IACpD,MAAM,eAAe,GAAG,MAAM,CAAC,eAAe,IAAI,eAAe,CAAC;IAClE,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC;IACnD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC;IACzC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC;IACrC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC7B,MAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC;IAE3D,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,OAAO,CAAC;IAC9C,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,IAAI,KAAK,CAAC;IACpD,MAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC;IAC3D,MAAM,cAAc,GAAG,CAAC,MAAM,CAAC,cAAc,IAAI,OAAO,CAAiC,CAAC;IAC1F,MAAM,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,IAAI,KAAK,CAAC;IAE5D,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,6BAA6B,CAAC;IAC/C,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;IAC7C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;IAC7B,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;IACvC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAC;IACxC,IAAI,MAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC7B,CAAC;IACD,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE1C,MAAM,KAAK,GAAG,kBAAkB,CAAC;QAC/B,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,gBAAgB;QAC7B,SAAS,EAAE,cAAc;QACzB,YAAY,EAAE,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB;QACnE,GAAG,EAAE,EAAE;KACR,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,mBAAmB,CAAC;IACrC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,IAAI,YAAY,EAAE,CAAC;QACjB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAK,CAAC,SAAS,GAAG,oBAAoB,CAAC;QACvC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QAC9B,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QAC/B,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QACjC,KAAK,CAAC,WAAW,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,mBAAmB,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QAC7B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;QACvB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,SAAS,GAAG,iBAAiB,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC;QACtC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;QACtC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,eAAe,CAAC;QACrC,MAAM,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC;IAED,IAAI,aAAa,KAAK,KAAK,EAAE,CAAC;QAC5B,IAAI,KAAK;YAAE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;SAAM,CAAC;QACN,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,KAAK;YAAE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,MAAM,QAAQ,GAAG,GAAG,gBAAgB,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;IACpD,IAAI,CAAC,0BAA0B,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/npm/esm/modules/renderer/widgets/exit-intent-popup.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Exit Intent Popup Widget Renderer
+ */
+import type { RendererWidget as Widget, RendererCampaign as Campaign } from '../../../types';
+export declare function renderExitIntentPopup(widget: Widget, campaign: Campaign): HTMLElement | null;
+export declare function resetExitIntentState(): void;

package/dist/npm/esm/modules/renderer/widgets/exit-intent-popup.js

@@ -0,0 +1,147 @@
+/**
+ * Exit Intent Popup Widget Renderer
+ */
+import { hexToRgba, getShadowValue, setDataAttributes, wasInteracted, markInteracted, safeHref, } from '../utils/helpers.js';
+import { createImageElement } from '../utils/image-renderer.js';
+let exitIntentAttached = false;
+export function renderExitIntentPopup(widget, campaign) {
+    if (wasInteracted(widget.id))
+        return null;
+    if (exitIntentAttached)
+        return null;
+    exitIntentAttached = true;
+    const content = campaign.contentJson || {};
+    const styles = campaign.stylesJson || {};
+    const displayTitle = content.title || content.headline || '';
+    const displayText = content.text || content.subtext || '';
+    const backgroundColor = styles.backgroundColor || '#ffffff';
+    const textColor = styles.textColor || '#1f2937';
+    const buttonColor = styles.buttonColor || textColor;
+    const buttonTextColor = styles.buttonTextColor || backgroundColor;
+    const overlayColor = styles.overlayColor || '#000000';
+    const overlayOpacity = styles.overlayOpacity ?? 50;
+    const overlayBlur = styles.overlayBlur || 'none';
+    const maxWidth = styles.maxWidth || '400px';
+    const padding = styles.padding || '24px';
+    const borderRadius = styles.borderRadius || '12px';
+    const shadow = styles.shadow || '2xl';
+    const animation = styles.animation || 'scale';
+    const imageMode = styles.imageMode || 'cover';
+    const imageSize = styles.imageSize || '80px';
+    const imagePosition = styles.imagePosition || 'top';
+    const imageAspectRatio = styles.imageAspectRatio || 'auto';
+    const imageObjectFit = (styles.imageObjectFit || 'cover');
+    const imageBorderRadius = styles.imageBorderRadius || '8px';
+    const blurStyle = overlayBlur !== 'none' ? `backdrop-filter:blur(${overlayBlur});` : '';
+    let finalOverlayColor = overlayColor;
+    if (overlayColor.startsWith('#')) {
+        finalOverlayColor = hexToRgba(overlayColor, Number(overlayOpacity));
+    }
+    let animStyle = 'animation: selwise-scale-in 0.3s ease-out;';
+    if (animation === 'none')
+        animStyle = 'animation: none;';
+    else if (animation === 'fade')
+        animStyle = 'animation: selwise-fade-in 0.3s ease-out;';
+    else if (animation === 'slide')
+        animStyle = 'animation: selwise-slide-up 0.3s ease-out;';
+    const overlay = document.createElement('div');
+    overlay.className = 'selwise-widget selwise-overlay';
+    overlay.style.display = 'none';
+    overlay.style.backgroundColor = finalOverlayColor;
+    overlay.style.cssText += blurStyle;
+    setDataAttributes(overlay, widget, campaign);
+    const popup = document.createElement('div');
+    popup.className = 'selwise-popup';
+    popup.style.background = backgroundColor;
+    popup.style.color = textColor;
+    popup.style.maxWidth = maxWidth;
+    popup.style.padding = padding;
+    popup.style.borderRadius = borderRadius;
+    popup.style.boxShadow = getShadowValue(shadow);
+    popup.style.cssText += animStyle;
+    const closeButton = document.createElement('button');
+    closeButton.className = 'selwise-close';
+    closeButton.style.color = textColor;
+    closeButton.style.top = '12px';
+    closeButton.style.right = '12px';
+    closeButton.style.position = 'absolute';
+    closeButton.textContent = '×';
+    closeButton.addEventListener('click', () => overlay.remove());
+    popup.appendChild(closeButton);
+    const image = createImageElement({
+        imageUrl: content.imageUrl,
+        mode: imageMode,
+        size: imageSize,
+        aspectRatio: imageAspectRatio,
+        objectFit: imageObjectFit,
+        borderRadius: imageMode === 'fullWidth' ? '0px' : imageBorderRadius,
+        alt: '',
+    });
+    if (image) {
+        image.className = 'selwise-popup-img';
+        image.style.marginBottom = '20px';
+    }
+    const textContainer = document.createElement('div');
+    textContainer.style.flex = '1';
+    if (displayTitle) {
+        const title = document.createElement('div');
+        title.className = 'selwise-popup-title';
+        title.textContent = displayTitle;
+        textContainer.appendChild(title);
+    }
+    if (displayText) {
+        const text = document.createElement('div');
+        text.className = 'selwise-popup-text';
+        text.textContent = displayText;
+        textContainer.appendChild(text);
+    }
+    if (content.buttonText) {
+        const action = document.createElement('a');
+        action.href = safeHref(content.buttonUrl);
+        action.className = 'selwise-bar-btn';
+        action.style.display = 'block';
+        action.style.textAlign = 'center';
+        action.style.background = buttonColor;
+        action.style.color = buttonTextColor;
+        action.textContent = content.buttonText;
+        action.addEventListener('click', () => markInteracted(widget.id));
+        textContainer.appendChild(action);
+    }
+    if (image && (imagePosition === 'left' || imagePosition === 'right')) {
+        const horizontal = document.createElement('div');
+        horizontal.style.display = 'flex';
+        horizontal.style.flexDirection = imagePosition === 'right' ? 'row-reverse' : 'row';
+        horizontal.style.gap = '16px';
+        horizontal.style.alignItems = 'center';
+        image.style.marginBottom = '0';
+        horizontal.appendChild(image);
+        horizontal.appendChild(textContainer);
+        popup.appendChild(horizontal);
+    }
+    else {
+        if (image && imagePosition === 'top') {
+            popup.appendChild(image);
+        }
+        popup.appendChild(textContainer);
+        if (image && imagePosition === 'bottom') {
+            popup.appendChild(image);
+        }
+    }
+    overlay.appendChild(popup);
+    overlay.addEventListener('click', (event) => {
+        if (event.target === overlay) {
+            overlay.remove();
+        }
+    });
+    document.body.appendChild(overlay);
+    document.addEventListener('mouseleave', (event) => {
+        if (event.clientY <= 0 && overlay.style.display === 'none') {
+            overlay.style.display = 'flex';
+        }
+    }, { once: true });
+    return overlay;
+}
+export function resetExitIntentState() {
+    exitIntentAttached = false;
+}
+//# sourceMappingURL=exit-intent-popup.js.map

package/dist/npm/esm/modules/renderer/widgets/exit-intent-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exit-intent-popup.js","sourceRoot":"","sources":["../../../../../../src/modules/renderer/widgets/exit-intent-popup.ts"],"names":[],"mappings":"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"}

package/dist/npm/esm/modules/renderer/widgets/floating-button.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Floating Button Widget
+ */
+import type { RendererWidget as Widget, RendererCampaign as Campaign } from '../../../types';
+export declare function renderFloatingButton(widget: Widget, campaign: Campaign): HTMLElement;

package/dist/npm/esm/modules/renderer/widgets/floating-button.js

@@ -0,0 +1,67 @@
+/**
+ * Floating Button Widget
+ */
+import { setDataAttributes, safeHref, getShadowValue } from '../utils/helpers.js';
+export function renderFloatingButton(widget, campaign) {
+    const content = campaign.contentJson || {};
+    const styles = campaign.stylesJson || {};
+    const { text = 'Click me', buttonUrl = '#', } = content;
+    const { backgroundColor = '#3b82f6', textColor = '#ffffff', size = '56px', borderRadius = '50%', shadow = 'lg', pulseAnimation = false, tooltipBgColor = '#1a1a1a', tooltipTextColor = '#ffffff', } = styles;
+    const rawPosition = widget.placementConfigJson.position || 'bottom-right';
+    const position = rawPosition === 'top'
+        ? 'top-right'
+        : rawPosition === 'bottom'
+            ? 'bottom-right'
+            : rawPosition === 'left'
+                ? 'bottom-left'
+                : rawPosition === 'right'
+                    ? 'bottom-right'
+                    : rawPosition;
+    const button = document.createElement('a');
+    button.href = safeHref(buttonUrl);
+    button.className = `selwise-widget selwise-floating selwise-floating-${position}`;
+    button.style.backgroundColor = backgroundColor;
+    button.style.color = textColor;
+    button.style.borderRadius = String(borderRadius);
+    button.style.boxShadow = getShadowValue(String(shadow));
+    button.textContent = text;
+    const sizes = {
+        small: '12px 16px',
+        medium: '14px 20px',
+        large: '16px 24px',
+        '48px': '48px',
+        '56px': '56px',
+        '64px': '64px',
+        '72px': '72px',
+    };
+    const normalizedSize = sizes[String(size)] || String(size);
+    const useSquareSize = /^\d+px$/.test(normalizedSize);
+    if (useSquareSize) {
+        button.style.width = normalizedSize;
+        button.style.height = normalizedSize;
+        button.style.padding = '0';
+    }
+    else {
+        button.style.padding = normalizedSize || sizes.medium;
+    }
+    const tooltipText = (content.tooltip || '').trim();
+    if (tooltipText) {
+        const tooltip = document.createElement('span');
+        tooltip.className = 'selwise-floating-tooltip';
+        tooltip.style.backgroundColor = String(tooltipBgColor);
+        tooltip.style.color = String(tooltipTextColor);
+        tooltip.style.padding = '4px 8px';
+        tooltip.style.borderRadius = '6px';
+        tooltip.style.fontSize = '11px';
+        tooltip.style.boxShadow = '0 6px 16px rgba(0,0,0,0.15)';
+        tooltip.textContent = tooltipText;
+        button.appendChild(tooltip);
+    }
+    if (pulseAnimation) {
+        button.style.animation = 'selwise-pulse 2s infinite';
+    }
+    setDataAttributes(button, widget, campaign);
+    document.body.appendChild(button);
+    return button;
+}
+//# sourceMappingURL=floating-button.js.map

package/dist/npm/esm/modules/renderer/widgets/floating-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-button.js","sourceRoot":"","sources":["../../../../../../src/modules/renderer/widgets/floating-button.ts"],"names":[],"mappings":"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"}

package/dist/npm/esm/modules/renderer/widgets/helpers.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Widget Renderer Shared Utilities
+ * Common helper functions used across widget renderers
+ */
+/**
+ * Format number for display with K/M suffixes and separators
+ * @param num - Number to format
+ * @param separator - Separator type: 'comma', 'dot', 'space', 'none'
+ * @returns Formatted number string
+ */
+export declare function formatNumber(num: number, separator?: string): string;
+/**
+ * Animate counter from start to end value with easing
+ * @param element - HTMLElement to update
+ * @param start - Starting value
+ * @param end - Ending value
+ * @param duration - Animation duration in milliseconds
+ * @param separator - Number separator type
+ */
+export declare function animateCounter(element: HTMLElement, start: number, end: number, duration: number, separator?: string): void;
+/**
+ * Fetch with timeout wrapper
+ * @param url - URL to fetch
+ * @param options - Fetch options
+ * @param timeoutMs - Timeout in milliseconds (default: 5000)
+ * @returns Fetch response
+ * @throws Error if timeout occurs
+ */
+export declare function fetchWithTimeout(url: string, options?: RequestInit, timeoutMs?: number): Promise<Response>;

package/dist/npm/esm/modules/renderer/widgets/helpers.js

@@ -0,0 +1,82 @@
+/**
+ * Widget Renderer Shared Utilities
+ * Common helper functions used across widget renderers
+ */
+/**
+ * Format number for display with K/M suffixes and separators
+ * @param num - Number to format
+ * @param separator - Separator type: 'comma', 'dot', 'space', 'none'
+ * @returns Formatted number string
+ */
+export function formatNumber(num, separator = 'comma') {
+    // Large number suffixes
+    if (num >= 1000000) {
+        return (num / 1000000).toFixed(1).replace(/\.0$/, '') + 'M';
+    }
+    if (num >= 1000) {
+        return (num / 1000).toFixed(1).replace(/\.0$/, '') + 'K';
+    }
+    // Apply separator for smaller numbers
+    switch (separator) {
+        case 'dot':
+            return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+        case 'space':
+            return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+        case 'none':
+            return num.toString();
+        default: // comma
+            return num.toLocaleString();
+    }
+}
+/**
+ * Animate counter from start to end value with easing
+ * @param element - HTMLElement to update
+ * @param start - Starting value
+ * @param end - Ending value
+ * @param duration - Animation duration in milliseconds
+ * @param separator - Number separator type
+ */
+export function animateCounter(element, start, end, duration, separator = 'comma') {
+    const startTime = performance.now();
+    const range = end - start;
+    function update(currentTime) {
+        const elapsed = currentTime - startTime;
+        const progress = Math.min(elapsed / duration, 1);
+        // Easing function (easeOutQuart)
+        const easeOut = 1 - Math.pow(1 - progress, 4);
+        const current = Math.round(start + range * easeOut);
+        element.textContent = formatNumber(current, separator);
+        if (progress < 1) {
+            requestAnimationFrame(update);
+        }
+    }
+    requestAnimationFrame(update);
+}
+/**
+ * Fetch with timeout wrapper
+ * @param url - URL to fetch
+ * @param options - Fetch options
+ * @param timeoutMs - Timeout in milliseconds (default: 5000)
+ * @returns Fetch response
+ * @throws Error if timeout occurs
+ */
+export async function fetchWithTimeout(url, options = {}, timeoutMs = 5000) {
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+    try {
+        const response = await fetch(url, {
+            ...options,
+            signal: controller.signal,
+        });
+        clearTimeout(timeoutId);
+        return response;
+    }
+    catch (error) {
+        clearTimeout(timeoutId);
+        if (error instanceof Error && error.name === 'AbortError') {
+            throw new Error(`Request timeout after ${timeoutMs}ms`);
+        }
+        throw error;
+    }
+}
+//# sourceMappingURL=helpers.js.map

package/dist/npm/esm/modules/renderer/widgets/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../../src/modules/renderer/widgets/helpers.ts"],"names":[],"mappings":"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"}

package/dist/npm/esm/modules/renderer/widgets/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Widget Type Renderers Export
+ */
+export { renderAnnouncementBar } from './announcement-bar';
+export { renderFloatingButton } from './floating-button';
+export { renderCustom } from './custom';
+export { renderInlineBanner } from './inline-banner';
+export { renderExitIntentPopup, resetExitIntentState } from './exit-intent-popup';
+export { renderSlideIn } from './slide-in';
+export { renderEmbeddedCard } from './embedded-card';
+export { renderStickyFooter } from './sticky-footer';
+export { renderCountdownTimer } from './countdown-timer';
+export { renderCookieConsent } from './cookie-consent';
+export { renderProductViewCount } from './product-view-count';
+export { renderCartCount } from './cart-count';
+export { renderNewsletter } from './newsletter';
+export { formatNumber, animateCounter, fetchWithTimeout } from './helpers';

package/dist/npm/esm/modules/renderer/widgets/index.js

@@ -0,0 +1,19 @@
+/**
+ * Widget Type Renderers Export
+ */
+export { renderAnnouncementBar } from './announcement-bar.js';
+export { renderFloatingButton } from './floating-button.js';
+export { renderCustom } from './custom.js';
+export { renderInlineBanner } from './inline-banner.js';
+export { renderExitIntentPopup, resetExitIntentState } from './exit-intent-popup.js';
+export { renderSlideIn } from './slide-in.js';
+export { renderEmbeddedCard } from './embedded-card.js';
+export { renderStickyFooter } from './sticky-footer.js';
+export { renderCountdownTimer } from './countdown-timer.js';
+export { renderCookieConsent } from './cookie-consent.js';
+export { renderProductViewCount } from './product-view-count.js';
+export { renderCartCount } from './cart-count.js';
+export { renderNewsletter } from './newsletter.js';
+// Shared utilities
+export { formatNumber, animateCounter, fetchWithTimeout } from './helpers.js';
+//# sourceMappingURL=index.js.map

package/dist/npm/esm/modules/renderer/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/renderer/widgets/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,mBAAmB;AACnB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC"}

package/dist/npm/esm/modules/renderer/widgets/inline-banner.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Inline Banner Widget Renderer
+ */
+import type { RendererWidget as Widget, RendererCampaign as Campaign } from '../../../types';
+export declare function renderInlineBanner(widget: Widget, campaign: Campaign): HTMLElement | null;