@primestyleai/tryon 5.10.140 → 5.10.141

package/dist/react/index.js

@@ -1,12 +1,12 @@
 "use client";
-import { P as Tg, L as Gg, b as Jt, d as gg, a as uo, c as Kt, A as St, S as jt, i as Rt } from "../index-GW10cktY.js";
+import { P as Tg, L as Gg, b as Jt, d as tg, a as uo, c as Kt, A as St, S as jt, i as Rt } from "../index-GW10cktY.js";
 import { jsxs as e, jsx as A, Fragment as _ } from "react/jsx-runtime";
 import { useState as f, useRef as QA, useCallback as bA, useEffect as xA, useMemo as He } from "react";
 import { createPortal as vg } from "react-dom";
 const Tt = "primestyle-photos", no = "photos", Xt = 1;
-let Wo = null;
+let Vo = null;
 function Eg() {
-  return Wo || (Wo = new Promise((o) => {
+  return Vo || (Vo = new Promise((o) => {
     try {
       if (typeof indexedDB > "u") return o(null);
       const g = indexedDB.open(Tt, Xt);
@@ -17,7 +17,7 @@ function Eg() {
     } catch {
       o(null);
     }
-  }), Wo);
+  }), Vo);
 }
 const Ig = "result-";
 async function Xg(o, g) {
@@ -69,10 +69,10 @@ async function qt(o) {
   });
 }
 const Vg = 11, qg = 12, Zt = 13, $t = 14, _t = 15, An = 16, Zg = 23, $g = 24, en = 25, on = 26, gn = 27, tn = 28, nn = 0;
