@primestyleai/tryon 5.6.19 → 5.6.21

package/dist/react/index.js

@@ -325,11 +325,23 @@ function getApiUrl(override) {
   return override || process.env.NEXT_PUBLIC_PRIMESTYLE_API_URL || "http://localhost:4000";
 }
 async function recommendForProduct(input) {
+  const log = (...args) => console.log("[ps-sdk:recommend]", ...args);
   const profile = input.profile ?? getActiveProfile();
-  if (!profile) return null;
+  if (!profile) {
+    log("no active profile — returning null");
+    return null;
+  }
+  log("start", {
+    productId: input.productId,
+    profileId: profile.id,
+    profileName: profile.name,
+    hasMeasurements: !!profile.measurements && Object.keys(profile.measurements || {}).length,
+    measurementsCount: Object.keys(profile.measurements || {}).length
+  });
   if (!input.skipCache) {
     const cached = getCachedSize(profile, input.productId);
     if (cached) {
+      log("cache HIT", { recommendedSize: cached.recommendedSize, hasSectionsFull: !!cached.sectionsFull });
       const reconstructedRaw = cached.sectionsFull ? {
         recommendedSize: cached.recommendedSize,
         confidence: cached.confidence || "high",
@@ -357,14 +369,19 @@ async function recommendForProduct(input) {
       };
     }
   }
+  log("cache MISS — calling backend");
   let apiKey;
   try {
     apiKey = input.apiKey ?? getApiKey();
-  } catch {
+  } catch (e) {
+    log("no api key — aborting", e);
     return null;
   }
   const apiUrl = (input.apiUrl ?? getApiUrl()).replace(/\/+$/, "");
-  if (!apiKey) return null;
+  if (!apiKey) {
+    log("no api key — aborting");
+    return null;
+  }
   let sizeGuide = null;
   if (input.sizeGuideData != null) {
     try {
@@ -376,9 +393,17 @@ async function recommendForProduct(input) {
           sizeGuideRaw: input.sizeGuideData
         })
       });
-      if (sgRes.ok) sizeGuide = await sgRes.json();
-    } catch {
+      if (sgRes.ok) {
+        sizeGuide = await sgRes.json();
+        log("sizeguide OK", { found: sizeGuide?.found, sectionCount: Object.keys(sizeGuide?.sections || {}).length });
+      } else {
+        log("sizeguide FAILED", sgRes.status, sgRes.statusText);
+      }
+    } catch (e) {
+      log("sizeguide threw", e);
     }
+  } else {
+    log("no sizeGuideData provided");
   }
   const measurements = {
     gender: profile.gender,
@@ -407,6 +432,7 @@ async function recommendForProduct(input) {
   if (sizeGuide && sizeGuide.found) {
     payload.sizeGuide = sizeGuide;
   }
+  log("calling /sizing/recommend", { measurements: Object.keys(measurements), hasSizeGuide: !!payload.sizeGuide });
   let result = null;
   try {
     const res = await fetch(`${apiUrl}/api/v1/sizing/recommend`, {
@@ -414,12 +440,24 @@ async function recommendForProduct(input) {
       headers: { "Content-Type": "application/json", Authorization: `Bearer ${apiKey}` },
       body: JSON.stringify(payload)
     });
-    if (!res.ok) return null;
+    if (!res.ok) {
+      log("recommend FAILED", res.status, res.statusText);
+      return null;
+    }
     result = await res.json();
-  } catch {
+    log("recommend OK", {
+      recommendedSize: result?.recommendedSize,
+      sectionKeys: result?.sections ? Object.keys(result.sections) : null,
+      sections: result?.sections
+    });
+  } catch (e) {
+    log("recommend threw", e);
+    return null;
+  }
+  if (!result || !result.recommendedSize) {
+    log("recommend returned no recommendedSize — bailing");
     return null;
   }
-  if (!result || !result.recommendedSize) return null;
   const sectionsMap = result.sections ? Object.fromEntries(
     Object.entries(result.sections).map(([name, sec]) => [name, sec.recommendedSize])
   ) : void 0;
@@ -9399,6 +9437,7 @@ function BodyProfileView({
   onUseActiveProfile,
   activeProfileName,
   onStartFresh,
+  activeProfile,
   onBack,
   t
 }) {
@@ -9407,15 +9446,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);
@@ -11220,6 +11286,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 = {};
@@ -11245,7 +11312,8 @@ function PrimeStyleTryonInner({
             onSnapSubmit: handleSnapSubmit,
             onBack: handleClose,
             t
-          }
+          },
+          `bp-${activeProfileId || "anon"}`
         ) }, "v-bodyprofile");
       }
       case "estimation-review":
@@ -11476,15 +11544,19 @@ function usePrimeStyleSize(input) {
     let cancelled = false;
     setLoading(true);
     setNoProfile(false);
+    console.log("[ps-sdk:hook] usePrimeStyleSize start", { productId: input.productId });
     recommendForProduct(input).then((res) => {
       if (cancelled) return;
       if (res === null) {
+        console.log("[ps-sdk:hook] usePrimeStyleSize → null (no profile or recommendation failed)");
         setNoProfile(true);
         setResult(null);
       } else {
+        console.log("[ps-sdk:hook] usePrimeStyleSize → result", { recommendedSize: res.recommendedSize, hasRaw: !!res.raw });
         setResult(res);
       }
-    }).catch(() => {
+    }).catch((e) => {
+      console.log("[ps-sdk:hook] usePrimeStyleSize threw", e);
       if (!cancelled) setResult(null);
     }).finally(() => {
       if (!cancelled) setLoading(false);

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.19",
+  "version": "5.6.21",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",