@primestyleai/tryon 5.8.49 → 5.8.51

package/dist/storefront/primestyle-tryon.js

@@ -10214,18 +10214,19 @@ const STYLES$1 = `
   }
   .ps-tryon-modal-wide {
     /* Use the SMALLER of 55vw or 92dvh×(16/10) for width so the modal
-       never gets wider than the height can support. This keeps the
-       aspect ratio roughly 16:10 regardless of screen shape. */
+       never gets wider than the height can support. Height bumped from
+       70dvh → 82dvh to fit the longer accessory photo step (guidelines +
+       legal notice + nav) without pushing content under the Analyze CTA. */
     width: min(55vw, calc(92dvh * 1.6));
     max-width: min(55vw, calc(92dvh * 1.6));
-    height: min(70dvh, calc(55vw / 1.6));
-    max-height: min(92dvh, calc(55vw / 1.6));
+    height: min(82dvh, calc(55vw / 1.35));
+    max-height: min(92dvh, calc(55vw / 1.35));
     display: flex; flex-direction: column; overflow: hidden;
     transition: height 0.45s cubic-bezier(0.32, 0.72, 0, 1), max-height 0.45s cubic-bezier(0.32, 0.72, 0, 1);
   }
   .ps-tryon-modal-tall.ps-tryon-modal-wide {
-    height: min(88dvh, calc(55vw / 1.3));
-    max-height: min(92dvh, calc(55vw / 1.3));
+    height: min(92dvh, calc(55vw / 1.2));
+    max-height: min(95dvh, calc(55vw / 1.2));
   }
   .ps-tryon-modal:has(.ps-tryon-drawer-open) { overflow: hidden; }
   @keyframes ps-slide-up { from { transform: translateY(12px) scale(0.97); opacity: 0; filter: blur(4px); } to { transform: none; opacity: 1; filter: none; } }
@@ -23084,7 +23085,7 @@ function PrimeStyleTryonInner({
         category: measurementType,
         ...Object.keys(faceMm).length > 0 && { faceMeasurementsMm: faceMm, irisConfidence: 1 }
       };
-      const minVisible = new Promise((r2) => setTimeout(r2, 3200));
+      const minVisible = new Promise((r2) => setTimeout(r2, 4500));
       try {
         const resp = await fetch(`${baseUrl}/api/v1/sizing/face-recommend`, {
           method: "POST",
@@ -23301,7 +23302,7 @@ function PrimeStyleTryonInner({
     const measurementType = detectMeasurementType(productTitle);
     if (measurementType === "face" || measurementType === "head") {
       setFaceLandmarks(null);
-      const minVisible = new Promise((r2) => setTimeout(r2, 3200));
+      const minVisible = new Promise((r2) => setTimeout(r2, 4500));
       try {
         const faceResult = await detectFaceMeasurements(objUrl);
         if (faceResult) setFaceLandmarks(faceResult.landmarks);

package/package.json

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