@primestyleai/tryon 5.10.9 → 5.10.10

package/dist/storefront/primestyle-tryon.js

@@ -17754,7 +17754,7 @@ function MeasurementOverlay({ lines, fitRows, show, imgWidth, imgHeight }) {
     const delay = i * 0.35;
     const curvePath = `M ${x1} ${cy} Q ${midX} ${cy + curveDepth} ${x2} ${cy}`;
     const lineLen = width * 1.05;
-    const labelText = fitRow ? fitRow.fit === "good" ? "✓ Fit" : fitRow.fit.includes("tight") ? "Tight" : "Loose" : label;
+    const labelText = fitRow ? fitRow.fit === "good" ? "✓ Fit" : fitRow.isLength ? fitRow.fit.includes("short") || fitRow.fit.includes("tight") ? "Short" : "Long" : fitRow.fit.includes("tight") ? "Tight" : "Loose" : label;
     const labelFont = Math.round(14 * scale);
     const labelWidthEst = labelText.length * labelFont * 0.62;
     const rightSpace = W2 - x2 - 12 * scale;
@@ -17858,7 +17858,15 @@ const cellValFn = (row, colIdx, header) => {
   return "";
 };
 const fitLabelFn = (fit, t2) => fit === "good" ? t2("perfect fit") : fit === "too-tight" ? t2("too tight") : fit === "tight" ? t2("tight") : fit === "a-bit-tight" ? t2("a bit tight") : fit === "too-loose" ? t2("too loose") : fit === "loose" ? t2("loose") : t2("a bit loose");
-const lengthFitLabelFn = (fit, t2) => fit === "good" ? t2("perfect fit") : fit === "too-tight" ? t2("too short") : fit === "tight" ? t2("short") : fit === "a-bit-tight" ? t2("a bit short") : fit === "too-loose" ? t2("too long") : fit === "loose" ? t2("long") : t2("a bit long");
+const lengthFitLabelFn = (fit, t2) => {
+  if (fit === "good") return t2("perfect fit");
+  if (fit === "too-short" || fit === "too-tight") return t2("too short");
+  if (fit === "short" || fit === "tight") return t2("short");
+  if (fit === "a-bit-short" || fit === "a-bit-tight") return t2("a bit short");
+  if (fit === "too-long" || fit === "too-loose") return t2("too long");
+  if (fit === "long" || fit === "loose") return t2("long");
+  return t2("a bit long");
+};
 function convertNum(n2, from, to) {
   if (from === to || !n2 || isNaN(n2)) return n2;
   if (from === "mm" || to === "mm") return n2;
@@ -18341,7 +18349,7 @@ function SectionDetailView({
       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;
+          const isActive = String(finalDisplayLength ?? "").trim() === String(s ?? "").trim();
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -18487,7 +18495,16 @@ function SectionDetailView({
           padding: "0.2vw 0.7vw"
         }, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "3.5vw", fontWeight: 300, color: "var(--ps-text-primary)", lineHeight: 1, letterSpacing: "-0.02em" }, children: displaySizeLabel }),
-          finalDisplayLength && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "1.4vw", fontWeight: 400, color: "var(--ps-text-secondary)" }, children: finalDisplayLength }),
+          finalDisplayLength && (() => {
+            const isNumericLen = /^\d+(\.\d+)?$/.test(String(finalDisplayLength).trim());
+            const sectionNameLower = (sectionName || "").toLowerCase();
+            const lengthLabel = isNumericLen ? /pant|trouser|inseam/.test(sectionNameLower) ? t2("Inseam") : t2("Length") : null;
+            return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { fontSize: "1.4vw", fontWeight: 400, color: "var(--ps-text-secondary)", display: "inline-flex", alignItems: "baseline", gap: "0.25vw" }, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "0.9vw", fontWeight: 600, color: "var(--ps-text-muted)", letterSpacing: "0.02em" }, children: "/" }),
+              lengthLabel && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: "0.7vw", fontWeight: 600, color: "var(--ps-text-muted)", textTransform: "uppercase", letterSpacing: "0.08em" }, children: lengthLabel }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: finalDisplayLength })
+            ] });
+          })(),
           selectedCountry && isRecommended && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { fontSize: "0.7vw", color: "var(--ps-text-muted)", marginLeft: "0.2vw" }, children: [
             "(",
             selectedCountry,
@@ -18514,8 +18531,8 @@ function SectionDetailView({
           /* @__PURE__ */ jsxRuntimeExports.jsx("th", { style: { textAlign: "right", padding: "0.5vw 0.6vw", fontSize: "0.6vw", fontWeight: 600, color: "var(--ps-text-secondary)", textTransform: "uppercase", letterSpacing: "0.08em", borderBottom: "1px solid rgba(0,0,0,0.06)" }, children: t2("Fit Result") })
         ] }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: fitRows.map((row, i) => {
-          const fitColor = row.fit === "good" ? "#2154EF" : row.fit.includes("tight") ? "#dc2626" : "#d97706";
-          const fitBg = row.fit === "good" ? "rgba(33,84,239,0.08)" : row.fit.includes("tight") ? "rgba(220,38,38,0.08)" : "rgba(217,119,6,0.08)";
+          const fitColor = row.fit === "good" ? "#2154EF" : row.isLength ? row.fit.includes("short") || row.fit.includes("tight") ? "#dc2626" : "#d97706" : row.fit.includes("tight") ? "#dc2626" : "#d97706";
+          const fitBg = row.fit === "good" ? "rgba(33,84,239,0.08)" : row.isLength ? row.fit.includes("short") || row.fit.includes("tight") ? "rgba(220,38,38,0.08)" : "rgba(217,119,6,0.08)" : row.fit.includes("tight") ? "rgba(220,38,38,0.08)" : "rgba(217,119,6,0.08)";
           return /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { style: { borderBottom: i < fitRows.length - 1 ? "1px solid rgba(0,0,0,0.04)" : "none" }, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("td", { style: { padding: "0.55vw 0.6vw", fontSize: "0.75vw", fontWeight: 500, color: "var(--ps-text-primary)" }, children: row.area }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("td", { style: { padding: "0.55vw 0.6vw", fontSize: "0.75vw", color: "var(--ps-text-secondary)" }, children: renderRaw ? row.rawUserValue || "—" : isNaN(row.userNum) || row.userNum === 0 ? "—" : `${dNum(row.userNum)} ${unitLbl}` }),

package/package.json

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