@primestyleai/tryon 5.10.175 → 5.10.177

package/dist/storefront/primestyle-tryon.js

@@ -15835,9 +15835,15 @@ const STYLES$1 = `
       margin: 0; text-align: center;
       font-size: 13px; color: var(--ps-text-muted);
     }
-    .ps-bp-scan-details-center .ps-bp-system-toggle { align-self: center; }
+    .ps-bp-scan-details-center .ps-bp-system-toggle {
+      align-self: center;
+    }
+    .ps-bp-scan-details-center:not(.ps-shoe-scan-details) .ps-bp-system-toggle {
+      margin-top: clamp(34px, 7vh, 78px) !important;
+      margin-bottom: clamp(10px, 2.4vh, 28px) !important;
+    }
     .ps-bp-scan-details-center .ps-bp-inline-fields {
-      max-width: 360px; width: 100%; margin: 4px auto 0;
+      max-width: 360px; width: 100%; margin: 0 auto;
     }
     .ps-shoe-scan-details {
       justify-content: flex-start !important;
@@ -17465,36 +17471,6 @@ const STYLES$1 = `
     letter-spacing: -0.005em;
   }
 
-  /* Match badge row */
-  .ps-msr-match-row {
-    display: flex; align-items: center; justify-content: center;
-    gap: 12px; padding: 4px 4px;
-  }
-  .ps-msr-match {
-    display: flex; align-items: center; gap: 10px;
-  }
-  .ps-msr-match-circle {
-    position: relative;
-    width: 44px; height: 44px;
-    display: flex; align-items: center; justify-content: center;
-  }
-  .ps-msr-match-ring {
-    position: absolute; inset: 0;
-    width: 100%; height: 100%;
-    transform: rotate(0deg);
-  }
-  .ps-msr-match-pct {
-    position: relative; z-index: 1;
-    font-size: 12px; font-weight: 700;
-    color: var(--ps-text-primary);
-    font-feature-settings: "tnum" 1;
-  }
-  .ps-msr-match-label {
-    font-size: 9px; font-weight: 700;
-    letter-spacing: 0.14em; text-transform: uppercase;
-    color: var(--ps-text-muted);
-  }
-
   /* Section cards — TALL, label small on top, BIG centered size value */
   .ps-msr-sections {
     display: flex; flex-direction: column;
@@ -21812,24 +21788,6 @@ function MultiSectionMobile({
   profileCompletionCta,
   t: t2
 }) {
-  const matchPct = reactExports.useMemo(() => {
-    const all = [...sizingResult?.matchDetails || []];
-    if (sizingResult?.sections) {
-      for (const sec of Object.values(sizingResult.sections)) {
-        if (sec.matchDetails) all.push(...sec.matchDetails);
-      }
-    }
-    if (all.length > 0) {
-      const okCount = all.filter(
-        (m2) => m2.fit === "good" || m2.fit === "a-bit-tight" || m2.fit === "a-bit-loose"
-      ).length;
-      const pct = Math.round(okCount / all.length * 100);
-      return Math.max(70, pct);
-    }
-    if (sizingResult?.confidence === "high") return 96;
-    if (sizingResult?.confidence === "medium") return 84;
-    return 72;
-  }, [sizingResult]);
   const heroImage = resultImageUrl || productImage;
   const showingTryOn = !!resultImageUrl;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-root", children: [
@@ -21876,32 +21834,6 @@ function MultiSectionMobile({
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "ps-msr-product-name", children: productTitle })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-match-row", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-match", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-match-circle", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "ps-msr-match-ring", viewBox: "0 0 44 44", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "22", cy: "22", r: "20", fill: "none", stroke: "var(--ps-border-color)", strokeWidth: "3" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "circle",
-              {
-                cx: "22",
-                cy: "22",
-                r: "20",
-                fill: "none",
-                stroke: "var(--ps-accent)",
-                strokeWidth: "3",
-                strokeLinecap: "round",
-                strokeDasharray: `${matchPct / 100 * 125.66} 125.66`,
-                transform: "rotate(-90 22 22)"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-msr-match-pct", children: [
-            matchPct,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msr-match-label", children: t2("FIT MATCH") })
-      ] }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-sections", children: sectionEntries.map(({ name, secResult }) => {
         const cleanName = name.replace(/\s*[—–-]\s*.*/g, "");
         const sec = secResult;
@@ -24289,7 +24221,7 @@ function SizeResultView({
           ] });
         })()
       ) : isMobile ? (
-        /* ── Mobile section picker: vertical list, fit% badge, try-on CTA ── */
+        /* ── Mobile section picker: vertical list, section cards, try-on CTA ── */
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           MultiSectionMobile,
           {

package/package.json

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