@primestyleai/tryon 5.10.193 → 5.10.195

package/dist/primestyle-tryon.js

@@ -1,21 +1,21 @@
 "use client";
-import { c as l, A as c, S as h, i as u, a as m } from "./index-D9sdGV4C.js";
-import { P as x, b as w, T as C, d as k, e as U, r as S } from "./index-D9sdGV4C.js";
+import { c as l, A as c, i as h, a as u, S as m } from "./index-D_9-KLXy.js";
+import { P as x, b as w, T as C, d as S, e as E, r as U } from "./index-D_9-KLXy.js";
 function d() {
   const i = document.querySelector(
     'meta[property="og:image"]'
   );
   if (i?.content) return i.content;
-  const t = document.querySelectorAll(
+  const e = document.querySelectorAll(
     'script[type="application/ld+json"]'
   );
-  for (const s of t)
+  for (const r of e)
     try {
-      const r = JSON.parse(s.textContent || ""), o = p(r);
+      const s = JSON.parse(r.textContent || ""), o = p(s);
       if (o) return o;
     } catch {
     }
-  const e = [
+  const t = [
     "[data-product-image] img",
     "[data-product-image]",
     ".product-image img",
@@ -26,10 +26,10 @@ function d() {
     ".woocommerce-product-gallery img",
     ".product-media img"
   ];
-  for (const s of e) {
-    const r = document.querySelector(s);
-    if (r) {
-      const o = r.src || r.dataset.src || r.dataset.zoom;
+  for (const r of t) {
+    const s = document.querySelector(r);
+    if (s) {
+      const o = s.src || s.dataset.src || s.dataset.zoom;
       if (o) return o;
     }
   }
@@ -38,24 +38,24 @@ function d() {
 function p(i) {
   if (!i || typeof i != "object") return null;
   if (Array.isArray(i)) {
-    for (const e of i) {
-      const s = p(e);
-      if (s) return s;
+    for (const t of i) {
+      const r = p(t);
+      if (r) return r;
     }
     return null;
   }
-  const t = i;
-  if (t["@type"] === "Product" || t["@type"] === "IndividualProduct") {
-    const e = t.image;
-    if (typeof e == "string") return e;
-    if (Array.isArray(e) && typeof e[0] == "string") return e[0];
-    if (e && typeof e == "object") {
-      const s = e;
-      if (typeof s.url == "string") return s.url;
-      if (typeof s.contentUrl == "string") return s.contentUrl;
+  const e = i;
+  if (e["@type"] === "Product" || e["@type"] === "IndividualProduct") {
+    const t = e.image;
+    if (typeof t == "string") return t;
+    if (Array.isArray(t) && typeof t[0] == "string") return t[0];
+    if (t && typeof t == "object") {
+      const r = t;
+      if (typeof r.url == "string") return r.url;
+      if (typeof r.contentUrl == "string") return r.contentUrl;
     }
   }
-  return Array.isArray(t["@graph"]) ? p(t["@graph"]) : null;
+  return Array.isArray(e["@graph"]) ? p(e["@graph"]) : null;
 }
 function g() {
   return `
@@ -442,7 +442,7 @@ const n = {
 };
 class b extends HTMLElement {
   constructor() {
-    super(), this.apiClient = null, this.sseClient = null, this.sseUnsubscribe = null, this.state = "idle", this.selectedFile = null, this.previewUrl = null, this.resultImageUrl = null, this.errorMessage = null, this.currentJobId = null, this.productImageUrl = null, this.t = l(), this.buttonStyles = {}, this.modalStyles = {}, this.savedScrollY = 0, this.shadow = this.attachShadow({ mode: "open" });
+    super(), this.apiClient = null, this.sseClient = null, this.sseUnsubscribe = null, this.state = "idle", this.selectedFile = null, this.previewUrl = null, this.resultImageUrl = null, this.errorMessage = null, this.currentJobId = null, this.productImageUrl = null, this.productViewReportedFor = null, this.t = l(), this.buttonStyles = {}, this.modalStyles = {}, this.savedScrollY = 0, this.shadow = this.attachShadow({ mode: "open" });
   }
   static get observedAttributes() {
     return [
@@ -462,27 +462,27 @@ class b extends HTMLElement {
   disconnectedCallback() {
     this.cleanup();
   }
-  attributeChangedCallback(t, e, s) {
-    if ((t === "api-key" || t === "api-url") && this.initApi(), t === "locale" && (this.t = l(s || void 0)), t === "product-image" && (this.productImageUrl = s), t === "button-styles")
+  attributeChangedCallback(e, t, r) {
+    if ((e === "api-key" || e === "api-url") && this.initApi(), e === "locale" && (this.t = l(r || void 0)), e === "product-image" && (this.productImageUrl = r), e === "button-styles")
       try {
-        this.buttonStyles = JSON.parse(s);
+        this.buttonStyles = JSON.parse(r);
       } catch {
       }
-    if (t === "modal-styles")
+    if (e === "modal-styles")
       try {
-        this.modalStyles = JSON.parse(s);
+        this.modalStyles = JSON.parse(r);
       } catch {
       }
     this.isConnected && this.render();
   }
   // ── Public API ──────────────────────────────
   /** Configure button appearance programmatically */
-  setButtonStyles(t) {
-    this.buttonStyles = { ...this.buttonStyles, ...t }, this.applyButtonStyles();
+  setButtonStyles(e) {
+    this.buttonStyles = { ...this.buttonStyles, ...e }, this.applyButtonStyles();
   }
   /** Configure modal appearance programmatically */
-  setModalStyles(t) {
-    this.modalStyles = { ...this.modalStyles, ...t }, this.applyModalStyles();
+  setModalStyles(e) {
+    this.modalStyles = { ...this.modalStyles, ...e }, this.applyModalStyles();
   }
   lockBodyScroll() {
     this.savedScrollY = window.scrollY, document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.top = `-${this.savedScrollY}px`, document.body.style.left = "0", document.body.style.right = "0";
@@ -492,7 +492,7 @@ class b extends HTMLElement {
   }
   /** Open the try-on modal */
   open() {
-    this.state = "upload", this.lockBodyScroll(), this.render(), this.emit("ps:open");
+    this.reportEvent("SDK_OPENED", { metadata: { component: "PrimeStyleTryonElement" } }), this.state = "upload", this.lockBodyScroll(), this.render(), this.emit("ps:open");
   }
   /** Close the try-on modal */
   close() {
@@ -500,38 +500,64 @@ class b extends HTMLElement {
   }
   /** Detect product image from the current page */
   detectProduct() {
-    const t = d();
-    return t && (this.productImageUrl = t, this.emit("ps:product-detected", { imageUrl: t })), t;
+    const e = d();
+    return e && (this.productImageUrl = e, this.emit("ps:product-detected", { imageUrl: e })), e;
   }
   // ── Private ─────────────────────────────────
   init() {
-    const t = this.getAttribute("button-styles");
-    if (t)
+    const e = this.getAttribute("button-styles");
+    if (e)
       try {
-        this.buttonStyles = JSON.parse(t);
+        this.buttonStyles = JSON.parse(e);
       } catch {
       }
-    const e = this.getAttribute("modal-styles");
-    if (e)
+    const t = this.getAttribute("modal-styles");
+    if (t)
       try {
-        this.modalStyles = JSON.parse(e);
+        this.modalStyles = JSON.parse(t);
       } catch {
       }
-    const s = this.getAttribute("locale");
-    s && (this.t = l(s)), this.productImageUrl = this.getAttribute("product-image") || null, this.productImageUrl || (this.productImageUrl = d(), this.productImageUrl && this.emit("ps:product-detected", { imageUrl: this.productImageUrl })), this.initApi();
+    const r = this.getAttribute("locale");
+    r && (this.t = l(r)), this.productImageUrl = this.getAttribute("product-image") || null, this.productImageUrl || (this.productImageUrl = d(), this.productImageUrl && this.emit("ps:product-detected", { imageUrl: this.productImageUrl })), this.initApi(), this.reportProductView();
   }
   initApi() {
-    const t = this.getAttribute("api-key") || void 0, e = this.getAttribute("api-url") || void 0;
-    this.apiClient = new c(t, e), this.sseClient = new h(this.apiClient.getStreamUrl());
+    const e = this.getAttribute("api-key") || void 0, t = this.getAttribute("api-url") || void 0;
+    this.apiClient = new c(e, t), this.sseClient = null;
   }
   cleanup() {
     this.state !== "idle" && this.unlockBodyScroll(), this.sseUnsubscribe && (this.sseUnsubscribe(), this.sseUnsubscribe = null), this.sseClient && (this.sseClient.disconnect(), this.sseClient = null), this.previewUrl && URL.revokeObjectURL(this.previewUrl);
   }
-  emit(t, e) {
+  emit(e, t) {
     this.dispatchEvent(
-      new CustomEvent(t, { bubbles: !0, composed: !0, detail: e })
+      new CustomEvent(e, { bubbles: !0, composed: !0, detail: t })
     );
   }
+  get eventProductContext() {
+    return {
+      productId: this.getAttribute("product-id") || this.productImageUrl || void 0,
+      productTitle: this.getAttribute("product-title") || document.title || void 0,
+      productUrl: typeof window < "u" ? window.location.href : void 0
+    };
+  }
+  reportProductView() {
+    const e = `${this.eventProductContext.productId || ""}|${this.eventProductContext.productUrl || ""}`;
+    !e.trim() || this.productViewReportedFor === e || (this.productViewReportedFor = e, this.reportEvent("PRODUCT_VIEW", { metadata: { component: "PrimeStyleTryonElement" } }));
+  }
+  reportEvent(e, t = {}) {
+    this.apiClient?.reportEvent({
+      eventType: e,
+      ...this.eventProductContext,
+      ...t
+    }).catch(() => {
+    });
+  }
+  reportClientError(e) {
+    this.apiClient?.reportClientError({
+      ...this.eventProductContext,
+      ...e
+    }).catch(() => {
+    });
+  }
   get buttonText() {
     return this.getAttribute("button-text") || this.t("Virtual Try-On");
   }
@@ -541,32 +567,32 @@ class b extends HTMLElement {
   // ── Rendering ───────────────────────────────
   render() {
     this.shadow.innerHTML = "";
-    const t = document.createElement("style");
-    t.textContent = g(), this.shadow.appendChild(t);
-    const e = this.createButton();
-    if (this.shadow.appendChild(e), this.state !== "idle") {
-      const s = this.createModal();
-      this.shadow.appendChild(s), requestAnimationFrame(() => s.classList.add("ps-open"));
+    const e = document.createElement("style");
+    e.textContent = g(), this.shadow.appendChild(e);
+    const t = this.createButton();
+    if (this.shadow.appendChild(t), this.state !== "idle") {
+      const r = this.createModal();
+      this.shadow.appendChild(r), requestAnimationFrame(() => r.classList.add("ps-open"));
     }
     this.applyButtonStyles(), this.applyModalStyles();
   }
   createButton() {
-    const t = document.createElement("button");
-    return t.className = "ps-button", t.innerHTML = `${n.camera}<span>${this.buttonText}</span>`, t.addEventListener("click", () => this.open()), t;
+    const e = document.createElement("button");
+    return e.className = "ps-button", e.innerHTML = `${n.camera}<span>${this.buttonText}</span>`, e.addEventListener("click", () => this.open()), e;
   }
   createModal() {
-    const t = document.createElement("div");
-    t.className = "ps-overlay", t.addEventListener("click", (a) => {
-      a.target === t && this.close();
-    });
     const e = document.createElement("div");
-    e.className = "ps-modal";
-    const s = document.createElement("div");
-    s.className = "ps-header", s.innerHTML = `
+    e.className = "ps-overlay", e.addEventListener("click", (a) => {
+      a.target === e && this.close();
+    });
+    const t = document.createElement("div");
+    t.className = "ps-modal";
+    const r = document.createElement("div");
+    r.className = "ps-header", r.innerHTML = `
       <span class="ps-header-title">${this.t("Virtual Try-On")}</span>
     `;
-    const r = document.createElement("button");
-    r.className = "ps-close", r.innerHTML = n.x, r.addEventListener("click", () => this.close()), s.appendChild(r), e.appendChild(s);
+    const s = document.createElement("button");
+    s.className = "ps-close", s.innerHTML = n.x, s.addEventListener("click", () => this.close()), r.appendChild(s), t.appendChild(r);
     const o = document.createElement("div");
     switch (o.className = "ps-body", this.state) {
       case "upload":
@@ -582,160 +608,202 @@ class b extends HTMLElement {
         o.appendChild(this.createErrorView());
         break;
     }
-    if (e.appendChild(o), this.showPoweredBy) {
+    if (t.appendChild(o), this.showPoweredBy) {
       const a = document.createElement("div");
-      a.className = "ps-powered", a.innerHTML = `${this.t("Powered by")} <a href="https://myaifitting.com" target="_blank" rel="noopener">PrimeStyle AI</a>`, e.appendChild(a);
+      a.className = "ps-powered", a.innerHTML = `${this.t("Powered by")} <a href="https://myaifitting.com" target="_blank" rel="noopener">PrimeStyle AI</a>`, t.appendChild(a);
     }
-    return t.appendChild(e), t;
+    return e.appendChild(t), e;
   }
   createUploadView() {
-    const t = document.createDocumentFragment();
+    const e = document.createDocumentFragment();
     if (this.selectedFile && this.previewUrl) {
-      const e = document.createElement("div");
-      e.className = "ps-preview";
-      const s = document.createElement("img");
-      s.src = this.previewUrl, s.alt = this.t("Your photo"), e.appendChild(s);
-      const r = document.createElement("button");
-      r.className = "ps-preview-remove", r.textContent = "×", r.addEventListener("click", () => {
+      const t = document.createElement("div");
+      t.className = "ps-preview";
+      const r = document.createElement("img");
+      r.src = this.previewUrl, r.alt = this.t("Your photo"), t.appendChild(r);
+      const s = document.createElement("button");
+      s.className = "ps-preview-remove", s.textContent = "×", s.addEventListener("click", () => {
         this.resetUpload(), this.render();
-      }), e.appendChild(r), t.appendChild(e);
+      }), t.appendChild(s), e.appendChild(t);
       const o = document.createElement("button");
-      o.className = "ps-submit", o.textContent = this.t("Try It On"), o.addEventListener("click", () => this.handleSubmit()), t.appendChild(o);
+      o.className = "ps-submit", o.textContent = this.t("Try It On"), o.addEventListener("click", () => this.handleSubmit()), e.appendChild(o);
     } else {
-      const e = document.createElement("div");
-      e.className = "ps-upload-zone";
-      const s = document.createElement("input");
-      s.type = "file", s.accept = "image/jpeg,image/png,image/webp", s.addEventListener("change", (r) => {
-        const o = r.target.files?.[0];
+      const t = document.createElement("div");
+      t.className = "ps-upload-zone";
+      const r = document.createElement("input");
+      r.type = "file", r.accept = "image/jpeg,image/png,image/webp", r.addEventListener("change", (s) => {
+        const o = s.target.files?.[0];
         o && this.handleFileSelect(o);
-      }), e.innerHTML = `
+      }), t.innerHTML = `
         <svg class="ps-upload-icon" viewBox="0 0 24 24">${n.upload.replace(/<\/?svg[^>]*>/g, "")}</svg>
         <p class="ps-upload-text">${this.t("Drop your photo here or click to upload")}</p>
         <p class="ps-upload-hint">${this.t("JPEG, PNG or WebP (max 10MB)")}</p>
-      `, e.appendChild(s), e.addEventListener("click", () => s.click()), e.addEventListener("dragover", (r) => {
-        r.preventDefault(), e.classList.add("ps-drag-over");
-      }), e.addEventListener("dragleave", () => {
-        e.classList.remove("ps-drag-over");
-      }), e.addEventListener("drop", (r) => {
-        r.preventDefault(), e.classList.remove("ps-drag-over");
-        const o = r.dataTransfer?.files?.[0];
+      `, t.appendChild(r), t.addEventListener("click", () => r.click()), t.addEventListener("dragover", (s) => {
+        s.preventDefault(), t.classList.add("ps-drag-over");
+      }), t.addEventListener("dragleave", () => {
+        t.classList.remove("ps-drag-over");
+      }), t.addEventListener("drop", (s) => {
+        s.preventDefault(), t.classList.remove("ps-drag-over");
+        const o = s.dataTransfer?.files?.[0];
         o && this.handleFileSelect(o);
-      }), t.appendChild(e);
+      }), e.appendChild(t);
     }
-    return t;
+    return e;
   }
   createProcessingView() {
-    const t = document.createElement("div");
-    return t.className = "ps-processing", t.innerHTML = `
+    const e = document.createElement("div");
+    return e.className = "ps-processing", e.innerHTML = `
       <div class="ps-spinner"></div>
       <p class="ps-processing-text">${this.t("Generating virtual try-on...")}</p>
       <p class="ps-processing-sub">${this.t("This usually takes 15-20 seconds")}</p>
-    `, t;
+    `, e;
   }
   createResultView() {
-    const t = document.createElement("div");
-    if (t.className = "ps-result", this.resultImageUrl) {
+    const e = document.createElement("div");
+    if (e.className = "ps-result", this.resultImageUrl) {
       const o = document.createElement("img");
-      o.src = this.resultImageUrl, o.alt = this.t("Try-on result"), t.appendChild(o);
+      o.src = this.resultImageUrl, o.alt = this.t("Try-on result"), e.appendChild(o);
     }
-    const e = document.createElement("div");
-    e.className = "ps-result-actions";
-    const s = document.createElement("button");
-    s.className = "ps-btn-download", s.textContent = this.t("Download"), s.addEventListener("click", () => this.handleDownload()), e.appendChild(s);
+    const t = document.createElement("div");
+    t.className = "ps-result-actions";
     const r = document.createElement("button");
-    return r.className = "ps-btn-retry", r.textContent = this.t("Try Another"), r.addEventListener("click", () => {
+    r.className = "ps-btn-download", r.textContent = this.t("Download"), r.addEventListener("click", () => this.handleDownload()), t.appendChild(r);
+    const s = document.createElement("button");
+    return s.className = "ps-btn-retry", s.textContent = this.t("Try Another"), s.addEventListener("click", () => {
       this.resetUpload(), this.state = "upload", this.render();
-    }), e.appendChild(r), t.appendChild(e), t;
+    }), t.appendChild(s), e.appendChild(t), e;
   }
   createErrorView() {
-    const t = document.createElement("div");
-    t.className = "ps-error", t.innerHTML = `
+    const e = document.createElement("div");
+    e.className = "ps-error", e.innerHTML = `
       <svg class="ps-error-icon" viewBox="0 0 24 24">${n.alert.replace(/<\/?svg[^>]*>/g, "")}</svg>
       <p class="ps-error-text">${this.errorMessage || this.t("Something went wrong")}</p>
     `;
-    const e = document.createElement("button");
-    return e.className = "ps-submit", e.textContent = this.t("Try Again"), e.addEventListener("click", () => {
+    const t = document.createElement("button");
+    return t.className = "ps-submit", t.textContent = this.t("Try Again"), t.addEventListener("click", () => {
       this.state = "upload", this.errorMessage = null, this.render();
-    }), t.appendChild(e), t;
+    }), e.appendChild(t), e;
   }
   // ── Handlers ────────────────────────────────
-  handleFileSelect(t) {
-    if (!u(t)) {
-      this.errorMessage = this.t("Please upload a JPEG, PNG, or WebP image."), this.state = "error", this.render();
+  handleFileSelect(e) {
+    if (!h(e)) {
+      this.errorMessage = this.t("Please upload a JPEG, PNG, or WebP image."), this.state = "error", this.reportClientError({
+        message: "Invalid image file type",
+        code: "INVALID_FILE",
+        component: "PrimeStyleTryonElement",
+        view: "upload",
+        severity: "low",
+        metadata: { fileType: e.type, fileSize: e.size }
+      }), this.render();
       return;
     }
-    if (t.size > 10 * 1024 * 1024) {
-      this.errorMessage = this.t("Image must be under 10MB."), this.state = "error", this.render();
+    if (e.size > 10 * 1024 * 1024) {
+      this.errorMessage = this.t("Image must be under 10MB."), this.state = "error", this.reportClientError({
+        message: "Image file too large",
+        code: "FILE_TOO_LARGE",
+        component: "PrimeStyleTryonElement",
+        view: "upload",
+        severity: "low",
+        metadata: { fileType: e.type, fileSize: e.size }
+      }), this.render();
       return;
     }
-    this.selectedFile = t, this.previewUrl = URL.createObjectURL(t), this.emit("ps:upload", { file: t }), this.render();
+    this.selectedFile = e, this.previewUrl = URL.createObjectURL(e), this.reportEvent("PHOTO_UPLOADED", {
+      metadata: { fileType: e.type, fileSize: e.size, component: "PrimeStyleTryonElement" }
+    }), this.emit("ps:upload", { file: e }), this.render();
   }
   async handleSubmit() {
-    if (!this.selectedFile || !this.apiClient || !this.sseClient) {
-      this.errorMessage = this.t("SDK not configured. Please provide an API key."), this.state = "error", this.render();
+    if (!this.selectedFile || !this.apiClient) {
+      this.errorMessage = this.t("SDK not configured. Please provide an API key."), this.state = "error", this.reportClientError({
+        message: this.errorMessage,
+        code: this.apiClient ? "PHOTO_MISSING" : "SDK_NOT_CONFIGURED",
+        component: "PrimeStyleTryonElement",
+        view: "upload",
+        severity: this.apiClient ? "low" : "high"
+      }), this.render();
       return;
     }
     if (!this.productImageUrl) {
-      this.errorMessage = this.t("No product image found. Please set the product-image attribute."), this.state = "error", this.render();
+      this.errorMessage = this.t("No product image found. Please set the product-image attribute."), this.state = "error", this.reportClientError({
+        message: this.errorMessage,
+        code: "PRODUCT_IMAGE_MISSING",
+        component: "PrimeStyleTryonElement",
+        view: "upload",
+        severity: "medium"
+      }), this.render();
       return;
     }
     this.state = "processing", this.render();
     try {
-      const t = await m(this.selectedFile), e = await this.apiClient.submitTryOn(
-        t,
+      const e = await u(this.selectedFile), t = await this.apiClient.submitTryOn(
+        e,
         this.productImageUrl
       );
-      this.currentJobId = e.jobId, this.emit("ps:processing", { jobId: e.jobId }), this.sseUnsubscribe = this.sseClient.onJob(
-        e.jobId,
-        (s) => this.handleVtoUpdate(s)
-      ), this.startPolling(e.jobId);
-    } catch (t) {
-      const e = t instanceof Error ? t.message : this.t("Failed to start try-on");
-      this.errorMessage = e, this.state = "error", this.emit("ps:error", { message: e, code: t?.code }), this.render();
-    }
-  }
-  handleVtoUpdate(t) {
-    t.status === "completed" && t.imageUrl ? (this.state !== "result" || this.resultImageUrl?.startsWith("data:") && !t.imageUrl.startsWith("data:")) && (this.resultImageUrl = t.imageUrl, this.state = "result", this.emit("ps:complete", {
-      jobId: t.galleryId,
-      imageUrl: t.imageUrl
-    }), this.render()) : t.status === "failed" && (this.errorMessage = t.error || this.t("Try-on generation failed"), this.state = "error", this.emit("ps:error", { message: this.errorMessage }), this.render());
-  }
-  startPolling(t) {
-    let e = 0;
-    const s = 60, r = setInterval(async () => {
-      if (e++, e > s || this.state === "result" || this.state === "idle") {
-        clearInterval(r);
+      this.currentJobId = t.jobId, this.emit("ps:processing", { jobId: t.jobId }), this.sseClient?.disconnect(), this.sseClient = new m(t.streamUrl || this.apiClient.getStreamUrl(t.jobId)), this.sseUnsubscribe = this.sseClient.onJob(
+        t.jobId,
+        (r) => this.handleVtoUpdate(r)
+      ), this.startPolling(t.jobId);
+    } catch (e) {
+      const t = e instanceof Error ? e.message : this.t("Failed to start try-on");
+      this.errorMessage = t, this.state = "error", this.reportClientError({
+        message: t,
+        code: e?.code || "TRYON_SUBMIT_FAILED",
+        stack: e instanceof Error ? e.stack : void 0,
+        component: "PrimeStyleTryonElement",
+        view: "processing",
+        severity: "medium"
+      }), this.emit("ps:error", { message: t, code: e?.code }), this.render();
+    }
+  }
+  handleVtoUpdate(e) {
+    e.status === "completed" && e.imageUrl ? (this.state !== "result" || this.resultImageUrl?.startsWith("data:") && !e.imageUrl.startsWith("data:")) && (this.resultImageUrl = e.imageUrl, this.state = "result", this.emit("ps:complete", {
+      jobId: e.galleryId,
+      imageUrl: e.imageUrl
+    }), this.render()) : e.status === "failed" && (this.errorMessage = e.error || this.t("Try-on generation failed"), this.state = "error", this.reportClientError({
+      message: this.errorMessage,
+      code: "TRYON_GENERATION_FAILED",
+      component: "PrimeStyleTryonElement",
+      view: "processing",
+      severity: "medium",
+      jobId: e.galleryId
+    }), this.emit("ps:error", { message: this.errorMessage }), this.render());
+  }
+  startPolling(e) {
+    let t = 0;
+    const r = 60, s = setInterval(async () => {
+      if (t++, t > r || this.state === "result" || this.state === "idle") {
+        clearInterval(s);
         return;
       }
       if (!this.apiClient) {
-        clearInterval(r);
+        clearInterval(s);
         return;
       }
       try {
-        const o = await this.apiClient.getStatus(t);
+        const o = await this.apiClient.getStatus(e);
         o.status === "completed" && o.imageUrl ? (this.state === "processing" && this.handleVtoUpdate({
-          galleryId: t,
+          galleryId: e,
           status: "completed",
           imageUrl: o.imageUrl,
           error: null,
           timestamp: Date.now()
-        }), clearInterval(r)) : o.status === "failed" && (this.state === "processing" && this.handleVtoUpdate({
-          galleryId: t,
+        }), clearInterval(s)) : o.status === "failed" && (this.state === "processing" && this.handleVtoUpdate({
+          galleryId: e,
           status: "failed",
           imageUrl: null,
           error: o.message,
           timestamp: Date.now()
-        }), clearInterval(r));
+        }), clearInterval(s));
       } catch {
       }
     }, 2e3);
   }
   handleDownload() {
     if (!this.resultImageUrl) return;
-    const t = document.createElement("a");
-    t.href = this.resultImageUrl, t.download = `primestyle-tryon-${Date.now()}.png`, t.target = "_blank", this.resultImageUrl.startsWith("data:") ? t.click() : fetch(this.resultImageUrl).then((e) => e.blob()).then((e) => {
-      const s = URL.createObjectURL(e);
-      t.href = s, t.click(), setTimeout(() => URL.revokeObjectURL(s), 100);
+    const e = document.createElement("a");
+    e.href = this.resultImageUrl, e.download = `primestyle-tryon-${Date.now()}.png`, e.target = "_blank", this.resultImageUrl.startsWith("data:") ? e.click() : fetch(this.resultImageUrl).then((t) => t.blob()).then((t) => {
+      const r = URL.createObjectURL(t);
+      e.href = r, e.click(), setTimeout(() => URL.revokeObjectURL(r), 100);
     }).catch(() => {
       window.open(this.resultImageUrl, "_blank");
     });
@@ -746,7 +814,7 @@ class b extends HTMLElement {
   // ── Custom Style Application ────────────────
   applyButtonStyles() {
     if (!this.shadow.querySelector(".ps-button")) return;
-    const e = {
+    const t = {
       backgroundColor: "--ps-btn-bg",
       textColor: "--ps-btn-color",
       borderRadius: "--ps-btn-radius",
@@ -770,13 +838,13 @@ class b extends HTMLElement {
       iconColor: "--ps-btn-icon-color",
       boxShadow: "--ps-btn-shadow"
     };
-    for (const [s, r] of Object.entries(e)) {
-      const o = this.buttonStyles[s];
-      o && this.style.setProperty(r, o);
+    for (const [r, s] of Object.entries(t)) {
+      const o = this.buttonStyles[r];
+      o && this.style.setProperty(s, o);
     }
   }
   applyModalStyles() {
-    const t = {
+    const e = {
       overlayColor: "--ps-modal-overlay",
       backgroundColor: "--ps-modal-bg",
       textColor: "--ps-modal-color",
@@ -808,9 +876,9 @@ class b extends HTMLElement {
       successColor: "--ps-success-color",
       logoHeight: "--ps-logo-height"
     };
-    for (const [e, s] of Object.entries(t)) {
-      const r = this.modalStyles[e];
-      r && this.style.setProperty(s, r);
+    for (const [t, r] of Object.entries(e)) {
+      const s = this.modalStyles[t];
+      s && this.style.setProperty(r, s);
     }
   }
 }
@@ -820,14 +888,14 @@ export {
   x as PrimeStyleError,
   b as PrimeStyleTryon,
   w as SUPPORTED_LOCALES,
-  h as SseClient,
+  m as SseClient,
   C as TRANSLATION_KEYS,
-  k as checkAgeBeforeUpload,
-  m as compressImage,
+  S as checkAgeBeforeUpload,
+  u as compressImage,
   l as createT,
-  U as detectLanguage,
+  E as detectLanguage,
   d as detectProductImage,
-  u as isValidImageFile,
-  S as registerLocale
+  h as isValidImageFile,
+  U as registerLocale
 };
 //# sourceMappingURL=primestyle-tryon.js.map