@magicfeedback/popup-sdk 1.0.11 → 1.0.13

package/dist/assets/assets/style.css

@@ -50,22 +50,16 @@
 }
 
 .magicfeedback-label {
-    font-weight: 600;
-    font-family: inherit;
-    font-size: 1.1rem;
-    color: #212529;
-    text-align: start;
-    word-wrap: break-word;
-    white-space: normal;
-}
-.magicfeedback-sublabel{
+    margin-bottom: 25px;
+    margin-top: 20px;
     font-weight: 400;
     font-family: inherit;
-    font-size: 1rem;
-    color: #6c757d;
+    font-size: 1.2rem;
+    color: #212529;
     text-align: start;
     word-wrap: break-word;
     white-space: normal;
+
 }
 
 .magicfeedback-checkbox {
@@ -90,8 +84,8 @@
     justify-content: flex-start;
     flex-wrap: wrap;
     width: 100%;
-    margin-top: 10px;
-    gap: 10px;
+    margin-right: 5px;
+    padding: 5px;
 }
 
 .magicfeedback-checkbox-container,
@@ -100,12 +94,11 @@
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
-    margin: 0 2px;
+    margin: 5px;
     padding: 5px 0;
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 0 0 3px #ccc;
-    width: calc(100% - 10px);
 }
 
 input::-webkit-outer-spin-button,
