@primestyleai/tryon 5.10.1 → 5.10.3

package/dist/react/index.js

@@ -7627,7 +7627,7 @@ function MscTryOnProgress({ t }) {
       if (ringRef.current) ringRef.current.style.strokeDashoffset = String(MSC_RING_CIRC * (1 - pct / 100));
       if (etaRef.current) {
         const remaining = Math.max(0, MSC_TRYON_TARGET_SECONDS - Math.floor(elapsed));
-        etaRef.current.textContent = elapsed >= MSC_TRYON_TARGET_SECONDS ? t("Finalizing...") : `~${remaining}s`;
+        etaRef.current.textContent = elapsed >= MSC_TRYON_TARGET_SECONDS ? "•••" : `~${remaining}s`;
       }
     }, 200);
     return () => clearInterval(id);
@@ -7887,30 +7887,22 @@ function MultiSectionMobile({
           children: t("Continue Shopping")
         }
       )
-    ] }) : sizingResult?.found === false ? (
-      // Backend couldn't find a size that fits — Try-On is meaningless
-      // without a recommendation, so surface a clear terminal action.
-      /* @__PURE__ */ jsx(
+    ] }) : (
+      // Try-On stays enabled even when the backend couldn't find a size —
+      // it's a visual preview, independent of the recommendation.
+      /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
           className: "ps-msr-tryon-cta",
-          onClick: onClose,
-          children: t("Continue Shopping")
+          onClick: onTryOn,
+          disabled: tryOnProcessing,
+          children: [
+            /* @__PURE__ */ jsx(CameraIcon, {}),
+            tryOnProcessing ? t("Processing...") : t("See how it looks on yourself")
+          ]
         }
       )
-    ) : /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: "ps-msr-tryon-cta",
-        onClick: onTryOn,
-        disabled: tryOnProcessing,
-        children: [
-          /* @__PURE__ */ jsx(CameraIcon, {}),
-          tryOnProcessing ? t("Processing...") : t("See how it looks on yourself")
-        ]
-      }
     ) }),
     sizeGuide ? null : null
   ] });
@@ -7958,7 +7950,7 @@ function TryOnProgress({ t, isActive }) {
       }
       if (etaRef.current) {
         const remaining = Math.max(0, TRYON_TARGET_SECONDS - Math.floor(elapsed));
-        etaRef.current.textContent = elapsed >= TRYON_TARGET_SECONDS ? t("Finalizing...") : `~${remaining}s`;
+        etaRef.current.textContent = elapsed >= TRYON_TARGET_SECONDS ? "•••" : `~${remaining}s`;
       }
     }, 200);
     return () => clearInterval(id);
@@ -8422,8 +8414,7 @@ function SectionDetailView({
     const hasBadFit = details.some((d) => BAD_FIT.test(d.fit || ""));
     return hasBadFit ? t("Not Recommended") : t("Your Selection");
   }, [isRecommended, sectionResult, t]);
