@primestyleai/tryon 5.10.194 → 5.10.195

package/dist/PrimeStyleTryon.d.ts

@@ -11,6 +11,7 @@ export declare class PrimeStyleTryon extends HTMLElement {
     private errorMessage;
     private currentJobId;
     private productImageUrl;
+    private productViewReportedFor;
     private t;
     private buttonStyles;
     private modalStyles;
@@ -36,6 +37,10 @@ export declare class PrimeStyleTryon extends HTMLElement {
     private initApi;
     private cleanup;
     private emit;
+    private get eventProductContext();
+    private reportProductView;
+    private reportEvent;
+    private reportClientError;
     private get buttonText();
     private get showPoweredBy();
     private render;

package/dist/api-client.d.ts

@@ -58,6 +58,29 @@ export interface TryOnFeedbackInput {
     profileName?: string;
     profileAccessToken?: string;
 }
+export type SdkBehaviorEventType = "PRODUCT_VIEW" | "SDK_OPENED" | "PHOTO_UPLOADED" | "SIZING_STARTED" | "SIZING_FAILED" | "SIZE_RECOMMENDATION_SHOWN" | "SIZE_RECOMMENDATION_ACCEPTED" | "ADD_TO_CART_FROM_TRYON" | "SDK_CLIENT_ERROR";
+export interface SdkBehaviorEventInput {
+    eventType: SdkBehaviorEventType;
+    productId?: string;
+    productTitle?: string;
+    productUrl?: string;
+    jobId?: string;
+    recommendedSize?: string;
+    metadata?: Record<string, unknown>;
+}
+export interface SdkClientErrorInput {
+    message: string;
+    code?: string;
+    stack?: string;
+    component?: string;
+    view?: string;
+    severity?: "low" | "medium" | "high" | "critical";
+    productId?: string;
+    productTitle?: string;
+    productUrl?: string;
+    jobId?: string;
+    metadata?: Record<string, unknown>;
+}
 export declare class ApiClient {
     private apiKey?;
     private baseUrl;
@@ -68,7 +91,13 @@ export declare class ApiClient {
     submitTryOnFeedback(input: TryOnFeedbackInput): Promise<{
         ok: true;
     }>;
-    getStreamUrl(): string;
+    reportEvent(input: SdkBehaviorEventInput): Promise<{
+        ok: true;
+    }>;
+    reportClientError(input: SdkClientErrorInput): Promise<{
+        ok: true;
+    }>;
+    getStreamUrl(jobId?: string): string;
 }
 export declare function jsonHeaders(apiKey?: string): Record<string, string>;
 export declare class PrimeStyleError extends Error {

package/dist/{index-BiotPzcm.js → index-D_9-KLXy.js}

@@ -1,28 +1,28 @@
 "use client";
-const f = "ps_session";
+const p = "ps_session";
 const A = "ps_mem_";
-let S = null;
-function E() {
+let E = null;
+function b() {
   try {
     return typeof window < "u" && typeof window.localStorage < "u";
   } catch {
     return !1;
   }
 }
-function P() {
+function T() {
   if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
     return crypto.randomUUID();
-  const r = "0123456789abcdef";
+  const t = "0123456789abcdef";
   let e = A;
-  for (let o = 0; o < 32; o++) e += r[Math.floor(Math.random() * 16)];
+  for (let o = 0; o < 32; o++) e += t[Math.floor(Math.random() * 16)];
   return e;
 }
-function T() {
-  if (!E()) return S;
+function I() {
+  if (!b()) return E;
   try {
-    const r = window.localStorage.getItem(f);
-    if (!r) return null;
-    const e = JSON.parse(r);
+    const t = window.localStorage.getItem(p);
+    if (!t) return null;
+    const e = JSON.parse(t);
     return typeof e.id != "string" || typeof e.issuedAt != "number" ? null : {
       id: e.id,
       issuedAt: e.issuedAt,
@@ -32,43 +32,51 @@ function T() {
     return null;
   }
 }
-function g(r) {
-  if (S = r, !!E())
+function f(t) {
+  if (E = t, !!b())
+    try {
+      window.localStorage.setItem(p, JSON.stringify(t));
+    } catch {
+    }
+}
+function S(t) {
+  if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(f, JSON.stringify(r));
+      const e = window.clarity;
+      typeof e == "function" && e("set", p, t);
     } catch {
     }
 }
-function p() {
-  const r = Date.now(), e = T();
-  if (e && r - e.lastSeenAt < 2592e6)
-    return r - e.lastSeenAt > 5 * 60 * 1e3 && g({ ...e, lastSeenAt: r }), e.id;
-  const o = { id: P(), issuedAt: r, lastSeenAt: r };
-  return g(o), o.id;
+function c() {
+  const t = Date.now(), e = I();
+  if (e && t - e.lastSeenAt < 2592e6)
+    return t - e.lastSeenAt > 5 * 60 * 1e3 && f({ ...e, lastSeenAt: t }), S(e.id), e.id;
+  const o = { id: T(), issuedAt: t, lastSeenAt: t };
+  return f(o), S(o.id), o.id;
 }
-function y() {
+function m() {
   if (typeof navigator > "u") return null;
-  const r = (navigator.userAgent || "").toLowerCase();
-  return /ipad|tablet|(android(?!.*mobile))/.test(r) ? "tablet" : /mobile|android|iphone|ipod|blackberry|iemobile|opera mini/.test(r) ? "mobile" : "desktop";
+  const t = (navigator.userAgent || "").toLowerCase();
+  return /ipad|tablet|(android(?!.*mobile))/.test(t) ? "tablet" : /mobile|android|iphone|ipod|blackberry|iemobile|opera mini/.test(t) ? "mobile" : "desktop";
 }
-const I = "http://localhost:4000";
-class O {
+const w = "http://localhost:4000";
+class Y {
   constructor(e, o) {
-    this.apiKey = e || void 0, this.baseUrl = (o || I).replace(/\/+$/, "");
+    this.apiKey = e || void 0, this.baseUrl = (o || w).replace(/\/+$/, "");
   }
   get headers() {
-    return w(this.apiKey);
+    return v(this.apiKey);
   }
-  async submitTryOn(e, o, a, s, t) {
+  async submitTryOn(e, o, a, s, r) {
     const i = {
       garmentImage: o,
       // Attribution fields — backend logs these into the TryOnEvent collection
       // so non-technical operators can answer "which products are being tried on
       // and by how many customers". Safe fallbacks when absent.
-      sessionId: p(),
-      deviceHint: y()
+      sessionId: c(),
+      deviceHint: m()
     };
-    if (t?.modelImageId && (i.modelImageId = t.modelImageId), e && (i.modelImage = e), a && a.length > 0 && (i.fitInfo = a), s && s !== "apparel" && (i.category = s), t?.productId && (i.productId = t.productId), t?.productTitle && (i.productTitle = t.productTitle), t?.productCategory && (i.productCategory = t.productCategory), t?.productSubcategory && (i.productSubcategory = t.productSubcategory), t?.productFitType && (i.productFitType = t.productFitType), t?.productType && (i.productType = t.productType), t?.productTags?.length && (i.productTags = t.productTags), t?.productDescription && (i.productDescription = t.productDescription), t?.productMaterial && (i.productMaterial = t.productMaterial), t?.garmentDetailImage && t.garmentDetailImage !== o && (i.garmentDetailImage = t.garmentDetailImage), t?.silhouetteContext && (i.silhouetteContext = t.silhouetteContext), t?.editFromPrevious && (i.editFromPrevious = !0), a && a.length > 0)
+    if (r?.modelImageId && (i.modelImageId = r.modelImageId), e && (i.modelImage = e), a && a.length > 0 && (i.fitInfo = a), s && s !== "apparel" && (i.category = s), r?.productId && (i.productId = r.productId), r?.productTitle && (i.productTitle = r.productTitle), r?.productCategory && (i.productCategory = r.productCategory), r?.productSubcategory && (i.productSubcategory = r.productSubcategory), r?.productFitType && (i.productFitType = r.productFitType), r?.productType && (i.productType = r.productType), r?.productTags?.length && (i.productTags = r.productTags), r?.productDescription && (i.productDescription = r.productDescription), r?.productMaterial && (i.productMaterial = r.productMaterial), r?.garmentDetailImage && r.garmentDetailImage !== o && (i.garmentDetailImage = r.garmentDetailImage), r?.silhouetteContext && (i.silhouetteContext = r.silhouetteContext), r?.editFromPrevious && (i.editFromPrevious = !0), a && a.length > 0)
       for (const n of a) {
         const l = (n.garmentRange || "").replace(/[^\d.\-–]/g, " ").trim().split(/[\s\-–]+/).filter(Boolean).map(Number).filter((u) => !isNaN(u));
         if (l.length && n.userValue != null) {
@@ -112,8 +120,8 @@ class O {
       headers: this.headers,
       body: JSON.stringify({
         ...e,
-        sessionId: p(),
-        deviceHint: y()
+        sessionId: c(),
+        deviceHint: m()
       })
     });
     if (!o.ok) {
@@ -125,21 +133,61 @@ class O {
     }
     return o.json();
   }
-  getStreamUrl() {
-    const e = `${this.baseUrl}/api/v1/tryon/stream`;
-    return this.apiKey ? `${e}?key=${encodeURIComponent(this.apiKey)}` : e;
+  async reportEvent(e) {
+    const o = await fetch(`${this.baseUrl}/api/v1/tryon/event`, {
+      method: "POST",
+      headers: this.headers,
+      keepalive: !0,
+      body: JSON.stringify({
+        ...e,
+        sessionId: c(),
+        deviceHint: m()
+      })
+    });
+    if (!o.ok) {
+      const a = await o.json().catch(() => ({}));
+      throw new h(
+        a.message || "Failed to report SDK event",
+        "EVENT_REPORT_FAILED"
+      );
+    }
+    return o.json();
+  }
+  async reportClientError(e) {
+    const o = await fetch(`${this.baseUrl}/api/v1/tryon/client-error`, {
+      method: "POST",
+      headers: this.headers,
+      keepalive: !0,
+      body: JSON.stringify({
+        ...e,
+        sessionId: c(),
+        deviceHint: m()
+      })
+    });
+    if (!o.ok) {
+      const a = await o.json().catch(() => ({}));
+      throw new h(
+        a.message || "Failed to report SDK client error",
+        "CLIENT_ERROR_REPORT_FAILED"
+      );
+    }
+    return o.json();
+  }
+  getStreamUrl(e) {
+    const o = e ? `/api/v1/tryon/stream/${encodeURIComponent(e)}` : "/api/v1/tryon/stream", a = `${this.baseUrl}${o}`;
+    return this.apiKey ? `${a}?key=${encodeURIComponent(this.apiKey)}` : a;
   }
 }
-function w(r) {
+function v(t) {
   const e = { "Content-Type": "application/json" };
-  return r && (e.Authorization = `Bearer ${r}`), e;
+  return t && (e.Authorization = `Bearer ${t}`), e;
 }
 class h extends Error {
   constructor(e, o) {
     super(e), this.name = "PrimeStyleError", this.code = o;
   }
 }
-class Y {
+class F {
   constructor(e) {
     this.eventSource = null, this.listeners = /* @__PURE__ */ new Map(), this.reconnectTimer = null, this.reconnectAttempts = 0, this.maxReconnectAttempts = 5, this.streamUrl = e;
   }
@@ -190,10 +238,10 @@ class Y {
     this.reconnectTimer && (clearTimeout(this.reconnectTimer), this.reconnectTimer = null), this.eventSource && (this.eventSource.close(), this.eventSource = null), this.listeners.clear(), this.reconnectAttempts = 0;
   }
 }
-const v = 512, U = 0.65;
-function C(r, e = {}) {
-  const o = e.maxDimension ?? v, a = e.quality ?? U;
-  return new Promise((s, t) => {
+const U = 512, C = 0.65;
+function z(t, e = {}) {
+  const o = e.maxDimension ?? U, a = e.quality ?? C;
+  return new Promise((s, r) => {
     const i = new FileReader();
     i.onload = () => {
       const d = new Image();
@@ -202,27 +250,27 @@ function C(r, e = {}) {
           const n = document.createElement("canvas");
           let { width: l, height: u } = d;
           (l > o || u > o) && (l > u ? (u = Math.round(u * o / l), l = o) : (l = Math.round(l * o / u), u = o)), n.width = l, n.height = u;
-          const m = n.getContext("2d");
-          if (!m) {
-            t(new Error("Canvas context not available"));
+          const y = n.getContext("2d");
+          if (!y) {
+            r(new Error("Canvas context not available"));
             return;
           }
-          m.drawImage(d, 0, 0, l, u);
-          const b = n.toDataURL("image/jpeg", a);
-          s(b);
+          y.drawImage(d, 0, 0, l, u);
+          const P = n.toDataURL("image/jpeg", a);
+          s(P);
         } catch (n) {
-          t(n);
+          r(n);
         }
-      }, d.onerror = () => t(new Error("Failed to load image")), d.src = i.result;
-    }, i.onerror = () => t(new Error("Failed to read file")), i.readAsDataURL(r);
+      }, d.onerror = () => r(new Error("Failed to load image")), d.src = i.result;
+    }, i.onerror = () => r(new Error("Failed to read file")), i.readAsDataURL(t);
   });
 }
-function F(r) {
-  return ["image/jpeg", "image/png", "image/webp", "image/avif"].includes(r.type);
+function K(t) {
+  return ["image/jpeg", "image/png", "image/webp", "image/avif"].includes(t.type);
 }
-async function V(r, e, o) {
+async function V(t, e, o) {
   try {
-    const a = typeof r == "string" ? r : await C(r, { maxDimension: 384, quality: 0.6 }), s = await fetch(`${e}/api/v1/sizing/age-check`, {
+    const a = typeof t == "string" ? t : await z(t, { maxDimension: 384, quality: 0.6 }), s = await fetch(`${e}/api/v1/sizing/age-check`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -232,30 +280,30 @@ async function V(r, e, o) {
     });
     if (!s.ok)
       return { isAdult: !0, confidence: "low" };
-    const t = await s.json();
+    const r = await s.json();
     return {
-      isAdult: t?.isAdult !== !1,
+      isAdult: r?.isAdult !== !1,
       // anything other than explicit false → allow
-      confidence: t?.confidence === "high" ? "high" : "low",
-      detectedGender: t?.detectedGender === "male" || t?.detectedGender === "female" || t?.detectedGender === "unknown" ? t.detectedGender : void 0,
-      reasoning: typeof t?.reasoning == "string" ? t.reasoning : void 0
+      confidence: r?.confidence === "high" ? "high" : "low",
+      detectedGender: r?.detectedGender === "male" || r?.detectedGender === "female" || r?.detectedGender === "unknown" ? r.detectedGender : void 0,
+      reasoning: typeof r?.reasoning == "string" ? r.reasoning : void 0
     };
   } catch {
     return { isAdult: !0, confidence: "low" };
   }
 }
-const c = {};
-function z(r, e) {
-  c[r] = { ...c[r] || {}, ...e };
+const g = {};
+function D(t, e) {
+  g[t] = { ...g[t] || {}, ...e };
 }
-function K(r) {
-  const e = r?.toLowerCase().split("-")[0] || "en";
-  return (o) => e === "en" || !c[e] ? o : c[e][o] ?? o;
+function j(t) {
+  const e = t?.toLowerCase().split("-")[0] || "en";
+  return (o) => e === "en" || !g[e] ? o : g[e][o] ?? o;
 }
-function j() {
+function J() {
   return typeof navigator > "u" ? "en" : (navigator.language || navigator.userLanguage || "en").split("-")[0].toLowerCase();
 }
-const J = [
+const q = [
   "en",
   "es",
   "fr",
@@ -266,7 +314,7 @@ const J = [
   "zh",
   "ko",
   "ar"
-], q = {
+], Z = {
   en: "English",
   es: "Español",
   fr: "Français",
@@ -277,7 +325,7 @@ const J = [
   zh: "中文",
   ko: "한국어",
   ar: "العربية"
-}, Z = [
+}, x = [
   "Virtual Try-On",
   "Find Your Size & See It On You",
   "See Your Fit",
@@ -471,7 +519,7 @@ const J = [
   // ── Photo step — profile photo preload pill ──
   "Loaded from profile",
   "Clear"
-], D = {
+], G = {
   "Virtual Try-On": "Probador Virtual",
   "Find Your Size & See It On You": "Encuentra tu talla y pruébatelo",
   "See Your Fit": "Ver tu ajuste",
@@ -726,7 +774,7 @@ const J = [
   // ── Photo step — profile photo preload pill ──
   "Loaded from profile": "Cargada del perfil",
   Clear: "Borrar"
-}, G = {
+}, B = {
   "Virtual Try-On": "Essayage Virtuel",
   "Find Your Size & See It On You": "Trouvez votre taille et essayez-le",
   "See Your Fit": "Voir votre ajustement",
@@ -981,7 +1029,7 @@ const J = [
   // ── Photo step — profile photo preload pill ──
   "Loaded from profile": "Chargée depuis le profil",
   Clear: "Effacer"
-}, B = {
+}, N = {
   "Virtual Try-On": "Virtuelle Anprobe",
   "Find Your Size & See It On You": "Finden Sie Ihre Größe und probieren Sie es an",
   "See Your Fit": "Ihre Passform ansehen",
@@ -1746,7 +1794,7 @@ const J = [
   // ── Photo step — profile photo preload pill ──
   "Loaded from profile": "Carregada do perfil",
   Clear: "Limpar"
-}, N = {
+}, k = {
   "Virtual Try-On": "バーチャル試着",
   "Find Your Size & See It On You": "あなたのサイズを見つけて試着",
   "See Your Fit": "フィット感を見る",
@@ -2001,7 +2049,7 @@ const J = [
   // ── Photo step — profile photo preload pill ──
   "Loaded from profile": "プロフィールから読み込み",
   Clear: "クリア"
-}, k = {
+}, L = {
   "Virtual Try-On": "虚拟试穿",
   "Find Your Size & See It On You": "找到你的尺码并试穿",
   "See Your Fit": "查看合身效果",
@@ -2256,7 +2304,7 @@ const J = [
   // ── Photo step — profile photo preload pill ──
   "Loaded from profile": "已从个人资料加载",
   Clear: "清除"
-}, L = {
+}, R = {
   "Virtual Try-On": "가상 피팅",
   "Find Your Size & See It On You": "사이즈를 찾고 입어보세요",
   "See Your Fit": "핏 확인하기",
@@ -2511,7 +2559,7 @@ const J = [
   // ── Photo step — profile photo preload pill ──
   "Loaded from profile": "프로필에서 불러옴",
   Clear: "지우기"
-}, R = {
+}, W = {
   "Virtual Try-On": "تجربة افتراضية",
   "Find Your Size & See It On You": "اعثر على مقاسك وجرّبه",
   "See Your Fit": "شاهد الملاءمة",
@@ -2766,34 +2814,34 @@ const J = [
   // ── Photo step — profile photo preload pill ──
   "Loaded from profile": "تم التحميل من الملف الشخصي",
   Clear: "مسح"
-}, W = {
-  es: D,
-  fr: G,
-  de: B,
+}, O = {
+  es: G,
+  fr: B,
+  de: N,
   it: H,
   pt: M,
-  ja: N,
-  zh: k,
-  ko: L,
-  ar: R
+  ja: k,
+  zh: L,
+  ko: R,
+  ar: W
 };
-for (const [r, e] of Object.entries(W))
-  z(r, e);
+for (const [t, e] of Object.entries(O))
+  D(t, e);
 export {
-  O as A,
-  q as L,
+  Y as A,
+  Z as L,
   h as P,
-  Y as S,
-  Z as T,
-  C as a,
-  J as b,
-  K as c,
+  F as S,
+  x as T,
+  z as a,
+  q as b,
+  j as c,
   V as d,
-  j as e,
-  y as f,
-  p as g,
-  F as i,
-  w as j,
-  z as r
+  J as e,
+  m as f,
+  c as g,
+  K as i,
+  v as j,
+  D as r
 };
-//# sourceMappingURL=index-BiotPzcm.js.map
+//# sourceMappingURL=index-D_9-KLXy.js.map