@@ -131,7 +124,7 @@ input::-webkit-inner-spin-button {
     font-size: 16px;
     color: #212529;
     text-align: start;
-    width: auto;
+    width: 100%;
 }
 
 p {
@@ -165,7 +158,7 @@ textarea,
 select {
     box-sizing: border-box;
     padding: 10px;
-    margin: 20px 0 10px 0;
+    margin: 10px 0;
     width: 100%;
     border: 2px solid #ccc; /* Default border color - you can customize this */
     border-radius: 5px;
@@ -409,7 +402,6 @@ input.error, select.error {
 
     margin: 15px 0;
     padding: 0;
-    padding-top: 45px !important;
 
     list-style: none;
     font-size: 1.5rem;
@@ -420,6 +412,23 @@ input.error, select.error {
     -ms-user-select: none;
 }
 
+/* Cuando hay placeholders (Very bad / Very good), el placeholder ocupa
+   el 100% de la primera línea y los boxes bajan a la siguiente */
+.magicfeedback-rating-number-container--with-placeholder {
+    flex-wrap: wrap;
+    align-items: flex-start;
+}
+
+.magicfeedback-rating-number-container--with-placeholder .magicfeedback-rating-placeholder {
+    width: 100%;
+    margin-bottom: 8px;
+}
+
+.magicfeedback-rating-number-container--with-placeholder .magicfeedback-rating-number-option {
+    width: auto;
+    flex: 1;
+}
+
 .magicfeedback-rating-number-option {
     display: flex;
     flex-direction: row;
@@ -538,7 +547,7 @@ input.error, select.error {
     .magicfeedback-rating-number-option {
         max-width: 100%;
         height: 55px;
-        margin: 5px;
+        margin: 5px 0;
     }
 }
 
@@ -637,7 +646,7 @@ input.error, select.error {
 .magicfeedback-success-message,
 .magicfeedback-info-message,
 .magicfeedback-start-message {
-    margin: 10px 5px;
+    margin: 35px 5px;
 }
 
 .magicfeedback-success-message p,

package/dist/index.d.mts

@@ -31,12 +31,14 @@ interface DeepdotsConfig {
  * Options for configuring survey triggers
  */
 interface TriggerConfig {
-    /** Trigger type: 'time' (delay), 'scroll' (scroll percentage), 'exit' (exit intent), 'click' (element id) */
-    type: 'time' | 'scroll' | 'exit' | 'click';
-    /** Value for the trigger (milliseconds for time, percentage for scroll, element id for click) */
+    /** Trigger type: 'time' (delay), 'scroll' (scroll percentage), 'exit' (route exit), 'click' (element id), 'event' (host event) */
+    type: 'time' | 'scroll' | 'exit' | 'click' | 'event';
+    /** Value for the trigger (milliseconds for time, percentage for scroll, seconds for exit, element id for click, event name for event) */
     value?: number | string;
     /** Survey ID to show when triggered */
     surveyId: string;
+    /** Optional popup definition id (used to disambiguate repeated survey ids) */
+    popupId?: string;
 }
 /**
  * Options for showing a popup
@@ -67,17 +69,18 @@ interface DeepdotsEvent {
  */
 type EventListener = (event: DeepdotsEvent) => void;
 /** Tipo de trigger específico para definiciones de popup remotas */
-type PopupTriggerType = 'time_on_page' | 'scroll' | 'exit' | 'click';
+type PopupTriggerType = 'time_on_page' | 'scroll' | 'exit' | 'click' | 'event';
+type PopupTriggerConditionStatus = 'SHOWED' | 'PARTIAL' | 'COMPLETED';
+declare const POPUP_TRIGGER_CONDITION_STATUSES: PopupTriggerConditionStatus[];
 /** Condición adicional para la activación del popup */
 interface PopupTriggerCondition {
-    answered: boolean;
+    answered: PopupTriggerConditionStatus;
     cooldownDays: number;
 }
 /** Trigger asociado a la definición del popup */
 interface PopupTrigger {
     type: PopupTriggerType;
     value: number | string;
-    condition?: PopupTriggerCondition[];
 }
 /** Acción de aceptar (abrir encuesta) */
 interface PopupActionAccept {
@@ -125,7 +128,8 @@ interface PopupDefinition {
     id: string;
     title: string;
     message: string;
-    triggers: PopupTrigger;
+    triggers: PopupTrigger[];
+    cooldown?: PopupTriggerCondition[];
     actions?: PopupActions;
     surveyId: string;
     productId: string;
@@ -137,7 +141,7 @@ interface PopupRenderer {
     /** Preparar recursos si aplica */
     init?(): void;
     /** Mostrar popup */
-    show(surveyId: string, productId: string, actions: PopupActions | undefined, emit: (type: DeepdotsEventType, surveyId: string, data?: Record<string, unknown>) => void, onClose: () => void, env?: string): void;
+    show(surveyId: string, productId: string, actions: PopupActions | undefined, emit: (type: DeepdotsEventType, surveyId: string, data?: Record<string, unknown>) => void, onClose: () => void, env?: string, userId?: string): void;
     /** Ocultar popup */
     hide(): void;
 }
@@ -156,8 +160,10 @@ declare class DeepdotsPopups {
     private popupsLoaded;
     private pendingAutoLaunch;
     private answeredSurveys;
+    private surveyProgress;
     private lastShown;
     private surveyToPopupId;
+    private deferredExitTimers;
     private baseUrl;
     private env;
     /** Initialize the SDK with configuration */
@@ -179,12 +185,27 @@ declare class DeepdotsPopups {
     /** Deriva triggers desde las definiciones de popup */
     private configureTriggersFromDefinitions;
     /** Lógica para evaluar condiciones antes de mostrar una encuesta */
-    triggerSurvey(surveyId: string): void;
+    triggerSurvey(surveyId: string, popupId?: string): void;
+    /** Trigger popups configured with trigger.type = 'event' and matching trigger.value */
+    triggerEvent(eventName: string): void;
+    private showDefinition;
     private shouldShow;
+    private matchesSegmentsLang;
     private matchesSegmentsPath;
-    private evaluateCondition;
+    private evaluateCooldown;
+    private evaluateLegacyCondition;
+    private hasCooldownElapsed;
     /** Marcar encuesta como contestada externamente */
     markSurveyAnswered(surveyId: string): void;
+    /** Queue an exit popup so it can render after navigation */
+    queueExitPopup(surveyId: string, delaySeconds: number, sourceUrl?: string, popupId?: string): void;
+    private processDeferredExitQueue;
+    private scheduleDeferredExitPopup;
+    private tryShowDeferredExitPopup;
+    private findPopupDefinition;
+    private removeDeferredExitPopup;
+    private getDeferredExitQueue;
+    private setDeferredExitQueue;
     /** Fetch al servidor para obtener popups */
     private fetchPopupsFromServer;
     /** Notifica eventos de popup a la API */
@@ -207,9 +228,20 @@ declare class DeepdotsPopups {
     debug(...args: unknown[]): void;
     /** Set a custom renderer */
     setRenderer(renderer: PopupRenderer): void;
+    private normalizeUrl;
+    private safeParseUrl;
+    private mapPopupTriggerType;
+    private markSurveyProgress;
     private isPopupDefinition;
+    private isPopupTrigger;
+    private isPopupTriggerType;
+    private isPopupTriggerCondition;
+    private isLegacyPopupTriggerCondition;
+    private normalizeTriggers;
+    private normalizeCooldown;
+    private normalizeLegacyConditions;
     private normalizePopupDefinition;
     private validatePopupDefinitions;
 }
 
-export { type DeepdotsConfig, type DeepdotsEvent, type DeepdotsEventType, DeepdotsPopups, type EventListener, type ShowOptions, type TriggerConfig };
+export { type DeepdotsConfig, type DeepdotsEvent, type DeepdotsEventType, DeepdotsPopups, type EventListener, POPUP_TRIGGER_CONDITION_STATUSES, type PopupDefinition, type PopupTrigger, type PopupTriggerCondition, type PopupTriggerConditionStatus, type ShowOptions, type TriggerConfig };

package/dist/index.d.ts

@@ -31,12 +31,14 @@ interface DeepdotsConfig {
  * Options for configuring survey triggers
  */
 interface TriggerConfig {
-    /** Trigger type: 'time' (delay), 'scroll' (scroll percentage), 'exit' (exit intent), 'click' (element id) */
-    type: 'time' | 'scroll' | 'exit' | 'click';
-    /** Value for the trigger (milliseconds for time, percentage for scroll, element id for click) */
+    /** Trigger type: 'time' (delay), 'scroll' (scroll percentage), 'exit' (route exit), 'click' (element id), 'event' (host event) */
+    type: 'time' | 'scroll' | 'exit' | 'click' | 'event';
+    /** Value for the trigger (milliseconds for time, percentage for scroll, seconds for exit, element id for click, event name for event) */
     value?: number | string;
     /** Survey ID to show when triggered */
     surveyId: string;
+    /** Optional popup definition id (used to disambiguate repeated survey ids) */
+    popupId?: string;
 }
 /**
  * Options for showing a popup
@@ -67,17 +69,18 @@ interface DeepdotsEvent {
  */
 type EventListener = (event: DeepdotsEvent) => void;
 /** Tipo de trigger específico para definiciones de popup remotas */
-type PopupTriggerType = 'time_on_page' | 'scroll' | 'exit' | 'click';
+type PopupTriggerType = 'time_on_page' | 'scroll' | 'exit' | 'click' | 'event';
+type PopupTriggerConditionStatus = 'SHOWED' | 'PARTIAL' | 'COMPLETED';
+declare const POPUP_TRIGGER_CONDITION_STATUSES: PopupTriggerConditionStatus[];
 /** Condición adicional para la activación del popup */
 interface PopupTriggerCondition {
-    answered: boolean;
+    answered: PopupTriggerConditionStatus;
     cooldownDays: number;
 }
 /** Trigger asociado a la definición del popup */
 interface PopupTrigger {
     type: PopupTriggerType;
     value: number | string;
-    condition?: PopupTriggerCondition[];
 }
 /** Acción de aceptar (abrir encuesta) */
 interface PopupActionAccept {
@@ -125,7 +128,8 @@ interface PopupDefinition {
     id: string;
     title: string;
     message: string;
-    triggers: PopupTrigger;
+    triggers: PopupTrigger[];
+    cooldown?: PopupTriggerCondition[];
     actions?: PopupActions;
     surveyId: string;
     productId: string;
@@ -137,7 +141,7 @@ interface PopupRenderer {
     /** Preparar recursos si aplica */
     init?(): void;
     /** Mostrar popup */
-    show(surveyId: string, productId: string, actions: PopupActions | undefined, emit: (type: DeepdotsEventType, surveyId: string, data?: Record<string, unknown>) => void, onClose: () => void, env?: string): void;
+    show(surveyId: string, productId: string, actions: PopupActions | undefined, emit: (type: DeepdotsEventType, surveyId: string, data?: Record<string, unknown>) => void, onClose: () => void, env?: string, userId?: string): void;
     /** Ocultar popup */
     hide(): void;
 }
@@ -156,8 +160,10 @@ declare class DeepdotsPopups {
     private popupsLoaded;
     private pendingAutoLaunch;
     private answeredSurveys;
+    private surveyProgress;
     private lastShown;
     private surveyToPopupId;
+    private deferredExitTimers;
     private baseUrl;
     private env;
     /** Initialize the SDK with configuration */
@@ -179,12 +185,27 @@ declare class DeepdotsPopups {
     /** Deriva triggers desde las definiciones de popup */
     private configureTriggersFromDefinitions;
     /** Lógica para evaluar condiciones antes de mostrar una encuesta */
-    triggerSurvey(surveyId: string): void;
+    triggerSurvey(surveyId: string, popupId?: string): void;
+    /** Trigger popups configured with trigger.type = 'event' and matching trigger.value */
+    triggerEvent(eventName: string): void;
+    private showDefinition;
     private shouldShow;
+    private matchesSegmentsLang;
     private matchesSegmentsPath;
-    private evaluateCondition;
+    private evaluateCooldown;
+    private evaluateLegacyCondition;
+    private hasCooldownElapsed;
     /** Marcar encuesta como contestada externamente */
     markSurveyAnswered(surveyId: string): void;
+    /** Queue an exit popup so it can render after navigation */
+    queueExitPopup(surveyId: string, delaySeconds: number, sourceUrl?: string, popupId?: string): void;
+    private processDeferredExitQueue;
+    private scheduleDeferredExitPopup;
+    private tryShowDeferredExitPopup;
+    private findPopupDefinition;
+    private removeDeferredExitPopup;
+    private getDeferredExitQueue;
+    private setDeferredExitQueue;
     /** Fetch al servidor para obtener popups */
     private fetchPopupsFromServer;
     /** Notifica eventos de popup a la API */
@@ -207,9 +228,20 @@ declare class DeepdotsPopups {
     debug(...args: unknown[]): void;
     /** Set a custom renderer */
     setRenderer(renderer: PopupRenderer): void;
+    private normalizeUrl;
+    private safeParseUrl;
+    private mapPopupTriggerType;
+    private markSurveyProgress;
     private isPopupDefinition;
+    private isPopupTrigger;
+    private isPopupTriggerType;
+    private isPopupTriggerCondition;
+    private isLegacyPopupTriggerCondition;
+    private normalizeTriggers;
+    private normalizeCooldown;
+    private normalizeLegacyConditions;
     private normalizePopupDefinition;
     private validatePopupDefinitions;
 }
 
-export { type DeepdotsConfig, type DeepdotsEvent, type DeepdotsEventType, DeepdotsPopups, type EventListener, type ShowOptions, type TriggerConfig };
+export { type DeepdotsConfig, type DeepdotsEvent, type DeepdotsEventType, DeepdotsPopups, type EventListener, POPUP_TRIGGER_CONDITION_STATUSES, type PopupDefinition, type PopupTrigger, type PopupTriggerCondition, type PopupTriggerConditionStatus, type ShowOptions, type TriggerConfig };