md-face-engine 1.1.2 → 1.1.4

package/dist/client-BJQU_Kcy.js

@@ -0,0 +1,755 @@
+import { useRef as j, useEffect as k, useState as x, 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 r = this.loadConfigurations();
+    (!r || Object.keys(r).length === 0) && this.products.length > 0 && this.initializeDefaultConfigurations();
+  }
+  initializeDefaultConfigurations() {
+    try {
+      const t = {};
+      this.products.forEach((r) => {
+        t[r.id] = this.generateProductConfig(r);
+      }), 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, r) {
+    const o = this.loadConfigurations();
+    return o[t] = {
+      ...r,
+      lastModified: (/* @__PURE__ */ new Date()).toISOString()
+    }, this.saveConfigurations(o), !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 (r) {
+      return console.error("Error guardando configuraciones:", r), !1;
+    }
+  }
+  createBackup(t = null) {
+    try {
+      const r = t || this.loadConfigurations(), o = {
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        configurations: r,
+        version: "2.0"
+      };
+      return localStorage.setItem(this.backupKey, JSON.stringify(o)), !0;
+    } catch (r) {
+      return console.error("Error creando backup:", r), !1;
+    }
+  }
+  restoreFromBackup() {
+    try {
+      const t = localStorage.getItem(this.backupKey);
+      if (t) {
+        const r = JSON.parse(t);
+        return this.saveConfigurations(r.configurations), !0;
+      }
+      return !1;
+    } catch (t) {
+      return console.error("Error restaurando backup:", t), !1;
+    }
+  }
+  exportConfigurations() {
+    const t = this.loadConfigurations(), r = {
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      configurations: t,
+      version: "2.0"
+    };
+    return JSON.stringify(r, null, 2);
+  }
+  importConfigurations(t) {
+    try {
+      const r = JSON.parse(t);
+      return r.configurations ? (this.saveConfigurations(r.configurations), !0) : !1;
+    } catch (r) {
+      return console.error("Error importando configuraciones:", r), !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 r = JSON.parse(t);
+      return !!(r != null && r.authenticated);
+    } catch {
+      return !1;
+    }
+  }
+  authenticateAdmin(t, r) {
+    if (t === "admin" && r === "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 r = JSON.parse(t);
+      return r != null && r.authenticated ? { username: r.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 le(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, r) {
+  const o = e.createShader(t);
+  if (e.shaderSource(o, r), e.compileShader(o), !e.getShaderParameter(o, e.COMPILE_STATUS)) {
+    const n = e.getShaderInfoLog(o);
+    throw e.deleteShader(o), new Error(`Shader error: ${n}`);
+  }
+  return o;
+}
+function he(e, t, r) {
+  const o = K(e, e.VERTEX_SHADER, t), n = K(e, e.FRAGMENT_SHADER, r), a = e.createProgram();
+  if (e.attachShader(a, o), e.attachShader(a, n), e.linkProgram(a), !e.getProgramParameter(a, e.LINK_STATUS)) {
+    const s = e.getProgramInfoLog(a);
+    throw e.deleteProgram(a), new Error(`Program link error: ${s}`);
+  }
+  return a;
+}
+function de(e, t, r, o) {
+  const n = e.createTexture();
+  return e.bindTexture(e.TEXTURE_2D, n), 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), o ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, o) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, t, r, 0, e.RGBA, e.UNSIGNED_BYTE, null), n;
+}
+function me(e, t) {
+  const r = e.createFramebuffer();
+  if (e.bindFramebuffer(e.FRAMEBUFFER, r), 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), r;
+}
+function H(e, t, r) {
+  e.viewport(0, 0, t, r);
+}
+function be(e) {
+  const t = e.createBuffer();
+  e.bindBuffer(e.ARRAY_BUFFER, t);
+  const r = new Float32Array([-1, -1, 0, 0, 1, -1, 1, 0, -1, 1, 0, 1, 1, 1, 1, 1]);
+  e.bufferData(e.ARRAY_BUFFER, r, e.STATIC_DRAW);
+  const o = e.createBuffer();
+  e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, o);
+  const n = new Uint16Array([0, 1, 2, 2, 1, 3]);
+  return e.bufferData(e.ELEMENT_ARRAY_BUFFER, n, e.STATIC_DRAW), { vbo: t, ibo: o };
+}
+function Z(e) {
+  return e === "brightness" ? 1 : e === "spots" ? 2 : e === "acne" ? 3 : e === "firmness" ? 4 : 0;
+}
+const ge = [
+  "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(`
+`), Ee = [
+  "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(`
+`), pe = [
+  "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, r, o, n, a = "Error aplicando escala de grises") {
+  try {
+    const s = e.getImageData(t, r, o, n), i = s.data;
+    for (let c = 0; c < i.length; c += 4) {
+      const m = 0.299 * i[c] + 0.587 * i[c + 1] + 0.114 * i[c + 2];
+      i[c] = m, i[c + 1] = m, i[c + 2] = m;
+    }
+    e.putImageData(s, t, r);
+  } catch (s) {
+    console.error(a, s);
+  }
+}
+function z(e, t, r, o = {}) {
+  const { isLicenseActive: n = !1, isDisplayMirrored: a = !1 } = o;
+  if (n || !e || !t || !r) return;
+  e.save(), a && (e.translate(t, 0), e.scale(-1, 1)), e.globalAlpha = 0.18, e.fillStyle = "#ffffff", e.font = `bold ${Math.max(16, Math.round(t * 0.035))}px sans-serif`, e.textAlign = "center", e.textBaseline = "middle", e.translate(t / 2, r / 2), e.rotate(-Math.PI / 7);
+  const s = Math.max(180, Math.round(t * 0.35)), i = Math.max(110, Math.round(r * 0.22));
+  for (let m = -r; m <= r; m += i)
+    for (let d = -t; d <= t; d += s)
+      e.fillText("ACTIVA LA LICENCIA", d, m);
+  e.rotate(Math.PI / 7), e.translate(-t / 2, -r / 2);
+  const c = Math.max(64, Math.round(r * 0.14));
+  e.globalAlpha = 0.78, e.fillStyle = "rgba(0, 0, 0, 0.55)", e.fillRect(0, r - c, t, c), e.globalAlpha = 0.95, e.fillStyle = "#ffffff", e.font = `bold ${Math.max(22, Math.round(t * 0.055))}px sans-serif`, e.fillText("ACTIVA LA LICENCIA", t / 2, r - c / 2), e.restore();
+}
+function J(e, t, r) {
+  const o = e.getAttribLocation(t, "a_pos"), n = e.getAttribLocation(t, "a_uv");
+  e.bindBuffer(e.ARRAY_BUFFER, r.vbo), e.enableVertexAttribArray(o), e.enableVertexAttribArray(n), e.vertexAttribPointer(o, 2, e.FLOAT, !1, 16, 0), e.vertexAttribPointer(n, 2, e.FLOAT, !1, 16, 8), e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, r.ibo);
+}
+function $(e, t, r, o) {
+  e.bindFramebuffer(e.FRAMEBUFFER, t), H(e, r, o), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.drawElements(e.TRIANGLES, 6, e.UNSIGNED_SHORT, 0);
+}
+function we({
+  gl: e,
+  image: t,
+  imgSize: r,
+  programs: o,
+  quad: n,
+  textures: a,
+  framebuffers: s,
+  params: i,
+  canvases: c,
+  callbacks: m = {}
+}) {
+  if (!e || !t) {
+    const b = c == null ? void 0 : c.outCanvas;
+    if (b && t) {
+      const _ = b.getContext("2d"), L = r == null ? void 0 : r.w, W = r == null ? void 0 : r.h;
+      _ && L && W && (_.clearRect(0, 0, L, W), _.drawImage(t, 0, 0, L, W));
+    }
+    return;
+  }
+  const d = r == null ? void 0 : r.w, h = r == null ? void 0 : r.h;
+  if (!d || !h) return;
+  e.useProgram(o.blur), J(e, o.blur, n);
+  const U = e.getUniformLocation(o.blur, "u_texel"), P = e.getUniformLocation(o.blur, "u_dir"), M = e.getUniformLocation(o.blur, "u_sigma"), D = e.getUniformLocation(o.blur, "u_tex");
+  e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, a.orig), e.uniform1i(D, 0), e.uniform2f(U, 1 / d, 1 / h), e.uniform2f(P, 1, 0), e.uniform1f(M, i.sigma), $(e, s.ping, d, h), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, a.ping), e.uniform1i(D, 0), e.uniform2f(U, 1 / d, 1 / h), e.uniform2f(P, 0, 1), e.uniform1f(M, i.sigma), $(e, s.pong, d, h), e.useProgram(o.compose), J(e, o.compose, n);
+  const T = e.getUniformLocation(o.compose, "u_orig"), w = e.getUniformLocation(o.compose, "u_blur"), g = e.getUniformLocation(o.compose, "u_mask"), E = e.getUniformLocation(o.compose, "u_intensity"), v = e.getUniformLocation(o.compose, "u_brightness"), A = e.getUniformLocation(o.compose, "u_contrast"), C = e.getUniformLocation(o.compose, "u_warmthR"), R = e.getUniformLocation(o.compose, "u_warmthB"), y = e.getUniformLocation(o.compose, "u_warmthAlpha"), S = e.getUniformLocation(o.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(w, 1), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, a.mask), e.uniform1i(g, 2), e.uniform1f(E, i.intensity), e.uniform1f(v, i.brightness), e.uniform1f(A, i.contrast), e.uniform1f(C, i.warmthR), e.uniform1f(R, i.warmthB), e.uniform1f(y, i.warmthA), e.uniform1i(S, Z(i.filterType)), typeof m.onConfigApplied == "function" && m.onConfigApplied({
+    intensity: i.intensity,
+    sigma: i.sigma,
+    brightness: i.brightness,
+    contrast: i.contrast,
+    warmthR: i.warmthR,
+    warmthB: i.warmthB,
+    warmthA: i.warmthA,
+    filterType: i.filterType
+  }), e.bindFramebuffer(e.FRAMEBUFFER, null), H(e, d, h), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.drawElements(e.TRIANGLES, 6, e.UNSIGNED_SHORT, 0);
+  const I = c.glCanvas, B = c.outCanvas, V = c.maskCanvas, u = B && B.getContext("2d");
+  if (u) {
+    if (e.finish(), u.clearRect(0, 0, d, h), i.view === "before")
+      u.drawImage(t, 0, 0, d, h), i.filterType === "spots" && X(u, 0, 0, d, h, 'Error aplicando escala de grises en "antes":');
+    else if (i.view === "after")
+      !!I && I.width && I.height ? u.drawImage(I, 0, 0, d, h) : u.drawImage(t, 0, 0, d, h);
+    else if (i.view === "mask")
+      u.fillStyle = "#000000", u.fillRect(0, 0, d, h), u.drawImage(V, 0, 0, d, h);
+    else {
+      const b = Math.max(0, Math.min(1, i.splitPos)) * d;
+      if (i.mirrored) {
+        b > 0 && u.drawImage(I, 0, 0, b, h, 0, 0, b, h);
+        const _ = d - b;
+        _ > 0 && (u.drawImage(t, b, 0, _, h, b, 0, _, h), i.filterType === "spots" && X(
+          u,
+          b,
+          0,
+          _,
+          h,
+          "Error aplicando B&N en split derecha (mirrored):"
+        ));
+      } else {
+        b > 0 && (u.drawImage(t, 0, 0, b, h, 0, 0, b, h), i.filterType === "spots" && X(u, 0, 0, b, h, "Error aplicando B&N en split izquierda:"));
+        const _ = d - b;
+        _ > 0 && u.drawImage(I, b, 0, _, h, b, 0, _, h);
+      }
+      u.save(), u.strokeStyle = "rgba(255,255,255,0.9)", u.lineWidth = 2, u.beginPath(), u.moveTo(Math.floor(b), 0), u.lineTo(Math.floor(b), h), u.stroke(), u.fillStyle = "rgba(0,0,0,0.15)", u.beginPath(), u.arc(Math.floor(b) + 2, h / 2 + 2, 14, 0, Math.PI * 2), u.fill(), u.fillStyle = "#ffffff", u.beginPath(), u.arc(Math.floor(b), 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(b), h / 2, 14, 0, Math.PI * 2), u.stroke(), u.restore();
+    }
+    if (z(u, d, h, {
+      isLicenseActive: !!i.isLicenseActive,
+      isDisplayMirrored: !!i.isDisplayMirrored
+    }), typeof m.onProcessed == "function" && B) {
+      const b = B.toDataURL("image/jpeg", 0.92);
+      b && m.onProcessed(b);
+    }
+  }
+}
+function ye(e) {
+  const t = j(null);
+  return k(() => {
+    let r = !1;
+    try {
+      if (t.current) return;
+      ue().then((o) => {
+        r || (t.current = o);
+      }).catch((o) => {
+        r || (console.warn("[md-face-engine] Landmark detector unavailable, using fallback mask.", o), t.current = null, typeof e == "function" && e(""));
+      });
+    } catch (o) {
+      console.warn("[md-face-engine] Landmark detector init failed, using fallback mask.", o), t.current = null, typeof e == "function" && e("");
+    }
+    return () => {
+      r = !0;
+    };
+  }, [e]), t;
+}
+const f = {
+  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 r = 0, o = 0;
+  return t.forEach((n) => {
+    r += e[n][0], o += e[n][1];
+  }), [r / t.length, o / t.length];
+}
+function N(e, t) {
+  let r = 1 / 0, o = 1 / 0, n = -1 / 0, a = -1 / 0;
+  return t.forEach((s) => {
+    const [i, c] = e[s];
+    r = Math.min(r, i), o = Math.min(o, c), n = Math.max(n, i), a = Math.max(a, c);
+  }), { x: r, y: o, width: n - r, height: a - o };
+}
+function l(e, t, r, o = 0.8, n = 1.5) {
+  const a = N(t, r), s = O(t, r), i = a.width * n, c = a.height * n, m = Math.max(i, c);
+  e.save(), e.translate(s[0], s[1]), e.scale(i / m, c / m);
+  const d = e.createRadialGradient(0, 0, m * 0.2, 0, 0, m);
+  d.addColorStop(0, `rgba(255, 255, 255, ${o})`), d.addColorStop(0.6, `rgba(255, 255, 255, ${o * 0.7})`), d.addColorStop(0.85, `rgba(255, 255, 255, ${o * 0.3})`), d.addColorStop(1, "rgba(255, 255, 255, 0)"), e.fillStyle = d, e.beginPath(), e.arc(0, 0, m, 0, Math.PI * 2), e.fill(), e.restore();
+}
+function p(e, t, r) {
+  e.globalCompositeOperation = "destination-out", e.beginPath(), r.forEach((o, n) => {
+    const [a, s] = t[o];
+    n === 0 ? e.moveTo(a, s) : e.lineTo(a, s);
+  }), e.closePath(), e.fillStyle = "rgba(255, 255, 255, 1)", e.fill(), e.globalCompositeOperation = "source-over";
+}
+function ee(e, t) {
+  e.globalCompositeOperation = "source-over", l(e, t, f.forehead, 0.85, 1.3), l(e, t, [6, 197, 195, 5, 168, 8, 9], 0.75, 1), l(e, t, [33, 133, 155, 154, 153, 145, 144, 163], 0.8, 1.4), l(e, t, [263, 362, 382, 381, 380, 374, 373, 390], 0.8, 1.4), l(e, t, [133, 155, 154, 153, 145, 144, 163, 7], 0.7, 1.2), l(e, t, [362, 382, 381, 380, 374, 373, 390, 249], 0.7, 1.2), l(e, t, f.rightNasolabial, 0.75, 1.5), l(e, t, f.leftNasolabial, 0.75, 1.5), l(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), l(e, t, [61, 146, 91, 181, 84, 17, 314, 405, 321, 375], 0.85, 1.6), l(e, t, [152, 377, 400, 378, 379, 365, 397, 288, 361], 0.65, 1.3), p(e, t, f.rightEyeUpper.concat(f.rightEyeLower)), p(e, t, f.leftEyeUpper.concat(f.leftEyeLower)), p(e, t, f.rightEyebrow), p(e, t, f.leftEyebrow), p(e, t, f.lipOutline);
+}
+function te(e, t) {
+  const r = O(t, f.faceOval), o = N(t, f.faceOval), n = o.width * 0.6, a = o.height * 0.7, s = Math.max(n, a);
+  e.save(), e.translate(r[0], r[1]), e.scale(n / s, a / s);
+  const i = e.createRadialGradient(0, 0, s * 0.3, 0, 0, s);
+  i.addColorStop(0, "rgba(255, 255, 255, 1)"), i.addColorStop(0.5, "rgba(255, 255, 255, 1)"), i.addColorStop(0.75, "rgba(255, 255, 255, 0.85)"), i.addColorStop(0.9, "rgba(255, 255, 255, 0.5)"), i.addColorStop(0.97, "rgba(255, 255, 255, 0.2)"), i.addColorStop(1, "rgba(255, 255, 255, 0)"), e.fillStyle = i, e.beginPath(), e.arc(0, 0, s, 0, Math.PI * 2), e.fill(), e.restore();
+}
+function re(e, t) {
+  const r = O(t, f.faceOval), o = N(t, f.faceOval), n = o.width * 0.72, a = o.height * 0.82, s = Math.max(n, a);
+  e.save(), e.translate(r[0], r[1]), e.scale(n / s, a / s);
+  const i = e.createRadialGradient(0, 0, s * 0.1, 0, 0, s);
+  i.addColorStop(0, "rgba(255, 255, 255, 0.95)"), i.addColorStop(0.6, "rgba(255, 255, 255, 0.92)"), i.addColorStop(0.8, "rgba(255, 255, 255, 0.7)"), i.addColorStop(0.92, "rgba(255, 255, 255, 0.4)"), i.addColorStop(1, "rgba(255, 255, 255, 0)"), e.fillStyle = i, e.beginPath(), e.arc(0, 0, s, 0, Math.PI * 2), e.fill(), e.restore(), l(e, t, f.forehead, 0.95, 1.3), l(e, t, f.rightCheek, 0.95, 1.4), l(e, t, f.leftCheek, 0.95, 1.4), l(e, t, [2, 98, 97, 99, 75, 60, 20, 242, 327, 326, 328, 305, 290, 250, 462], 0.9, 1.2), l(e, t, [205, 206, 207, 187, 123, 116, 111], 0.92, 1.2), l(e, t, [425, 426, 427, 411, 352, 345, 340], 0.92, 1.2), p(e, t, f.rightEyeUpper.concat(f.rightEyeLower)), p(e, t, f.leftEyeUpper.concat(f.leftEyeLower)), p(e, t, f.rightEyebrow), p(e, t, f.leftEyebrow), p(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 r = O(t, f.faceOval), o = N(t, f.faceOval), n = o.width * 0.75, a = o.height * 0.85, s = Math.max(n, a);
+  e.save(), e.translate(r[0], r[1]), e.scale(n / s, a / s);
+  const i = e.createRadialGradient(0, 0, s * 0.15, 0, 0, s);
+  i.addColorStop(0, "rgba(255, 255, 255, 1)"), i.addColorStop(0.5, "rgba(255, 255, 255, 0.98)"), i.addColorStop(0.7, "rgba(255, 255, 255, 0.92)"), i.addColorStop(0.85, "rgba(255, 255, 255, 0.6)"), i.addColorStop(0.95, "rgba(255, 255, 255, 0.3)"), i.addColorStop(1, "rgba(255, 255, 255, 0)"), e.fillStyle = i, e.beginPath(), e.arc(0, 0, s, 0, Math.PI * 2), e.fill(), e.restore(), l(e, t, f.forehead, 1, 1.4), l(e, t, f.rightCheek, 1, 1.5), l(e, t, f.leftCheek, 1, 1.5), l(e, t, [6, 197, 195, 5, 4, 1, 19, 94, 2], 0.98, 1.3), l(e, t, [152, 377, 400, 378, 379, 365, 397, 288, 361, 323, 454, 93], 0.98, 1.4), l(e, t, [8, 9, 168, 6, 197, 195, 5], 0.95, 1), l(e, t, [218, 126, 142, 36, 205, 206], 0.95, 1.2), l(e, t, [438, 355, 371, 266, 425, 426], 0.95, 1.2), p(e, t, f.rightEyeUpper.concat(f.rightEyeLower)), p(e, t, f.leftEyeUpper.concat(f.leftEyeLower)), p(e, t, f.rightEyebrow), p(e, t, f.leftEyebrow), p(e, t, [61, 185, 40, 39, 37, 0, 267, 269, 270, 409, 291, 146, 91, 181, 84, 17, 314, 405, 321, 375]);
+}
+function ie(e, t) {
+  l(e, t, f.rightCheek, 0.95, 1.4), l(e, t, f.leftCheek, 0.95, 1.4), l(e, t, f.rightEyeUpper.concat([70, 63, 105, 66, 107]), 0.9, 1.1), l(e, t, f.leftEyeUpper.concat([300, 293, 334, 296, 336]), 0.9, 1.1), l(e, t, f.rightNasolabial, 0.8, 1.3), l(e, t, f.leftNasolabial, 0.8, 1.3), l(e, t, [205, 206, 207, 187, 123], 0.85, 1), l(e, t, [425, 426, 427, 411, 352], 0.85, 1), l(e, t, [172, 136, 150, 149, 176, 148], 0.75, 1.2), l(e, t, [397, 365, 379, 378, 400, 377], 0.75, 1.2), p(e, t, f.rightEyeUpper.concat(f.rightEyeLower)), p(e, t, f.leftEyeUpper.concat(f.leftEyeLower));
+}
+function ve({
+  image: e,
+  faceMeshRef: t,
+  maskCanvasRef: r,
+  filterType: o,
+  syncMaskToGPU: n,
+  renderGL: a,
+  minimal: s,
+  forceAfter: i,
+  setView: c,
+  setProcessing: m
+}) {
+  const [d, h] = x(!1), [U, P] = x(!1), M = Y(
+    async (T) => new Promise((w, g) => {
+      const E = t.current;
+      if (!E) {
+        g(new Error("FaceMesh no inicializado"));
+        return;
+      }
+      if (typeof E.onResults != "function" || typeof E.send != "function") {
+        g(new Error("FaceMesh inválido"));
+        return;
+      }
+      const v = document.createElement("canvas");
+      v.width = T.width, v.height = T.height;
+      const A = v.getContext("2d");
+      if (!A) {
+        g(new Error("No se pudo crear contexto temporal"));
+        return;
+      }
+      A.drawImage(T, 0, 0);
+      let C = !1;
+      const R = window.setTimeout(() => {
+        C || (C = !0, g(new Error("Timeout en detección facial")));
+      }, 1800);
+      E.onResults((y) => {
+        C || (C = !0, window.clearTimeout(R), w(y));
+      }), Promise.resolve(E.send({ image: v })).catch((y) => {
+        C || (C = !0, window.clearTimeout(R), g(y));
+      });
+    }),
+    [t]
+  ), D = Y(
+    async (T = 0) => {
+      if (!e) {
+        m(!1);
+        return;
+      }
+      if (!t.current) {
+        try {
+          const w = r.current;
+          if (!w) {
+            m(!1);
+            return;
+          }
+          const g = w.getContext("2d");
+          if (!g) {
+            m(!1);
+            return;
+          }
+          g.clearRect(0, 0, w.width, w.height), g.fillStyle = "rgba(255,255,255,1)", g.fillRect(0, 0, w.width, w.height), n(), a();
+        } finally {
+          m(!1);
+        }
+        return;
+      }
+      h(!0), m(!0);
+      try {
+        const w = await M(e);
+        if (!w.multiFaceLandmarks || w.multiFaceLandmarks.length === 0) {
+          if (T < 2) {
+            setTimeout(() => {
+              D(T + 1);
+            }, 500);
+            return;
+          }
+          const y = r.current, S = y && y.getContext("2d");
+          S && (S.clearRect(0, 0, y.width, y.height), S.fillStyle = "rgba(255,255,255,1)", S.fillRect(0, 0, y.width, y.height)), n(), a();
+          return;
+        }
+        const g = w.multiFaceLandmarks[0], E = r.current, v = E.getContext("2d");
+        v.clearRect(0, 0, E.width, E.height);
+        const A = E.width, C = E.height, R = g.map((y) => [y.x * A, y.y * C]);
+        o === "wrinkles" ? ee(v, R) : o === "firmness" ? ie(v, R) : o === "brightness" ? te(v, R) : o === "spots" ? re(v, R) : o === "acne" && oe(v, R), n(), !s && !i && c("split"), a(), P(!0);
+      } catch (w) {
+        console.error("Error en detección:", w);
+        const g = r.current, E = g && g.getContext("2d");
+        E && (E.clearRect(0, 0, g.width, g.height), E.fillStyle = "rgba(255,255,255,1)", E.fillRect(0, 0, g.width, g.height)), n(), a();
+      } finally {
+        h(!1), m(!1);
+      }
+    },
+    [
+      M,
+      t,
+      o,
+      i,
+      e,
+      r,
+      s,
+      a,
+      m,
+      c,
+      n
+    ]
+  );
+  return { detectAndMaskFace: D, detectingFace: d, faceDetected: U };
+}
+function _e(e) {
+  const t = F.getProductConfig(e.id) || {}, r = e.filterType || t.webglConfig && t.webglConfig.filterType || "custom", o = e.defaultWebglConfig || {}, n = {
+    filterType: r,
+    intensity: e.defaultIntensity !== void 0 ? e.defaultIntensity : o.intensity ?? 0.5,
+    sigma: e.defaultSigma !== void 0 ? e.defaultSigma : o.sigma ?? 4,
+    brightness: e.defaultBrightness !== void 0 ? e.defaultBrightness : o.brightness ?? 0,
+    contrast: o.contrast ?? 1,
+    warmthR: o.warmthR ?? 0,
+    warmthB: o.warmthB ?? 0,
+    warmthA: o.warmthA ?? 0
+  }, a = t.webglConfig || {};
+  return { ...n, ...a, filterType: r };
+}
+const G = {
+  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 ae(e) {
+  return G[e] || null;
+}
+function se(e = {}) {
+  var a;
+  const t = F.getProductConfig(e.id) || {}, r = e.filterType || ((a = t.webglConfig) == null ? void 0 : a.filterType) || "custom", o = e.defaultWebglConfig || G.base.defaults, n = t.webglConfig || {};
+  return {
+    filterType: r,
+    intensity: e.defaultIntensity !== void 0 ? e.defaultIntensity : o.intensity ?? 0.5,
+    sigma: e.defaultSigma !== void 0 ? e.defaultSigma : o.sigma ?? 4,
+    brightness: e.defaultBrightness !== void 0 ? e.defaultBrightness : o.brightness ?? 0,
+    contrast: o.contrast ?? 1,
+    warmthR: o.warmthR ?? 0,
+    warmthB: o.warmthB ?? 0,
+    warmthA: o.warmthA ?? 0,
+    ...n,
+    filterType: r
+  };
+}
+async function fe({ token: e, products: t = [] } = {}) {
+  if (!e)
+    throw new Error("Falta token de licencia para activar md-face-engine.");
+  const { default: r } = await import("./MartidermEngine-B8TASQtz.js"), o = new r();
+  await o.activate(e), o.assertActivated();
+  const n = o.getFilterConfigManager();
+  return Array.isArray(t) && n.setProducts(t), {
+    engine: o,
+    FILTERS: o.getFilterRegistry(),
+    FILTER_ORDER: o.getFilterOrder(),
+    getFilter: (a) => o.getFilter(a),
+    filterConfigManager: n,
+    buildWebglConfigForProduct: (a) => o.buildWebglConfigForProduct(a)
+  };
+}
+async function Ce({ token: e, products: t = [] } = {}) {
+  let r = null, o = null, n = !1;
+  if (e)
+    try {
+      r = await fe({ token: e, products: t }), n = !0;
+    } catch (a) {
+      o = a, n = !1;
+    }
+  return !r && Array.isArray(t) && typeof (F == null ? void 0 : F.setProducts) == "function" && F.setProducts(t), {
+    engine: (r == null ? void 0 : r.engine) || null,
+    FILTERS: (r == null ? void 0 : r.FILTERS) || G,
+    FILTER_ORDER: (r == null ? void 0 : r.FILTER_ORDER) || ne,
+    getFilter: (r == null ? void 0 : r.getFilter) || ae,
+    filterConfigManager: (r == null ? void 0 : r.filterConfigManager) || F,
+    buildWebglConfigForProduct: (r == null ? void 0 : r.buildWebglConfigForProduct) || se,
+    license: {
+      active: n,
+      error: o,
+      mode: n ? "licensed" : "unlicensed"
+    }
+  };
+}
+async function ue(e = {}) {
+  const t = e.locateFile || ((a) => `https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh@0.4.1633559619/${a}`), r = {
+    maxNumFaces: 1,
+    refineLandmarks: !0,
+    minDetectionConfidence: 0.5,
+    minTrackingConfidence: 0.5,
+    ...e.detectorOptions || {}
+  };
+  let o = typeof window < "u" ? window.FaceMesh : void 0;
+  if (!o && typeof window < "u") {
+    const a = document.querySelector('script[data-md-face-mesh="1"]');
+    a ? window.FaceMesh || await new Promise((s, i) => {
+      a.addEventListener("load", s, { once: !0 }), a.addEventListener(
+        "error",
+        () => i(new Error("No se pudo cargar MediaPipe FaceMesh")),
+        { once: !0 }
+      );
+    }) : await new Promise((s, i) => {
+      const c = document.createElement("script");
+      c.src = "https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh@0.4.1633559619/face_mesh.js", c.async = !0, c.dataset.mdFaceMesh = "1", c.onload = s, c.onerror = () => i(new Error("No se pudo cargar MediaPipe FaceMesh")), document.head.appendChild(c);
+    }), o = window.FaceMesh;
+  }
+  if (!o)
+    throw new Error("No se pudo inicializar el detector de landmarks");
+  const n = new o({ locateFile: t });
+  return n.setOptions(r), n;
+}
+export {
+  Ce as a,
+  _e as b,
+  fe as c,
+  X as d,
+  Ee as e,
+  F as f,
+  pe as g,
+  me as h,
+  le as i,
+  ue as j,
+  he as k,
+  de as l,
+  z as m,
+  Z as n,
+  be as o,
+  ye as p,
+  ge as q,
+  we as r,
+  H as s,
+  ve as u
+};