md-face-engine 1.1.2 → 1.1.3

package/dist/client-Rdsk7P-r.js

@@ -0,0 +1,739 @@
+import { useRef as V, useEffect as k, useState as G, useCallback as Y } from "react";
+const q = {
+  smooth: { enabled: !0, radius: 4, passes: 2, opacity: 0.4 },
+  brightness: { enabled: !0, value: 0 },
+  contrast: { enabled: !0, value: 1 },
+  warmth: { enabled: !0, rPlus: 0, bMinus: 0, alpha: 0 }
+};
+class Q {
+  constructor(t = {}) {
+    this.storageKey = "martiderm_filter_configs", this.authKey = "martiderm_admin_auth", this.backupKey = "martiderm_config_backup", this.products = Array.isArray(t.products) ? t.products : [], this.init();
+  }
+  init() {
+    const t = this.loadConfigurations();
+    (!t || Object.keys(t).length === 0) && this.products.length > 0 && this.initializeDefaultConfigurations();
+  }
+  setProducts(t = []) {
+    this.products = Array.isArray(t) ? t : [];
+    const o = this.loadConfigurations();
+    (!o || Object.keys(o).length === 0) && this.products.length > 0 && this.initializeDefaultConfigurations();
+  }
+  initializeDefaultConfigurations() {
+    try {
+      const t = {};
+      this.products.forEach((o) => {
+        t[o.id] = this.generateProductConfig(o);
+      }), this.saveConfigurations(t);
+    } catch (t) {
+      console.error("Error inicializando configuraciones:", t);
+    }
+  }
+  generateProductConfig(t = {}) {
+    return {
+      productId: t.id,
+      productName: t.name,
+      category: t.category,
+      filters: { ...q },
+      webglConfig: t.defaultWebglConfig ? { ...t.defaultWebglConfig } : {},
+      lastModified: (/* @__PURE__ */ new Date()).toISOString(),
+      version: "2.0"
+    };
+  }
+  getProductConfig(t) {
+    return this.loadConfigurations()[t] || null;
+  }
+  saveProductConfig(t, o) {
+    const r = this.loadConfigurations();
+    return r[t] = {
+      ...o,
+      lastModified: (/* @__PURE__ */ new Date()).toISOString()
+    }, this.saveConfigurations(r), !0;
+  }
+  getAllConfigurations() {
+    return this.loadConfigurations();
+  }
+  loadConfigurations() {
+    try {
+      const t = localStorage.getItem(this.storageKey);
+      return t ? JSON.parse(t) : {};
+    } catch (t) {
+      return console.error("Error cargando configuraciones:", t), {};
+    }
+  }
+  saveConfigurations(t) {
+    try {
+      return localStorage.setItem(this.storageKey, JSON.stringify(t)), this.createBackup(t), !0;
+    } catch (o) {
+      return console.error("Error guardando configuraciones:", o), !1;
+    }
+  }
+  createBackup(t = null) {
+    try {
+      const o = t || this.loadConfigurations(), r = {
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        configurations: o,
+        version: "2.0"
+      };
+      return localStorage.setItem(this.backupKey, JSON.stringify(r)), !0;
+    } catch (o) {
+      return console.error("Error creando backup:", o), !1;
+    }
+  }
+  restoreFromBackup() {
+    try {
+      const t = localStorage.getItem(this.backupKey);
+      if (t) {
+        const o = JSON.parse(t);
+        return this.saveConfigurations(o.configurations), !0;
+      }
+      return !1;
+    } catch (t) {
+      return console.error("Error restaurando backup:", t), !1;
+    }
+  }
+  exportConfigurations() {
+    const t = this.loadConfigurations(), o = {
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      configurations: t,
+      version: "2.0"
+    };
+    return JSON.stringify(o, null, 2);
+  }
+  importConfigurations(t) {
+    try {
+      const o = JSON.parse(t);
+      return o.configurations ? (this.saveConfigurations(o.configurations), !0) : !1;
+    } catch (o) {
+      return console.error("Error importando configuraciones:", o), !1;
+    }
+  }
+  resetToDefaults() {
+    try {
+      return localStorage.removeItem(this.storageKey), this.initializeDefaultConfigurations(), !0;
+    } catch (t) {
+      return console.error("Error reseteando configuraciones:", t), !1;
+    }
+  }
+  isAuthenticated() {
+    try {
+      const t = localStorage.getItem(this.authKey);
+      if (!t) return !1;
+      const o = JSON.parse(t);
+      return !!(o != null && o.authenticated);
+    } catch {
+      return !1;
+    }
+  }
+  authenticateAdmin(t, o) {
+    if (t === "admin" && o === "martiderm2024") {
+      const a = {
+        authenticated: !0,
+        username: t,
+        token: `adm-${Date.now()}`,
+        lastLogin: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      return localStorage.setItem(this.authKey, JSON.stringify(a)), { success: !0, username: t };
+    }
+    return { success: !1, error: "Credenciales inválidas" };
+  }
+  getAuthenticatedUser() {
+    try {
+      const t = localStorage.getItem(this.authKey);
+      if (!t) return null;
+      const o = JSON.parse(t);
+      return o != null && o.authenticated ? { username: o.username } : null;
+    } catch {
+      return null;
+    }
+  }
+  logout() {
+    try {
+      return localStorage.removeItem(this.authKey), !0;
+    } catch {
+      return !1;
+    }
+  }
+  exportConfiguration() {
+    return this.exportConfigurations();
+  }
+}
+const F = new Q();
+function ce(e) {
+  if (!e) throw new Error("Canvas WebGL inexistente");
+  const t = e.getContext("webgl", { premultipliedAlpha: !1, preserveDrawingBuffer: !0 }) || e.getContext("experimental-webgl");
+  if (!t) throw new Error("WebGL no disponible en este navegador");
+  return t;
+}
+function K(e, t, o) {
+  const r = e.createShader(t);
+  if (e.shaderSource(r, o), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) {
+    const i = e.getShaderInfoLog(r);
+    throw e.deleteShader(r), new Error(`Shader error: ${i}`);
+  }
+  return r;
+}
+function le(e, t, o) {
+  const r = K(e, e.VERTEX_SHADER, t), i = K(e, e.FRAGMENT_SHADER, o), a = e.createProgram();
+  if (e.attachShader(a, r), e.attachShader(a, i), e.linkProgram(a), !e.getProgramParameter(a, e.LINK_STATUS)) {
+    const f = e.getProgramInfoLog(a);
+    throw e.deleteProgram(a), new Error(`Program link error: ${f}`);
+  }
+  return a;
+}
+function he(e, t, o, r) {
+  const i = e.createTexture();
+  return e.bindTexture(e.TEXTURE_2D, i), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !0), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), r ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, r) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, t, o, 0, e.RGBA, e.UNSIGNED_BYTE, null), i;
+}
+function de(e, t) {
+  const o = e.createFramebuffer();
+  if (e.bindFramebuffer(e.FRAMEBUFFER, o), e.framebufferTexture2D(e.FRAMEBUFFER, e.COLOR_ATTACHMENT0, e.TEXTURE_2D, t, 0), e.checkFramebufferStatus(e.FRAMEBUFFER) !== e.FRAMEBUFFER_COMPLETE)
+    throw new Error("FBO incomplete");
+  return e.bindFramebuffer(e.FRAMEBUFFER, null), o;
+}
+function $(e, t, o) {
+  e.viewport(0, 0, t, o);
+}
+function me(e) {
+  const t = e.createBuffer();
+  e.bindBuffer(e.ARRAY_BUFFER, t);
+  const o = new Float32Array([-1, -1, 0, 0, 1, -1, 1, 0, -1, 1, 0, 1, 1, 1, 1, 1]);
+  e.bufferData(e.ARRAY_BUFFER, o, e.STATIC_DRAW);
+  const r = e.createBuffer();
+  e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, r);
+  const i = new Uint16Array([0, 1, 2, 2, 1, 3]);
+  return e.bufferData(e.ELEMENT_ARRAY_BUFFER, i, e.STATIC_DRAW), { vbo: t, ibo: r };
+}
+function Z(e) {
+  return e === "brightness" ? 1 : e === "spots" ? 2 : e === "acne" ? 3 : e === "firmness" ? 4 : 0;
+}
+const be = [
+  "attribute vec2 a_pos;",
+  "attribute vec2 a_uv;",
+  "varying vec2 v_uv;",
+  "void main() {",
+  "  v_uv = a_uv;",
+  "  gl_Position = vec4(a_pos, 0.0, 1.0);",
+  "}"
+].join(`
+`), ge = [
+  "precision mediump float;",
+  "varying vec2 v_uv;",
+  "uniform sampler2D u_tex;",
+  "uniform vec2 u_texel;",
+  "uniform vec2 u_dir;",
+  "uniform float u_sigma;",
+  "float gaussian(float x, float s) { return exp(-(x*x)/(2.0*s*s)); }",
+  "void main() {",
+  "  vec2 stepDir = u_dir * u_sigma;",
+  "  vec4 col = texture2D(u_tex, v_uv) * gaussian(0.0, 1.0);",
+  "  float wsum = gaussian(0.0, 1.0);",
+  "  for (int i = 1; i <= 4; i++) {",
+  "    float f = float(i);",
+  "    float w = gaussian(f, 1.0);",
+  "    vec2 off = stepDir * f * u_texel;",
+  "    col += texture2D(u_tex, v_uv + off) * w;",
+  "    col += texture2D(u_tex, v_uv - off) * w;",
+  "    wsum += 2.0 * w;",
+  "  }",
+  "  gl_FragColor = col / wsum;",
+  "}"
+].join(`
+`), we = [
+  "precision mediump float;",
+  "varying vec2 v_uv;",
+  "uniform sampler2D u_orig;",
+  "uniform sampler2D u_blur;",
+  "uniform sampler2D u_mask;",
+  "uniform float u_intensity;",
+  "uniform float u_brightness;",
+  "uniform float u_contrast;",
+  "uniform float u_warmthR;",
+  "uniform float u_warmthB;",
+  "uniform float u_warmthAlpha;",
+  "uniform int u_filterType;",
+  "void main() {",
+  "  vec4 o = texture2D(u_orig, v_uv);",
+  "  vec4 b = texture2D(u_blur, v_uv);",
+  "  float a = clamp(texture2D(u_mask, v_uv).a, 0.0, 1.0);",
+  "  float m = a * u_intensity;",
+  "  vec4 blended = mix(o, b, m);",
+  "  blended.rgb += u_brightness * a;",
+  "  blended.rgb = clamp(blended.rgb, 0.0, 1.0);",
+  "  gl_FragColor = blended;",
+  "if (u_filterType == 2) {",
+  "vec3 smoothed = mix(o.rgb, b.rgb, m * 0.7);",
+  "float origLum = dot(o.rgb, vec3(0.299, 0.587, 0.114));",
+  "float smoothLum = dot(smoothed, vec3(0.299, 0.587, 0.114));",
+  "float darkness = max(0.0, smoothLum - origLum);",
+  "smoothed.rgb += vec3(darkness * 0.4) * m;",
+  "float targetLum = dot(smoothed, vec3(0.299, 0.587, 0.114));",
+  "vec3 uniformTone = vec3(targetLum * 1.02);",
+  "smoothed.rgb = mix(smoothed.rgb, uniformTone, m * 0.35);",
+  "float avgChannel = (smoothed.r + smoothed.g + smoothed.b) / 3.0;",
+  "smoothed.r = mix(smoothed.r, avgChannel, m * 0.25);",
+  "smoothed.g = mix(smoothed.g, avgChannel, m * 0.15);",
+  "smoothed.b = mix(smoothed.b, avgChannel, m * 0.15);",
+  "float gray = dot(smoothed, vec3(0.299, 0.587, 0.114));",
+  "smoothed.rgb = mix(vec3(gray), smoothed.rgb, 0.85);",
+  "smoothed.rgb = pow(smoothed.rgb, vec3(0.96));",
+  "smoothed.rgb += vec3(0.02) * m;",
+  "float finalGray = dot(smoothed, vec3(0.299, 0.587, 0.114));",
+  "finalGray = pow(finalGray, 0.88);",
+  "blended.rgb = vec3(finalGray);",
+  "blended.rgb = clamp(blended.rgb, 0.0, 1.0);",
+  "}",
+  "if (u_filterType == 3) {",
+  "float origLum = dot(o.rgb, vec3(0.299, 0.587, 0.114));",
+  "float blurLum = dot(b.rgb, vec3(0.299, 0.587, 0.114));",
+  "float detail = origLum - blurLum;",
+  "vec3 smoothed = mix(o.rgb, b.rgb, m * 0.85);",
+  "float detailAmount = 0.25 * (1.0 - m * 0.5);",
+  "smoothed.rgb += detail * detailAmount * sign(detail);",
+  "float avgColor = (smoothed.r + smoothed.g + smoothed.b) / 3.0;",
+  "smoothed.r = mix(smoothed.r, avgColor, m * 0.35);",
+  "smoothed.g = mix(smoothed.g, avgColor, m * 0.15);",
+  "smoothed.b = mix(smoothed.b, avgColor, m * 0.1);",
+  "smoothed.rgb = mix(smoothed.rgb, vec3(blurLum), m * 0.2);",
+  "smoothed.rgb += vec3(0.05) * m;",
+  "blended.rgb = clamp(smoothed, 0.0, 1.0);",
+  "vec2 texelSize = vec2(1.0) / vec2(1024.0, 1024.0);",
+  "vec3 avgNeighbor = vec3(0.0);",
+  "float weightSum = 0.0;",
+  "for(int dx = -1; dx <= 1; dx++) {",
+  "for(int dy = -1; dy <= 1; dy++) {",
+  "vec2 offset = vec2(float(dx), float(dy)) * texelSize * 2.0;",
+  "vec3 neighbor = texture2D(u_blur, v_uv + offset).rgb;",
+  "float colorDiff = length(neighbor - blended.rgb);",
+  "float weight = exp(-colorDiff * 5.0) * a;",
+  "avgNeighbor += neighbor * weight;",
+  "weightSum += weight;",
+  "}",
+  "}",
+  "if(weightSum > 0.01) {",
+  "vec3 bilateralSmooth = avgNeighbor / weightSum;",
+  "blended.rgb = mix(blended.rgb, bilateralSmooth, m * 0.3);",
+  "}",
+  "}",
+  "if (u_filterType == 4) {",
+  "float lift = 0.02 * u_intensity;",
+  "vec2 off = vec2(0.0, -lift);",
+  "vec4 lifted = texture2D(u_orig, v_uv + off * a);",
+  "blended.rgb = mix(blended.rgb, lifted.rgb, 0.5 * m);",
+  "blended.rgb = pow(blended.rgb, vec3(1.0/(1.0 - 0.06 * u_intensity)));",
+  "blended.rgb += vec3(0.02 * u_intensity * a);",
+  "blended.rgb = clamp(blended.rgb, 0.0, 1.0);",
+  "}",
+  "blended.rgb = ((blended.rgb - 0.5) * u_contrast) + 0.5;",
+  "vec3 warm = blended.rgb;",
+  "warm.r += u_warmthR / 255.0;",
+  "warm.b = max(0.0, warm.b - (u_warmthB / 255.0));",
+  "blended.rgb = mix(blended.rgb, clamp(warm, 0.0, 1.0), u_warmthAlpha);",
+  "gl_FragColor = blended;",
+  "}"
+].join(`
+`);
+function X(e, t, o, r, i, a = "Error aplicando escala de grises") {
+  try {
+    const f = e.getImageData(t, o, r, i), n = f.data;
+    for (let l = 0; l < n.length; l += 4) {
+      const b = 0.299 * n[l] + 0.587 * n[l + 1] + 0.114 * n[l + 2];
+      n[l] = b, n[l + 1] = b, n[l + 2] = b;
+    }
+    e.putImageData(f, t, o);
+  } catch (f) {
+    console.error(a, f);
+  }
+}
+function J(e, t, o) {
+  const r = e.getAttribLocation(t, "a_pos"), i = e.getAttribLocation(t, "a_uv");
+  e.bindBuffer(e.ARRAY_BUFFER, o.vbo), e.enableVertexAttribArray(r), e.enableVertexAttribArray(i), e.vertexAttribPointer(r, 2, e.FLOAT, !1, 16, 0), e.vertexAttribPointer(i, 2, e.FLOAT, !1, 16, 8), e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, o.ibo);
+}
+function H(e, t, o, r) {
+  e.bindFramebuffer(e.FRAMEBUFFER, t), $(e, o, r), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.drawElements(e.TRIANGLES, 6, e.UNSIGNED_SHORT, 0);
+}
+function Ee({
+  gl: e,
+  image: t,
+  imgSize: o,
+  programs: r,
+  quad: i,
+  textures: a,
+  framebuffers: f,
+  params: n,
+  canvases: l,
+  callbacks: b = {}
+}) {
+  if (!e || !t) {
+    const d = l == null ? void 0 : l.outCanvas;
+    if (d && t) {
+      const _ = d.getContext("2d"), L = o == null ? void 0 : o.w, W = o == null ? void 0 : o.h;
+      _ && L && W && (_.clearRect(0, 0, L, W), _.drawImage(t, 0, 0, L, W));
+    }
+    return;
+  }
+  const m = o == null ? void 0 : o.w, h = o == null ? void 0 : o.h;
+  if (!m || !h) return;
+  e.useProgram(r.blur), J(e, r.blur, i);
+  const M = e.getUniformLocation(r.blur, "u_texel"), P = e.getUniformLocation(r.blur, "u_dir"), D = e.getUniformLocation(r.blur, "u_sigma"), U = e.getUniformLocation(r.blur, "u_tex");
+  e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, a.orig), e.uniform1i(U, 0), e.uniform2f(M, 1 / m, 1 / h), e.uniform2f(P, 1, 0), e.uniform1f(D, n.sigma), H(e, f.ping, m, h), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, a.ping), e.uniform1i(U, 0), e.uniform2f(M, 1 / m, 1 / h), e.uniform2f(P, 0, 1), e.uniform1f(D, n.sigma), H(e, f.pong, m, h), e.useProgram(r.compose), J(e, r.compose, i);
+  const T = e.getUniformLocation(r.compose, "u_orig"), p = e.getUniformLocation(r.compose, "u_blur"), g = e.getUniformLocation(r.compose, "u_mask"), w = e.getUniformLocation(r.compose, "u_intensity"), v = e.getUniformLocation(r.compose, "u_brightness"), S = e.getUniformLocation(r.compose, "u_contrast"), C = e.getUniformLocation(r.compose, "u_warmthR"), R = e.getUniformLocation(r.compose, "u_warmthB"), y = e.getUniformLocation(r.compose, "u_warmthAlpha"), A = e.getUniformLocation(r.compose, "u_filterType");
+  e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, a.orig), e.uniform1i(T, 0), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, a.pong), e.uniform1i(p, 1), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, a.mask), e.uniform1i(g, 2), e.uniform1f(w, n.intensity), e.uniform1f(v, n.brightness), e.uniform1f(S, n.contrast), e.uniform1f(C, n.warmthR), e.uniform1f(R, n.warmthB), e.uniform1f(y, n.warmthA), e.uniform1i(A, Z(n.filterType)), typeof b.onConfigApplied == "function" && b.onConfigApplied({
+    intensity: n.intensity,
+    sigma: n.sigma,
+    brightness: n.brightness,
+    contrast: n.contrast,
+    warmthR: n.warmthR,
+    warmthB: n.warmthB,
+    warmthA: n.warmthA,
+    filterType: n.filterType
+  }), e.bindFramebuffer(e.FRAMEBUFFER, null), $(e, m, h), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.drawElements(e.TRIANGLES, 6, e.UNSIGNED_SHORT, 0);
+  const I = l.glCanvas, B = l.outCanvas, j = l.maskCanvas, u = B && B.getContext("2d");
+  if (u) {
+    if (e.finish(), u.clearRect(0, 0, m, h), n.view === "before")
+      u.drawImage(t, 0, 0, m, h), n.filterType === "spots" && X(u, 0, 0, m, h, 'Error aplicando escala de grises en "antes":');
+    else if (n.view === "after")
+      !!I && I.width && I.height ? u.drawImage(I, 0, 0, m, h) : u.drawImage(t, 0, 0, m, h);
+    else if (n.view === "mask")
+      u.fillStyle = "#000000", u.fillRect(0, 0, m, h), u.drawImage(j, 0, 0, m, h);
+    else {
+      const d = Math.max(0, Math.min(1, n.splitPos)) * m;
+      if (n.mirrored) {
+        d > 0 && u.drawImage(I, 0, 0, d, h, 0, 0, d, h);
+        const _ = m - d;
+        _ > 0 && (u.drawImage(t, d, 0, _, h, d, 0, _, h), n.filterType === "spots" && X(
+          u,
+          d,
+          0,
+          _,
+          h,
+          "Error aplicando B&N en split derecha (mirrored):"
+        ));
+      } else {
+        d > 0 && (u.drawImage(t, 0, 0, d, h, 0, 0, d, h), n.filterType === "spots" && X(u, 0, 0, d, h, "Error aplicando B&N en split izquierda:"));
+        const _ = m - d;
+        _ > 0 && u.drawImage(I, d, 0, _, h, d, 0, _, h);
+      }
+      u.save(), u.strokeStyle = "rgba(255,255,255,0.9)", u.lineWidth = 2, u.beginPath(), u.moveTo(Math.floor(d), 0), u.lineTo(Math.floor(d), h), u.stroke(), u.fillStyle = "rgba(0,0,0,0.15)", u.beginPath(), u.arc(Math.floor(d) + 2, h / 2 + 2, 14, 0, Math.PI * 2), u.fill(), u.fillStyle = "#ffffff", u.beginPath(), u.arc(Math.floor(d), h / 2, 14, 0, Math.PI * 2), u.fill(), u.strokeStyle = "rgba(0,0,0,0.25)", u.lineWidth = 1, u.beginPath(), u.arc(Math.floor(d), h / 2, 14, 0, Math.PI * 2), u.stroke(), u.restore();
+    }
+    if (typeof b.drawOverlay == "function" && b.drawOverlay(u, m, h), typeof b.onProcessed == "function" && B) {
+      const d = B.toDataURL("image/jpeg", 0.92);
+      d && b.onProcessed(d);
+    }
+  }
+}
+function pe(e) {
+  const t = V(null);
+  return k(() => {
+    let o = !1;
+    try {
+      if (t.current) return;
+      fe().then((r) => {
+        o || (t.current = r);
+      }).catch((r) => {
+        o || (console.warn("[md-face-engine] Landmark detector unavailable, using fallback mask.", r), t.current = null, typeof e == "function" && e(""));
+      });
+    } catch (r) {
+      console.warn("[md-face-engine] Landmark detector init failed, using fallback mask.", r), t.current = null, typeof e == "function" && e("");
+    }
+    return () => {
+      o = !0;
+    };
+  }, [e]), t;
+}
+const s = {
+  rightEyeUpper: [246, 161, 160, 159, 158, 157, 173],
+  rightEyeLower: [33, 7, 163, 144, 145, 153, 154, 155, 133],
+  leftEyeUpper: [466, 388, 387, 386, 385, 384, 398],
+  leftEyeLower: [263, 249, 390, 373, 374, 380, 381, 382, 362],
+  rightEyebrow: [70, 63, 105, 66, 107, 55, 65],
+  leftEyebrow: [300, 293, 334, 296, 336, 285, 295],
+  lipOutline: [61, 146, 91, 181, 84, 17, 314, 405, 321, 375, 291, 409, 270, 269, 267, 0, 37, 39, 40, 185],
+  faceOval: [10, 338, 297, 332, 284, 251, 389, 356, 454, 323, 361, 288, 397, 365, 379, 378, 400, 377, 152, 148, 176, 149, 150, 136, 172, 58, 132, 93, 234, 127, 162, 21, 54, 103, 67, 109],
+  forehead: [10, 338, 297, 332, 284, 251, 389, 356, 70, 63, 105, 66, 107, 336, 296, 334, 293, 300],
+  rightCheek: [50, 101, 100, 47, 117, 118, 119, 120, 121, 128, 129],
+  leftCheek: [280, 330, 329, 277, 346, 347, 348, 349, 350, 357, 358],
+  rightNasolabial: [36, 142, 126, 217, 174],
+  leftNasolabial: [266, 371, 355, 437, 399]
+};
+function O(e, t) {
+  let o = 0, r = 0;
+  return t.forEach((i) => {
+    o += e[i][0], r += e[i][1];
+  }), [o / t.length, r / t.length];
+}
+function N(e, t) {
+  let o = 1 / 0, r = 1 / 0, i = -1 / 0, a = -1 / 0;
+  return t.forEach((f) => {
+    const [n, l] = e[f];
+    o = Math.min(o, n), r = Math.min(r, l), i = Math.max(i, n), a = Math.max(a, l);
+  }), { x: o, y: r, width: i - o, height: a - r };
+}
+function c(e, t, o, r = 0.8, i = 1.5) {
+  const a = N(t, o), f = O(t, o), n = a.width * i, l = a.height * i, b = Math.max(n, l);
+  e.save(), e.translate(f[0], f[1]), e.scale(n / b, l / b);
+  const m = e.createRadialGradient(0, 0, b * 0.2, 0, 0, b);
+  m.addColorStop(0, `rgba(255, 255, 255, ${r})`), m.addColorStop(0.6, `rgba(255, 255, 255, ${r * 0.7})`), m.addColorStop(0.85, `rgba(255, 255, 255, ${r * 0.3})`), m.addColorStop(1, "rgba(255, 255, 255, 0)"), e.fillStyle = m, e.beginPath(), e.arc(0, 0, b, 0, Math.PI * 2), e.fill(), e.restore();
+}
+function E(e, t, o) {
+  e.globalCompositeOperation = "destination-out", e.beginPath(), o.forEach((r, i) => {
+    const [a, f] = t[r];
+    i === 0 ? e.moveTo(a, f) : e.lineTo(a, f);
+  }), e.closePath(), e.fillStyle = "rgba(255, 255, 255, 1)", e.fill(), e.globalCompositeOperation = "source-over";
+}
+function z(e, t) {
+  e.globalCompositeOperation = "source-over", c(e, t, s.forehead, 0.85, 1.3), c(e, t, [6, 197, 195, 5, 168, 8, 9], 0.75, 1), c(e, t, [33, 133, 155, 154, 153, 145, 144, 163], 0.8, 1.4), c(e, t, [263, 362, 382, 381, 380, 374, 373, 390], 0.8, 1.4), c(e, t, [133, 155, 154, 153, 145, 144, 163, 7], 0.7, 1.2), c(e, t, [362, 382, 381, 380, 374, 373, 390, 249], 0.7, 1.2), c(e, t, s.rightNasolabial, 0.75, 1.5), c(e, t, s.leftNasolabial, 0.75, 1.5), c(e, t, [2, 98, 97, 99, 75, 60, 20, 242, 97, 98, 2, 327, 326, 328, 305, 290, 250, 462, 1, 10, 164, 393], 0.85, 1.4), c(e, t, [61, 146, 91, 181, 84, 17, 314, 405, 321, 375], 0.85, 1.6), c(e, t, [152, 377, 400, 378, 379, 365, 397, 288, 361], 0.65, 1.3), E(e, t, s.rightEyeUpper.concat(s.rightEyeLower)), E(e, t, s.leftEyeUpper.concat(s.leftEyeLower)), E(e, t, s.rightEyebrow), E(e, t, s.leftEyebrow), E(e, t, s.lipOutline);
+}
+function ee(e, t) {
+  const o = O(t, s.faceOval), r = N(t, s.faceOval), i = r.width * 0.6, a = r.height * 0.7, f = Math.max(i, a);
+  e.save(), e.translate(o[0], o[1]), e.scale(i / f, a / f);
+  const n = e.createRadialGradient(0, 0, f * 0.3, 0, 0, f);
+  n.addColorStop(0, "rgba(255, 255, 255, 1)"), n.addColorStop(0.5, "rgba(255, 255, 255, 1)"), n.addColorStop(0.75, "rgba(255, 255, 255, 0.85)"), n.addColorStop(0.9, "rgba(255, 255, 255, 0.5)"), n.addColorStop(0.97, "rgba(255, 255, 255, 0.2)"), n.addColorStop(1, "rgba(255, 255, 255, 0)"), e.fillStyle = n, e.beginPath(), e.arc(0, 0, f, 0, Math.PI * 2), e.fill(), e.restore();
+}
+function te(e, t) {
+  const o = O(t, s.faceOval), r = N(t, s.faceOval), i = r.width * 0.72, a = r.height * 0.82, f = Math.max(i, a);
+  e.save(), e.translate(o[0], o[1]), e.scale(i / f, a / f);
+  const n = e.createRadialGradient(0, 0, f * 0.1, 0, 0, f);
+  n.addColorStop(0, "rgba(255, 255, 255, 0.95)"), n.addColorStop(0.6, "rgba(255, 255, 255, 0.92)"), n.addColorStop(0.8, "rgba(255, 255, 255, 0.7)"), n.addColorStop(0.92, "rgba(255, 255, 255, 0.4)"), n.addColorStop(1, "rgba(255, 255, 255, 0)"), e.fillStyle = n, e.beginPath(), e.arc(0, 0, f, 0, Math.PI * 2), e.fill(), e.restore(), c(e, t, s.forehead, 0.95, 1.3), c(e, t, s.rightCheek, 0.95, 1.4), c(e, t, s.leftCheek, 0.95, 1.4), c(e, t, [2, 98, 97, 99, 75, 60, 20, 242, 327, 326, 328, 305, 290, 250, 462], 0.9, 1.2), c(e, t, [205, 206, 207, 187, 123, 116, 111], 0.92, 1.2), c(e, t, [425, 426, 427, 411, 352, 345, 340], 0.92, 1.2), E(e, t, s.rightEyeUpper.concat(s.rightEyeLower)), E(e, t, s.leftEyeUpper.concat(s.leftEyeLower)), E(e, t, s.rightEyebrow), E(e, t, s.leftEyebrow), E(e, t, [61, 185, 40, 39, 37, 0, 267, 269, 270, 409, 291, 146, 91, 181, 84, 17, 314, 405, 321, 375]);
+}
+function oe(e, t) {
+  const o = O(t, s.faceOval), r = N(t, s.faceOval), i = r.width * 0.75, a = r.height * 0.85, f = Math.max(i, a);
+  e.save(), e.translate(o[0], o[1]), e.scale(i / f, a / f);
+  const n = e.createRadialGradient(0, 0, f * 0.15, 0, 0, f);
+  n.addColorStop(0, "rgba(255, 255, 255, 1)"), n.addColorStop(0.5, "rgba(255, 255, 255, 0.98)"), n.addColorStop(0.7, "rgba(255, 255, 255, 0.92)"), n.addColorStop(0.85, "rgba(255, 255, 255, 0.6)"), n.addColorStop(0.95, "rgba(255, 255, 255, 0.3)"), n.addColorStop(1, "rgba(255, 255, 255, 0)"), e.fillStyle = n, e.beginPath(), e.arc(0, 0, f, 0, Math.PI * 2), e.fill(), e.restore(), c(e, t, s.forehead, 1, 1.4), c(e, t, s.rightCheek, 1, 1.5), c(e, t, s.leftCheek, 1, 1.5), c(e, t, [6, 197, 195, 5, 4, 1, 19, 94, 2], 0.98, 1.3), c(e, t, [152, 377, 400, 378, 379, 365, 397, 288, 361, 323, 454, 93], 0.98, 1.4), c(e, t, [8, 9, 168, 6, 197, 195, 5], 0.95, 1), c(e, t, [218, 126, 142, 36, 205, 206], 0.95, 1.2), c(e, t, [438, 355, 371, 266, 425, 426], 0.95, 1.2), E(e, t, s.rightEyeUpper.concat(s.rightEyeLower)), E(e, t, s.leftEyeUpper.concat(s.leftEyeLower)), E(e, t, s.rightEyebrow), E(e, t, s.leftEyebrow), E(e, t, [61, 185, 40, 39, 37, 0, 267, 269, 270, 409, 291, 146, 91, 181, 84, 17, 314, 405, 321, 375]);
+}
+function re(e, t) {
+  c(e, t, s.rightCheek, 0.95, 1.4), c(e, t, s.leftCheek, 0.95, 1.4), c(e, t, s.rightEyeUpper.concat([70, 63, 105, 66, 107]), 0.9, 1.1), c(e, t, s.leftEyeUpper.concat([300, 293, 334, 296, 336]), 0.9, 1.1), c(e, t, s.rightNasolabial, 0.8, 1.3), c(e, t, s.leftNasolabial, 0.8, 1.3), c(e, t, [205, 206, 207, 187, 123], 0.85, 1), c(e, t, [425, 426, 427, 411, 352], 0.85, 1), c(e, t, [172, 136, 150, 149, 176, 148], 0.75, 1.2), c(e, t, [397, 365, 379, 378, 400, 377], 0.75, 1.2), E(e, t, s.rightEyeUpper.concat(s.rightEyeLower)), E(e, t, s.leftEyeUpper.concat(s.leftEyeLower));
+}
+function ye({
+  image: e,
+  faceMeshRef: t,
+  maskCanvasRef: o,
+  filterType: r,
+  syncMaskToGPU: i,
+  renderGL: a,
+  minimal: f,
+  forceAfter: n,
+  setView: l,
+  setProcessing: b
+}) {
+  const [m, h] = G(!1), [M, P] = G(!1), D = Y(
+    async (T) => new Promise((p, g) => {
+      const w = t.current;
+      if (!w) {
+        g(new Error("FaceMesh no inicializado"));
+        return;
+      }
+      if (typeof w.onResults != "function" || typeof w.send != "function") {
+        g(new Error("FaceMesh inválido"));
+        return;
+      }
+      const v = document.createElement("canvas");
+      v.width = T.width, v.height = T.height;
+      const S = v.getContext("2d");
+      if (!S) {
+        g(new Error("No se pudo crear contexto temporal"));
+        return;
+      }
+      S.drawImage(T, 0, 0);
+      let C = !1;
+      const R = window.setTimeout(() => {
+        C || (C = !0, g(new Error("Timeout en detección facial")));
+      }, 1800);
+      w.onResults((y) => {
+        C || (C = !0, window.clearTimeout(R), p(y));
+      }), Promise.resolve(w.send({ image: v })).catch((y) => {
+        C || (C = !0, window.clearTimeout(R), g(y));
+      });
+    }),
+    [t]
+  ), U = Y(
+    async (T = 0) => {
+      if (!e) {
+        b(!1);
+        return;
+      }
+      if (!t.current) {
+        try {
+          const p = o.current;
+          if (!p) {
+            b(!1);
+            return;
+          }
+          const g = p.getContext("2d");
+          if (!g) {
+            b(!1);
+            return;
+          }
+          g.clearRect(0, 0, p.width, p.height), g.fillStyle = "rgba(255,255,255,1)", g.fillRect(0, 0, p.width, p.height), i(), a();
+        } finally {
+          b(!1);
+        }
+        return;
+      }
+      h(!0), b(!0);
+      try {
+        const p = await D(e);
+        if (!p.multiFaceLandmarks || p.multiFaceLandmarks.length === 0) {
+          if (T < 2) {
+            setTimeout(() => {
+              U(T + 1);
+            }, 500);
+            return;
+          }
+          const y = o.current, A = y && y.getContext("2d");
+          A && (A.clearRect(0, 0, y.width, y.height), A.fillStyle = "rgba(255,255,255,1)", A.fillRect(0, 0, y.width, y.height)), i(), a();
+          return;
+        }
+        const g = p.multiFaceLandmarks[0], w = o.current, v = w.getContext("2d");
+        v.clearRect(0, 0, w.width, w.height);
+        const S = w.width, C = w.height, R = g.map((y) => [y.x * S, y.y * C]);
+        r === "wrinkles" ? z(v, R) : r === "firmness" ? re(v, R) : r === "brightness" ? ee(v, R) : r === "spots" ? te(v, R) : r === "acne" && oe(v, R), i(), !f && !n && l("split"), a(), P(!0);
+      } catch (p) {
+        console.error("Error en detección:", p);
+        const g = o.current, w = g && g.getContext("2d");
+        w && (w.clearRect(0, 0, g.width, g.height), w.fillStyle = "rgba(255,255,255,1)", w.fillRect(0, 0, g.width, g.height)), i(), a();
+      } finally {
+        h(!1), b(!1);
+      }
+    },
+    [
+      D,
+      t,
+      r,
+      n,
+      e,
+      o,
+      f,
+      a,
+      b,
+      l,
+      i
+    ]
+  );
+  return { detectAndMaskFace: U, detectingFace: m, faceDetected: M };
+}
+function ve(e) {
+  const t = F.getProductConfig(e.id) || {}, o = e.filterType || t.webglConfig && t.webglConfig.filterType || "custom", r = e.defaultWebglConfig || {}, i = {
+    filterType: o,
+    intensity: e.defaultIntensity !== void 0 ? e.defaultIntensity : r.intensity ?? 0.5,
+    sigma: e.defaultSigma !== void 0 ? e.defaultSigma : r.sigma ?? 4,
+    brightness: e.defaultBrightness !== void 0 ? e.defaultBrightness : r.brightness ?? 0,
+    contrast: r.contrast ?? 1,
+    warmthR: r.warmthR ?? 0,
+    warmthB: r.warmthB ?? 0,
+    warmthA: r.warmthA ?? 0
+  }, a = t.webglConfig || {};
+  return { ...i, ...a, filterType: o };
+}
+const x = {
+  base: {
+    key: "base",
+    label: "Base",
+    defaults: { intensity: 0.5, sigma: 4, brightness: 0, contrast: 1, warmthR: 0, warmthB: 0, warmthA: 0 },
+    deep: {}
+  }
+}, ne = ["base"];
+function ie(e) {
+  return x[e] || null;
+}
+function ae(e = {}) {
+  var a;
+  const t = F.getProductConfig(e.id) || {}, o = e.filterType || ((a = t.webglConfig) == null ? void 0 : a.filterType) || "custom", r = e.defaultWebglConfig || x.base.defaults, i = t.webglConfig || {};
+  return {
+    filterType: o,
+    intensity: e.defaultIntensity !== void 0 ? e.defaultIntensity : r.intensity ?? 0.5,
+    sigma: e.defaultSigma !== void 0 ? e.defaultSigma : r.sigma ?? 4,
+    brightness: e.defaultBrightness !== void 0 ? e.defaultBrightness : r.brightness ?? 0,
+    contrast: r.contrast ?? 1,
+    warmthR: r.warmthR ?? 0,
+    warmthB: r.warmthB ?? 0,
+    warmthA: r.warmthA ?? 0,
+    ...i,
+    filterType: o
+  };
+}
+async function se({ token: e, products: t = [] } = {}) {
+  if (!e)
+    throw new Error("Falta token de licencia para activar md-face-engine.");
+  const { default: o } = await import("./MartidermEngine-lu2piGUl.js"), r = new o();
+  await r.activate(e), r.assertActivated();
+  const i = r.getFilterConfigManager();
+  return Array.isArray(t) && i.setProducts(t), {
+    engine: r,
+    FILTERS: r.getFilterRegistry(),
+    FILTER_ORDER: r.getFilterOrder(),
+    getFilter: (a) => r.getFilter(a),
+    filterConfigManager: i,
+    buildWebglConfigForProduct: (a) => r.buildWebglConfigForProduct(a)
+  };
+}
+async function _e({ token: e, products: t = [] } = {}) {
+  let o = null, r = null, i = !1;
+  if (e)
+    try {
+      o = await se({ token: e, products: t }), i = !0;
+    } catch (a) {
+      r = a, i = !1;
+    }
+  return !o && Array.isArray(t) && typeof (F == null ? void 0 : F.setProducts) == "function" && F.setProducts(t), {
+    engine: (o == null ? void 0 : o.engine) || null,
+    FILTERS: (o == null ? void 0 : o.FILTERS) || x,
+    FILTER_ORDER: (o == null ? void 0 : o.FILTER_ORDER) || ne,
+    getFilter: (o == null ? void 0 : o.getFilter) || ie,
+    filterConfigManager: (o == null ? void 0 : o.filterConfigManager) || F,
+    buildWebglConfigForProduct: (o == null ? void 0 : o.buildWebglConfigForProduct) || ae,
+    license: {
+      active: i,
+      error: r,
+      mode: i ? "licensed" : "unlicensed"
+    }
+  };
+}
+async function fe(e = {}) {
+  const t = e.locateFile || ((a) => `https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh@0.4.1633559619/${a}`), o = {
+    maxNumFaces: 1,
+    refineLandmarks: !0,
+    minDetectionConfidence: 0.5,
+    minTrackingConfidence: 0.5,
+    ...e.detectorOptions || {}
+  };
+  let r = typeof window < "u" ? window.FaceMesh : void 0;
+  if (!r && typeof window < "u") {
+    const a = document.querySelector('script[data-md-face-mesh="1"]');
+    a ? window.FaceMesh || await new Promise((f, n) => {
+      a.addEventListener("load", f, { once: !0 }), a.addEventListener(
+        "error",
+        () => n(new Error("No se pudo cargar MediaPipe FaceMesh")),
+        { once: !0 }
+      );
+    }) : await new Promise((f, n) => {
+      const l = document.createElement("script");
+      l.src = "https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh@0.4.1633559619/face_mesh.js", l.async = !0, l.dataset.mdFaceMesh = "1", l.onload = f, l.onerror = () => n(new Error("No se pudo cargar MediaPipe FaceMesh")), document.head.appendChild(l);
+    }), r = window.FaceMesh;
+  }
+  if (!r)
+    throw new Error("No se pudo inicializar el detector de landmarks");
+  const i = new r({ locateFile: t });
+  return i.setOptions(o), i;
+}
+export {
+  _e as a,
+  ve as b,
+  se as c,
+  X as d,
+  ge as e,
+  F as f,
+  we as g,
+  de as h,
+  ce as i,
+  fe as j,
+  le as k,
+  he as l,
+  Z as m,
+  me as n,
+  pe as o,
+  be as q,
+  Ee as r,
+  $ as s,
+  ye as u
+};