@magicfeedback/popup-sdk 1.1.0 → 1.1.1

package/dist/react-native.js

@@ -0,0 +1,3202 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tracking/tracking-manager.ts
+function createDefaultStorage() {
+  try {
+    if (typeof window !== "undefined" && window.localStorage) {
+      const ls = window.localStorage;
+      const probe = "__deepdots_probe__";
+      ls.setItem(probe, "1");
+      ls.removeItem(probe);
+      return {
+        getItem: (k) => ls.getItem(k),
+        setItem: (k, v) => ls.setItem(k, v),
+        removeItem: (k) => ls.removeItem(k)
+      };
+    }
+  } catch {
+  }
+  return new InMemoryStorage();
+}
+function buildSurveyIdentity(userId, sessionId, miniService = null) {
+  const profile = userId ? [{ key: "external-user-id", value: [userId] }] : [];
+  const metadata = [];
+  if (sessionId) metadata.push({ key: "session_id", value: [sessionId] });
+  if (userId) metadata.push({ key: "user_id", value: [userId] });
+  if (miniService) metadata.push({ key: "mini_service", value: [miniService] });
+  return { profile, metadata };
+}
+function defaultUuid() {
+  const g = typeof globalThis !== "undefined" ? globalThis : {};
+  if (g.crypto?.randomUUID) return g.crypto.randomUUID();
+  const bytes = new Uint8Array(16);
+  if (g.crypto?.getRandomValues) {
+    g.crypto.getRandomValues(bytes);
+  } else {
+    for (let i = 0; i < 16; i++) bytes[i] = Math.floor(Math.random() * 256);
+  }
+  bytes[6] = bytes[6] & 15 | 64;
+  bytes[8] = bytes[8] & 63 | 128;
+  const hex = Array.from(bytes, (b) => b.toString(16).padStart(2, "0"));
+  return `${hex.slice(0, 4).join("")}-${hex.slice(4, 6).join("")}-${hex.slice(6, 8).join("")}-${hex.slice(8, 10).join("")}-${hex.slice(10, 16).join("")}`;
+}
+var InMemoryStorage, STORAGE_KEYS, TrackingManager;
+var init_tracking_manager = __esm({
+  "src/tracking/tracking-manager.ts"() {
+    "use strict";
+    InMemoryStorage = class {
+      constructor() {
+        this.map = /* @__PURE__ */ new Map();
+      }
+      getItem(key) {
+        return this.map.has(key) ? this.map.get(key) : null;
+      }
+      setItem(key, value) {
+        this.map.set(key, value);
+      }
+      removeItem(key) {
+        this.map.delete(key);
+      }
+    };
+    STORAGE_KEYS = {
+      userId: "deepdots.user_id",
+      firstSeen: "deepdots.user.first_seen",
+      contactAttributes: "deepdots.contact.attributes"
+    };
+    TrackingManager = class {
+      constructor(options) {
+        /** session_id cacheado, provisto por el backend (no se genera ni se persiste). */
+        this.sessionId = null;
+        this.userWasJustCreated = false;
+        this.storage = options.storage;
+        this.clientUserId = options.clientUserId;
+        this.now = options.now ?? (() => Date.now());
+        this.uuid = options.uuid ?? defaultUuid;
+        this.enabled = options.enabled ?? true;
+      }
+      isTrackingEnabled() {
+        return this.enabled;
+      }
+      setTrackingEnabled(enabled) {
+        this.enabled = enabled;
+      }
+      /** Resuelve el user_id según la regla: cliente > persistido > generar+persistir. */
+      getUserId() {
+        if (!this.enabled) return null;
+        if (this.clientUserId) return this.clientUserId;
+        const persisted = this.storage.getItem(STORAGE_KEYS.userId);
+        if (persisted) return persisted;
+        const id = this.uuid();
+        this.storage.setItem(STORAGE_KEYS.userId, id);
+        this.storage.setItem(STORAGE_KEYS.firstSeen, String(this.now()));
+        this.userWasJustCreated = true;
+        return id;
+      }
+      /** `true` solo en la primera sesión tras crear el user_id propio del SDK. */
+      isNewUser() {
+        return this.userWasJustCreated;
+      }
+      /** session_id actual provisto por el backend, o null si aún no llegó. */
+      getSessionId() {
+        if (!this.enabled) return null;
+        return this.sessionId;
+      }
+      /** Cachea el session_id devuelto por el backend (respuesta de POST /sdk/popups). */
+      setSessionId(sessionId) {
+        if (!this.enabled) return;
+        this.sessionId = sessionId;
+      }
+    };
+  }
+});
+
+// src/assets/style.css
+var style_default;
+var init_style = __esm({
+  "src/assets/style.css"() {
+    style_default = `.magicfeedback-container {
+    width: 100%;
+}
+
+
+.magicfeedback-success-message,
+.magicfeedback-info-message,
+.magicfeedback-start-message,
+.magicfeedback-container{
+    animation-duration: 0.5s;
+    animation-name: animate-fade;
+    animation-delay: 0.25s;
+    animation-fill-mode: backwards;
+
+    font-style: normal;
+    text-align: justify;
+    font-weight: 400;
+    font-size: 1.2rem;
+    color: #475569;
+    line-height: 1.5;
+}
+
+@keyframes animate-fade {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+}
+
+.magicfeedback-form {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    width: 100%;
+}
+.magicfeedback-questions {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    width: 100%;
+}
+
+.magicfeedback-div {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    margin-bottom: 10px;
+    width: 100%;
+}
+
+.magicfeedback-label {
+    margin-bottom: 25px;
+    margin-top: 20px;
+    font-weight: 400;
+    font-family: inherit;
+    font-size: 1.2rem;
+    color: #212529;
+    text-align: start;
+    word-wrap: break-word;
+    white-space: normal;
+
+}
+
+.magicfeedback-checkbox {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
+.magicfeedback-checkbox-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    margin-bottom: 5px;
+    margin-top: 5px;
+}
+
+.magicfeedback-radio {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    width: 100%;
+    margin-right: 5px;
+    padding: 5px;
+}
+
+.magicfeedback-checkbox-container,
+.magicfeedback-radio-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    margin: 5px;
+    padding: 5px 0;
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: 0 0 3px #ccc;
+}
+
+.deepdots-popup input::-webkit-outer-spin-button,
+.deepdots-popup input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+}
+
+.magicfeedback-checkbox input[type="checkbox"] {
+    margin-right: 5px;
+    margin-left: 5px;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+}
+
+
+.magicfeedback-checkbox label,
+.magicfeedback-radio-container label {
+    margin-left: 5px;
+    font-weight: 400;
+    font-family: inherit;
+    font-size: 16px;
+    color: #212529;
+    text-align: start;
+    width: 100%;
+}
+
+.deepdots-popup p {
+    margin-bottom: 0px;
+    font-size: 12px;
+}
+
+.deepdots-popup h2 {
+    line-height: 1.66;
+    margin: 0;
+    padding: 0;
+    font-weight: 900;
+    color: #222;
+    font-family: 'Montserrat';
+    font-size: 18px;
+    text-transform: uppercase;
+    text-align: center;
+    margin-bottom: 40px;
+}
+
+.deepdots-popup h6 {
+    margin-bottom: 1rem;
+}
+
+.deepdots-popup input[type="date"],
+.deepdots-popup input[type="text"],
+.deepdots-popup input[type="number"],
+.deepdots-popup input[type="email"],
+.deepdots-popup input[type="password"],
+.deepdots-popup textarea,
+.deepdots-popup select {
+    box-sizing: border-box;
+    padding: 10px;
+    margin: 10px 0;
+    width: 100%;
+    border: 2px solid #ccc; /* Default border color - you can customize this */
+    border-radius: 5px;
+    font-size: 18px;
+    outline: none;
+    transition: border-color 0.3s ease;
+    min-height: 50px;
+    font-family: inherit;
+    -webkit-appearance: none;
+}
+
+.deepdots-popup select {
+    background-image: linear-gradient(45deg, transparent 50%, gray 50%),
+    linear-gradient(135deg, gray 50%, transparent 50%),
+    linear-gradient(to right, #ccc, #ccc);
+    background-position: calc(100% - 20px) calc(1em + 2px),
+    calc(100% - 15px) calc(1em + 2px),
+    calc(100% - 2.5em) 0.5em;
+    background-size: 5px 5px,
+    5px 5px,
+    1px 1.5em;
+    background-repeat: no-repeat;
+}
+
+.magicfeedback-boolean-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    margin: 10px 0;
+    width: 100%;
+}
+
+.magicfeedback-boolean-container label {
+    margin-left: 10px;
+    font-weight: 400;
+    font-size: 16px;
+    width: 100%;
+    padding-top: 5px;
+}
+
+.magicfeedback-boolean-option {
+    margin-right: 10px;
+    margin-left: 10px;
+    width: 100%;
+    height: 38px;
+    border-radius: 8px;
+    font-size: 16px;
+    cursor: pointer;
+    border: 1px solid #ced4da !important;
+}
+
+.magicfeedback-boolean-option label {
+    font-weight: 400;
+    font-size: 16px;
+    color: #475569;
+    cursor: pointer;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: inherit;
+}
+
+.magicfeedback-boolean-option input[type=radio] + label:hover {
+    color: #007bff;
+}
+
+.magicfeedback-boolean-option input[type=radio]:checked + label {
+    color: #007bff;
+    background-color: #cadff8;
+}
+
+.deepdots-popup input[type="radio"] {
+    padding: 20px;
+    margin: 10px 0 10px 15px;
+    width: 40px;
+    background-color: #fff;
+    box-shadow: none;
+}
+
+/* Style for focused input/select */
+.deepdots-popup input:focus, .deepdots-popup select:focus {
+    border-color: #4CAF50; /* Highlight color when focused - you can customize this */
+}
+
+/* Style for invalid input (example: validation error) */
+.deepdots-popup input.error, .deepdots-popup select.error {
+    border-color: #ff3333; /* Red color for error state - you can customize this */
+}
+
+.magicfeedback-action-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 10px;
+    width: 100%;
+}
+
+.magicfeedback-action-container .magicfeedback-submit {
+    cursor: pointer;
+    padding: 10px;
+    margin: 10px 0;
+    width: 100px;
+    border-radius: 8px;
+    font-size: 16px;
+    outline: none;
+    transition: border-color 0.3s ease;
+    background-color: #1E293B;
+    color: white;
+}
+
+.magicfeedback-action-container .magicfeedback-back {
+    cursor: pointer;
+    padding: 10px;
+    margin: 10px 0;
+    width: 100px;
+    border: 0;
+    border-radius: 8px;
+    font-size: 16px;
+    outline: none;
+    transition: border-color 0.3s ease;
+    background-color: transparent;
+    color: #212529;
+}
+
+
+
+/* Rating styles */
+.magicfeedback-rating {
+    width: 100%;
+}
+
+.magicfeedback-rating-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    align-items: center;
+
+    margin: 15px 5px;
+    padding: 0;
+
+    list-style: none;
+    font-size: 1.5rem;
+    cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+.magicfeedback-rating-placeholder-value,
+.magicfeedback-rating-placeholder{
+    text-align: center;
+    align-content: center;
+    justify-content: center;
+    text-wrap: wrap;
+}
+
+.magicfeedback-rating-option {
+    margin: 0 0.5rem;
+    padding: 0;
+}
+
+@media (max-width: 1024px) {
+    .magicfeedback-rating-option {
+        margin: 10px 0;
+        padding: 0;
+        width: 20%;
+        display: flex;
+        justify-content: center;
+    }
+
+    .magicfeedback-rating-placeholder-value {
+        font-size: 0.75rem;
+        margin-bottom: 1px;
+    }
+    .magicfeedback-rating-placeholder{
+        justify-content: center;
+    }
+
+    .magicfeedback-rating-container {
+        flex-wrap: wrap;
+        justify-content: flex-start;
+    }
+}
+
+
+.magicfeedback-rating-option-label-container {
+    display: flex;
+    flex-direction: column;
+}
+
+
+.magicfeedback-rating-option-label-container label {
+    display: inline-block;
+    text-align: center;
+    margin-bottom: 0;
+    font-weight: 600;
+    font-size: 18px;
+    color: #475569;
+}
+
+.magicfeedback-rating-option-label-container input[type=radio] {
+    position: absolute;
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+/* IMAGE STYLES */
+.magicfeedback-rating-option-label-container input[type=radio] + img {
+    cursor: pointer;
+    height: 48px;
+    width: 48px;
+}
+
+/* LABEL STYLES */
+.magicfeedback-rating-option-label-container input[type=radio] + label {
+    cursor: pointer;
+}
+
+/* CHECKED STYLES */
+.magicfeedback-rating-option-label-container input[type=radio]:checked + img {
+    box-shadow: #007bff 0px 1px 4px, #007BFFA0 0px 0px 0px 2px;
+    border-radius: 50%;
+}
+
+.magicfeedback-rating-number {
+    width: 100%;
+}
+.magicfeedback-rating-container,
+.magicfeedback-rating-number-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+
+    margin: 15px 0;
+    padding: 0;
+
+    list-style: none;
+    font-size: 1.5rem;
+    cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+/* Cuando hay placeholders (Very bad / Very good), el placeholder ocupa
+   el 100% de la primera l\xEDnea 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;
+    justify-content: flex-start;
+    align-items: center;
+    margin: 5px;
+    padding: 0;
+    list-style: none;
+    font-size: 1.5rem;
+    cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    width: 100%;
+}
+
+.magicfeedback-rating-number-option-row{
+    max-width: 100% !important;
+}
+
+.magicfeedback-rating-number-top-placeholder,
+.magicfeedback-rating-number-bottom-placeholder{
+    text-align: center !important;
+    align-content: center;
+    justify-content: center;
+    text-wrap: wrap;
+
+    font-size: 15px;
+    color: #475569;
+
+    width: 100%;
+    margin: auto;
+}
+
+@media (min-width: 650px) {
+    .magicfeedback-rating-number-option-row +.magicfeedback-rating-number-container-ltr:first-child,
+    .magicfeedback-rating-number-option-row + +.magicfeedback-rating-number-container-rtl:last-child {
+        margin-left: 0;
+        width: calc(100% - 10px);
+    }
+
+    .magicfeedback-rating-number-option-row +.magicfeedback-rating-number-container-rtl:first-child,
+    .magicfeedback-rating-number-option-row + +.magicfeedback-rating-number-container-ltr:last-child {
+        margin-right: 0;
+        width: calc(100% - 10px);
+    }
+}
+
+
+.magicfeedback-rating-number-option-label-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+}
+
+.magicfeedback-rating-number-option-label-container label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin: 0 10px;
+    font-weight: 600;
+    font-size: 14px;
+    color: #475569;
+    cursor: pointer;
+    width: 100%;
+    height: 100%;
+    min-height: 50px;
+    text-align: center;
+    padding: 0;
+    border-radius: 4px;
+    border: 1px solid #ced4da;
+    background-color: rgba(246, 246, 246, 0.3);
+    transition: background-color 0.15s ease-in-out;
+}
+
+.magicfeedback-rating-number-option-label-container input[type=radio] {
+    position: absolute;
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+.magicfeedback-rating-number-option-label-container input[type=radio] + label {
+    cursor: pointer;
+}
+
+.magicfeedback-rating-number-option-label-container input[type=radio] + label:hover,
+.magicfeedback-rating-number-option-label-container input[type=radio]:checked + label {
+    color: #007bff;
+    border: 1px solid #007bff;
+    background-color: rgba(86, 168, 253, 0.29);
+}
+
+.magicfeedback-rating-number-container-column{
+    align-items: flex-start !important;
+}
+
+@media (max-width: 650px) {
+    .magicfeedback-rating-number-container-ltr {
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+
+    .magicfeedback-rating-number-container-rtl {
+        justify-content: center;
+        flex-wrap: wrap-reverse;
+    }
+
+    .magicfeedback-rating-number-option {
+        max-width: 100%;
+        height: 55px;
+        margin: 5px 0;
+    }
+}
+
+.magicfeedback-rating-star {
+    width: 100%;
+}
+
+.magicfeedback-rating-star-container {
+    display: flex !important;
+    flex-direction: row !important;
+    justify-content: center !important;
+    align-items: center !important;
+    flex-wrap: wrap;
+    margin: 15px 5px;
+    padding: 0;
+    list-style: none;
+    font-size: 1.5rem;
+    cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+.magicfeedback-rating-star-option:not(:checked) > .rating__star {
+    float: right;
+    width: 1em;
+    overflow: hidden;
+    white-space: nowrap;
+    cursor: pointer;
+    font-size: 30px;
+    color: #ccc;
+    margin: 0 10px;
+}
+
+.magicfeedback-rating-star-option:not(:checked) > .rating__star:hover,
+.magicfeedback-rating-star-option:not(:checked) > .rating__star:hover ~ span {
+    color: #deb217 !important;
+}
+
+.magicfeedback-rating-star-selected {
+    color: #ffc700 !important;
+}
+
+
+/* Style for multiple choice image */
+.magicfeedback-image-option-label-container:hover {
+    cursor: pointer;
+    border: 0 !important;
+}
+
+.magicfeedback-image-option-label-container input[type=radio]:checked + img,
+.magicfeedback-image-option-label-container input[type=checkbox]:checked + img {
+    border: 1px solid #007bff !important;
+    box-shadow: 0 0 3px #007bff !important;
+}
+
+.magicfeedback-image-option-label-container input[type=radio] + img,
+.magicfeedback-image-option-label-container input[type=checkbox] + img {
+    border: 1px solid transparent !important;
+}
+
+.magicfeedback-image-option-label-container{
+    margin: 10px !important;
+    height: calc(100% - 20px) !important;
+    width: calc(100% - 20px) !important;
+}
+
+.magicfeedback-multiple-choice-image-option {
+    display: flex;
+    height: auto !important;
+    box-shadow: 0 0 3px #ccc;
+}
+
+.magicfeedback-multiple-choice-image-label {
+    font-size: 1rem;
+}
+
+.magicfeedback-consent-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    margin: 10px 0;
+    width: 100%;
+}
+
+.magicfeedback-consent-container label {
+    margin-left: 10px;
+}
+
+.magicfeedback-start-message-container {
+    /* ... add your start message container styles here ... */
+}
+
+.magicfeedback-success-message,
+.magicfeedback-info-message,
+.magicfeedback-start-message {
+    margin: 35px 5px;
+}
+
+.magicfeedback-success-message p,
+.magicfeedback-info-message p,
+.magicfeedback-start-message p {
+    font-style: normal;
+    text-align: start;
+    font-weight: 400;
+    font-size: 16px;
+    color: #475569;
+    line-height: 1.5;
+}
+
+.magicfeedback-success-message img,
+.magicfeedback-info-message img,
+.magicfeedback-start-message img {
+    width: 400px;
+    max-width: 80%;
+    height: auto;
+    margin: 10px auto;
+}
+
+.magicfeedback-counter,
+.magicfeedback-point-system-total {
+    margin: 10px 0 0 0 !important;
+    display: flex !important;
+    justify-content: right !important;
+    align-items: center !important;
+    width: 100%;
+}
+
+.magicfeedback-skip-container {
+    background-color: transparent !important;
+    border: 0 !important;
+    color: #999999FF !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    cursor: pointer !important;
+    font-size: 0.5em !important;
+    font-weight: 400 !important;
+    box-shadow: 0 0 0 !important;
+
+    &:hover {
+        color: #0066ff;
+    }
+}
+
+.magicfeedback-skip-container input[type=checkbox] {
+    border-color: #999999FF !important;
+    border: 0 !important;
+    cursor: pointer !important;
+
+}
+
+.magicfeedback-multi-question-matrix,
+.magicfeedback-point-system,
+.magicfeedback-priority-list {
+    width: 100% !important;
+}
+
+.magicfeedback-multi-question-matrix-container,
+.magicfeedback-point-system-container,
+.magicfeedback-priority-list-container {
+    width: 100% !important;
+    overflow-x: auto;
+}
+
+.magicfeedback-point-system-list,
+.magicfeedback-priority-list-list,
+.magicfeedback-multi-question-matrix-table {
+    width: 100% !important;
+    padding: 0 !important;
+    overflow-x: auto;
+}
+
+.magicfeedback-multi-question-matrix {
+    position: relative !important;
+}
+
+.magicfeedback-multi-question-matrix-container {
+    overflow: auto !important;
+    padding-bottom: 10px;
+}
+
+.magicfeedback-multi-question-matrix-label{
+    text-align: left !important;
+}
+.magicfeedback-priority-list-item {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 0 10px 10px;
+
+    border: 1px solid #ced4da;
+    border-radius: 5px;
+    margin: 10px 0 !important;
+}
+
+.magicfeedback-point-system-item {
+    height: 45px;
+    margin: 5px 0 !important;
+}
+
+.magicfeedback-point-system-item label,
+.magicfeedback-priority-list-item-label {
+    font-family: inherit;
+    font-size: 18px !important;
+    color: #212529;
+    text-align: start;
+    word-wrap: break-word;
+    white-space: normal;
+    padding: 0 10px 0 0;
+}
+
+.magicfeedback-point-system-input-container {
+    padding: 0 10px 0 0;
+    border-radius: 5px;
+    font-size: 14px;
+    border: 1px solid #ced4da;
+    height: 42px;
+    margin: auto 0;
+}
+
+.magicfeedback-multi-question-matrix-table thead {
+    margin-bottom: 20px;
+}
+
+.magicfeedback-multi-question-matrix-table th{
+    text-align: center;
+    font-weight: 400 !important;
+    font-size: 1rem !important;
+    padding: 0  10px !important;
+}
+
+.magicfeedback-multi-question-matrix-table th,
+.magicfeedback-multi-question-matrix-table td label,
+.magicfeedback-priority-list-arrow-up,
+.magicfeedback-priority-list-arrow-down {
+    font-style: normal !important;
+    font-weight: 400 !important;
+    font-size: 1rem !important;
+    color: #475569 !important;
+    cursor: pointer !important;
+    margin: 0 !important;
+    line-height: inherit;
+}
+
+.magicfeedback-multi-question-matrix-table tr {
+    align-items: center;
+    margin: 5px 0;
+}
+
+.magicfeedback-multi-question-matrix-row-tr{
+    border-radius: 5px;
+    margin: 10px 0 !important;
+}
+
+.magicfeedback-multi-question-matrix-row-tr:nth-child(odd) {
+    background-color: #f1f6f6; /* Light gray background for odd rows */
+}
+
+.magicfeedback-multi-question-matrix-row-tr:nth-child(even) {
+    background-color: #ffffff; /* White background for even rows */
+}
+
+.magicfeedback-multi-question-matrix-row-label {
+    text-align: left !important;
+}
+
+.magicfeedback-point-system-item span {
+    color: #475569 !important;
+}
+
+.magicfeedback-point-system-item input {
+    padding: 0;
+    margin: 0 !important;
+    width: auto !important;
+    min-width: 100px !important;
+    height: auto !important;
+    min-height: 42px;
+    cursor: pointer;
+    font-size: 14px;
+    text-align: center !important;
+}
+
+.magicfeedback-multi-question-matrix-table input {
+    margin: auto !important;
+    padding: 20px !important;
+    width: 100% !important;
+    height: 15px;
+    border: 1px solid #ced4da;
+    cursor: pointer;
+}
+
+.magicfeedback-image{
+    max-height: 400px !important;
+    height: auto !important;
+    max-width: 100% !important;
+    margin: 10px auto !important;
+}
+
+.magicfeedback-error{
+    margin-top: 5px;
+}`;
+  }
+});
+
+// src/ui/renderPopup.ts
+var renderPopup_exports = {};
+__export(renderPopup_exports, {
+  renderPopup: () => renderPopup
+});
+function ensureMagicFeedbackStyles(_popup) {
+  const STYLE_ID = "magicfeedback-sdk-styles";
+  if (document.getElementById(STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = style_default;
+  document.head.appendChild(style);
+}
+function ensureSpinnerStyles(_popup) {
+  if (document.getElementById("deepdots-spinner-styles")) return;
+  const style = document.createElement("style");
+  style.id = "deepdots-spinner-styles";
+  style.textContent = `
+    @keyframes ddspin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+    .mf-spinner { display:flex; justify-content:center; align-items:center; padding:8px 0; }
+    .mf-spinner-circle { width:28px; height:28px; border:3px solid #e0e6ed; border-top-color:#1E293B; border-radius:50%; animation: ddspin 0.9s linear infinite; }
+  `;
+  document.head.appendChild(style);
+}
+function ensureResponsiveStyles(_popup) {
+  if (document.getElementById("deepdots-responsive-styles")) return;
+  const style = document.createElement("style");
+  style.id = "deepdots-responsive-styles";
+  style.textContent = `
+    /* Responsive adjustments */
+    @media (max-width: 640px) {
+      .deepdots-popup {
+        width: calc(100% - 24px) !important;
+        max-width: calc(100% - 24px) !important;
+        height: auto !important;
+        max-height: 90vh !important;
+        border-radius: 12px !important;
+        padding: calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) 16px !important;
+        box-sizing: border-box;
+      }
+      .deepdots-popup .mf-spinner-circle { width: 32px; height: 32px; border-width: 4px; }
+      .deepdots-popup button { font-size: 16px !important; }
+      .deepdots-popup-header button { width:48px; height:48px; }
+      .deepdots-popup-header button svg { width:26px; height:26px; }
+      .deepdots-popup-footer { flex-direction: column-reverse !important; gap: 12px !important; }
+      .deepdots-popup-footer button { width: 100%; }
+    }
+    @media (max-width: 400px) {
+      .deepdots-popup { padding: calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom)) 12px !important; }
+      .deepdots-popup-header button { width:48px; height:48px; }
+      .deepdots-popup-header button svg { width:26px; height:26px; }
+    }
+    @media (orientation: landscape) and (max-height: 480px) {
+      .deepdots-popup {
+        height: 100vh !important;
+        max-height: 100vh !important;
+        overflow-y: auto !important;
+      }
+    }
+  `;
+  document.head.appendChild(style);
+}
+async function renderPopup(container, surveyId, productId, actions, emit, onClose, env = "production", userId, style, sessionId, miniService) {
+  let surveyCompletedEmitted = false;
+  let stylesInjected = false;
+  const isDark = style?.theme === "dark";
+  const theme = {
+    popupBg: isDark ? "#1e1e1e" : "#fff",
+    textPrimary: isDark ? "#f0f0f0" : "#111",
+    closeBtnHoverBg: isDark ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.06)",
+    closeBtnHoverColor: isDark ? "#fff" : "#000000"
+  };
+  const positionMap = {
+    "center": { justifyContent: "center", alignItems: "center", background: "rgba(0,0,0,0.5)" },
+    "bottom": { justifyContent: "center", alignItems: "flex-end", padding: "16px", background: "transparent" },
+    "bottom-right": { justifyContent: "flex-end", alignItems: "flex-end", padding: "16px", background: "transparent" },
+    "bottom-left": { justifyContent: "flex-start", alignItems: "flex-end", padding: "16px", background: "transparent" },
+    "top": { justifyContent: "center", alignItems: "flex-start", padding: "16px", background: "transparent" },
+    "top-right": { justifyContent: "flex-end", alignItems: "flex-start", padding: "16px", background: "transparent" },
+    "top-left": { justifyContent: "flex-start", alignItems: "flex-start", padding: "16px", background: "transparent" }
+  };
+  const pos = positionMap[style?.position ?? "center"] ?? positionMap["center"];
+  const popup = document.createElement("div");
+  popup.className = "deepdots-popup";
+  popup.style.cssText = `
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      background: ${theme.popupBg};
+      border-radius: 8px;
+      padding: 24px;
+      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+      max-width: 600px;
+      width: 90%;
+      min-height: 200px;
+    `;
+  const header = document.createElement("div");
+  header.className = "deepdots-popup-header";
+  header.style.cssText = "display:flex; justify-content:flex-end; align-items:center; width:100%;";
+  const closeBtn = document.createElement("button");
+  closeBtn.type = "button";
+  closeBtn.setAttribute("aria-label", "Close popup");
+  closeBtn.innerHTML = `
+      <svg width="28" height="28" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M6 6L18 18M6 18L18 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+      </svg>
+    `;
+  closeBtn.style.cssText = `
+      background:transparent;
+      border:none;
+      width:32px;
+      height:32px;
+      display:flex;
+      align-items:center;
+      justify-content:center;
+      border-radius: 8px;
+      cursor:pointer;
+      color:${theme.textPrimary};
+      padding:4px;
+      transition: color .15s ease, transform .15s ease, background .15s ease;
+      box-shadow: none !important;
+    `;
+  closeBtn.onmouseenter = () => {
+    closeBtn.style.color = theme.closeBtnHoverColor;
+    closeBtn.style.background = theme.closeBtnHoverBg;
+    closeBtn.style.transform = "scale(1.06)";
+  };
+  closeBtn.onmouseleave = () => {
+    closeBtn.style.color = theme.textPrimary;
+    closeBtn.style.background = "transparent";
+    closeBtn.style.transform = "scale(1)";
+  };
+  closeBtn.onclick = () => {
+    emit("popup_clicked", surveyId, { action: "close_icon" });
+    onClose();
+  };
+  header.appendChild(closeBtn);
+  ensureMagicFeedbackStyles(popup);
+  ensureSpinnerStyles(popup);
+  ensureResponsiveStyles(popup);
+  const containerContent = document.createElement("div");
+  containerContent.className = "deepdots-popup-container-conetent";
+  containerContent.style.cssText = `
+    display:flex; 
+    flex-direction:column; 
+    padding: 0 20px 12px 20px;
+      max-height: 80vh; /* l\xEDmite general del popup */
+      overflow: hidden; /* quita scroll del contenedor principal */
+`;
+  const main = document.createElement("div");
+  main.className = "deepdots-popup-main";
+  main.style.cssText = "display:flex; flex-direction:column; width:100%; max-height:80vh; overflow-y:auto;";
+  const formWrapper = document.createElement("div");
+  formWrapper.style.cssText = "width:100%; flex: 1 1 auto;";
+  const errorHint = document.createElement("div");
+  errorHint.className = "deepdots-error-hint";
+  errorHint.style.cssText = `
+      display: none;
+      margin: 12px 0 0 0;
+      padding: 10px 12px;
+      border-radius: 6px;
+      background: #FEF3C7; /* amber-100 */
+      color: #92400E; /* amber-700 */
+      border: 1px solid #FCD34D; /* amber-300 */
+      font-size: 13px;
+    `;
+  errorHint.setAttribute("role", "alert");
+  errorHint.setAttribute("aria-live", "polite");
+  const spinnerEl = document.createElement("div");
+  spinnerEl.className = "mf-spinner";
+  spinnerEl.setAttribute("role", "status");
+  spinnerEl.setAttribute("aria-label", "Loading survey");
+  spinnerEl.innerHTML = '<div class="mf-spinner-circle"></div>';
+  spinnerEl.style.cssText = "position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);";
+  const formDivId = `magicfeedback-form-${surveyId}`;
+  const formHost = document.createElement("div");
+  formHost.id = formDivId;
+  formHost.style.cssText = "width:100%; visibility:hidden;";
+  formWrapper.appendChild(spinnerEl);
+  formWrapper.appendChild(formHost);
+  main.appendChild(formWrapper);
+  main.appendChild(errorHint);
+  const footer = document.createElement("div");
+  footer.className = "deepdots-popup-footer";
+  footer.setAttribute("data-actions-wrapper", "true");
+  footer.style.cssText = "display:flex; flex-direction: row-reverse ;justify-content:space-between; align-items:center; gap:8px; margin-top:auto; width:100%; padding-top:16px;";
+  const backButton = document.createElement("button");
+  backButton.textContent = actions?.back ? actions.back.label : "Back";
+  backButton.style.cssText = `
+      background: transparent;
+      color: #333;
+      border: 1px solid #999;
+      padding: 12px 24px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+      transition: filter .15s ease;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    `;
+  backButton.onmouseenter = () => {
+    backButton.style.filter = "brightness(0.9)";
+  };
+  backButton.onmouseleave = () => {
+    backButton.style.filter = "brightness(1)";
+  };
+  backButton.onclick = () => {
+    emit("popup_clicked", surveyId, { action: "back" });
+    formInstance?.back?.();
+  };
+  const startButton = document.createElement("button");
+  startButton.textContent = actions?.start ? actions.start.label : "Start survey";
+  startButton.style.cssText = `
+      background: #1E293B;
+      color: #fff;
+      border: none;
+      padding: 12px 24px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+      transition: filter .15s ease;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    `;
+  startButton.onclick = () => {
+    emit("popup_clicked", surveyId, { action: "start_survey" });
+    formInstance?.startForm?.();
+  };
+  const closeButton = document.createElement("button");
+  closeButton.textContent = actions?.complete ? actions.complete.label : "Complete survey";
+  closeButton.style.cssText = `
+      background: #1E293B;
+      color: #fff;
+      border: none;
+      padding: 12px 24px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+      transition: filter .15s ease;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    `;
+  closeButton.onmouseenter = () => {
+    closeButton.style.filter = "brightness(0.9)";
+  };
+  closeButton.onmouseleave = () => {
+    closeButton.style.filter = "brightness(1)";
+  };
+  closeButton.onclick = () => {
+    emit("popup_clicked", surveyId, { action: "complete" });
+    onClose();
+  };
+  const submitButton = document.createElement("button");
+  submitButton.textContent = actions?.accept ? actions.accept.label : "Send";
+  submitButton.style.cssText = `
+      background: #1E293B;
+      color: #fff;
+      border: none;
+      padding: 12px 24px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+      transition: filter .15s ease;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    `;
+  submitButton.onclick = () => {
+    if (!surveyCompletedEmitted) {
+      emit("popup_clicked", surveyId, { action: "manual_send" });
+      formInstance?.send?.();
+    }
+  };
+  backButton.style.display = "none";
+  startButton.style.display = "none";
+  submitButton.style.display = "none";
+  closeButton.style.display = "none";
+  footer.appendChild(submitButton);
+  footer.appendChild(backButton);
+  footer.appendChild(closeButton);
+  footer.appendChild(startButton);
+  main.appendChild(footer);
+  containerContent.appendChild(main);
+  function updateButtons(state) {
+    backButton.style.display = "none";
+    startButton.style.display = "none";
+    submitButton.style.display = "none";
+    closeButton.style.display = "none";
+    backButton.style.width = "";
+    startButton.style.width = "";
+    submitButton.style.width = "";
+    closeButton.style.width = "";
+    switch (state) {
+      case "loading":
+        break;
+      case "start":
+        startButton.style.display = "inline-flex";
+        startButton.style.width = "100%";
+        break;
+      case "in_progress_first":
+        submitButton.style.display = "inline-flex";
+        submitButton.style.width = "";
+        setLoading(false);
+        break;
+      case "in_progress_next":
+        backButton.style.display = "inline-flex";
+        submitButton.style.display = "inline-flex";
+        setLoading(false);
+        break;
+      case "completed":
+        closeButton.style.display = "inline-flex";
+        closeButton.style.width = "100%";
+        setLoading(false);
+        break;
+      case "error":
+        setLoading(false);
+        break;
+    }
+  }
+  popup.appendChild(header);
+  popup.appendChild(containerContent);
+  container.innerHTML = "";
+  container.appendChild(popup);
+  container.style.display = "flex";
+  container.style.justifyContent = pos.justifyContent;
+  container.style.alignItems = pos.alignItems;
+  container.style.background = pos.background;
+  if (pos.padding) container.style.padding = pos.padding;
+  function setLoading(isLoading) {
+    spinnerEl.style.display = isLoading ? "flex" : "none";
+    if (!isLoading) {
+      formHost.style.visibility = "visible";
+    }
+    footer.style.display = isLoading ? "none" : "flex";
+    backButton.disabled = isLoading;
+    startButton.disabled = isLoading;
+    closeButton.disabled = isLoading;
+    submitButton.disabled = isLoading;
+    submitButton.style.opacity = isLoading ? "0.6" : "1";
+    submitButton.style.cursor = isLoading ? "not-allowed" : "pointer";
+    if (isLoading) {
+      updateButtons("loading");
+    }
+  }
+  setLoading(true);
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return;
+  }
+  let formInstance = null;
+  try {
+    if (!import_native.default || typeof import_native.default.form !== "function") {
+      console.warn("[MagicFeedback] form() no disponible. Fallback manual.");
+      setLoading(false);
+      return;
+    }
+    import_native.default.init(
+      {
+        debug: true,
+        env: env === "production" ? "prod" : "dev"
+      }
+    );
+    const { profile, metadata } = buildSurveyIdentity(userId ?? null, sessionId ?? null, miniService ?? null);
+    formInstance = import_native.default.form(surveyId, productId, profile, metadata);
+    const generateOptions = {
+      addButton: false,
+      getMetaData: true
+    };
+    generateOptions.onLoadedEvent = ({ formData }) => {
+      try {
+      } catch (e) {
+      }
+      const s = formData?.style;
+      if (s && !stylesInjected) {
+        stylesInjected = true;
+        if (s.boxBackgroundColor) {
+          popup.style.background = s.boxBackgroundColor;
+        }
+        if (s.contentAlign) {
+          main.style.justifyContent = s.contentAlign === "center" ? "center" : "flex-start";
+        }
+        if (s.buttonPrimaryColor) {
+          submitButton.style.background = s.buttonPrimaryColor;
+          submitButton.style.border = "none";
+          submitButton.style.color = "#fff";
+          startButton.style.background = s.buttonPrimaryColor;
+          startButton.style.border = "none";
+          startButton.style.color = "#fff";
+          closeButton.style.background = s.buttonPrimaryColor;
+          closeButton.style.border = "none";
+          closeButton.style.color = "#fff";
+        }
+        if (s.buttonSecondaryColor) {
+          backButton.style.background = "#fff";
+          backButton.style.color = s.buttonSecondaryColor;
+          backButton.style.border = `1px solid ${s.buttonSecondaryColor}`;
+        }
+        if (s.logo) {
+          if (!document.getElementById("deepdots-popup-logo")) {
+            const logoImg = document.createElement("img");
+            logoImg.id = "deepdots-popup-logo";
+            logoImg.src = s.logo;
+            logoImg.alt = "Logo";
+            logoImg.style.cssText = "max-height:40px; max-width:100%; object-fit:contain;";
+            if (s.logoSize) {
+              switch (s.logoSize) {
+                case "small":
+                  logoImg.style.maxHeight = "30px";
+                  break;
+                case "medium":
+                  logoImg.style.maxHeight = "50px";
+                  break;
+                case "large":
+                  logoImg.style.maxHeight = "70px";
+                  break;
+              }
+            }
+            if (s.logoPosition) {
+              switch (s.logoPosition) {
+                case "left":
+                  logoImg.style.margin = "0 16px 42px 0";
+                  logoImg.style.display = "block";
+                  logoImg.style.marginLeft = "0";
+                  break;
+                case "right":
+                  logoImg.style.margin = "0 0 42px 16px";
+                  logoImg.style.display = "block";
+                  logoImg.style.marginLeft = "auto";
+                  break;
+                case "center":
+                  logoImg.style.margin = "0 auto 42px auto";
+                  logoImg.style.display = "block";
+                  break;
+              }
+            }
+            containerContent.insertBefore(logoImg, main);
+          }
+        }
+        if (s.startMessage && s.startMessage !== "") {
+          console.log(s.startMessage);
+          updateButtons("start");
+        } else {
+          updateButtons("in_progress_first");
+        }
+      } else {
+        updateButtons("in_progress_first");
+      }
+      emit("popup_clicked", surveyId, { action: "loaded" });
+      setLoading(false);
+    };
+    generateOptions.beforeSubmitEvent = () => {
+      setLoading(true);
+      emit("popup_clicked", surveyId, { action: "before_submit" });
+    };
+    generateOptions.afterSubmitEvent = ({ error, completed, total, progress }) => {
+      const errText = error ? typeof error === "string" ? error : error.message ?? String(error) : "";
+      if (errText) {
+        setLoading(false);
+        if (errText.toLowerCase().includes("no response")) {
+          errorHint.textContent = "Please answer the required question to continue.";
+          errorHint.style.display = "block";
+          emit("popup_clicked", surveyId, { action: "validation_error_required" });
+          updateButtons("in_progress_next");
+          return;
+        }
+        errorHint.textContent = "An error occurred while submitting. Please try again or close the popup.";
+        errorHint.style.display = "block";
+        emit("popup_clicked", surveyId, { action: "submit_error", error: errText });
+        return;
+      }
+      errorHint.style.display = "none";
+      setLoading(false);
+      if (completed) {
+        emit("survey_completed", surveyId, { action: "completed" });
+        surveyCompletedEmitted = true;
+        updateButtons("completed");
+        return;
+      }
+      emit("popup_clicked", surveyId, { action: "partial" });
+      if (total > 1 && progress > 0 && progress < total) {
+        updateButtons("in_progress_next");
+      } else {
+        updateButtons("in_progress_first");
+      }
+    };
+    generateOptions.onBackEvent = ({ progress }) => {
+      emit("popup_clicked", surveyId, { action: "back" });
+      if (progress === 0) {
+        updateButtons("in_progress_first");
+      } else {
+        updateButtons("in_progress_next");
+      }
+    };
+    formInstance.generate(formDivId, generateOptions).catch((err) => {
+      console.error("[MagicFeedback] Error generating form:", err);
+      setLoading(false);
+    });
+  } catch (e) {
+    console.error("[MagicFeedback] Exception initializing form:", e);
+    setLoading(false);
+  }
+}
+var import_native;
+var init_renderPopup = __esm({
+  "src/ui/renderPopup.ts"() {
+    "use strict";
+    init_tracking_manager();
+    import_native = __toESM(require("@magicfeedback/native"));
+    init_style();
+  }
+});
+
+// src/react-native/index.tsx
+var react_native_exports = {};
+__export(react_native_exports, {
+  DeepdotsProvider: () => DeepdotsProvider,
+  ReactNativePopupRenderer: () => ReactNativePopupRenderer,
+  setupReactNative: () => setupReactNative,
+  useDeepdots: () => useDeepdots
+});
+module.exports = __toCommonJS(react_native_exports);
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_react_native_webview = require("react-native-webview");
+
+// src/types/index.ts
+var POPUP_TRIGGER_CONDITION_STATUSES = [
+  "SHOWED",
+  "PARTIAL",
+  "COMPLETED"
+];
+
+// src/triggers/index.ts
+function setupTrigger(popups, trigger) {
+  switch (trigger.type) {
+    case "time":
+      setupTimeTrigger(popups, trigger);
+      break;
+    case "scroll":
+      setupScrollTrigger(popups, trigger);
+      break;
+    case "exit":
+      setupExitTrigger(popups, trigger);
+      break;
+    case "event":
+      setupEventTrigger(popups, trigger);
+      break;
+    case "click":
+      setupClickTrigger(popups, trigger);
+      break;
+  }
+}
+function setupTimeTrigger(popups, trigger) {
+  const delay = trigger.value || 5e3;
+  setTimeout(() => {
+    popups.triggerSurvey(trigger.surveyId, trigger.popupId);
+  }, delay);
+  popups.debug(`Time trigger set for ${delay}ms`);
+}
+function setupScrollTrigger(popups, trigger) {
+  const threshold = trigger.value || 50;
+  const handler = () => {
+    const scrollPercentage = window.scrollY / (document.documentElement.scrollHeight - window.innerHeight) * 100;
+    if (scrollPercentage >= threshold) {
+      popups.triggerSurvey(trigger.surveyId, trigger.popupId);
+      window.removeEventListener("scroll", handler);
+    }
+  };
+  window.addEventListener("scroll", handler);
+  popups.debug(`Scroll trigger set for ${threshold}%`);
+}
+function setupExitTrigger(popups, trigger) {
+  if (typeof window === "undefined") return;
+  const delaySeconds = parseExitDelaySeconds(trigger.value);
+  const historyRef = window.history;
+  const originalPushState = historyRef.pushState.bind(historyRef);
+  const originalReplaceState = historyRef.replaceState.bind(historyRef);
+  let lastUrl = normalizeUrl(window.location.href);
+  let lastQueuedKey = "";
+  let lastQueuedAt = 0;
+  const queueLeave = (fromRaw, toRaw) => {
+    const from = normalizeUrl(fromRaw);
+    const to = normalizeUrl(toRaw);
+    if (!from || !to || from === to) return;
+    const key = `${from}=>${to}`;
+    const now = Date.now();
+    if (key === lastQueuedKey && now - lastQueuedAt < 150) return;
+    lastQueuedKey = key;
+    lastQueuedAt = now;
+    popups.queueExitPopup(trigger.surveyId, delaySeconds, from, trigger.popupId);
+  };
+  const handleNavigation = (to) => {
+    const from = lastUrl;
+    queueLeave(from, to);
+    lastUrl = normalizeUrl(to);
+  };
+  const handleDocumentClick = (event) => {
+    if (event.defaultPrevented) return;
+    if (event.button !== 0) return;
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    const anchor = event.target?.closest?.("a");
+    if (!(anchor instanceof HTMLAnchorElement)) return;
+    const href = anchor.getAttribute("href");
+    if (!href || href.startsWith("javascript:") || href.startsWith("mailto:") || href.startsWith("tel:")) {
+      return;
+    }
+    const target = anchor.getAttribute("target");
+    if (target && target !== "_self") return;
+    let destination;
+    try {
+      destination = new URL(href, window.location.href);
+    } catch {
+      return;
+    }
+    if (destination.origin !== window.location.origin) return;
+    queueLeave(window.location.href, destination.href);
+  };
+  const handleHashChange = (event) => {
+    const to = event.newURL || window.location.href;
+    const from = event.oldURL || lastUrl;
+    queueLeave(from, to);
+    lastUrl = normalizeUrl(to);
+  };
+  const handlePopState = () => {
+    handleNavigation(window.location.href);
+  };
+  historyRef.pushState = function(data, unused, url) {
+    const from = window.location.href;
+    const result = originalPushState(data, unused, url);
+    queueLeave(from, window.location.href);
+    lastUrl = normalizeUrl(window.location.href);
+    return result;
+  };
+  historyRef.replaceState = function(data, unused, url) {
+    const from = window.location.href;
+    const result = originalReplaceState(data, unused, url);
+    queueLeave(from, window.location.href);
+    lastUrl = normalizeUrl(window.location.href);
+    return result;
+  };
+  document.addEventListener("click", handleDocumentClick, true);
+  window.addEventListener("hashchange", handleHashChange);
+  window.addEventListener("popstate", handlePopState);
+  popups.debug("Exit trigger set (deferred to next route)", {
+    surveyId: trigger.surveyId,
+    delaySeconds
+  });
+}
+function setupEventTrigger(popups, trigger) {
+  popups.debug("Event trigger registered", {
+    popupId: trigger.popupId,
+    surveyId: trigger.surveyId,
+    eventName: String(trigger.value || "")
+  });
+}
+function parseExitDelaySeconds(value) {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return Math.max(0, value);
+  }
+  if (typeof value === "string" && value.trim()) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) return Math.max(0, parsed);
+  }
+  return 0;
+}
+function normalizeUrl(value) {
+  if (!value) return "";
+  const withoutIndex = value.replace(/\/index\.html(?=($|[?#]))/i, "");
+  return withoutIndex.length > 1 && withoutIndex.endsWith("/") ? withoutIndex.slice(0, -1) : withoutIndex;
+}
+function setupClickTrigger(popups, trigger) {
+  const targetId = typeof trigger.value === "string" ? trigger.value : "";
+  if (!targetId) {
+    popups.debug("Click trigger missing element id", trigger);
+    return;
+  }
+  const attach = () => {
+    const el = document.getElementById(targetId);
+    if (!el) {
+      popups.debug("Click trigger target not found", targetId);
+      return false;
+    }
+    const handler = (e) => {
+      if (e.defaultPrevented) return;
+      popups.triggerSurvey(trigger.surveyId, trigger.popupId);
+      el.removeEventListener("click", handler);
+    };
+    el.addEventListener("click", handler);
+    popups.debug(`Click trigger set for #${targetId}`);
+    return true;
+  };
+  if (typeof document === "undefined") return;
+  if (attach()) return;
+  window.addEventListener("DOMContentLoaded", () => attach(), { once: true });
+}
+
+// src/config/env.ts
+var ENVIRONMENT_MAP = {
+  development: {
+    apiBaseUrl: "https://api-dev.deepdots.com"
+  },
+  production: {
+    apiBaseUrl: "https://api.deepdots.com"
+  }
+};
+function resolveEnvironment(nodeEnv) {
+  return ENVIRONMENT_MAP[nodeEnv || "production"];
+}
+
+// src/platform/react-native-renderer.ts
+init_tracking_manager();
+
+// src/ui/surveyHtml.ts
+function buildSurveyHtml(opts) {
+  const env = opts.env === "development" ? "dev" : "prod";
+  const version = opts.version ?? "2.2.4";
+  const cdn = `https://cdn.jsdelivr.net/npm/@magicfeedback/native@${version}/dist/magicfeedback-sdk.browser.js`;
+  const sid = JSON.stringify(opts.surveyId);
+  const pid = JSON.stringify(opts.productId);
+  const profileJson = JSON.stringify(opts.profile ?? []);
+  const metaJson = JSON.stringify(opts.metadata ?? []);
+  return `<!DOCTYPE html><html><head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+<meta name="color-scheme" content="light"/>
+<style>html,body{margin:0;padding:0;background:transparent;font-family:-apple-system,system-ui,sans-serif}#mf{width:100%;box-sizing:border-box}#mf *{max-width:100%;box-sizing:border-box}</style>
+</head><body>
+<div id="mf"></div>
+<script>
+(function(){
+  function emit(s){ try{ if(window.ReactNativeWebView){ window.ReactNativeWebView.postMessage(s); } }catch(e){} }
+  function emitJSON(n,p){ try{ emit(JSON.stringify({name:n,payload:p||{}})); }catch(e){} }
+  window.DeepdotsClose = function(){ emitJSON('popup_close'); };
+  var initialized=false;
+  function initMF(){
+    if(initialized || !window.magicfeedback) return initialized;
+    initialized=true;
+    try{
+      window.magicfeedback.init({ debug:false, env:'${env}' });
+      var form = window.magicfeedback.form(${sid}, ${pid}, ${profileJson}, ${metaJson});
+      window.DeepdotsForm = form;
+      form.generate('mf', {
+        addButton:false,
+        getMetaData:true,
+        onLoadedEvent:function(){ emitJSON('loaded'); },
+        beforeSubmitEvent:function(){ emitJSON('before_submit'); },
+        afterSubmitEvent:function(p){
+          try{ if(p && p.completed){ emitJSON('survey_completed', p); } else { emitJSON('after_submit', p); } }
+          catch(e){ emitJSON('after_submit'); }
+        },
+        onBackEvent:function(p){ emitJSON('back', p); }
+      }).catch(function(e){ emit('error:init'); });
+    }catch(e){ emit('error:exception'); }
+    return true;
+  }
+  var s=document.createElement('script'); s.src=${JSON.stringify(cdn)}; s.async=true;
+  s.onload=function(){ initMF(); };
+  s.onerror=function(){ emit('error:load'); };
+  document.head.appendChild(s);
+  var tries=0, t=setInterval(function(){ if(initMF()||++tries>40){ clearInterval(t); } },150);
+})();
+</script>
+</body></html>`;
+}
+
+// src/platform/react-native-renderer.ts
+var ReactNativePopupRenderer = class {
+  constructor(options = {}) {
+    this.options = options;
+    this.emitFn = null;
+    this.onCloseFn = null;
+    this.currentSurveyId = null;
+    this.partialEmitted = false;
+  }
+  init() {
+  }
+  show(surveyId, productId, _actions, emit, onClose, env = "production", userId, _style, sessionId, miniService) {
+    this.emitFn = emit;
+    this.onCloseFn = onClose;
+    this.currentSurveyId = surveyId;
+    this.partialEmitted = false;
+    const { profile, metadata } = buildSurveyIdentity(userId ?? null, sessionId ?? null, miniService ?? null);
+    const html = buildSurveyHtml({ surveyId, productId, env, profile, metadata });
+    if (this.options.onShow) {
+      this.options.onShow({ surveyId, productId, html });
+    } else {
+      console.warn(
+        "[Deepdots] ReactNativePopupRenderer sin onShow: pasa { onShow } a new ReactNativePopupRenderer({...}) para montar el WebView del survey."
+      );
+    }
+  }
+  hide() {
+    this.options.onHide?.();
+    this.currentSurveyId = null;
+  }
+  /**
+   * El host la conecta al `onMessage` del WebView. Traduce los mensajes del survey a
+   * eventos del SDK: primera interacción → `popup_clicked` (PARTIAL), completado →
+   * `survey_completed` (COMPLETED) y cierra el popup.
+   */
+  handleMessage(raw) {
+    const surveyId = this.currentSurveyId;
+    if (!surveyId || !this.emitFn) return;
+    let name;
+    try {
+      name = JSON.parse(raw).name;
+    } catch {
+      name = raw;
+    }
+    switch (name) {
+      case "loaded":
+      case "before_submit":
+      case "after_submit":
+      case "back":
+        if (!this.partialEmitted) {
+          this.partialEmitted = true;
+          this.emitFn("popup_clicked", surveyId, { action: "partial" });
+        }
+        break;
+      case "survey_completed":
+        this.emitFn("survey_completed", surveyId);
+        this.onCloseFn?.();
+        break;
+      case "popup_close":
+        this.onCloseFn?.();
+        break;
+      default:
+        break;
+    }
+  }
+};
+function isReactNativeEnv() {
+  return typeof navigator !== "undefined" && navigator.product === "ReactNative";
+}
+function createReactNativeRenderer() {
+  return new ReactNativePopupRenderer();
+}
+
+// src/platform/renderer.ts
+var NoopPopupRenderer = class {
+  show() {
+  }
+  hide() {
+  }
+};
+var BrowserPopupRenderer = class {
+  constructor() {
+    this.container = null;
+    this.visible = false;
+  }
+  init() {
+    if (typeof document === "undefined") return;
+    if (!this.container) {
+      this.container = document.createElement("div");
+      this.container.id = "deepdots-popup-container";
+      this.container.style.cssText = `
+          position: fixed;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          display: none;
+          z-index: 999999;
+          background: rgba(0, 0, 0, 0.5);
+          justify-content: center;
+          align-items: center;
+        `;
+    }
+    if (!document.body.contains(this.container)) {
+      document.body.appendChild(this.container);
+    }
+  }
+  show(surveyId, productId, actions, emit, onClose, env = "production", userId, style, sessionId, miniService) {
+    if (this.visible) return;
+    if (!this.container || !document.body.contains(this.container)) this.init();
+    if (!this.container) return;
+    this.visible = true;
+    const container = this.container;
+    void Promise.resolve().then(() => (init_renderPopup(), renderPopup_exports)).then(({ renderPopup: renderPopup2 }) => {
+      renderPopup2(container, surveyId, productId, actions, emit, onClose, env, userId, style, sessionId, miniService);
+    });
+  }
+  hide() {
+    this.visible = false;
+    if (this.container) {
+      this.container.style.display = "none";
+      this.container.innerHTML = "";
+    }
+  }
+};
+function createDefaultRenderer() {
+  if (typeof document === "undefined") {
+    if (isReactNativeEnv()) return createReactNativeRenderer();
+    return new NoopPopupRenderer();
+  }
+  if (isReactNativeEnv()) return createReactNativeRenderer();
+  return new BrowserPopupRenderer();
+}
+
+// src/core/deepdots-popups.ts
+init_tracking_manager();
+
+// src/analytics/analytics-manager.ts
+var dryRunSink = (payload) => {
+  console.log(
+    "[DeepdotsAnalytics] (dry-run \xB7 NO enviado \xB7 sin init.analytics) POST /sdk/feedback \u2192",
+    JSON.stringify(payload, null, 2)
+  );
+};
+var AnalyticsManager = class {
+  constructor(options = {}) {
+    this.events = [];
+    this.attributes = {};
+    this.miniService = null;
+    this.miniServiceEnteredAt = 0;
+    this.sink = options.sink ?? dryRunSink;
+    this.now = options.now ?? (() => Date.now());
+    this.publicKey = options.publicKey;
+    this.language = options.language;
+    this.device = options.device;
+    this.platform = options.platform ?? "web";
+  }
+  /** Mezcla user attributes (se coercionan a string). Mutable en runtime. */
+  setUserAttributes(attrs) {
+    for (const [k, v] of Object.entries(attrs)) {
+      if (!k) continue;
+      this.attributes[k] = String(v);
+    }
+  }
+  /** Marca el inicio de un mini-service; etiqueta los eventos siguientes con `mini_service`. */
+  enterMiniService(name, entryPointType) {
+    this.miniService = name;
+    this.miniServiceEnteredAt = this.now();
+    this.track("mini_service_enter", { entry_point_type: entryPointType ?? null });
+  }
+  /** Cierra el mini-service activo emitiendo `mini_service_exit` con su duración (#27). No-op si no hay ninguno. */
+  exitMiniService() {
+    const name = this.miniService;
+    if (name == null) return;
+    const durationSeconds = Math.max(0, Math.round((this.now() - this.miniServiceEnteredAt) / 1e3));
+    this.miniService = null;
+    this.track("mini_service_exit", { mini_service: name, duration_seconds: durationSeconds });
+  }
+  /** Registra un evento de analítica (modelo GA: nombre + params). */
+  track(name, params) {
+    const merged = {
+      ...this.miniService ? { mini_service: this.miniService } : {},
+      ...params ?? {}
+    };
+    this.events.push({
+      name,
+      timestamp: this.now(),
+      params: Object.keys(merged).length ? merged : void 0
+    });
+  }
+  /** Mini-service activo (para inyectarlo en la metadata del survey, #33). */
+  getMiniService() {
+    return this.miniService;
+  }
+  /** Nº de eventos pendientes de flush. */
+  pending() {
+    return this.events.length;
+  }
+  /** Construye el envelope que se enviaría al endpoint de analytics. */
+  buildPayload(identity) {
+    return {
+      publicKey: this.publicKey,
+      userId: identity.userId,
+      sessionId: identity.sessionId,
+      context: {
+        platform: this.platform,
+        language: this.language,
+        device: this.device,
+        attributes: { ...this.attributes }
+      },
+      events: [...this.events]
+    };
+  }
+  /** Envía (vía sink) el lote acumulado y vacía el buffer. No-op si no hay eventos. */
+  flush(identity) {
+    if (this.events.length === 0) return null;
+    const payload = this.buildPayload(identity);
+    this.sink(payload);
+    this.events = [];
+    return payload;
+  }
+};
+
+// src/analytics/feedback-payload.ts
+function pushKV(list, key, value) {
+  if (value === void 0 || value === null || value === "") return;
+  list.push({ key, value: String(value) });
+}
+function buildAnalyticsFeedbackBody(envelope, keys, feedbackSessionId) {
+  const { context } = envelope;
+  const metrics = envelope.events.map((e) => ({
+    key: e.name,
+    value: JSON.stringify({ timestamp: e.timestamp, ...e.params ?? {} })
+  }));
+  const profile = [];
+  pushKV(profile, "external-user-id", envelope.userId);
+  const metadata = [];
+  pushKV(metadata, "user_id", envelope.userId);
+  pushKV(metadata, "session_id", envelope.sessionId);
+  pushKV(metadata, "platform", context.platform);
+  pushKV(metadata, "language", context.language);
+  if (context.device) {
+    pushKV(metadata, "device_type", context.device.device_type);
+    pushKV(metadata, "os_version", context.device.os_version);
+    pushKV(metadata, "device_model", context.device.device_model);
+    pushKV(metadata, "app_version", context.device.app_version);
+    pushKV(metadata, "user_agent", context.device.user_agent);
+  }
+  for (const [k, v] of Object.entries(context.attributes ?? {})) {
+    pushKV(metadata, k, v);
+  }
+  return {
+    feedback: {
+      text: "",
+      answers: [],
+      metadata,
+      metrics,
+      profile,
+      finished: false
+    },
+    publicKey: keys.publicKey,
+    integration: keys.integration,
+    completed: false,
+    // finished: false,
+    ...feedbackSessionId ? { sessionId: feedbackSessionId } : {}
+  };
+}
+function createFeedbackSink(options) {
+  let feedbackSessionId;
+  return (envelope) => {
+    const body = buildAnalyticsFeedbackBody(envelope, options.keys, feedbackSessionId);
+    const f = options.fetchImpl ?? (typeof fetch !== "undefined" ? fetch : void 0);
+    if (!f) {
+      options.log?.("[DeepdotsAnalytics] no fetch disponible; payload no enviado", body);
+      return;
+    }
+    options.log?.("[DeepdotsAnalytics] POST /sdk/feedback \u2192", body);
+    f(`${options.baseUrl}/sdk/feedback`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    }).then(async (res) => {
+      if (res.ok) {
+        try {
+          const data = await res.json();
+          if (data?.sessionId && data.sessionId !== feedbackSessionId) {
+            feedbackSessionId = data.sessionId;
+            options.log?.("[DeepdotsAnalytics] feedbackSessionId cacheado:", feedbackSessionId);
+          }
+        } catch {
+        }
+      }
+    }).catch((err) => options.log?.("[DeepdotsAnalytics] error enviando feedback", err));
+  };
+}
+
+// src/tracking/navigation-observer.ts
+var UUID_PREFIX = /^[0-9a-f]{8}-[0-9a-f]{4}-/i;
+function normalizeScreen(href) {
+  let pathAndHash;
+  try {
+    const u = new URL(href, "http://deepdots.local");
+    pathAndHash = u.pathname + (u.hash || "");
+  } catch {
+    pathAndHash = href;
+  }
+  pathAndHash = pathAndHash.replace(/\?[^#]*/g, "");
+  const collapsed = pathAndHash.split("/").map((seg) => /^[0-9]+$/.test(seg) || UUID_PREFIX.test(seg) ? ":id" : seg).join("/");
+  return collapsed || "/";
+}
+var NavigationObserver = class {
+  constructor(options = {}) {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.currentScreen = null;
+    this.entryAt = 0;
+    this.installed = false;
+    this.domHandlers = [];
+    this.now = options.now ?? (() => Date.now());
+  }
+  onVisit(listener) {
+    this.listeners.add(listener);
+  }
+  /** Fija la pantalla inicial (sin emitir visita; su duración se cierra al salir). */
+  begin(href) {
+    this.currentScreen = normalizeScreen(href);
+    this.entryAt = this.now();
+  }
+  /** Navega a una pantalla nueva: cierra la anterior (emite visita) y abre la nueva. */
+  visit(href) {
+    const next = normalizeScreen(href);
+    if (next === this.currentScreen) return;
+    this.closeCurrent();
+    this.currentScreen = next;
+    this.entryAt = this.now();
+  }
+  /** Cierra la pantalla actual emitiendo su visita (p. ej. al cerrar la app/pestaña). */
+  stop() {
+    this.closeCurrent();
+    this.currentScreen = null;
+  }
+  closeCurrent() {
+    if (this.currentScreen == null) return;
+    const exit = this.now();
+    const visit = {
+      screen: this.currentScreen,
+      entry: this.entryAt,
+      exit,
+      durationSeconds: Math.max(0, Math.round((exit - this.entryAt) / 1e3))
+    };
+    this.listeners.forEach((l) => {
+      try {
+        l(visit);
+      } catch {
+      }
+    });
+  }
+  /** Instala los hooks de History en el navegador y registra la pantalla actual. */
+  install() {
+    if (this.installed || typeof window === "undefined" || typeof history === "undefined") return;
+    this.installed = true;
+    const handle = () => this.visit(window.location.href);
+    const originalPush = history.pushState.bind(history);
+    const originalReplace = history.replaceState.bind(history);
+    history.pushState = (data, unused, url) => {
+      const r = originalPush(data, unused, url);
+      handle();
+      return r;
+    };
+    history.replaceState = (data, unused, url) => {
+      const r = originalReplace(data, unused, url);
+      handle();
+      return r;
+    };
+    window.addEventListener("popstate", handle);
+    window.addEventListener("hashchange", handle);
+    this.domHandlers.push(() => {
+      history.pushState = originalPush;
+      history.replaceState = originalReplace;
+      window.removeEventListener("popstate", handle);
+      window.removeEventListener("hashchange", handle);
+    });
+    this.begin(window.location.href);
+  }
+  uninstall() {
+    this.domHandlers.forEach((off) => off());
+    this.domHandlers = [];
+    this.installed = false;
+  }
+};
+
+// src/analytics/device-info.ts
+function parseDeviceType(ua) {
+  const s = (ua || "").toLowerCase();
+  if (/ipad|tablet|playbook|silk/.test(s) || /android/.test(s) && !/mobile/.test(s)) {
+    return "tablet";
+  }
+  if (/mobi|iphone|ipod|windows phone/.test(s) || /android/.test(s) && /mobile/.test(s)) {
+    return "mobile";
+  }
+  return "desktop";
+}
+function collectDeviceInfo(appVersion) {
+  const ua = typeof navigator !== "undefined" ? navigator.userAgent : "";
+  return {
+    device_type: parseDeviceType(ua),
+    user_agent: ua || void 0,
+    app_version: appVersion
+  };
+}
+
+// src/analytics/engagement-tracker.ts
+var EngagementTracker = class {
+  constructor(now = () => Date.now()) {
+    this.activeMs = 0;
+    this.lastResumeAt = null;
+    this.now = now;
+  }
+  /** Reanuda el conteo (pestaña visible / app en foreground). Idempotente. */
+  resume() {
+    if (this.lastResumeAt === null) this.lastResumeAt = this.now();
+  }
+  /** Pausa el conteo (pestaña oculta / app en background), acumulando el tramo activo. */
+  pause() {
+    if (this.lastResumeAt !== null) {
+      this.activeMs += this.now() - this.lastResumeAt;
+      this.lastResumeAt = null;
+    }
+  }
+  /** Devuelve los ms activos acumulados desde la última lectura y reinicia (sin parar el timer). */
+  consume() {
+    if (this.lastResumeAt !== null) {
+      const t = this.now();
+      this.activeMs += t - this.lastResumeAt;
+      this.lastResumeAt = t;
+    }
+    const ms = this.activeMs;
+    this.activeMs = 0;
+    return ms;
+  }
+  isActive() {
+    return this.lastResumeAt !== null;
+  }
+};
+
+// src/contact/contact-manager.ts
+init_tracking_manager();
+function stableSerialize(attrs) {
+  const sorted = {};
+  for (const key of Object.keys(attrs).sort()) {
+    sorted[key] = attrs[key];
+  }
+  return JSON.stringify(sorted);
+}
+var ContactManager = class {
+  constructor(options) {
+    this.storage = options.storage;
+    this.publicKey = options.publicKey;
+    this.userId = options.userId;
+    this.post = options.post;
+  }
+  /**
+   * Envía los atributos si cambiaron respecto a lo último enviado.
+   * @returns `true` si se envió, `false` si no hubo cambios.
+   */
+  async setAttributes(attributes) {
+    const serialized = stableSerialize(attributes);
+    const last = this.storage.getItem(STORAGE_KEYS.contactAttributes);
+    if (last === serialized) return false;
+    await this.post({
+      publicKey: this.publicKey,
+      userId: this.userId,
+      userAttributes: attributes
+    });
+    this.storage.setItem(STORAGE_KEYS.contactAttributes, serialized);
+    return true;
+  }
+};
+
+// src/core/deepdots-popups.ts
+var EXIT_QUEUE_STORAGE_KEY = "__deepdots_exit_popup_queue__";
+var DAY_IN_MS = 24 * 60 * 60 * 1e3;
+var DeepdotsPopups = class {
+  constructor() {
+    this.config = null;
+    this.listeners = /* @__PURE__ */ new Map();
+    this.triggers = [];
+    this.initialized = false;
+    this.renderer = createDefaultRenderer();
+    this.popupContainer = null;
+    // deprecated: mantenido para compatibilidad interna
+    this.popupDefinitions = [];
+    this.popupsLoaded = false;
+    this.pendingAutoLaunch = false;
+    this.answeredSurveys = /* @__PURE__ */ new Set();
+    this.surveyProgress = /* @__PURE__ */ new Map();
+    this.lastShown = /* @__PURE__ */ new Map();
+    // popupId -> timestamp mostrado
+    this.surveyToPopupId = /* @__PURE__ */ new Map();
+    // surveyId -> popupId
+    this.deferredExitTimers = [];
+    this.baseUrl = "";
+    this.env = "production";
+    /** Identidad + sesión (Fase 1 tracking). Null hasta init(). */
+    this.tracking = null;
+    /** Capa de analytics (canal separado del feedback). Null hasta init(). */
+    this.analytics = null;
+    /** Observador de navegación (Fase 2): emite page_view por el canal de analytics. */
+    this.navObserver = null;
+    /** Tiempo activo (engagement time, #8). */
+    this.engagement = null;
+    /** Atributos internos del usuario identificado → POST /sdk/popups/contact. Null si no hay userId. */
+    this.contact = null;
+    /** Marca si ya se inició la navegación manual (setScreen) — para RN sin History API. */
+    this.navStarted = false;
+  }
+  /** Initialize the SDK with configuration */
+  init(config) {
+    if (this.initialized) {
+      this.log("SDK already initialized");
+      return;
+    }
+    const env = resolveEnvironment(config.nodeEnv);
+    this.baseUrl = env.apiBaseUrl;
+    this.env = config.nodeEnv || "production";
+    this.config = {
+      apiKey: config.apiKey || void 0,
+      debug: config.debug || false,
+      userId: config.userId || void 0
+    };
+    const storage = config.storage ?? createDefaultStorage();
+    this.tracking = new TrackingManager({
+      storage,
+      clientUserId: this.config.userId,
+      enabled: config.trackingEnabled ?? true
+    });
+    if (this.config.userId) {
+      const userId = this.config.userId;
+      const publicKey = this.config.apiKey ?? "";
+      this.contact = new ContactManager({
+        storage,
+        publicKey,
+        userId,
+        post: (body) => this.postContact(body)
+      });
+      if (config.contactAttributes) {
+        void this.setContactAttributes(config.contactAttributes);
+      }
+    }
+    this.log("tracking \xB7 user_id:", this.tracking.getUserId(), "\xB7 new_user:", this.tracking.isNewUser(), "\xB7 enabled:", this.tracking.isTrackingEnabled());
+    const analyticsSink = config.analytics ? createFeedbackSink({
+      baseUrl: this.baseUrl,
+      keys: config.analytics,
+      log: (...a) => this.log(...a)
+    }) : void 0;
+    this.analytics = new AnalyticsManager({
+      sink: analyticsSink,
+      publicKey: config.analytics?.publicKey ?? this.config.apiKey,
+      language: typeof navigator !== "undefined" ? navigator.language : void 0,
+      platform: config.platform ?? "web",
+      device: config.device ?? collectDeviceInfo(config.appVersion)
+    });
+    this.navObserver = new NavigationObserver();
+    this.navObserver.onVisit((v) => this.track("page_view", { screen: v.screen, duration_seconds: v.durationSeconds }));
+    this.navObserver.install();
+    this.engagement = new EngagementTracker();
+    this.engagement.resume();
+    this.setupAnalyticsFlush();
+    this.initialized = true;
+    this.log("SDK initialized", this.config);
+    if (this.renderer.init) this.renderer.init();
+    this.setupPopupContainer();
+    this.fetchPopupsFromServer().then((defs) => {
+      this.popupDefinitions = this.validatePopupDefinitions(defs);
+      this.popupsLoaded = true;
+      this.log("Popups loaded from API", this.popupDefinitions);
+      this.configureTriggersFromDefinitions();
+      this.processDeferredExitQueue();
+      if (this.pendingAutoLaunch) {
+        this.startTriggers();
+      }
+    });
+  }
+  /** User id actual (generado por el SDK o provisto por el cliente). Null si tracking off. */
+  getUserId() {
+    return this.tracking?.getUserId() ?? null;
+  }
+  /** Session id de navegación actual. Null si tracking off. */
+  getSessionId() {
+    return this.tracking?.getSessionId() ?? null;
+  }
+  /** Activa/desactiva el tracking (identidad + sesión + analytics). Kill-switch del contrato §7bis. */
+  setTrackingEnabled(enabled) {
+    this.tracking?.setTrackingEnabled(enabled);
+    this.log("tracking \xB7 setTrackingEnabled:", enabled, "\xB7 session_id:", this.tracking?.getSessionId() ?? null);
+  }
+  // ───────── Analytics (canal separado del feedback, vinculado por user_id) ─────────
+  /** Registra un evento de analítica (modelo GA: nombre + params). No-op si tracking off. */
+  track(name, params) {
+    if (!this.tracking?.isTrackingEnabled()) return;
+    this.analytics?.track(name, params);
+    this.log("analytics \xB7 track:", name, params ?? {});
+  }
+  /** User attributes para breakdowns (registration_status, pass_type, sector, pass_status…). */
+  setUserAttributes(attributes) {
+    if (!this.tracking?.isTrackingEnabled()) return;
+    this.analytics?.setUserAttributes(attributes);
+  }
+  /**
+   * Info interna del usuario que solo conoce el host (idioma, edad, plan…), persistida en el
+   * Contact del backend para segmentación/targeting de popups. Identificada por el `userId` del
+   * init. Solo envía si los atributos cambiaron (diff en storage). No-op si tracking off o sin userId.
+   * @returns `true` si se envió al backend, `false` si no hubo cambios o está deshabilitado.
+   */
+  async setContactAttributes(attributes) {
+    if (!this.tracking?.isTrackingEnabled()) return false;
+    if (!this.contact) return false;
+    return this.contact.setAttributes(attributes);
+  }
+  /** Marca el inicio de un mini-service; etiqueta los eventos siguientes. No-op si tracking off. */
+  enterMiniService(name, entryPointType) {
+    if (!this.tracking?.isTrackingEnabled()) return;
+    this.analytics?.enterMiniService(name, entryPointType);
+    this.log("analytics \xB7 enterMiniService:", name, entryPointType ?? "");
+  }
+  /** Cierra el mini-service activo (emite `mini_service_exit` con duración, #27). No-op si tracking off. */
+  exitMiniService() {
+    if (!this.tracking?.isTrackingEnabled()) return;
+    this.analytics?.exitMiniService();
+    this.log("analytics \xB7 exitMiniService");
+  }
+  /** Findability (#31/#35): registra una búsqueda. `has_results` se deriva de `resultsCount`. */
+  trackSearch(query, resultsCount, params) {
+    this.track("search", { query, results_count: resultsCount, has_results: resultsCount > 0, ...params ?? {} });
+  }
+  /** Findability friction (#34/#35): señal de fricción con su `friction_topic`. */
+  trackFindabilityFriction(frictionTopic, params) {
+    this.track("findability_friction", { friction_topic: frictionTopic, ...params ?? {} });
+  }
+  /** Funnel: un paso del embudo, correlacionado por `taskId`. El backend reconstruye conversión/drop-off/tiempo. */
+  trackFunnelStep(funnel, step, taskId, params) {
+    this.track("funnel_step", { funnel, step, task_id: taskId, ...params ?? {} });
+  }
+  /**
+   * Navegación MANUAL (entornos sin History API, p. ej. React Native con React Navigation).
+   * El host la llama en cada cambio de pantalla; emite `page_view` al salir de la anterior.
+   */
+  setScreen(name) {
+    if (!this.navObserver) return;
+    if (!this.navStarted) {
+      this.navObserver.begin(name);
+      this.navStarted = true;
+    } else {
+      this.navObserver.visit(name);
+    }
+  }
+  /** App a foreground (RN: AppState 'active'): reanuda el engagement time. */
+  onForeground() {
+    this.engagement?.resume();
+  }
+  /**
+   * App a background (RN: AppState 'background'): cierra pantalla actual (page_view),
+   * mini-service (mini_service_exit), emite engagement y hace flush del lote.
+   */
+  onBackground() {
+    this.navObserver?.stop();
+    this.navStarted = false;
+    this.exitMiniService();
+    this.flushEngagement();
+    this.engagement?.pause();
+    this.flushAnalytics();
+  }
+  /** Payload que se ENVIARÍA al endpoint de analytics (no envía ni vacía el buffer). */
+  previewAnalytics() {
+    return this.analytics?.buildPayload(this.analyticsIdentity()) ?? {
+      userId: null,
+      sessionId: null,
+      context: { platform: "web", attributes: {} },
+      events: []
+    };
+  }
+  /** Envía (hoy dry-run → console.log) el lote acumulado de analytics y vacía el buffer. */
+  flushAnalytics() {
+    if (!this.tracking?.isTrackingEnabled()) return;
+    this.analytics?.flush(this.analyticsIdentity());
+  }
+  /** Emite un evento `user_engagement` con el tiempo activo acumulado (#8). */
+  flushEngagement() {
+    if (!this.tracking?.isTrackingEnabled()) return;
+    const ms = this.engagement?.consume() ?? 0;
+    if (ms > 0) this.track("user_engagement", { engagement_time_msec: ms });
+  }
+  analyticsIdentity() {
+    return {
+      userId: this.tracking?.getUserId() ?? null,
+      sessionId: this.tracking?.getSessionId() ?? null
+    };
+  }
+  /** Flush automático al ocultar/cerrar la página (no perder el lote pendiente). */
+  setupAnalyticsFlush() {
+    if (typeof document === "undefined" || typeof window === "undefined") return;
+    window.addEventListener("pagehide", () => {
+      this.navObserver?.stop();
+      this.exitMiniService();
+      this.flushEngagement();
+      this.flushAnalytics();
+    });
+    document.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "hidden") {
+        this.flushEngagement();
+        this.engagement?.pause();
+        this.flushAnalytics();
+      } else if (document.visibilityState === "visible") {
+        this.engagement?.resume();
+      }
+    });
+  }
+  /** Enable auto-launch functionality with configured triggers */
+  autoLaunch() {
+    if (!this.initialized) {
+      throw new Error("SDK not initialized. Call init() first.");
+    }
+    if (!this.popupsLoaded) {
+      this.pendingAutoLaunch = true;
+      this.log("Auto-launch deferred until popups are loaded");
+      return;
+    }
+    this.startTriggers();
+  }
+  /** Inicia los triggers configurados */
+  startTriggers() {
+    this.log("Auto-launch enabled");
+    this.triggers.forEach((trigger) => setupTrigger(this, trigger));
+  }
+  /** Configure triggers for auto-launching popups (manual) */
+  configureTriggers(triggers) {
+    if (!this.initialized) {
+      throw new Error("SDK not initialized. Call init() first.");
+    }
+    this.triggers = triggers;
+    this.log("Triggers configured", triggers);
+  }
+  /** Deriva triggers desde las definiciones de popup */
+  configureTriggersFromDefinitions() {
+    const derived = [];
+    this.debug("Validated popup definitions", this.popupDefinitions);
+    this.popupDefinitions.forEach((def) => {
+      def.triggers.forEach((trigger) => {
+        const type = this.mapPopupTriggerType(trigger.type);
+        if (!type) {
+          this.debug("Unsupported trigger type", trigger.type);
+          return;
+        }
+        const value = type === "time" && typeof trigger.value === "number" ? trigger.value * 1e3 : trigger.value;
+        derived.push({ type, value, surveyId: def.surveyId, popupId: def.id });
+      });
+    });
+    if (derived.length) {
+      this.configureTriggers(derived);
+    }
+  }
+  /** Lógica para evaluar condiciones antes de mostrar una encuesta */
+  triggerSurvey(surveyId, popupId) {
+    const def = this.findPopupDefinition(surveyId, popupId);
+    if (!def) {
+      this.debug("No popup definition for trigger", { surveyId, popupId });
+      return;
+    }
+    if (!this.shouldShow(def)) {
+      this.debug("Conditions prevented showing popup", def.id);
+      return;
+    }
+    this.showDefinition(def);
+  }
+  /** Trigger popups configured with trigger.type = 'event' and matching trigger.value */
+  triggerEvent(eventName) {
+    if (!this.initialized) {
+      throw new Error("SDK not initialized. Call init() first.");
+    }
+    const normalized = String(eventName || "").trim();
+    if (!normalized) {
+      this.debug("Ignoring empty event trigger name");
+      return;
+    }
+    const candidates = this.popupDefinitions.filter((def) => {
+      return def.triggers.some((trigger) => {
+        const triggerValue = String(trigger.value ?? "").trim();
+        return trigger.type === "event" && triggerValue === normalized;
+      });
+    });
+    if (!candidates.length) {
+      this.debug("No event popup definitions found", { eventName: normalized });
+      return;
+    }
+    const matched = candidates.find((def) => this.shouldShow(def));
+    if (!matched) {
+      this.debug("Event popup blocked by conditions/segments", { eventName: normalized });
+      return;
+    }
+    this.showDefinition(matched);
+  }
+  showDefinition(def) {
+    this.log("Showing popup (definition)", def);
+    this.surveyToPopupId.set(def.surveyId, def.id);
+    this.lastShown.set(def.id, Date.now());
+    this.renderPopup(def.surveyId, def.productId, def.actions, def.style);
+    this.emitEvent("popup_shown", def.surveyId, { popupId: def.id });
+  }
+  shouldShow(def, pathUrl, skipPathCheck = false) {
+    if (!skipPathCheck && !this.matchesSegmentsPath(def, pathUrl)) {
+      return false;
+    }
+    if (!this.matchesSegmentsLang(def)) {
+      return false;
+    }
+    const cooldowns = def.cooldown || [];
+    if (cooldowns.length && !cooldowns.every((cooldown) => this.evaluateCooldown(def, cooldown))) {
+      return false;
+    }
+    const legacyConditions = def.legacyConditions || [];
+    if (!legacyConditions.length) return true;
+    return legacyConditions.every((condition) => this.evaluateLegacyCondition(def, condition));
+  }
+  matchesSegmentsLang(def) {
+    const langs = def.segments?.lang;
+    if (!langs || langs.length === 0) return true;
+    const browserLang = (typeof navigator !== "undefined" ? navigator.language : "").toLowerCase();
+    if (!browserLang) {
+      this.debug("No navigator.language available for lang comparison", { popupId: def.id, langs });
+      return true;
+    }
+    const matches = langs.some((lang) => browserLang.startsWith(lang.toLowerCase()));
+    if (!matches) {
+      this.debug("Lang mismatch for popup", { popupId: def.id, langs, browserLang });
+    }
+    return matches;
+  }
+  matchesSegmentsPath(def, pathUrl) {
+    const paths = def.segments?.path;
+    if (!paths || paths.length === 0) return true;
+    if (typeof window === "undefined" || !window.location) {
+      this.debug("No window.location available for path comparison", { popupId: def.id, paths });
+      return true;
+    }
+    const normalizedHref = this.normalizeUrl(pathUrl || window.location.href || "");
+    const currentUrl = this.safeParseUrl(normalizedHref);
+    const normalizedPath = this.normalizeUrl(currentUrl?.pathname || window.location.pathname || "");
+    const matches = paths.some((rawCandidate) => {
+      const candidate = this.normalizeUrl(rawCandidate);
+      let match = false;
+      if (candidate.startsWith("http://") || candidate.startsWith("https://")) {
+        match = normalizedHref === candidate;
+      } else if (candidate.startsWith("/")) {
+        match = normalizedHref.includes(candidate);
+      } else {
+        match = normalizedPath === candidate;
+      }
+      this.debug("Path comparison", {
+        popupId: def.id,
+        candidate,
+        currentPath: normalizedPath,
+        currentHref: normalizedHref,
+        match
+      });
+      return match;
+    });
+    if (!matches) {
+      this.debug("No path match for popup", { popupId: def.id, paths, currentPath: normalizedPath });
+    }
+    return matches;
+  }
+  evaluateCooldown(def, condition) {
+    switch (condition.answered) {
+      case "SHOWED":
+        return this.hasCooldownElapsed(this.lastShown.get(def.id), condition.cooldownDays);
+      case "PARTIAL":
+      case "COMPLETED": {
+        const progress = this.surveyProgress.get(def.surveyId);
+        if (!progress || progress.status !== condition.answered) {
+          return true;
+        }
+        return this.hasCooldownElapsed(progress.timestamp, condition.cooldownDays);
+      }
+      default:
+        return true;
+    }
+  }
+  evaluateLegacyCondition(def, condition) {
+    if (!condition.answered && this.answeredSurveys.has(def.surveyId)) {
+      return false;
+    }
+    return this.hasCooldownElapsed(this.lastShown.get(def.id), condition.cooldownDays);
+  }
+  hasCooldownElapsed(timestamp, cooldownDays) {
+    if (!timestamp || !cooldownDays) {
+      return true;
+    }
+    return Date.now() - timestamp >= cooldownDays * DAY_IN_MS;
+  }
+  /** Marcar encuesta como contestada externamente */
+  markSurveyAnswered(surveyId) {
+    this.answeredSurveys.add(surveyId);
+    this.markSurveyProgress(surveyId, "COMPLETED");
+  }
+  /** Queue an exit popup so it can render after navigation */
+  queueExitPopup(surveyId, delaySeconds, sourceUrl, popupId) {
+    const def = this.findPopupDefinition(surveyId, popupId);
+    if (!def) {
+      this.debug("No popup definition for exit trigger", { surveyId, popupId });
+      return;
+    }
+    const originUrl = sourceUrl || (typeof window !== "undefined" ? window.location.href : "");
+    if (!originUrl) {
+      this.debug("Exit popup skipped: missing source URL", { surveyId });
+      return;
+    }
+    if (!this.shouldShow(def, originUrl)) {
+      this.debug("Exit popup skipped by conditions/path", { popupId: def.id, sourceUrl: originUrl });
+      return;
+    }
+    const safeDelayMs = Number.isFinite(delaySeconds) ? Math.max(0, delaySeconds * 1e3) : 0;
+    const deferred = {
+      id: def.id,
+      surveyId: def.surveyId,
+      sourceUrl: this.normalizeUrl(originUrl),
+      dueAt: Date.now() + safeDelayMs
+    };
+    const queue = this.getDeferredExitQueue().filter((item) => !(item.id === deferred.id && item.sourceUrl === deferred.sourceUrl));
+    queue.push(deferred);
+    this.setDeferredExitQueue(queue);
+    this.scheduleDeferredExitPopup(deferred);
+    this.debug("Exit popup queued", deferred);
+  }
+  processDeferredExitQueue() {
+    const queue = this.getDeferredExitQueue();
+    if (!queue.length) return;
+    const pending = [];
+    const now = Date.now();
+    queue.forEach((item) => {
+      const def = this.popupDefinitions.find((popup) => popup.id === item.id && popup.surveyId === item.surveyId);
+      if (!def) {
+        return;
+      }
+      if (item.dueAt <= now) {
+        this.tryShowDeferredExitPopup(item);
+        return;
+      }
+      pending.push(item);
+      this.scheduleDeferredExitPopup(item);
+    });
+    this.setDeferredExitQueue(pending);
+  }
+  scheduleDeferredExitPopup(item) {
+    if (typeof window === "undefined") return;
+    const delay = Math.max(0, item.dueAt - Date.now());
+    const timer = window.setTimeout(() => this.tryShowDeferredExitPopup(item), delay);
+    this.deferredExitTimers.push(timer);
+  }
+  tryShowDeferredExitPopup(item) {
+    const def = this.popupDefinitions.find((popup) => popup.id === item.id && popup.surveyId === item.surveyId);
+    if (!def) {
+      this.removeDeferredExitPopup(item);
+      return;
+    }
+    const currentUrl = typeof window !== "undefined" ? this.normalizeUrl(window.location.href || "") : "";
+    if (!currentUrl || currentUrl === this.normalizeUrl(item.sourceUrl)) {
+      this.removeDeferredExitPopup(item);
+      this.debug("Exit popup dropped because route did not change", item);
+      return;
+    }
+    if (!this.shouldShow(def, void 0, true)) {
+      this.removeDeferredExitPopup(item);
+      this.debug("Exit popup skipped at render-time conditions", item);
+      return;
+    }
+    this.showDefinition(def);
+    this.removeDeferredExitPopup(item);
+  }
+  findPopupDefinition(surveyId, popupId) {
+    if (popupId) {
+      const byId = this.popupDefinitions.find((popup) => popup.id === popupId);
+      if (byId) return byId;
+    }
+    return this.popupDefinitions.find((popup) => popup.surveyId === surveyId);
+  }
+  removeDeferredExitPopup(item) {
+    const queue = this.getDeferredExitQueue().filter((entry) => !(entry.id === item.id && entry.sourceUrl === item.sourceUrl));
+    this.setDeferredExitQueue(queue);
+  }
+  getDeferredExitQueue() {
+    if (typeof window === "undefined") return [];
+    try {
+      const raw = window.sessionStorage.getItem(EXIT_QUEUE_STORAGE_KEY);
+      if (!raw) return [];
+      const parsed = JSON.parse(raw);
+      if (!Array.isArray(parsed)) return [];
+      return parsed.filter((entry) => {
+        if (typeof entry !== "object" || entry === null) return false;
+        const item = entry;
+        return typeof item.id === "string" && typeof item.surveyId === "string" && typeof item.sourceUrl === "string" && typeof item.dueAt === "number" && Number.isFinite(item.dueAt);
+      }).map((item) => ({
+        ...item,
+        sourceUrl: this.normalizeUrl(item.sourceUrl)
+      }));
+    } catch {
+      return [];
+    }
+  }
+  setDeferredExitQueue(queue) {
+    if (typeof window === "undefined") return;
+    try {
+      if (!queue.length) {
+        window.sessionStorage.removeItem(EXIT_QUEUE_STORAGE_KEY);
+        return;
+      }
+      window.sessionStorage.setItem(EXIT_QUEUE_STORAGE_KEY, JSON.stringify(queue));
+    } catch {
+    }
+  }
+  /** Fetch al servidor para obtener popups */
+  async fetchPopupsFromServer() {
+    const apiKey = this.config?.apiKey;
+    const baseUrl = this.baseUrl;
+    const userId = this.config?.userId;
+    if (!apiKey || !baseUrl) {
+      this.log("Missing apiKey or baseUrl. Skipping popups fetch.");
+      return [];
+    }
+    const filter = userId ? { where: { userId } } : null;
+    const query = filter ? `?filter=${encodeURIComponent(JSON.stringify(filter))}` : "";
+    const endpoint = `${baseUrl}/sdk/${encodeURIComponent(apiKey)}/popups${query}`;
+    try {
+      const response = await fetch(endpoint);
+      if (!response.ok) {
+        this.log("Failed to fetch popups", response.status, response.statusText);
+        return [];
+      }
+      const raw = await response.text();
+      const parsed = JSON.parse(raw);
+      if (!Array.isArray(parsed)) {
+        this.log("Unexpected popups payload", parsed);
+        return [];
+      }
+      this.debug("Fetched popups payload", parsed);
+      return parsed;
+    } catch (error) {
+      this.log("Error fetching popups", error);
+      return [];
+    }
+  }
+  /** Envía los atributos de contact a la API (`POST /sdk/popups/contact`). */
+  async postContact(body) {
+    const baseUrl = this.baseUrl;
+    if (!baseUrl) return;
+    const endpoint = `${baseUrl}/sdk/popups/contact`;
+    try {
+      const response = await fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body)
+      });
+      if (!response.ok) {
+        this.log("Failed to post contact", response.status, response.statusText);
+        return;
+      }
+      this.log("contact \xB7 sent attributes for user:", body.userId);
+    } catch (error) {
+      this.log("Error posting contact", error);
+    }
+  }
+  /** Notifica eventos de popup a la API */
+  async postPopupEvent(status, popupId, userId) {
+    const apiKey = this.config?.apiKey;
+    const baseUrl = this.baseUrl;
+    if (!apiKey || !baseUrl) {
+      return;
+    }
+    const endpoint = `${baseUrl}/sdk/popups`;
+    try {
+      const response = await fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          publicKey: apiKey,
+          status,
+          popupId,
+          userId: userId || void 0
+        })
+      });
+      if (!response.ok) {
+        this.log("Failed to post popup event", response.status, response.statusText);
+        return;
+      }
+      try {
+        const data = await response.json();
+        if (data && typeof data.sessionId === "string") {
+          this.tracking?.setSessionId(data.sessionId);
+          this.log("tracking \xB7 session_id from backend:", data.sessionId);
+        }
+      } catch {
+      }
+    } catch (error) {
+      this.log("Error posting popup event", error);
+    }
+  }
+  /** Add an event listener */
+  on(eventType, listener) {
+    if (!this.listeners.has(eventType)) {
+      this.listeners.set(eventType, /* @__PURE__ */ new Set());
+    }
+    this.listeners.get(eventType).add(listener);
+  }
+  /** Remove an event listener */
+  off(eventType, listener) {
+    const listeners = this.listeners.get(eventType);
+    if (listeners) {
+      listeners.delete(listener);
+    }
+  }
+  /** Setup popup container element */
+  setupPopupContainer() {
+    if (typeof document === "undefined") {
+      return;
+    }
+    this.popupContainer = document.createElement("div");
+    this.popupContainer.id = "deepdots-popup-container";
+    this.popupContainer.style.cssText = `
+          position: fixed;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          display: none;
+          z-index: 999999;
+          background: rgba(0, 0, 0, 0.5);
+          justify-content: center;
+          align-items: center;
+        `;
+    document.body.appendChild(this.popupContainer);
+  }
+  /** Render the popup UI */
+  renderPopup(surveyId, productId, actions, style) {
+    const userId = this.tracking?.getUserId() ?? this.config?.userId;
+    const sessionId = this.tracking?.getSessionId() ?? void 0;
+    const miniService = this.analytics?.getMiniService() ?? void 0;
+    this.log("tracking \xB7 survey identity \u2192", { userId: userId ?? null, sessionId: sessionId ?? null, miniService: miniService ?? null });
+    if (this.renderer) {
+      this.renderer.show(
+        surveyId,
+        productId,
+        actions,
+        (type, id, payload) => this.emitEvent(type, id, payload),
+        () => this.hidePopup(),
+        this.env,
+        userId,
+        style,
+        sessionId,
+        miniService
+      );
+      return;
+    }
+    if (!this.popupContainer) return;
+    const container = this.popupContainer;
+    void Promise.resolve().then(() => (init_renderPopup(), renderPopup_exports)).then(({ renderPopup: renderPopup2 }) => {
+      renderPopup2(
+        container,
+        surveyId,
+        productId,
+        actions,
+        (type, id, payload) => this.emitEvent(type, id, payload),
+        () => this.hidePopup(),
+        this.env,
+        userId,
+        style,
+        sessionId,
+        miniService
+      );
+    });
+  }
+  /** Hide the popup */
+  hidePopup() {
+    if (this.renderer) {
+      this.renderer.hide();
+      return;
+    }
+    if (this.popupContainer) {
+      this.popupContainer.style.display = "none";
+      this.popupContainer.innerHTML = "";
+    }
+  }
+  /** Emit an event */
+  emitEvent(type, surveyId, data) {
+    const event = { type, surveyId, timestamp: Date.now(), data };
+    this.log("Event emitted", event);
+    const isPartialClick = type === "popup_clicked" && data?.action === "partial";
+    if (isPartialClick) {
+      this.markSurveyProgress(surveyId, "PARTIAL");
+    }
+    if (type === "survey_completed") {
+      this.markSurveyAnswered(surveyId);
+    }
+    if (type === "popup_shown" || type === "survey_completed" || isPartialClick) {
+      const popupIdFromData = data?.popupId;
+      const popupId = popupIdFromData || this.surveyToPopupId.get(surveyId);
+      if (popupId) {
+        const userIdFromData = data?.userId;
+        const status = type === "popup_shown" ? "SHOWED" /* SHOWED */ : type === "survey_completed" ? "COMPLETED" /* COMPLETED */ : "PARTIAL" /* PARTIAL */;
+        void this.postPopupEvent(status, popupId, userIdFromData || this.tracking?.getUserId() || this.config?.userId);
+      } else {
+        this.debug("No popupId available to post event", { type, surveyId });
+      }
+    }
+    const listeners = this.listeners.get(type);
+    if (listeners) {
+      listeners.forEach((listener) => {
+        try {
+          listener(event);
+        } catch (error) {
+          console.error("Error in event listener:", error);
+        }
+      });
+    }
+  }
+  /** Log debug messages */
+  log(...args) {
+    if (this.config?.debug) {
+      console.log("[DeepdotsPopups]", ...args);
+    }
+  }
+  /** External debug method for triggers */
+  debug(...args) {
+    this.log(...args);
+  }
+  /** Set a custom renderer */
+  setRenderer(renderer) {
+    this.renderer = renderer;
+    if (this.initialized && this.renderer.init) {
+      this.renderer.init();
+    }
+  }
+  normalizeUrl(value) {
+    if (!value) return "";
+    const withoutIndex = value.replace(/\/index\.html(?=($|[?#]))/i, "");
+    return withoutIndex.length > 1 && withoutIndex.endsWith("/") ? withoutIndex.slice(0, -1) : withoutIndex;
+  }
+  safeParseUrl(url) {
+    if (!url) return null;
+    try {
+      return new URL(url, typeof window !== "undefined" ? window.location.href : void 0);
+    } catch {
+      return null;
+    }
+  }
+  mapPopupTriggerType(type) {
+    switch (type) {
+      case "time_on_page":
+        return "time";
+      case "scroll":
+        return "scroll";
+      case "exit":
+        return "exit";
+      case "click":
+        return "click";
+      case "event":
+        return "event";
+      default:
+        return null;
+    }
+  }
+  markSurveyProgress(surveyId, status) {
+    const current = this.surveyProgress.get(surveyId);
+    if (current?.status === "COMPLETED" && status !== "COMPLETED") {
+      return;
+    }
+    this.surveyProgress.set(surveyId, { status, timestamp: Date.now() });
+  }
+  isPopupDefinition(value) {
+    if (typeof value !== "object" || value === null) return false;
+    const popup = value;
+    return typeof popup.id === "string" && typeof popup.title === "string" && typeof popup.message === "string" && typeof popup.surveyId === "string" && typeof popup.productId === "string" && Array.isArray(popup.triggers) && popup.triggers.length > 0 && popup.triggers.every((trigger) => this.isPopupTrigger(trigger)) && (!popup.cooldown || popup.cooldown.every((condition) => this.isPopupTriggerCondition(condition)));
+  }
+  isPopupTrigger(value) {
+    if (typeof value !== "object" || value === null) return false;
+    const trigger = value;
+    return this.isPopupTriggerType(trigger.type) && (typeof trigger.value === "number" || typeof trigger.value === "string");
+  }
+  isPopupTriggerType(value) {
+    return value === "time_on_page" || value === "scroll" || value === "exit" || value === "click" || value === "event";
+  }
+  isPopupTriggerCondition(value) {
+    if (typeof value !== "object" || value === null) return false;
+    const condition = value;
+    return POPUP_TRIGGER_CONDITION_STATUSES.includes(condition.answered) && typeof condition.cooldownDays === "number" && Number.isFinite(condition.cooldownDays) && condition.cooldownDays >= 0;
+  }
+  isLegacyPopupTriggerCondition(value) {
+    if (typeof value !== "object" || value === null) return false;
+    const condition = value;
+    if (condition.answered !== void 0 && typeof condition.answered !== "boolean") {
+      return false;
+    }
+    if (condition.cooldownDays !== void 0) {
+      return typeof condition.cooldownDays === "number" && Number.isFinite(condition.cooldownDays) && condition.cooldownDays >= 0;
+    }
+    return true;
+  }
+  normalizeTriggers(value) {
+    const items = Array.isArray(value) ? value : value ? [value] : [];
+    return items.filter((trigger) => this.isPopupTrigger(trigger)).map((trigger) => ({
+      type: trigger.type,
+      value: trigger.value
+    }));
+  }
+  normalizeCooldown(value) {
+    if (!Array.isArray(value)) return [];
+    return value.filter((condition) => this.isPopupTriggerCondition(condition));
+  }
+  normalizeLegacyConditions(value) {
+    if (!Array.isArray(value)) return [];
+    return value.filter((condition) => this.isLegacyPopupTriggerCondition(condition));
+  }
+  normalizePopupDefinition(def) {
+    if (typeof def !== "object" || def === null) return null;
+    const raw = def;
+    const rawTriggers = raw.triggers ?? raw.trigger;
+    const triggers = this.normalizeTriggers(rawTriggers);
+    if (!triggers.length) return null;
+    const rawTriggerList = Array.isArray(rawTriggers) ? rawTriggers : rawTriggers ? [rawTriggers] : [];
+    const legacyConditions = [
+      ...this.normalizeLegacyConditions(raw.conditions),
+      ...rawTriggerList.flatMap((trigger) => this.normalizeLegacyConditions(trigger.condition))
+    ];
+    const cooldown = this.normalizeCooldown(raw.cooldown);
+    return {
+      ...raw,
+      triggers,
+      cooldown,
+      legacyConditions
+    };
+  }
+  validatePopupDefinitions(defs) {
+    return defs.map((def) => this.normalizePopupDefinition(def)).filter((def) => !!def && this.isPopupDefinition(def));
+  }
+};
+
+// src/react-native/setup.ts
+function mmkvStorage(mmkv) {
+  return {
+    getItem: (k) => mmkv.getString(k) ?? null,
+    setItem: (k, v) => mmkv.set(k, v),
+    removeItem: (k) => mmkv.delete(k)
+  };
+}
+function collectRnDevice(d) {
+  return {
+    device_type: d.isTablet?.() ? "tablet" : "mobile",
+    os_version: d.getSystemVersion?.(),
+    device_model: d.getDeviceId?.(),
+    app_version: d.getVersion?.()
+  };
+}
+function setupReactNative(sdk2, config, deps = {}) {
+  if (deps.renderer) sdk2.setRenderer(deps.renderer);
+  const storage = deps.mmkv ? mmkvStorage(deps.mmkv) : config.storage;
+  const device = deps.deviceInfo ? collectRnDevice(deps.deviceInfo) : config.device;
+  const platform = deps.platform ?? config.platform;
+  sdk2.init({ ...config, storage, device, platform });
+  let subscription;
+  if (deps.appState?.addEventListener) {
+    subscription = deps.appState.addEventListener("change", (state) => {
+      if (state === "active") sdk2.onForeground();
+      else sdk2.onBackground();
+    });
+  }
+  return () => {
+    if (subscription && typeof subscription.remove === "function") subscription.remove();
+  };
+}
+
+// src/react-native/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var sdk = new DeepdotsPopups();
+var DeepdotsContext = (0, import_react.createContext)(sdk);
+var useDeepdots = () => (0, import_react.useContext)(DeepdotsContext);
+function optionalRequire(name) {
+  try {
+    return require(name);
+  } catch {
+    return null;
+  }
+}
+function DeepdotsProvider({ config, children }) {
+  const [survey, setSurvey] = (0, import_react.useState)(null);
+  const rendererRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const renderer = new ReactNativePopupRenderer({
+      onShow: (p) => setSurvey(p),
+      onHide: () => setSurvey(null)
+    });
+    rendererRef.current = renderer;
+    const MmkvMod = optionalRequire("react-native-mmkv");
+    const mmkv = MmkvMod?.MMKV ? new MmkvMod.MMKV({ id: "deepdots-sdk" }) : null;
+    const deviceInfo = optionalRequire("react-native-device-info")?.default ?? null;
+    const dispose = setupReactNative(sdk, config, {
+      mmkv,
+      deviceInfo,
+      appState: import_react_native.AppState,
+      platform: import_react_native.Platform.OS === "ios" ? "ios" : "android",
+      renderer
+    });
+    return dispose;
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DeepdotsContext.Provider, { value: sdk, children: [
+    children,
+    survey ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Modal, { visible: true, transparent: true, animationType: "slide", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native_webview.WebView,
+      {
+        originWhitelist: ["*"],
+        javaScriptEnabled: true,
+        source: { html: survey.html },
+        onMessage: (e) => rendererRef.current?.handleMessage(e.nativeEvent.data)
+      }
+    ) }) }) : null
+  ] });
+}
+//# sourceMappingURL=react-native.js.map