-  const noFitMessage = t("We couldn't find a size that fits for this product");
-  const displaySizeLabel = sectionFound === false ? noFitMessage : selectedCountry && isRecommended && internationalSizes && internationalSizes[selectedCountry] ? internationalSizes[selectedCountry] : displaySize;
+  const displaySizeLabel = selectedCountry && isRecommended && internationalSizes && internationalSizes[selectedCountry] ? internationalSizes[selectedCountry] : displaySize;
   const columnUnits = useMemo(() => {
     const units = [];
     for (let i = 0; i < section.headers.length; i++) {
@@ -8592,7 +8583,11 @@ function SectionDetailView({
   const showMatchPercent = !renderRaw;
   const secAny = sectionResult;
   const backendSize = secAny?.size || recSize;
-  const backendLength = secAny?.length || recLength;
+  const lengthFromDetails = (sectionResult?.matchDetails || []).find(
+    (m) => /inseam|length/i.test(m.measurement) && !/neck|arm|sleeve|back|shoulder/i.test(m.measurement)
+  );
+  const inseamFallback = lengthFromDetails ? (lengthFromDetails.chartRange || "").replace(/\s*(cm|in|inches)\s*/i, "").trim() : "";
+  const backendLength = secAny?.length || recLength || inseamFallback;
   const backendAvailableSizes = secAny?.availableSizes || [];
   const backendAvailableLengths = secAny?.availableLengths || [];
   const finalDisplayLength = selectedLength || backendLength;
@@ -8679,7 +8674,12 @@ function SectionDetailView({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "ps-msd-card", children: [
+      sectionFound === false && /* @__PURE__ */ jsxs("div", { className: "ps-msd-card", style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx("span", { className: "ps-msd-card-eyebrow", children: t("NO MATCHING SIZE") }),
+        /* @__PURE__ */ jsx("p", { style: { fontSize: "15px", fontWeight: 600, color: "var(--ps-text-primary)", margin: "10px 0 4px" }, children: t("We couldn't find a size that fits for this product.") }),
+        /* @__PURE__ */ jsx("p", { className: "ps-msd-card-note", children: t("Your measurements are outside this product's size range — the chart doesn't include a close match. You can still try it on visually below.") })
+      ] }),
+      sectionFound !== false && /* @__PURE__ */ jsxs("div", { className: "ps-msd-card", children: [
         /* @__PURE__ */ jsx("span", { className: "ps-msd-card-eyebrow", children: displaySize === backendSize ? t("RECOMMENDED SIZE") : t("TRYING SIZE") }),
         /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px", marginTop: "6px", marginBottom: "4px" }, children: [
           countryOptions.length > 1 && /* @__PURE__ */ jsxs(
@@ -8739,7 +8739,7 @@ function SectionDetailView({
         ] }),
         /* @__PURE__ */ jsx("p", { className: "ps-msd-card-note", children: t("Based on your measurements and the garment's tailoring chart.") })
       ] }),
-      fitRows.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-msd-blueprint", children: [
+      sectionFound !== false && fitRows.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-msd-blueprint", children: [
         /* @__PURE__ */ jsx("span", { className: "ps-msd-blueprint-title", children: t("MEASUREMENT BLUEPRINT") }),
         /* @__PURE__ */ jsx("div", { className: "ps-msd-blueprint-underline" }),
         /* @__PURE__ */ jsx("div", { className: "ps-msd-rows", children: fitRows.map((row, i) => {
@@ -8774,7 +8774,7 @@ function SectionDetailView({
           ] }, i);
         }) })
       ] }),
-      visibleSizes.length > 1 && /* @__PURE__ */ jsxs("div", { className: "ps-msd-sizes", children: [
+      sectionFound !== false && visibleSizes.length > 1 && /* @__PURE__ */ jsxs("div", { className: "ps-msd-sizes", children: [
         /* @__PURE__ */ jsx("span", { className: "ps-msd-sizes-label", children: t("TRY ANOTHER SIZE") }),
         /* @__PURE__ */ jsx("div", { className: "ps-msd-sizes-pills", children: visibleSizes.map((s) => {
           const isActive = s === displaySize;
@@ -8790,7 +8790,7 @@ function SectionDetailView({
           );
         }) })
       ] }),
-      visibleLengths.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-msd-sizes", children: [
+      sectionFound !== false && visibleLengths.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ps-msd-sizes", children: [
         /* @__PURE__ */ jsx("span", { className: "ps-msd-sizes-label", children: t("LENGTH ADJUSTMENT") }),
         /* @__PURE__ */ jsx("div", { className: "ps-msd-sizes-pills", children: visibleLengths.map((s) => {
           const isActive = finalDisplayLength === s;
@@ -8806,7 +8806,7 @@ function SectionDetailView({
           );
         }) })
       ] }),
-      /* @__PURE__ */ jsxs("p", { className: "ps-msd-footer-note", children: [
+      sectionFound !== false && /* @__PURE__ */ jsxs("p", { className: "ps-msd-footer-note", children: [
         t("*Our sizing engine recommends"),
         " ",
         backendSize,
@@ -8817,7 +8817,19 @@ function SectionDetailView({
     ] }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sec-detail", style: { padding: "1.5vw", display: "flex", flexDirection: "column", height: "100%", background: "#F8F9FA" }, children: [
-    /* @__PURE__ */ jsxs("div", { style: { flex: 1, minHeight: 0, overflowY: "auto", scrollbarWidth: "thin", scrollbarColor: "rgba(0,0,0,0.04) transparent" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0, overflowY: "auto", scrollbarWidth: "thin", scrollbarColor: "rgba(0,0,0,0.04) transparent" }, children: sectionFound === false ? /* @__PURE__ */ jsxs("div", { style: {
+      background: "white",
+      borderRadius: "0.7vw",
+      border: "1px solid rgba(0,0,0,0.06)",
+      padding: "1.4vw 1.6vw",
+      textAlign: "center",
+      marginTop: "0.4vw",
+      marginBottom: "1vw"
+    }, children: [
+      /* @__PURE__ */ jsx("span", { style: { fontSize: "0.7vw", fontWeight: 700, color: "var(--ps-accent)", textTransform: "uppercase", letterSpacing: "0.12em" }, children: t("No matching size") }),
+      /* @__PURE__ */ jsx("p", { style: { fontSize: "1vw", fontWeight: 600, color: "var(--ps-text-primary)", margin: "0.6vw 0 0.4vw" }, children: t("We couldn't find a size that fits for this product.") }),
+      /* @__PURE__ */ jsx("p", { style: { fontSize: "0.7vw", color: "var(--ps-text-secondary)", lineHeight: 1.55, margin: 0, maxWidth: "26vw", marginLeft: "auto", marginRight: "auto" }, children: t("Your measurements are outside this product's size range. You can still try it on visually below.") })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75vw", fontWeight: 700, color: "var(--ps-accent)", textTransform: "uppercase", letterSpacing: "0.12em" }, children: isRecommended ? t("Recommended Size") : altSizeLabel ?? t("Your Selection") }),
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5vw", marginTop: "0.35vw", marginBottom: "0.4vw" }, children: [
         countryOptions.length > 1 && /* @__PURE__ */ jsxs(
@@ -8952,7 +8964,7 @@ function SectionDetailView({
           );
         }) })
       ] })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", paddingTop: "0.6vw", borderTop: "1px solid rgba(0,0,0,0.06)", flexShrink: 0 }, children: [
       /* @__PURE__ */ jsxs("button", { className: "ps-bp-back-btn", onClick: onBack, type: "button", style: { fontSize: "0.7vw" }, children: [
         /* @__PURE__ */ jsx("span", { className: "ps-bp-back-arrow", children: "←" }),
@@ -9277,7 +9289,7 @@ function SizeResultView({
   const allDone = hasPhoto ? sizingDone && tryOnDone : sizingDone;
   const isMobile = useIsMobile();
   const isAccessory = measurementType === "face" || measurementType === "head";
-  const noFit = sizingResult?.found === false;
+  sizingResult?.found === false;
   const vtoExcluded = measurementType === "foot";
   console.log("[PS-SDK] SizeResultView render:", {
     hasPhoto,
@@ -9558,7 +9570,7 @@ function SizeResultView({
                     " →"
                   ]
                 }
-              ) : vtoExcluded || noFit ? /* @__PURE__ */ jsxs(
+              ) : vtoExcluded ? /* @__PURE__ */ jsxs(
                 "button",
                 {
                   className: "ps-tryon-v2-cta",
@@ -9619,7 +9631,7 @@ function SizeResultView({
                 onBack: resultImageUrl ? onClose || (() => setView("body-profile")) : () => setView("body-profile"),
                 backLabel: t("Back"),
                 internationalSizes: sizingResult?.internationalSizes,
-                onTryOn: resultImageUrl || vtoExcluded || noFit ? void 0 : handleSingleTryOn,
+                onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
                 continueLabel: resultImageUrl ? t("Continue Shopping") : void 0,
                 tryOnProcessing,
                 productImage: resultImageUrl || productImage,
@@ -9667,7 +9679,7 @@ function SizeResultView({
                 onBack: resultImageUrl ? onClose || (() => setView("body-profile")) : () => setView("body-profile"),
                 backLabel: t("Back"),
                 internationalSizes: sizingResult?.internationalSizes,
-                onTryOn: resultImageUrl || vtoExcluded || noFit ? void 0 : handleSingleTryOn,
+                onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
                 continueLabel: resultImageUrl ? t("Continue Shopping") : void 0,
                 tryOnProcessing,
                 t,
@@ -13781,7 +13793,7 @@ function PrimeStyleTryonInner({
         }
         if (progressEtaRef.current) {
           const remaining = Math.max(0, TARGET_SECONDS - Math.floor(elapsed));
-          progressEtaRef.current.textContent = elapsed >= TARGET_SECONDS ? t("Finalizing...") : `~${remaining}s`;
+          progressEtaRef.current.textContent = elapsed >= TARGET_SECONDS ? "•••" : `~${remaining}s`;
         }
         if (progressStatusRef.current) {
           const status = [...statuses].reverse().find((s) => val >= s.at);

package/dist/storefront/primestyle-tryon.js

@@ -17052,7 +17052,7 @@ function MscTryOnProgress({ t: t2 }) {
       if (ringRef.current) ringRef.current.style.strokeDashoffset = String(MSC_RING_CIRC * (1 - pct / 100));
       if (etaRef.current) {
         const remaining = Math.max(0, MSC_TRYON_TARGET_SECONDS - Math.floor(elapsed));
-        etaRef.current.textContent = elapsed >= MSC_TRYON_TARGET_SECONDS ? t2("Finalizing...") : `~${remaining}s`;
+        etaRef.current.textContent = elapsed >= MSC_TRYON_TARGET_SECONDS ? "•••" : `~${remaining}s`;
       }
     }, 200);
     return () => clearInterval(id2);
@@ -17312,30 +17312,22 @@ function MultiSectionMobile({
           children: t2("Continue Shopping")
         }
       )
-    ] }) : sizingResult?.found === false ? (
-      // Backend couldn't find a size that fits — Try-On is meaningless
-      // without a recommendation, so surface a clear terminal action.
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ] }) : (
+      // Try-On stays enabled even when the backend couldn't find a size —
+      // it's a visual preview, independent of the recommendation.
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
           type: "button",
           className: "ps-msr-tryon-cta",
-          onClick: onClose,
-          children: t2("Continue Shopping")
+          onClick: onTryOn,
+          disabled: tryOnProcessing,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CameraIcon, {}),
+            tryOnProcessing ? t2("Processing...") : t2("See how it looks on yourself")
+          ]
         }
       )
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        className: "ps-msr-tryon-cta",
-        onClick: onTryOn,
-        disabled: tryOnProcessing,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CameraIcon, {}),
-          tryOnProcessing ? t2("Processing...") : t2("See how it looks on yourself")
-        ]
-      }
     ) }),
     sizeGuide ? null : null
   ] });
@@ -17383,7 +17375,7 @@ function TryOnProgress({ t: t2, isActive }) {
       }
       if (etaRef.current) {
         const remaining = Math.max(0, TRYON_TARGET_SECONDS - Math.floor(elapsed));
-        etaRef.current.textContent = elapsed >= TRYON_TARGET_SECONDS ? t2("Finalizing...") : `~${remaining}s`;
+        etaRef.current.textContent = elapsed >= TRYON_TARGET_SECONDS ? "•••" : `~${remaining}s`;
       }
     }, 200);
     return () => clearInterval(id2);
@@ -17847,8 +17839,7 @@ function SectionDetailView({
     const hasBadFit = details.some((d) => BAD_FIT.test(d.fit || ""));
     return hasBadFit ? t2("Not Recommended") : t2("Your Selection");
   }, [isRecommended, sectionResult, t2]);
-  const noFitMessage = t2("We couldn't find a size that fits for this product");
-  const displaySizeLabel = sectionFound === false ? noFitMessage : selectedCountry && isRecommended && internationalSizes && internationalSizes[selectedCountry] ? internationalSizes[selectedCountry] : displaySize;
+  const displaySizeLabel = selectedCountry && isRecommended && internationalSizes && internationalSizes[selectedCountry] ? internationalSizes[selectedCountry] : displaySize;
   const columnUnits = reactExports.useMemo(() => {
     const units = [];
     for (let i = 0; i < section.headers.length; i++) {
@@ -18017,7 +18008,11 @@ function SectionDetailView({
   const showMatchPercent = !renderRaw;
   const secAny = sectionResult;
   const backendSize = secAny?.size || recSize;
-  const backendLength = secAny?.length || recLength;
+  const lengthFromDetails = (sectionResult?.matchDetails || []).find(
+    (m2) => /inseam|length/i.test(m2.measurement) && !/neck|arm|sleeve|back|shoulder/i.test(m2.measurement)
+  );
+  const inseamFallback = lengthFromDetails ? (lengthFromDetails.chartRange || "").replace(/\s*(cm|in|inches)\s*/i, "").trim() : "";
+  const backendLength = secAny?.length || recLength || inseamFallback;
   const backendAvailableSizes = secAny?.availableSizes || [];
   const backendAvailableLengths = secAny?.availableLengths || [];
   const finalDisplayLength = selectedLength || backendLength;
@@ -18104,7 +18099,12 @@ function SectionDetailView({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-card", children: [
+      sectionFound === false && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-card", style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-card-eyebrow", children: t2("NO MATCHING SIZE") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { fontSize: "15px", fontWeight: 600, color: "var(--ps-text-primary)", margin: "10px 0 4px" }, children: t2("We couldn't find a size that fits for this product.") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-msd-card-note", children: t2("Your measurements are outside this product's size range — the chart doesn't include a close match. You can still try it on visually below.") })
+      ] }),
+      sectionFound !== false && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-card", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-card-eyebrow", children: displaySize === backendSize ? t2("RECOMMENDED SIZE") : t2("TRYING SIZE") }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px", marginTop: "6px", marginBottom: "4px" }, children: [
           countryOptions.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -18164,7 +18164,7 @@ function SectionDetailView({
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-msd-card-note", children: t2("Based on your measurements and the garment's tailoring chart.") })
       ] }),
-      fitRows.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-blueprint", children: [
+      sectionFound !== false && fitRows.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-blueprint", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-blueprint-title", children: t2("MEASUREMENT BLUEPRINT") }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msd-blueprint-underline" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msd-rows", children: fitRows.map((row, i) => {
@@ -18199,7 +18199,7 @@ function SectionDetailView({
           ] }, i);
         }) })
       ] }),
