@primestyleai/tryon 3.4.0 → 3.4.2

package/dist/react/index.js

@@ -246,6 +246,8 @@ function PrimeStyleTryonInner({
   useEffect(() => {
     if (view === "processing") {
       progressRef.current = 0;
+      if (progressBarRef.current) progressBarRef.current.style.width = "0%";
+      if (progressTextRef.current) progressTextRef.current.textContent = "0%";
       const statuses = [
         { at: 0, text: "Preparing your image..." },
         { at: 15, text: "Analyzing body proportions..." },
@@ -256,6 +258,7 @@ function PrimeStyleTryonInner({
       ];
       const interval = setInterval(() => {
         const p = progressRef.current;
+        if (p >= 100) return;
         const increment = p < 30 ? 1.2 : p < 60 ? 0.8 : p < 80 ? 0.4 : p < 95 ? 0.15 : 0;
         progressRef.current = Math.min(p + increment, 95);
         const val = Math.round(progressRef.current);
@@ -447,7 +450,6 @@ function PrimeStyleTryonInner({
       const qHeight = heightUnit === "ft" ? ftInToCm(parseFloat(formRef.current.heightFeet || "0"), parseFloat(formRef.current.heightInches || "0")) : parseFloat(formRef.current.height || "0");
       const qWeight = weightUnit === "lbs" ? lbsToKg(parseFloat(formRef.current.weight || "0")) : parseFloat(formRef.current.weight || "0");
       if (!qHeight || qHeight < 100 || !qWeight || qWeight < 30) {
-        console.warn("[PrimeStyle] Skipping sizing — invalid height/weight:", { qHeight, qWeight });
         setSizingLoading(false);
         return;
       }
@@ -467,16 +469,8 @@ function PrimeStyleTryonInner({
         const data = await res.json();
         setSizingResult(data);
       } else {
-        const errBody = await res.text().catch(() => "");
-        console.error("[PrimeStyle] Sizing API error:", res.status, errBody);
-        try {
-          const parsed = JSON.parse(errBody);
-          if (parsed.issues) console.error("[PrimeStyle] Validation issues:", JSON.stringify(parsed.issues, null, 2));
-        } catch {
-        }
       }
-    } catch (err) {
-      console.warn("[PrimeStyle] Sizing request failed:", err);
+    } catch {
     } finally {
       setSizingLoading(false);
     }
@@ -985,7 +979,7 @@ function PrimeStyleTryonInner({
         /* @__PURE__ */ jsx("div", { className: "ps-tryon-scan-overlay" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "ps-tryon-progress-section", children: [
-        /* @__PURE__ */ jsx("div", { className: "ps-tryon-progress-bar-wrap", children: /* @__PURE__ */ jsx("div", { ref: progressBarRef, className: "ps-tryon-progress-bar-fill", style: { width: "0%" } }) }),
+        /* @__PURE__ */ jsx("div", { className: "ps-tryon-progress-bar-wrap", children: /* @__PURE__ */ jsx("div", { ref: progressBarRef, className: "ps-tryon-progress-bar-fill" }) }),
         /* @__PURE__ */ jsx("span", { ref: progressTextRef, className: "ps-tryon-progress-pct", children: "0%" })
       ] }),
       /* @__PURE__ */ jsx("div", { ref: progressStatusRef, className: cx("ps-tryon-processing-text", cn.processingText), children: "Preparing your image..." }),
@@ -1499,7 +1493,7 @@ const STYLES = `
   }
   .ps-tryon-progress-bar-fill {
     height: 100%; background: linear-gradient(90deg, #bb945c, #d6ba7d);
-    border-radius: 3px; transition: width 0.3s ease;
+    border-radius: 3px; transition: width 0.3s ease; width: 0%;
   }
   .ps-tryon-progress-pct {
     font-size: 13px; font-weight: 700; color: #bb945c; min-width: 36px; text-align: right;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primestyleai/tryon",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",