@primestyleai/tryon 5.4.5 → 5.4.6
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 +5 -3
- package/package.json +1 -1
package/dist/react/index.js
CHANGED
|
@@ -4142,9 +4142,11 @@ function SectionDetailView({
|
|
|
4142
4142
|
const secAny = sectionResult;
|
|
4143
4143
|
const backendLength = secAny?.length || displayLength;
|
|
4144
4144
|
const backendSize = secAny?.size || displaySize;
|
|
4145
|
+
const backendAvailableSizes = secAny?.availableSizes || [];
|
|
4145
4146
|
const backendAvailableLengths = secAny?.availableLengths || [];
|
|
4146
4147
|
const finalDisplayLength = selectedLength || backendLength;
|
|
4147
|
-
|
|
4148
|
+
const finalAllSizes = backendAvailableSizes.length > 0 ? backendAvailableSizes : allSizes;
|
|
4149
|
+
return /* @__PURE__ */ jsxs("div", { className: "ps-tryon-sec-detail", style: { padding: "1.5vw", display: "flex", flexDirection: "column", height: "100%", background: "#F8F9FA" }, children: [
|
|
4148
4150
|
/* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
|
|
4149
4151
|
/* @__PURE__ */ jsx("span", { style: { fontSize: "0.75vw", fontWeight: 700, color: "var(--ps-accent)", textTransform: "uppercase", letterSpacing: "0.12em" }, children: t("Recommended Size") }),
|
|
4150
4152
|
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: "0.5vw", marginTop: "0.3vw", marginBottom: "0.4vw" }, children: [
|
|
@@ -4184,7 +4186,7 @@ function SectionDetailView({
|
|
|
4184
4186
|
] }, i);
|
|
4185
4187
|
}) })
|
|
4186
4188
|
] }) }),
|
|
4187
|
-
|
|
4189
|
+
finalAllSizes.length > 1 && /* @__PURE__ */ jsxs("div", { style: { marginBottom: "0.8vw" }, children: [
|
|
4188
4190
|
/* @__PURE__ */ jsxs("span", { style: { fontSize: "0.6vw", fontWeight: 700, color: "var(--ps-text-secondary)", textTransform: "uppercase", letterSpacing: "0.1em", display: "block", marginBottom: "0.4vw" }, children: [
|
|
4189
4191
|
t("Select"),
|
|
4190
4192
|
" ",
|
|
@@ -4192,7 +4194,7 @@ function SectionDetailView({
|
|
|
4192
4194
|
" ",
|
|
4193
4195
|
t("Size")
|
|
4194
4196
|
] }),
|
|
4195
|
-
/* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "0.3vw", flexWrap: "wrap" }, children:
|
|
4197
|
+
/* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "0.3vw", flexWrap: "wrap" }, children: finalAllSizes.map((s) => {
|
|
4196
4198
|
const isActive = s === displaySize;
|
|
4197
4199
|
return /* @__PURE__ */ jsx(
|
|
4198
4200
|
"button",
|