-      visibleSizes.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-sizes", children: [
+      sectionFound !== false && visibleSizes.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-sizes", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-sizes-label", children: t2("TRY ANOTHER SIZE") }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msd-sizes-pills", children: visibleSizes.map((s) => {
           const isActive = s === displaySize;
@@ -18215,7 +18215,7 @@ function SectionDetailView({
           );
         }) })
       ] }),
-      visibleLengths.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-sizes", children: [
+      sectionFound !== false && visibleLengths.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-sizes", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-sizes-label", children: t2("LENGTH ADJUSTMENT") }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msd-sizes-pills", children: visibleLengths.map((s) => {
           const isActive = finalDisplayLength === s;
@@ -18231,7 +18231,7 @@ function SectionDetailView({
           );
         }) })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "ps-msd-footer-note", children: [
+      sectionFound !== false && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "ps-msd-footer-note", children: [
         t2("*Our sizing engine recommends"),
         " ",
         backendSize,
@@ -18242,7 +18242,19 @@ function SectionDetailView({
     ] }) });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sec-detail", style: { padding: "1.5vw", display: "flex", flexDirection: "column", height: "100%", background: "#F8F9FA" }, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { flex: 1, minHeight: 0, overflowY: "auto", scrollbarWidth: "thin", scrollbarColor: "rgba(0,0,0,0.04) transparent" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1, minHeight: 0, overflowY: "auto", scrollbarWidth: "thin", scrollbarColor: "rgba(0,0,0,0.04) transparent" }, children: sectionFound === false ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