-let og = null, Vo = null;
+let gg = null, qo = null;
 async function _g() {
-  if (!og)
-    return Vo || (Vo = (async () => {
+  if (!gg)
+    return qo || (qo = (async () => {
       const o = await import(
         /* webpackIgnore: true */
         // @ts-ignore dynamic CDN import
@@ -80,7 +80,7 @@ async function _g() {
       ), { FilesetResolver: g, PoseLandmarker: t } = o, i = await g.forVisionTasks(
         "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/wasm"
       );
-      og = await t.createFromOptions(i, {
+      gg = await t.createFromOptions(i, {
         baseOptions: {
           modelAssetPath: "https://storage.googleapis.com/mediapipe-models/pose_landmarker/pose_landmarker_lite/float16/1/pose_landmarker_lite.task",
           delegate: "GPU"
@@ -88,12 +88,12 @@ async function _g() {
         runningMode: "IMAGE",
         numPoses: 1
       });
-    })(), Vo);
+    })(), qo);
 }
-async function eg(o) {
+async function og(o) {
   try {
     await _g();
-    const g = await At(o), t = og.detect(g);
+    const g = await At(o), t = gg.detect(g);
     if (!t?.landmarks?.length || t.landmarks[0].length < 25)
       return null;
     const i = t.landmarks[0], a = i[Vg], c = i[qg], n = i[Zg], w = i[$g], r = (a.y + c.y) / 2, p = (n.y + w.y) / 2, Q = p - r, C = r + Q * 0.28, I = Math.abs(c.x - a.x), u = Math.min(a.x, c.x) - I * 0.05, M = Math.max(a.x, c.x) + I * 0.05, L = Math.abs(w.x - n.x), G = Math.min(n.x, w.x) - L * 0.15, v = Math.max(n.x, w.x) + L * 0.15, l = C + (p - C) * 0.55, R = I * 0.85, V = (a.x + c.x + n.x + w.x) / 4, s = V - R / 2, m = V + R / 2;
@@ -128,7 +128,7 @@ async function po(o) {
     await _g();
     let g;
     typeof o == "string" ? g = await At(o) : g = o;
-    const t = await rn(g, 1024), i = t.width || g.naturalWidth || g.width, a = t.height || g.naturalHeight || g.height, c = og.detect(t);
+    const t = await rn(g, 1024), i = t.width || g.naturalWidth || g.width, a = t.height || g.naturalHeight || g.height, c = gg.detect(t);
     if (!c?.landmarks?.length || c.landmarks[0].length < 29)
       return console.warn("[PS-SDK:MediaPipe] detection returned no usable landmarks", {
         gotLandmarks: !!c?.landmarks?.length,
@@ -9354,7 +9354,7 @@ function Ug({
     /* @__PURE__ */ A("div", { className: "ps-bpm-spacer" })
   ] });
 }
-const qo = 22;
+const Zo = 22;
 function Io({
   tryOnStartedAt: o,
   t: g
@@ -9365,7 +9365,7 @@ function Io({
     const C = setInterval(() => t((I) => I + 1), 200);
     return () => clearInterval(C);
   }, [o]), o == null) return null;
-  const i = (Date.now() - o) / 1e3, a = Math.min(95, i / qo * 100), c = Math.round(a), n = Math.max(0, qo - Math.floor(i)), w = i >= qo ? g("almost done") : `~${n}s ${g("left")}`, r = [
+  const i = (Date.now() - o) / 1e3, a = Math.min(95, i / Zo * 100), c = Math.round(a), n = Math.max(0, Zo - Math.floor(i)), w = i >= Zo ? g("almost done") : `~${n}s ${g("left")}`, r = [
     g("Preparing your image"),
     g("Analyzing body proportions"),
     g("Mapping garment to body"),
@@ -9373,7 +9373,7 @@ function Io({
     g("Almost done")
   ], p = Math.min(
     r.length - 1,
-    Math.floor(i / qo * r.length)
+    Math.floor(i / Zo * r.length)
   ), Q = r[p];
   return /* @__PURE__ */ e("div", { className: "ps-tryon-badge", role: "status", "aria-live": "polite", children: [
     /* @__PURE__ */ e("div", { className: "ps-tryon-badge-row", children: [
@@ -9840,7 +9840,7 @@ function ci({ landmarks: o, imgWidth: g, imgHeight: t }) {
     ] }, C))
   ] });
 }
-function Zo({ active: o }) {
+function $o({ active: o }) {
   return o ? /* @__PURE__ */ e(_, { children: [
     /* @__PURE__ */ A("div", { className: "ps-tryon-scan-overlay" }),
     /* @__PURE__ */ A("div", { className: "ps-tryon-scan-line" })
@@ -9967,7 +9967,7 @@ function pg(o, g) {
     return a === t || t.includes(a) || a.includes(t);
   }) || null;
 }
-function $o({
+function _o({
   sectionName: o,
   section: g,
   sectionResult: t,
@@ -10820,7 +10820,7 @@ function pi({
       de(null), ge(!1);
       return;
     }
-    ge(!1), eg(i).then((x) => {
+    ge(!1), og(i).then((x) => {
       de(x), ge(!0);
     }).catch(() => {
       ge(!0);
@@ -11025,7 +11025,7 @@ function pi({
           return x ? Ae ? /* @__PURE__ */ e(_, { children: [
             Pe && /* @__PURE__ */ A("div", { style: { padding: "0 16px" }, children: Pe }),
             /* @__PURE__ */ A(
-              $o,
+              _o,
               {
                 sectionName: x.name,
                 section: x.section,
@@ -11051,7 +11051,7 @@ function pi({
                 onImageLoad: he,
                 overlayNode: v ? /* @__PURE__ */ e(_, { children: [
                   /* @__PURE__ */ A(Io, { tryOnStartedAt: l ?? null, t: h }),
-                  /* @__PURE__ */ A(Zo, { active: !0 })
+                  /* @__PURE__ */ A($o, { active: !0 })
                 ] }) : i && pA && ne ? /* @__PURE__ */ A(
                   zo,
                   {
@@ -11088,12 +11088,12 @@ function pi({
                 }
               ),
               v && /* @__PURE__ */ A(Io, { tryOnStartedAt: l ?? null, t: h }),
-              /* @__PURE__ */ A(Zo, { active: !!v })
+              /* @__PURE__ */ A($o, { active: !!v })
             ] }),
             /* @__PURE__ */ e("div", { className: "ps-tryon-v2-panel", children: [
               Pe,
               /* @__PURE__ */ A(
-                $o,
+                _o,
                 {
                   sectionName: x.name,
                   section: x.section,
@@ -11175,7 +11175,7 @@ function pi({
           /* @__PURE__ */ e("div", { className: "ps-tryon-v2-bg", style: { position: "relative" }, children: [
             /* @__PURE__ */ A("img", { src: v && u ? u : i || a, alt: n, className: "ps-tryon-v2-bg-img", onLoad: he }),
             v && /* @__PURE__ */ A(Io, { tryOnStartedAt: l ?? null, t: h }),
-            /* @__PURE__ */ A(Zo, { active: !!v }),
+            /* @__PURE__ */ A($o, { active: !!v }),
             i && !v && pA && ne && /* @__PURE__ */ A(zo, { lines: ne, fitRows: (() => {
               const x = [...g?.matchDetails || []];
               if (g?.sections)
@@ -11302,7 +11302,7 @@ function pi({
           return Ae ? /* @__PURE__ */ e(_, { children: [
             Pe && /* @__PURE__ */ A("div", { style: { padding: "0 16px" }, children: Pe }),
             /* @__PURE__ */ A(
-              $o,
+              _o,
               {
                 sectionName: K,
                 section: x,
@@ -11355,7 +11355,7 @@ function pi({
                 }
               ),
               v && /* @__PURE__ */ A(Io, { tryOnStartedAt: l ?? null, t: h }),
-              /* @__PURE__ */ A(Zo, { active: !!v }),
+              /* @__PURE__ */ A($o, { active: !!v }),
               i && !v && pA && ne && /* @__PURE__ */ A(zo, { lines: ne, fitRows: (g?.matchDetails || []).map(($) => ({ area: $.measurement, userNum: parseFloat($.userValue) || 0, chartLabel: $.chartRange || "", fit: $.fit })), show: Z, imgWidth: jA.w, imgHeight: jA.h }),
               i && !v && /* @__PURE__ */ e("div", { style: { position: "absolute", bottom: "0.5vw", left: "0.5vw", zIndex: 3, display: "flex", flexDirection: "column", gap: "0.3vw" }, children: [
                 !PA && /* @__PURE__ */ A("button", { className: "ps-tryon-sr-glass-btn", onClick: () => me(!Z), children: h(Z ? "Hide Fit" : "Show Fit") }),
@@ -11367,7 +11367,7 @@ function pi({
               E === K ? (
                 /* DETAIL VIEW — full size table, same as multi-garment */
                 /* @__PURE__ */ A(
-                  $o,
+                  _o,
                   {
                     sectionName: K,
                     section: x,
@@ -11885,7 +11885,7 @@ function Sg({
       if (o && g) {
         v(!0), R(C("Analyzing photo…"));
         try {
-          const vA = await gg(N, o, g);
+          const vA = await tg(N, o, g);
           if (!vA.isAdult) {
             const S = vA.reasoning?.trim() || C("This photo appears to be of a minor. Please upload a photo of someone 18 or older.");
             s(S), v(!1), R("");
@@ -12450,7 +12450,7 @@ function Se({
     }
   );
 }
-function _o({
+function Ag({
   stepKey: o,
   title: g,
   subtitle: t,
@@ -12503,7 +12503,7 @@ function Ui({ onSave: o, onCancel: g, apiUrl: t, apiKey: i, onPhotoPreview: a, o
       }
       S(""), YA(!0), HA(n("Analyzing photo…"));
       try {
-        const hA = t && i ? gg(W, t, i) : Promise.resolve({ isAdult: !0, confidence: "low" }), uA = uo(W), ee = await hA;
+        const hA = t && i ? tg(W, t, i) : Promise.resolve({ isAdult: !0, confidence: "low" }), uA = uo(W), ee = await hA;
         if (!ee.isAdult) {
           const Me = ee.reasoning?.trim() || n("This photo appears to be of a minor. Please upload a photo of someone 18 or older.");
           _A(Me);
@@ -12943,7 +12943,7 @@ function Ui({ onSave: o, onCancel: g, apiUrl: t, apiKey: i, onPhotoPreview: a, o
         vA && /* @__PURE__ */ A("div", { className: "ps-cpw-error", children: vA })
       ] }, "manual-identity"),
       w === "manual" && p === "chest" && !q && /* @__PURE__ */ e(
-        _o,
+        Ag,
         {
           stepKey: "chest",
           title: n("CHEST PROFILE"),
@@ -12956,7 +12956,7 @@ function Ui({ onSave: o, onCancel: g, apiUrl: t, apiKey: i, onPhotoPreview: a, o
         }
       ),
       w === "manual" && p === "stomach" && /* @__PURE__ */ e(
-        _o,
+        Ag,
         {
           stepKey: "stomach",
           title: n("STOMACH PROFILE"),
@@ -12969,7 +12969,7 @@ function Ui({ onSave: o, onCancel: g, apiUrl: t, apiKey: i, onPhotoPreview: a, o
         }
       ),
       w === "manual" && p === "seat" && /* @__PURE__ */ e(
-        _o,
+        Ag,
         {
           stepKey: "seat",
           title: n("BACK & SEAT"),
@@ -12982,7 +12982,7 @@ function Ui({ onSave: o, onCancel: g, apiUrl: t, apiKey: i, onPhotoPreview: a, o
         }
       ),
       w === "manual" && p === "hips" && q && kA.hips && /* @__PURE__ */ e(
-        _o,
+        Ag,
         {
           stepKey: "hips",
           title: n("HIP PROFILE"),
@@ -14676,7 +14676,7 @@ function ut({
     ] })
   ] });
 }
-function Ag({
+function eg({
   stepNumber: o,
   totalSteps: g,
   title: t,
@@ -14892,7 +14892,7 @@ function pr({
     const le = URL.createObjectURL(dA);
     pA(le);
     try {
-      const be = C && I ? gg(dA, C, I) : Promise.resolve({ isAdult: !0, confidence: "low" }), eo = uo(dA, { maxDimension: 1024, quality: 0.85 }), Ve = await be;
+      const be = C && I ? tg(dA, C, I) : Promise.resolve({ isAdult: !0, confidence: "low" }), eo = uo(dA, { maxDimension: 1024, quality: 0.85 }), Ve = await be;
       if (!Ve.isAdult) {
         const qe = Ve.reasoning?.trim() || s("This photo appears to be of a minor. Please upload a photo of someone 18 or older.");
         ke(qe), pA(null), ne(null);
@@ -15972,7 +15972,7 @@ function pr({
         ] }, "step-basics");
       })(),
       E === "chest" && !t && (O ? /* @__PURE__ */ A(
-        Ag,
+        eg,
         {
           stepNumber: m.indexOf("chest") + 1,
           totalSteps: m.length,
@@ -15997,7 +15997,7 @@ function pr({
         /* @__PURE__ */ A("p", { className: "ps-bp-hover-hint", children: Qe || " " })
       ] }, "step-chest")),
       E === "midsection" && (O ? /* @__PURE__ */ A(
-        Ag,
+        eg,
         {
           stepNumber: m.indexOf("midsection") + 1,
           totalSteps: m.length,
@@ -16030,7 +16030,7 @@ function pr({
         /* @__PURE__ */ A("p", { className: "ps-bp-hover-hint", children: Qe || " " })
       ] }, "step-midsection")),
       E === "seat" && (O ? /* @__PURE__ */ A(
-        Ag,
+        eg,
         {
           stepNumber: m.indexOf("seat") + 1,
           totalSteps: m.length,
@@ -16063,7 +16063,7 @@ function pr({
         /* @__PURE__ */ A("p", { className: "ps-bp-hover-hint", children: Qe || " " })
       ] }, "step-seat")),
       E === "hips" && t && (O ? /* @__PURE__ */ A(
-        Ag,
+        eg,
         {
           stepNumber: m.indexOf("hips") + 1,
           totalSteps: m.length,
@@ -16224,7 +16224,7 @@ function xg({
     const he = URL.createObjectURL(zA);
     gA(zA), LA(he), iA(!0), VA("Analyzing photo…");
     try {
-      const Oe = G && v ? gg(zA, G, v) : Promise.resolve({ isAdult: !0, confidence: "low" }), JA = uo(zA, R ? { maxDimension: 1536, quality: 0.85 } : {}), ke = await Oe;
+      const Oe = G && v ? tg(zA, G, v) : Promise.resolve({ isAdult: !0, confidence: "low" }), JA = uo(zA, R ? { maxDimension: 1536, quality: 0.85 } : {}), ke = await Oe;
       if (!ke.isAdult) {
         const BA = ke.reasoning?.trim() || l("This photo appears to be of a minor. Please upload a photo of someone 18 or older.");
         pe(BA), gA(null), LA(null);
@@ -17159,11 +17159,11 @@ function br({
     }).catch(() => {
     }), () => d.abort();
   }, [g, t, r, i]);
-  const tg = 22, Ro = QA(0), Po = QA(null), bo = QA(null), xo = QA(null), Ho = QA(null), Mo = QA(null), ng = QA(null), ig = QA(""), so = QA(null);
+  const ng = 22, Ro = QA(0), Po = QA(null), bo = QA(null), xo = QA(null), Ho = QA(null), Mo = QA(null), ig = QA(null), rg = QA(""), so = QA(null);
   xA(() => {
     if (gA === "processing") {
       if (so.current) return;
-      Ro.current = 0, ng.current = Date.now(), ig.current = "";
+      Ro.current = 0, ig.current = Date.now(), rg.current = "";
       const B = [
         { at: 0, text: X("Preparing your image...") },
         { at: 15, text: X("Analyzing body proportions...") },
@@ -17174,7 +17174,7 @@ function br({
       ], d = 2 * Math.PI * 38;
       return so.current = setInterval(() => {
         if (Je.current) return;
-        const z = ng.current || Date.now(), rA = (Date.now() - z) / 1e3, tA = Math.min(95, rA / tg * 100);
+        const z = ig.current || Date.now(), rA = (Date.now() - z) / 1e3, tA = Math.min(95, rA / ng * 100);
         Ro.current = tA;
         const AA = Math.round(tA);
         if (Po.current && (Po.current.style.width = `${AA}%`), bo.current && (bo.current.textContent = `${AA}%`), Mo.current) {
@@ -17182,23 +17182,23 @@ function br({
           Mo.current.style.strokeDashoffset = String(Y);
         }
         if (Ho.current) {
-          const Y = Math.max(0, tg - Math.floor(rA));
-          Ho.current.textContent = rA >= tg ? "•••" : `~${Y}s`;
+          const Y = Math.max(0, ng - Math.floor(rA));
+          Ho.current.textContent = rA >= ng ? "•••" : `~${Y}s`;
         }
         if (xo.current) {
           const Y = [...B].reverse().find((j) => AA >= j.at);
-          if (Y && Y.text !== ig.current) {
+          if (Y && Y.text !== rg.current) {
             const j = xo.current;
             j.style.opacity = "0", setTimeout(() => {
               j.textContent = Y.text, j.style.opacity = "1";
-            }, 180), ig.current = Y.text;
+            }, 180), rg.current = Y.text;
           }
         }
       }, 200), () => {
         clearInterval(so.current), so.current = null;
       };
     } else
-      so.current && (clearInterval(so.current), so.current = null), ng.current = null;
+      so.current && (clearInterval(so.current), so.current = null), ig.current = null;
   }, [gA, X]), xA(() => () => {
     nA && URL.revokeObjectURL(nA);
   }, [nA]), xA(() => {
@@ -17297,12 +17297,12 @@ function br({
       }
     },
     [b, PA, r, o, i, O, IA]
-  ), rg = QA(null), [Fo, sg] = f(null), Hg = bA(async (B) => {
+  ), sg = QA(null), [Fo, Hg] = f(null), To = bA(async (B) => {
     const d = B.height ?? B.heightCm ?? 0, z = B.weight ?? B.weightKg ?? 0, rA = !!B.measurements && Object.keys(B.measurements).length > 0, tA = B.photoBase64;
-    if (!rA && tA && d > 0 && rg.current) {
+    if (!rA && tA && d > 0 && sg.current) {
       try {
         const Y = tA.startsWith("data:") ? tA : `data:image/jpeg;base64,${tA}`, j = await fetch(Y).then((ZA) => ZA.blob()), sA = new File([j], "profile-photo.jpg", { type: j.type || "image/jpeg" });
-        await rg.current({
+        await sg.current({
           photoFile: sA,
           photoBase64: tA,
           height: d,
@@ -17344,13 +17344,13 @@ function br({
     const B = PA.find((tA) => tA.id === b);
     if (!B) return;
     const d = B.height ?? B.heightCm ?? 0, z = B.weight ?? B.weightKg ?? 0;
-    d > 0 && z > 0 && sg(B);
-  }, [PA, b]), bt = bA(() => {
+    d > 0 && z > 0 && To(B);
+  }, [PA, b, To]), bt = bA(() => {
     if (!Fo) return;
     const B = Fo;
-    sg(null), Hg(B);
-  }, [Fo, Hg]), xt = bA(() => {
-    sg(null), cA((B) => B + 1), N("body-profile");
+    Hg(null), To(B);
+  }, [Fo, To]), xt = bA(() => {
+    Hg(null), cA((B) => B + 1), N("body-profile");
   }, []), Ht = QA(() => {
   }), Mt = bA(() => {
     console.log("[ps-sdk] handleOpen fired — opening modal"), N("body-profile"), l?.();
@@ -17406,7 +17406,7 @@ function br({
     }
     S(B), eA.current = B, qe.current = null;
     const d = URL.createObjectURL(B);
-    MA(d), V?.(B), dA.current = null, eg(d).then((z) => {
+    MA(d), V?.(B), dA.current = null, og(d).then((z) => {
       dA.current = z;
     }).catch(() => {
     });
@@ -17643,7 +17643,7 @@ function br({
       H(!1);
       return;
     }
-    dA.current = null, be(null), eg(rA).then((DA) => (dA.current = DA, DA)).catch(() => null);
+    dA.current = null, be(null), og(rA).then((DA) => (dA.current = DA, DA)).catch(() => null);
     const AA = po(rA).then((DA) => (be(DA), DA)).catch(() => null), Y = 8e3, j = await Promise.race([
       AA,
       new Promise((DA) => setTimeout(() => DA(null), Y))
@@ -17730,7 +17730,7 @@ function br({
     }
     await ZA, H(!1);
   }, [r, o, i, TA, ie, J, BA, oo, yo]);
-  rg.current = cg;
+  sg.current = cg;
   const Yo = bA(async (B) => {
     const d = B || vA || eA.current;
     if (!d || !ze.current || !We.current) {
@@ -17740,7 +17740,7 @@ function br({
     }
     B && B !== vA && (S(B), eA.current = B), Je.current = !1, De(!0), oe(Date.now());
     const z = Pr(wo(i)), rA = z === "apparel", tA = (B ? null : nA) || URL.createObjectURL(d);
-    (B || !nA) && MA(tA), rA && (!dA.current || !le) && (dA.current = null, be(null), eg(tA).then((AA) => {
+    (B || !nA) && MA(tA), rA && (!dA.current || !le) && (dA.current = null, be(null), og(tA).then((AA) => {
       dA.current = AA;
     }).catch(() => {
     }), po(tA).then((AA) => {
@@ -17753,8 +17753,8 @@ function br({
         for (const co of j) {
           const Ue = Y[co]?.matchDetails || [];
           for (const Qo of Ue) {
-            const To = Qo.measurement.toLowerCase().trim();
-            NA.has(To) || (NA.add(To), Ne.push(Qo));
+            const Xo = Qo.measurement.toLowerCase().trim();
+            NA.has(Xo) || (NA.add(Xo), Ne.push(Qo));
           }
         }
         return Ne;
@@ -17773,12 +17773,12 @@ function br({
       const $A = () => {
         const NA = /* @__PURE__ */ new Set(), Ne = [];
         console.log("[ps-sdk:flatten] sizingResult keys:", Object.keys(pA || {})), console.log("[ps-sdk:flatten] root matchDetails:", (pA?.matchDetails || []).map((Ue) => Ue.measurement)), console.log("[ps-sdk:flatten] sections:", pA?.sections ? Object.keys(pA.sections) : "none");
-        const co = (Ue, Qo, To) => {
+        const co = (Ue, Qo, Xo) => {
           if (Ue) {
-            console.log(`[ps-sdk:flatten]   ${Qo} →`, Ue.map((Xo) => Xo.measurement));
-            for (const Xo of Ue) {
-              const Yg = Xo.measurement.toLowerCase().replace(/\s*\(.*?\)\s*/g, "").trim();
-              NA.has(Yg) || (NA.add(Yg), Ne.push({ ...Xo, section: To }));
+            console.log(`[ps-sdk:flatten]   ${Qo} →`, Ue.map((Wo) => Wo.measurement));
+            for (const Wo of Ue) {
+              const Yg = Wo.measurement.toLowerCase().replace(/\s*\(.*?\)\s*/g, "").trim();
+              NA.has(Yg) || (NA.add(Yg), Ne.push({ ...Wo, section: Xo }));
             }
           }
         };