@primestyleai/tryon 5.10.175 → 5.10.176
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/index.js +2017 -2085
- package/dist/react/index.js.map +1 -1
- package/dist/react/styles.d.ts +1 -1
- package/dist/storefront/primestyle-tryon.js +1 -75
- package/package.json +1 -1
|
@@ -17465,36 +17465,6 @@ const STYLES$1 = `
|
|
|
17465
17465
|
letter-spacing: -0.005em;
|
|
17466
17466
|
}
|
|
17467
17467
|
|
|
17468
|
-
/* Match badge row */
|
|
17469
|
-
.ps-msr-match-row {
|
|
17470
|
-
display: flex; align-items: center; justify-content: center;
|
|
17471
|
-
gap: 12px; padding: 4px 4px;
|
|
17472
|
-
}
|
|
17473
|
-
.ps-msr-match {
|
|
17474
|
-
display: flex; align-items: center; gap: 10px;
|
|
17475
|
-
}
|
|
17476
|
-
.ps-msr-match-circle {
|
|
17477
|
-
position: relative;
|
|
17478
|
-
width: 44px; height: 44px;
|
|
17479
|
-
display: flex; align-items: center; justify-content: center;
|
|
17480
|
-
}
|
|
17481
|
-
.ps-msr-match-ring {
|
|
17482
|
-
position: absolute; inset: 0;
|
|
17483
|
-
width: 100%; height: 100%;
|
|
17484
|
-
transform: rotate(0deg);
|
|
17485
|
-
}
|
|
17486
|
-
.ps-msr-match-pct {
|
|
17487
|
-
position: relative; z-index: 1;
|
|
17488
|
-
font-size: 12px; font-weight: 700;
|
|
17489
|
-
color: var(--ps-text-primary);
|
|
17490
|
-
font-feature-settings: "tnum" 1;
|
|
17491
|
-
}
|
|
17492
|
-
.ps-msr-match-label {
|
|
17493
|
-
font-size: 9px; font-weight: 700;
|
|
17494
|
-
letter-spacing: 0.14em; text-transform: uppercase;
|
|
17495
|
-
color: var(--ps-text-muted);
|
|
17496
|
-
}
|
|
17497
|
-
|
|
17498
17468
|
/* Section cards — TALL, label small on top, BIG centered size value */
|
|
17499
17469
|
.ps-msr-sections {
|
|
17500
17470
|
display: flex; flex-direction: column;
|
|
@@ -21812,24 +21782,6 @@ function MultiSectionMobile({
|
|
|
21812
21782
|
profileCompletionCta,
|
|
21813
21783
|
t: t2
|
|
21814
21784
|
}) {
|
|
21815
|
-
const matchPct = reactExports.useMemo(() => {
|
|
21816
|
-
const all = [...sizingResult?.matchDetails || []];
|
|
21817
|
-
if (sizingResult?.sections) {
|
|
21818
|
-
for (const sec of Object.values(sizingResult.sections)) {
|
|
21819
|
-
if (sec.matchDetails) all.push(...sec.matchDetails);
|
|
21820
|
-
}
|
|
21821
|
-
}
|
|
21822
|
-
if (all.length > 0) {
|
|
21823
|
-
const okCount = all.filter(
|
|
21824
|
-
(m2) => m2.fit === "good" || m2.fit === "a-bit-tight" || m2.fit === "a-bit-loose"
|
|
21825
|
-
).length;
|
|
21826
|
-
const pct = Math.round(okCount / all.length * 100);
|
|
21827
|
-
return Math.max(70, pct);
|
|
21828
|
-
}
|
|
21829
|
-
if (sizingResult?.confidence === "high") return 96;
|
|
21830
|
-
if (sizingResult?.confidence === "medium") return 84;
|
|
21831
|
-
return 72;
|
|
21832
|
-
}, [sizingResult]);
|
|
21833
21785
|
const heroImage = resultImageUrl || productImage;
|
|
21834
21786
|
const showingTryOn = !!resultImageUrl;
|
|
21835
21787
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-root", children: [
|
|
@@ -21876,32 +21828,6 @@ function MultiSectionMobile({
|
|
|
21876
21828
|
] }),
|
|
21877
21829
|
/* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "ps-msr-product-name", children: productTitle })
|
|
21878
21830
|
] }),
|
|
21879
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-match-row", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-match", children: [
|
|
21880
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-msr-match-circle", children: [
|
|
21881
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "ps-msr-match-ring", viewBox: "0 0 44 44", children: [
|
|
21882
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "22", cy: "22", r: "20", fill: "none", stroke: "var(--ps-border-color)", strokeWidth: "3" }),
|
|
21883
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
21884
|
-
"circle",
|
|
21885
|
-
{
|
|
21886
|
-
cx: "22",
|
|
21887
|
-
cy: "22",
|
|
21888
|
-
r: "20",
|
|
21889
|
-
fill: "none",
|
|
21890
|
-
stroke: "var(--ps-accent)",
|
|
21891
|
-
strokeWidth: "3",
|
|
21892
|
-
strokeLinecap: "round",
|
|
21893
|
-
strokeDasharray: `${matchPct / 100 * 125.66} 125.66`,
|
|
21894
|
-
transform: "rotate(-90 22 22)"
|
|
21895
|
-
}
|
|
21896
|
-
)
|
|
21897
|
-
] }),
|
|
21898
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-msr-match-pct", children: [
|
|
21899
|
-
matchPct,
|
|
21900
|
-
"%"
|
|
21901
|
-
] })
|
|
21902
|
-
] }),
|
|
21903
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msr-match-label", children: t2("FIT MATCH") })
|
|
21904
|
-
] }) }),
|
|
21905
21831
|
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ps-msr-sections", children: sectionEntries.map(({ name, secResult }) => {
|
|
21906
21832
|
const cleanName = name.replace(/\s*[—–-]\s*.*/g, "");
|
|
21907
21833
|
const sec = secResult;
|
|
@@ -24289,7 +24215,7 @@ function SizeResultView({
|
|
|
24289
24215
|
] });
|
|
24290
24216
|
})()
|
|
24291
24217
|
) : isMobile ? (
|
|
24292
|
-
/* ── Mobile section picker: vertical list,
|
|
24218
|
+
/* ── Mobile section picker: vertical list, section cards, try-on CTA ── */
|
|
24293
24219
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
24294
24220
|
MultiSectionMobile,
|
|
24295
24221
|
{
|