+      background: "white",
+      borderRadius: "0.7vw",
+      border: "1px solid rgba(0,0,0,0.06)",
+      padding: "1.4vw 1.6vw",
+      textAlign: "center",
+      marginTop: "0.4vw",
+      marginBottom: "1vw"
+    }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "0.7vw", fontWeight: 700, color: "var(--ps-accent)", textTransform: "uppercase", letterSpacing: "0.12em" }, children: t2("No matching size") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { fontSize: "1vw", fontWeight: 600, color: "var(--ps-text-primary)", margin: "0.6vw 0 0.4vw" }, children: t2("We couldn't find a size that fits for this product.") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { fontSize: "0.7vw", color: "var(--ps-text-secondary)", lineHeight: 1.55, margin: 0, maxWidth: "26vw", marginLeft: "auto", marginRight: "auto" }, children: t2("Your measurements are outside this product's size range. You can still try it on visually below.") })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "0.75vw", fontWeight: 700, color: "var(--ps-accent)", textTransform: "uppercase", letterSpacing: "0.12em" }, children: isRecommended ? t2("Recommended Size") : altSizeLabel ?? t2("Your Selection") }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5vw", marginTop: "0.35vw", marginBottom: "0.4vw" }, children: [
         countryOptions.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -18377,7 +18389,7 @@ function SectionDetailView({
           );
         }) })
       ] })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", paddingTop: "0.6vw", borderTop: "1px solid rgba(0,0,0,0.06)", flexShrink: 0 }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-bp-back-btn", onClick: onBack, type: "button", style: { fontSize: "0.7vw" }, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-back-arrow", children: "←" }),
