@primestyleai/tryon 5.6.18 → 5.6.20

package/dist/react/index.js

@@ -330,12 +330,30 @@ async function recommendForProduct(input) {
   if (!input.skipCache) {
     const cached = getCachedSize(profile, input.productId);
     if (cached) {
+      const reconstructedRaw = cached.sectionsFull ? {
+        recommendedSize: cached.recommendedSize,
+        confidence: cached.confidence || "high",
+        reasoning: "",
+        recommendedLength: cached.recommendedLength,
+        sections: Object.fromEntries(
+          Object.entries(cached.sectionsFull).map(([name, sec]) => [
+            name,
+            { ...sec, matchDetails: [] }
+          ])
+        )
+      } : {
+        recommendedSize: cached.recommendedSize,
+        confidence: cached.confidence || "high",
+        reasoning: "",
+        recommendedLength: cached.recommendedLength
+      };
       return {
         recommendedSize: cached.recommendedSize,
         confidence: cached.confidence,
         sections: cached.sections,
         profileId: profile.id,
-        fromCache: true
+        fromCache: true,
+        raw: reconstructedRaw
       };
     }
   }
@@ -405,6 +423,19 @@ async function recommendForProduct(input) {
   const sectionsMap = result.sections ? Object.fromEntries(
     Object.entries(result.sections).map(([name, sec]) => [name, sec.recommendedSize])
   ) : void 0;
+  const sectionsFull = result.sections ? Object.fromEntries(
+    Object.entries(result.sections).map(([name, sec]) => [
+      name,
+      {
+        recommendedSize: sec.recommendedSize,
+        // Backend may include these on merged Jacket/Pants entries
+        size: sec.size,
+        length: sec.length,
+        availableSizes: sec.availableSizes,
+        availableLengths: sec.availableLengths
+      }
+    ])
+  ) : void 0;
   addSizeToHistory(profile.id, {
     productId: input.productId,
     productTitle: input.productTitle,
@@ -412,6 +443,8 @@ async function recommendForProduct(input) {
     recommendedSize: result.recommendedSize,
     confidence: result.confidence,
     sections: sectionsMap,
+    sectionsFull,
+    recommendedLength: result.recommendedLength || void 0,
     savedAt: Date.now()
   });
   return {
@@ -9366,6 +9399,7 @@ function BodyProfileView({
   onUseActiveProfile,
   activeProfileName,
   onStartFresh,
+  activeProfile,
   onBack,
   t
 }) {
@@ -9374,15 +9408,42 @@ function BodyProfileView({
   step === "photo" ? 0 : steps.indexOf(step);
   const isMobile = useIsMobile();
   const imperial = isImperial(sizingCountry);
-  const [height, setHeight] = useState(formRef.current.height || "173");
-  const [heightFeet, setHeightFeet] = useState(formRef.current.heightFeet || "5");
-  const [heightInches, setHeightInches] = useState(formRef.current.heightInches || "8");
-  const [weight, setWeight] = useState(formRef.current.weight || (imperial ? "154" : "70"));
-  const [age, setAge] = useState(formRef.current.age || "30");
+  const profileHeight = activeProfile?.height;
+  const profileWeight = activeProfile?.weight;
+  const profileAge = activeProfile?.age;
+  const profileHUnit = activeProfile?.heightUnit === "ft" ? "in" : activeProfile?.heightUnit;
+  const profileWUnit = activeProfile?.weightUnit;
+  const seedHeightCm = (() => {
+    if (profileHeight != null && profileHUnit === "cm") return String(Math.round(profileHeight));
+    if (profileHeight != null && (profileHUnit === "in" || profileHUnit === "ft"))
+      return String(Math.round(profileHeight * 2.54));
+    return formRef.current.height || "173";
+  })();
+  const seedTotalIn = (() => {
+    if (profileHeight != null && (profileHUnit === "in" || profileHUnit === "ft"))
+      return Math.round(profileHeight);
+    if (profileHeight != null && profileHUnit === "cm")
+      return Math.round(profileHeight / 2.54);
+    return null;
+  })();
+  const seedHeightFeet = seedTotalIn != null ? String(Math.floor(seedTotalIn / 12)) : formRef.current.heightFeet || "5";
+  const seedHeightInches = seedTotalIn != null ? String(seedTotalIn % 12) : formRef.current.heightInches || "8";
+  const seedWeight = (() => {
+    if (profileWeight != null) return String(Math.round(profileWeight));
+    return formRef.current.weight || (imperial ? "154" : "70");
+  })();
+  const seedAge = profileAge != null ? String(profileAge) : formRef.current.age || "30";
+  const [height, setHeight] = useState(seedHeightCm);
+  const [heightFeet, setHeightFeet] = useState(seedHeightFeet);
+  const [heightInches, setHeightInches] = useState(seedHeightInches);
+  const [weight, setWeight] = useState(seedWeight);
+  const [age, setAge] = useState(seedAge);
   const [hUnit, setHUnit] = useState(
-    heightUnit === "ft" ? "in" : heightUnit || (imperial ? "in" : "cm")
+    profileHUnit || (heightUnit === "ft" ? "in" : heightUnit || (imperial ? "in" : "cm"))
+  );
+  const [wUnit, setWUnit] = useState(
+    profileWUnit || weightUnit || (imperial ? "lbs" : "kg")
   );
-  const [wUnit, setWUnit] = useState(weightUnit || (imperial ? "lbs" : "kg"));
   const isImperialMode = hUnit === "in" || wUnit === "lbs";
   const [photoFile, setPhotoFile] = useState(null);
   const [photoPreview, setPhotoPreview] = useState(null);
@@ -11187,6 +11248,7 @@ function PrimeStyleTryonInner({
               const p = profiles.find((x) => x.id === activeProfileId);
               return p?.name || null;
             })(),
+            activeProfile: profiles.find((x) => x.id === activeProfileId) || null,
             onStartFresh: () => {
               setActiveProfileId$1(null);
               formRef.current = {};
@@ -11212,7 +11274,8 @@ function PrimeStyleTryonInner({
             onSnapSubmit: handleSnapSubmit,
             onBack: handleClose,
             t
-          }
+          },
+          `bp-${activeProfileId || "anon"}`
         ) }, "v-bodyprofile");
       }
       case "estimation-review":

package/dist/react/types.d.ts

@@ -32,6 +32,18 @@ export interface SizeHistoryEntry {
     confidence?: string;
     /** For multi-section products: { "Jacket Size": "50", "Pants": "34", ... } */
     sections?: Record<string, string>;
+    /** Full per-section data (size/length/availableSizes/...) — preserved so
+     *  cached recommendations carry the same detail as a fresh API response. */
+    sectionsFull?: Record<string, {
+        recommendedSize: string;
+        size?: string;
+        length?: string;
+        availableSizes?: string[];
+        availableLengths?: string[];
+    }>;
+    /** Top-level recommended length (single-piece products that have a separate
+     *  length axis like Regular / Long / Short). */
+    recommendedLength?: string;
     savedAt: number;
 }
 export interface Profile {

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

@@ -48,8 +48,11 @@ interface BodyProfileViewProps {
     /** Deselect the active profile so the user can run a fresh AI sizing flow
      *  with full body-shape questions. */
     onStartFresh?: () => void;
+    /** Active profile — when set, its height/weight/age/gender seed the basics
+     *  inputs so the SDK opens with the user's saved values, not the defaults. */
+    activeProfile?: import("../types").Profile | null;
     onBack: () => void;
     t: TranslateFn;
 }
-export declare function BodyProfileView({ productImage, productTitle, isWomen, formRef, sizingCountry, heightUnit, setHeightUnit, weightUnit, setWeightUnit, sizingUnit, setSizingUnit, onComplete, onSnapSubmit, hasActiveProfileWithMeasurements, onUseActiveProfile, activeProfileName, onStartFresh, onBack, t, }: BodyProfileViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function BodyProfileView({ productImage, productTitle, isWomen, formRef, sizingCountry, heightUnit, setHeightUnit, weightUnit, setWeightUnit, sizingUnit, setSizingUnit, onComplete, onSnapSubmit, hasActiveProfileWithMeasurements, onUseActiveProfile, activeProfileName, onStartFresh, activeProfile, onBack, t, }: BodyProfileViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

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