@primestyleai/tryon 5.10.2 → 5.10.4

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);
@@ -7950,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);
@@ -8674,11 +8674,23 @@ function SectionDetailView({
           }
         )
       ] }),
-      sectionFound === false && /* @__PURE__ */ jsxs("div", { className: "ps-msd-card", style: { textAlign: "center" }, children: [
+      sectionFound === false && /* @__PURE__ */ jsx("div", { style: {
+        flex: 1,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: 240,
+        padding: "24px 16px"
+      }, children: /* @__PURE__ */ jsxs("div", { className: "ps-msd-card", style: {
+        textAlign: "center",
+        width: "100%",
+        maxWidth: 420,
+        padding: "28px 24px"
+      }, 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.") })
-      ] }),
+        /* @__PURE__ */ jsx("p", { style: { fontSize: "15px", fontWeight: 600, color: "var(--ps-text-primary)", margin: "10px 0 6px", lineHeight: 1.4 }, children: t("We couldn't find a size that fits for this product.") }),
+        /* @__PURE__ */ jsx("p", { className: "ps-msd-card-note", style: { margin: 0, lineHeight: 1.5 }, children: t("Your measurements are outside this product's size range. 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: [
@@ -8817,18 +8829,18 @@ 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__ */ 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: {
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0, overflowY: "auto", scrollbarWidth: "thin", scrollbarColor: "rgba(0,0,0,0.04) transparent", display: sectionFound === false ? "flex" : "block", alignItems: sectionFound === false ? "center" : void 0, justifyContent: sectionFound === false ? "center" : void 0 }, 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",
+      padding: "2vw 2.2vw",
       textAlign: "center",
-      marginTop: "0.4vw",
-      marginBottom: "1vw"
+      width: "100%",
+      maxWidth: "28vw"
     }, 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__ */ jsx("p", { style: { fontSize: "1vw", fontWeight: 600, color: "var(--ps-text-primary)", margin: "0.8vw 0 0.5vw", lineHeight: 1.4 }, children: t("We couldn't find a size that fits for this product.") }),
+      /* @__PURE__ */ jsx("p", { style: { fontSize: "0.72vw", color: "var(--ps-text-secondary)", lineHeight: 1.55, margin: 0 }, 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: [
@@ -13793,7 +13805,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);
@@ -17375,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);
@@ -18099,11 +18099,23 @@ function SectionDetailView({
           }
         )
       ] }),
-      sectionFound === false && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-card", style: { textAlign: "center" }, children: [
+      sectionFound === false && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+        flex: 1,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: 240,
+        padding: "24px 16px"
+      }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msd-card", style: {
+        textAlign: "center",
+        width: "100%",
+        maxWidth: 420,
+        padding: "28px 24px"
+      }, 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.") })
-      ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { fontSize: "15px", fontWeight: 600, color: "var(--ps-text-primary)", margin: "10px 0 6px", lineHeight: 1.4 }, children: t2("We couldn't find a size that fits for this product.") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "ps-msd-card-note", style: { margin: 0, lineHeight: 1.5 }, children: t2("Your measurements are outside this product's size range. 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: [
@@ -18242,18 +18254,18 @@ 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.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: {
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1, minHeight: 0, overflowY: "auto", scrollbarWidth: "thin", scrollbarColor: "rgba(0,0,0,0.04) transparent", display: sectionFound === false ? "flex" : "block", alignItems: sectionFound === false ? "center" : void 0, justifyContent: sectionFound === false ? "center" : void 0 }, 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",
+      padding: "2vw 2.2vw",
       textAlign: "center",
-      marginTop: "0.4vw",
-      marginBottom: "1vw"
+      width: "100%",
+      maxWidth: "28vw"
     }, 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.jsx("p", { style: { fontSize: "1vw", fontWeight: 600, color: "var(--ps-text-primary)", margin: "0.8vw 0 0.5vw", lineHeight: 1.4 }, children: t2("We couldn't find a size that fits for this product.") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { fontSize: "0.72vw", color: "var(--ps-text-secondary)", lineHeight: 1.55, margin: 0 }, 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: [
@@ -23218,7 +23230,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.2",
+  "version": "5.10.4",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",