@@ -18702,7 +18714,7 @@ function SizeResultView({
   const allDone = hasPhoto ? sizingDone && tryOnDone : sizingDone;
   const isMobile = useIsMobile();
   const isAccessory = measurementType === "face" || measurementType === "head";
-  const noFit = sizingResult?.found === false;
+  sizingResult?.found === false;
   const vtoExcluded = measurementType === "foot";
   console.log("[PS-SDK] SizeResultView render:", {
     hasPhoto,
@@ -18983,7 +18995,7 @@ function SizeResultView({
                     " →"
                   ]
                 }
-              ) : vtoExcluded || noFit ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              ) : vtoExcluded ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 "button",
                 {
                   className: "ps-tryon-v2-cta",
@@ -19044,7 +19056,7 @@ function SizeResultView({
                 onBack: resultImageUrl ? onClose || (() => setView("body-profile")) : () => setView("body-profile"),
                 backLabel: t2("Back"),
                 internationalSizes: sizingResult?.internationalSizes,
-                onTryOn: resultImageUrl || vtoExcluded || noFit ? void 0 : handleSingleTryOn,
+                onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
                 continueLabel: resultImageUrl ? t2("Continue Shopping") : void 0,
                 tryOnProcessing,
                 productImage: resultImageUrl || productImage,
@@ -19092,7 +19104,7 @@ function SizeResultView({
                 onBack: resultImageUrl ? onClose || (() => setView("body-profile")) : () => setView("body-profile"),
                 backLabel: t2("Back"),
                 internationalSizes: sizingResult?.internationalSizes,
-                onTryOn: resultImageUrl || vtoExcluded || noFit ? void 0 : handleSingleTryOn,
+                onTryOn: resultImageUrl || vtoExcluded ? void 0 : handleSingleTryOn,
                 continueLabel: resultImageUrl ? t2("Continue Shopping") : void 0,
                 tryOnProcessing,
                 t: t2,
@@ -23206,7 +23218,7 @@ function PrimeStyleTryonInner({
         }
         if (progressEtaRef.current) {
           const remaining = Math.max(0, TARGET_SECONDS - Math.floor(elapsed));
-          progressEtaRef.current.textContent = elapsed >= TARGET_SECONDS ? t2("Finalizing...") : `~${remaining}s`;
+          progressEtaRef.current.textContent = elapsed >= TARGET_SECONDS ? "•••" : `~${remaining}s`;
         }
         if (progressStatusRef.current) {
           const status = [...statuses].reverse().find((s) => val >= s.at);

package/package.json

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