@primestyleai/tryon 5.10.117 → 5.10.119

package/dist/react/views/SizeResultView.d.ts

@@ -1,7 +1,7 @@
 import type { TranslateFn } from "../../i18n";
 import type { ViewState, SizeGuide, SizingResult } from "../types";
 import type { BodyLandmarks } from "../../pose-detect";
-export declare function SizeResultView({ sizingLoading, sizingResult, sizeGuide, resultImageUrl, productImage, productImages, productTitle, productMaterial, productDescription, sizingUnit, setView, handleDownload, selectedFile, previewUrl, handleFileSelect, handleRemovePreview, handleTryOnSubmit, tryOnProcessing, tryOnStartedAt, bodyLandmarks, faceLandmarks, measurementType, estimationDone, activeSection, setActiveSection, onResetTryOn, onClose, userHeightCm, pendingCustomSizes: pendingCustomSizesProp, onPendingCustomSizeChange, t, }: {
+export declare function SizeResultView({ sizingLoading, sizingResult, sizeGuide, resultImageUrl, productImage, productImages, productTitle, productMaterial, productDescription, sizingUnit, setView, handleDownload, selectedFile, previewUrl, handleFileSelect, handleRemovePreview, handleTryOnSubmit, tryOnProcessing, tryOnStartedAt, bodyLandmarks, faceLandmarks, measurementType, estimationDone, activeSection, setActiveSection, onResetTryOn, onClose, userHeightCm, pendingCustomSizes: pendingCustomSizesProp, onPendingCustomSizeChange, tryOnAvailable, t, }: {
     estimationDone?: boolean;
     sizingLoading: boolean;
     sizingResult: SizingResult | null;
@@ -70,5 +70,9 @@ export declare function SizeResultView({ sizingLoading, sizingResult, sizeGuide,
             fit: string;
         }>;
     }) => void;
+    /** When false, the size-result view drops every Try-On affordance and
+     *  shows "Continue Shopping" instead. Set to false when sizing came in
+     *  via the manual measurements path (no photo collected upstream). */
+    tryOnAvailable?: boolean;
     t: TranslateFn;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/storefront/primestyle-tryon.js

@@ -11371,8 +11371,14 @@ const STYLES$1 = `
   .ps-tryon-sr-card-v2-value {
     font-size: 2.2vw; font-weight: 200; color: var(--ps-text-primary);
     line-height: 1; letter-spacing: -0.02em;
+    overflow-wrap: anywhere;
   }
   .ps-tryon-sr-card-v2.ps-full .ps-tryon-sr-card-v2-value { font-size: 1.8vw; }
+  /* Long combined labels ("MISSY 12 / Standard", "PLUS 16W / Extra Length")
+     overflow the card at 2vw. Drop to ~1.3vw whenever the label is more
+     than ~12 chars so the whole thing fits on one line. */
+  .ps-tryon-sr-card-v2-value.ps-long  { font-size: 1.4vw; }
+  .ps-tryon-sr-card-v2.ps-full .ps-tryon-sr-card-v2-value.ps-long { font-size: 1.2vw; }
   .ps-tryon-sr-card-v2-value-suffix {
     font-size: 0.75vw; font-weight: 500; color: var(--ps-text-secondary);
     letter-spacing: 0; margin-left: 0.25vw; white-space: nowrap;
@@ -20276,7 +20282,7 @@ function SectionDetailView({
           }, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-msd-card-size", children: [
               displaySizeLabel,
-              !selectedCountry && finalDisplayLength ? ` / ${finalDisplayLength}` : ""
+              !selectedCountry && finalDisplayLength && !displaySizeLabel.includes(" / ") ? ` / ${finalDisplayLength}` : ""
             ] }),
             finalDisplayLength && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-msd-card-size-meta", children: finalDisplayLength }),
             selectedCountry && isRecommended && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ps-msd-card-size-meta", style: { fontSize: "11px", opacity: 0.7 }, children: [
@@ -20730,6 +20736,7 @@ function SizeResultView({
   userHeightCm,
   pendingCustomSizes: pendingCustomSizesProp,
   onPendingCustomSizeChange,
+  tryOnAvailable = true,
   t: t2
 }) {
   const resultUnitRaw = (sizingResult?.unit || sizingUnit || "").toString().toLowerCase();
@@ -21023,7 +21030,7 @@ function SizeResultView({
   const isMobile = useIsMobile();
   const isAccessory = measurementType === "face" || measurementType === "head";
   sizingResult?.found === false;
-  const vtoExcluded = measurementType === "foot";
+  const vtoExcluded = measurementType === "foot" || !tryOnAvailable;
   const mismatchNotice = sizingResult?.mismatchDetected ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: {
     margin: isMobile ? "8px 0 0" : "0.4vw 0 0",
     padding: isMobile ? "10px 12px" : "0.6vw 0.85vw",
@@ -21550,7 +21557,11 @@ function SizeResultView({
                       type: "button",
                       children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-tryon-sr-card-v2-text", children: [
                         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-sr-card-v2-label", children: sectionName }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-tryon-sr-card-v2-value", children: pendingCustomSizes[sectionName]?.displayLabel || singleResult.recommendedSize || "—" }),
+                        (() => {
+                          const labelText = pendingCustomSizes[sectionName]?.displayLabel || singleResult.recommendedSize || "—";
+                          const isLong = labelText.length > 12;
+                          return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `ps-tryon-sr-card-v2-value${isLong ? " ps-long" : ""}`, children: labelText });
+                        })(),
                         /* @__PURE__ */ jsxRuntimeExports.jsx(
                           "span",
                           {
@@ -27749,6 +27760,7 @@ function PrimeStyleTryonInner({
   const [sizingMethod, setSizingMethod] = reactExports.useState(null);
   const [sizingResult, setSizingResult] = reactExports.useState(null);
   const [sizingLoading, setSizingLoading] = reactExports.useState(false);
+  const [usedAiPhotoSizing, setUsedAiPhotoSizing] = reactExports.useState(false);
   reactExports.useEffect(() => {
     if (!sizingResult?.recommendedSize) return;
     console.log("[ps-sdk:reset] new sizingResult — clearing all section overrides", {
@@ -28153,6 +28165,7 @@ function PrimeStyleTryonInner({
     setSizingLoading(false);
     setEstimatedValues(null);
     setEstimationLoading(false);
+    setUsedAiPhotoSizing(false);
     setProfileSaved(false);
     formRef.current = {};
     setFormGender("male");
@@ -29357,6 +29370,7 @@ function PrimeStyleTryonInner({
               formRef.current.gender = data.gender;
               if (data.bandSize) formRef.current.bandSize = data.bandSize;
               if (data.cupSize) formRef.current.cupSize = data.cupSize;
+              setUsedAiPhotoSizing(!!data.bodyImage);
               handleQuickEstimate(
                 data.height,
                 data.weight,
@@ -29371,7 +29385,10 @@ function PrimeStyleTryonInner({
                 data.bodyImage
               );
             },
-            onSnapSubmit: handleSnapSubmit,
+            onSnapSubmit: (data) => {
+              setUsedAiPhotoSizing(true);
+              handleSnapSubmit(data);
+            },
             onBack: handleClose,
             t: t2
           },
@@ -29425,6 +29442,7 @@ function PrimeStyleTryonInner({
             handleTryOnSubmit,
             tryOnProcessing,
             tryOnStartedAt,
+            tryOnAvailable: usedAiPhotoSizing,
             bodyLandmarks,
             faceLandmarks,
             measurementType: detectMeasurementType(productTitle),

package/package.json

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