@primestyleai/tryon 5.8.49 → 5.8.51

package/dist/react/index.js

@@ -790,18 +790,19 @@ const STYLES = `
   }
   .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; } }
@@ -13660,7 +13661,7 @@ function PrimeStyleTryonInner({
         category: measurementType,
         ...Object.keys(faceMm).length > 0 && { faceMeasurementsMm: faceMm, irisConfidence: 1 }
       };
-      const minVisible = new Promise((r) => setTimeout(r, 3200));
+      const minVisible = new Promise((r) => setTimeout(r, 4500));
       try {
         const resp = await fetch(`${baseUrl}/api/v1/sizing/face-recommend`, {
           method: "POST",
@@ -13877,7 +13878,7 @@ function PrimeStyleTryonInner({
     const measurementType = detectMeasurementType(productTitle);
     if (measurementType === "face" || measurementType === "head") {
       setFaceLandmarks(null);
-      const minVisible = new Promise((r) => setTimeout(r, 3200));
+      const minVisible = new Promise((r) => setTimeout(r, 4500));
       try {
         const faceResult = await detectFaceMeasurements(objUrl);
         if (faceResult) setFaceLandmarks(faceResult.landmarks);