@primestyleai/tryon 5.8.38 → 5.8.39

package/dist/face-detect.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Face landmark detection using MediaPipe FaceLandmarker.
+ *
+ * Runs entirely client-side. Uses iris diameter (~11.7 mm — biologically
+ * stable across adults) as the pixel→mm scale anchor, then derives the
+ * measurements that eyewear + headwear size guides ask for.
+ *
+ * Shares the same `@mediapipe/tasks-vision` bundle loaded by
+ * `pose-detect.ts`, so the only extra cost is the ~3 MB `.task` file.
+ */
+export interface Pt {
+    x: number;
+    y: number;
+    z?: number;
+}
+export interface FaceLandmarks {
+    noseTip: Pt;
+    noseBridge: Pt;
+    leftInnerEye: Pt;
+    rightInnerEye: Pt;
+    leftOuterEye: Pt;
+    rightOuterEye: Pt;
+    leftIrisCenter: Pt;
+    rightIrisCenter: Pt;
+    leftIrisRing: Pt[];
+    rightIrisRing: Pt[];
+    leftTragus: Pt;
+    rightTragus: Pt;
+    forehead: Pt;
+    chin: Pt;
+    leftMouth: Pt;
+    rightMouth: Pt;
+}
+export interface FaceMeasurementsMm {
+    irisDiameter: number;
+    pd: number;
+    bridgeWidth: number;
+    faceWidth: number;
+    templeLengthLeft: number;
+    templeLengthRight: number;
+    templeLength: number;
+    headWidth: number;
+    headDepth: number;
+    headCircumference: number;
+}
+export interface FaceDetectResult {
+    landmarks: FaceLandmarks;
+    measurementsMm: FaceMeasurementsMm;
+    irisConfidence: number;
+    imageWidth: number;
+    imageHeight: number;
+}
+/** Detect face landmarks and compute eyewear/headwear measurements in mm. */
+export declare function detectFaceMeasurements(imageSrc: string | HTMLImageElement): Promise<FaceDetectResult | null>;

package/dist/react/index.js

@@ -17,11 +17,11 @@ const LEFT_ANKLE = 27;
 const RIGHT_ANKLE = 28;
 const NOSE = 0;
 let poseLandmarker = null;
-let loadingPromise = null;
+let loadingPromise$1 = null;
 async function loadMediaPipe() {
   if (poseLandmarker) return;
-  if (loadingPromise) return loadingPromise;
-  loadingPromise = (async () => {
+  if (loadingPromise$1) return loadingPromise$1;
+  loadingPromise$1 = (async () => {
     const vision = await import(
       /* webpackIgnore: true */
       // @ts-ignore dynamic CDN import
@@ -40,12 +40,12 @@ async function loadMediaPipe() {
       numPoses: 1
     });
   })();
-  return loadingPromise;
+  return loadingPromise$1;
 }
 async function detectMeasurementLines(imageSrc) {
   try {
     await loadMediaPipe();
-    const img = await loadImage(imageSrc);
+    const img = await loadImage$1(imageSrc);
     const result = poseLandmarker.detect(img);
     if (!result?.landmarks?.length || result.landmarks[0].length < 25) {
       return null;
@@ -80,7 +80,7 @@ async function detectMeasurementLines(imageSrc) {
     return null;
   }
 }
-function loadImage(src) {
+function loadImage$1(src) {
   return new Promise((resolve, reject) => {
     const img = new Image();
     img.crossOrigin = "anonymous";
@@ -99,7 +99,7 @@ async function detectBodyLandmarks(imageSrc) {
     await loadMediaPipe();
     let img;
     if (typeof imageSrc === "string") {
-      img = await loadImage(imageSrc);
+      img = await loadImage$1(imageSrc);
     } else {
       img = imageSrc;
     }
@@ -128,6 +128,165 @@ async function detectBodyLandmarks(imageSrc) {
     return null;
   }
 }
+const IDX = {
+  noseTip: 1,
+  noseBridge: 168,
+  leftInnerEye: 133,
+  rightInnerEye: 362,
+  leftOuterEye: 33,
+  rightOuterEye: 263,
+  // Iris landmarks (478-point model with iris refinement)
+  leftIrisCenter: 468,
+  leftIrisRing: [469, 470, 471, 472],
+  rightIrisCenter: 473,
+  rightIrisRing: [474, 475, 476, 477],
+  // Tragus (ear attach point) — best approximations in the face mesh
+  leftTragus: 234,
+  rightTragus: 454,
+  forehead: 10,
+  chin: 152,
+  leftMouth: 61,
+  rightMouth: 291
+};
+const IRIS_DIAMETER_MM = 11.7;
+let faceLandmarker = null;
+let loadingPromise = null;
+async function loadFaceLandmarker() {
+  if (faceLandmarker) return;
+  if (loadingPromise) return loadingPromise;
+  loadingPromise = (async () => {
+    const vision = await import(
+      /* webpackIgnore: true */
+      // @ts-ignore dynamic CDN import
+      "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/vision_bundle.mjs"
+    );
+    const { FilesetResolver, FaceLandmarker } = vision;
+    const filesetResolver = await FilesetResolver.forVisionTasks(
+      "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/wasm"
+    );
+    faceLandmarker = await FaceLandmarker.createFromOptions(filesetResolver, {
+      baseOptions: {
+        modelAssetPath: "https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/latest/face_landmarker.task",
+        delegate: "GPU"
+      },
+      runningMode: "IMAGE",
+      numFaces: 1,
+      outputFaceBlendshapes: false,
+      outputFacialTransformationMatrixes: false
+    });
+  })();
+  return loadingPromise;
+}
+function loadImage(src) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = () => resolve(img);
+    img.onerror = () => {
+      const img2 = new Image();
+      img2.onload = () => resolve(img2);
+      img2.onerror = () => reject(new Error("Failed to load image"));
+      img2.src = src;
+    };
+    img.src = src;
+  });
+}
+function irisDiameterPx(ring, imageWidth, imageHeight) {
+  if (ring.length < 4) return 0;
+  const toPx = (p) => ({ x: p.x * imageWidth, y: p.y * imageHeight });
+  const [p0, p1, p2, p3] = ring.map(toPx);
+  const d1 = Math.hypot(p0.x - p2.x, p0.y - p2.y);
+  const d2 = Math.hypot(p1.x - p3.x, p1.y - p3.y);
+  return (d1 + d2) / 2;
+}
+function extractLandmarks(raw) {
+  if (raw.length < 478) return null;
+  const at = (i) => ({ x: raw[i].x, y: raw[i].y, z: raw[i].z });
+  return {
+    noseTip: at(IDX.noseTip),
+    noseBridge: at(IDX.noseBridge),
+    leftInnerEye: at(IDX.leftInnerEye),
+    rightInnerEye: at(IDX.rightInnerEye),
+    leftOuterEye: at(IDX.leftOuterEye),
+    rightOuterEye: at(IDX.rightOuterEye),
+    leftIrisCenter: at(IDX.leftIrisCenter),
+    rightIrisCenter: at(IDX.rightIrisCenter),
+    leftIrisRing: IDX.leftIrisRing.map(at),
+    rightIrisRing: IDX.rightIrisRing.map(at),
+    leftTragus: at(IDX.leftTragus),
+    rightTragus: at(IDX.rightTragus),
+    forehead: at(IDX.forehead),
+    chin: at(IDX.chin),
+    leftMouth: at(IDX.leftMouth),
+    rightMouth: at(IDX.rightMouth)
+  };
+}
+function computeMeasurements(lm, imageWidth, imageHeight) {
+  const leftPx = irisDiameterPx(lm.leftIrisRing, imageWidth, imageHeight);
+  const rightPx = irisDiameterPx(lm.rightIrisRing, imageWidth, imageHeight);
+  const irisPx = (leftPx + rightPx) / 2;
+  let irisConfidence = 1;
+  if (irisPx < 8) irisConfidence = 0.3;
+  else if (Math.abs(leftPx - rightPx) / irisPx > 0.3) irisConfidence = 0.5;
+  else if (Math.abs(leftPx - rightPx) / irisPx > 0.15) irisConfidence = 0.8;
+  const pxToMm = irisPx > 0 ? IRIS_DIAMETER_MM / irisPx : 0;
+  const mmBetween = (a2, b2) => {
+    const pxDist = Math.hypot(
+      (a2.x - b2.x) * imageWidth,
+      (a2.y - b2.y) * imageHeight
+    );
+    return pxDist * pxToMm;
+  };
+  const pd = mmBetween(lm.leftIrisCenter, lm.rightIrisCenter);
+  const bridgeWidth = mmBetween(lm.leftInnerEye, lm.rightInnerEye);
+  const faceWidth = mmBetween(lm.leftTragus, lm.rightTragus);
+  const templeLengthLeft = mmBetween(lm.leftTragus, lm.leftOuterEye);
+  const templeLengthRight = mmBetween(lm.rightTragus, lm.rightOuterEye);
+  const templeLength = (templeLengthLeft + templeLengthRight) / 2;
+  const headWidth = faceWidth * 1.07;
+  const zDepthNorm = Math.abs((lm.forehead.z ?? 0) - (lm.chin.z ?? 0));
+  const rawHeadDepthMm = zDepthNorm * imageWidth * pxToMm;
+  const headDepth = Math.max(170, Math.min(210, rawHeadDepthMm || 190));
+  const a = headWidth / 2;
+  const b = headDepth / 2;
+  const headCircumference = Math.PI * Math.sqrt(2 * (a * a + b * b));
+  return {
+    measurements: {
+      irisDiameter: IRIS_DIAMETER_MM,
+      pd: round1(pd),
+      bridgeWidth: round1(bridgeWidth),
+      faceWidth: round1(faceWidth),
+      templeLengthLeft: round1(templeLengthLeft),
+      templeLengthRight: round1(templeLengthRight),
+      templeLength: round1(templeLength),
+      headWidth: round1(headWidth),
+      headDepth: round1(headDepth),
+      headCircumference: round1(headCircumference)
+    },
+    irisConfidence
+  };
+}
+function round1(n) {
+  return Math.round(n * 10) / 10;
+}
+async function detectFaceMeasurements(imageSrc) {
+  try {
+    await loadFaceLandmarker();
+    const img = typeof imageSrc === "string" ? await loadImage(imageSrc) : imageSrc;
+    const result = faceLandmarker.detect(img);
+    if (!result?.faceLandmarks?.length) return null;
+    const raw = result.faceLandmarks[0];
+    const landmarks = extractLandmarks(raw);
+    if (!landmarks) return null;
+    const imageWidth = img.naturalWidth || img.width;
+    const imageHeight = img.naturalHeight || img.height;
+    const { measurements, irisConfidence } = computeMeasurements(landmarks, imageWidth, imageHeight);
+    return { landmarks, measurementsMm: measurements, irisConfidence, imageWidth, imageHeight };
+  } catch (err) {
+    console.error("[PS-SDK] Face detection failed:", err);
+    return null;
+  }
+}
 function parseRange(s) {
   const ns = s.replace(/[^\d.\-–]/g, " ").trim().split(/[\s\-–]+/).filter(Boolean).map(Number).filter((n) => !isNaN(n));
   return ns.length ? { min: Math.min(...ns), max: Math.max(...ns) } : { min: 0, max: 0 };
@@ -12118,7 +12277,6 @@ function HeadSizeView(props) {
       title: "Headwear Measurements",
       fields,
       photoVariant: "close-up",
-      disablePhotoUpload: true,
       ...rest
     }
   );
@@ -12178,7 +12336,6 @@ function FaceSizeView(props) {
       fields,
       unitOptions: EYEWEAR_UNIT_OPTIONS,
       photoVariant: "close-up",
-      disablePhotoUpload: true,
       ...rest
     }
   );
@@ -12866,6 +13023,53 @@ function PrimeStyleTryonInner({
     setSizingLoading(true);
     setEstimationDone(false);
     setView("size-result");
+    const measurementType = detectMeasurementType(productTitle);
+    if (measurementType === "face" || measurementType === "head") {
+      try {
+        const faceResult = await detectFaceMeasurements(objUrl);
+        const facePayload = {
+          product: { title: productTitle },
+          sizeGuide: sizeGuide ?? { found: false },
+          sizingUnit: measurementType === "head" ? "cm" : "mm",
+          category: measurementType,
+          bodyImage: data.photoBase64
+        };
+        if (faceResult) {
+          facePayload.faceMeasurementsMm = faceResult.measurementsMm;
+          facePayload.faceLandmarks = faceResult.landmarks;
+          facePayload.irisConfidence = faceResult.irisConfidence;
+        }
+        const recRes = await fetch(`${baseUrl}/api/v1/sizing/face-recommend`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", Authorization: `Bearer ${key}` },
+          body: JSON.stringify(facePayload)
+        });
+        if (recRes.ok) {
+          const recData = await recRes.json();
+          setSizingResult(recData);
+          onComplete?.(recData);
+          persistResultToProfile(
+            {
+              gender: data.gender,
+              height: data.height,
+              weight: data.weight,
+              heightUnit: data.heightUnit,
+              weightUnit: data.weightUnit,
+              age: data.age,
+              bodyImage: data.photoBase64
+            },
+            recData
+          );
+        } else {
+          setEstimationDone(true);
+        }
+      } catch (err) {
+        console.error("[ps-sdk] face-recommend failed:", err);
+        setEstimationDone(true);
+      }
+      setSizingLoading(false);
+      return;
+    }
     modelPoseRef.current = null;
     setBodyLandmarks(null);
     detectMeasurementLines(objUrl).then((lines) => {

package/dist/storefront/primestyle-tryon.js

@@ -9479,11 +9479,11 @@ const LEFT_ANKLE = 27;
 const RIGHT_ANKLE = 28;
 const NOSE = 0;
 let poseLandmarker = null;
-let loadingPromise = null;
+let loadingPromise$1 = null;
 async function loadMediaPipe() {
   if (poseLandmarker) return;
-  if (loadingPromise) return loadingPromise;
-  loadingPromise = (async () => {
+  if (loadingPromise$1) return loadingPromise$1;
+  loadingPromise$1 = (async () => {
     const vision = await import(
       /* webpackIgnore: true */
       // @ts-ignore dynamic CDN import
@@ -9502,12 +9502,12 @@ async function loadMediaPipe() {
       numPoses: 1
     });
   })();
-  return loadingPromise;
+  return loadingPromise$1;
 }
 async function detectMeasurementLines(imageSrc) {
   try {
     await loadMediaPipe();
-    const img = await loadImage(imageSrc);
+    const img = await loadImage$1(imageSrc);
     const result = poseLandmarker.detect(img);
     if (!result?.landmarks?.length || result.landmarks[0].length < 25) {
       return null;
@@ -9542,7 +9542,7 @@ async function detectMeasurementLines(imageSrc) {
     return null;
   }
 }
-function loadImage(src) {
+function loadImage$1(src) {
   return new Promise((resolve, reject) => {
     const img = new Image();
     img.crossOrigin = "anonymous";
@@ -9561,7 +9561,7 @@ async function detectBodyLandmarks(imageSrc) {
     await loadMediaPipe();
     let img;
     if (typeof imageSrc === "string") {
-      img = await loadImage(imageSrc);
+      img = await loadImage$1(imageSrc);
     } else {
       img = imageSrc;
     }
@@ -9590,6 +9590,165 @@ async function detectBodyLandmarks(imageSrc) {
     return null;
   }
 }
+const IDX = {
+  noseTip: 1,
+  noseBridge: 168,
+  leftInnerEye: 133,
+  rightInnerEye: 362,
+  leftOuterEye: 33,
+  rightOuterEye: 263,
+  // Iris landmarks (478-point model with iris refinement)
+  leftIrisCenter: 468,
+  leftIrisRing: [469, 470, 471, 472],
+  rightIrisCenter: 473,
+  rightIrisRing: [474, 475, 476, 477],
+  // Tragus (ear attach point) — best approximations in the face mesh
+  leftTragus: 234,
+  rightTragus: 454,
+  forehead: 10,
+  chin: 152,
+  leftMouth: 61,
+  rightMouth: 291
+};
+const IRIS_DIAMETER_MM = 11.7;
+let faceLandmarker = null;
+let loadingPromise = null;
+async function loadFaceLandmarker() {
+  if (faceLandmarker) return;
+  if (loadingPromise) return loadingPromise;
+  loadingPromise = (async () => {
+    const vision = await import(
+      /* webpackIgnore: true */
+      // @ts-ignore dynamic CDN import
+      "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/vision_bundle.mjs"
+    );
+    const { FilesetResolver, FaceLandmarker } = vision;
+    const filesetResolver = await FilesetResolver.forVisionTasks(
+      "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.33/wasm"
+    );
+    faceLandmarker = await FaceLandmarker.createFromOptions(filesetResolver, {
+      baseOptions: {
+        modelAssetPath: "https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/latest/face_landmarker.task",
+        delegate: "GPU"
+      },
+      runningMode: "IMAGE",
+      numFaces: 1,
+      outputFaceBlendshapes: false,
+      outputFacialTransformationMatrixes: false
+    });
+  })();
+  return loadingPromise;
+}
+function loadImage(src) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = () => resolve(img);
+    img.onerror = () => {
+      const img2 = new Image();
+      img2.onload = () => resolve(img2);
+      img2.onerror = () => reject(new Error("Failed to load image"));
+      img2.src = src;
+    };
+    img.src = src;
+  });
+}
+function irisDiameterPx(ring, imageWidth, imageHeight) {
+  if (ring.length < 4) return 0;
+  const toPx = (p4) => ({ x: p4.x * imageWidth, y: p4.y * imageHeight });
+  const [p0, p1, p2, p3] = ring.map(toPx);
+  const d1 = Math.hypot(p0.x - p2.x, p0.y - p2.y);
+  const d2 = Math.hypot(p1.x - p3.x, p1.y - p3.y);
+  return (d1 + d2) / 2;
+}
+function extractLandmarks(raw) {
+  if (raw.length < 478) return null;
+  const at = (i) => ({ x: raw[i].x, y: raw[i].y, z: raw[i].z });
+  return {
+    noseTip: at(IDX.noseTip),
+    noseBridge: at(IDX.noseBridge),
+    leftInnerEye: at(IDX.leftInnerEye),
+    rightInnerEye: at(IDX.rightInnerEye),
+    leftOuterEye: at(IDX.leftOuterEye),
+    rightOuterEye: at(IDX.rightOuterEye),
+    leftIrisCenter: at(IDX.leftIrisCenter),
+    rightIrisCenter: at(IDX.rightIrisCenter),
+    leftIrisRing: IDX.leftIrisRing.map(at),
+    rightIrisRing: IDX.rightIrisRing.map(at),
+    leftTragus: at(IDX.leftTragus),
+    rightTragus: at(IDX.rightTragus),
+    forehead: at(IDX.forehead),
+    chin: at(IDX.chin),
+    leftMouth: at(IDX.leftMouth),
+    rightMouth: at(IDX.rightMouth)
+  };
+}
+function computeMeasurements(lm, imageWidth, imageHeight) {
+  const leftPx = irisDiameterPx(lm.leftIrisRing, imageWidth, imageHeight);
+  const rightPx = irisDiameterPx(lm.rightIrisRing, imageWidth, imageHeight);
+  const irisPx = (leftPx + rightPx) / 2;
+  let irisConfidence = 1;
+  if (irisPx < 8) irisConfidence = 0.3;
+  else if (Math.abs(leftPx - rightPx) / irisPx > 0.3) irisConfidence = 0.5;
+  else if (Math.abs(leftPx - rightPx) / irisPx > 0.15) irisConfidence = 0.8;
+  const pxToMm = irisPx > 0 ? IRIS_DIAMETER_MM / irisPx : 0;
+  const mmBetween = (a2, b2) => {
+    const pxDist = Math.hypot(
+      (a2.x - b2.x) * imageWidth,
+      (a2.y - b2.y) * imageHeight
+    );
+    return pxDist * pxToMm;
+  };
+  const pd2 = mmBetween(lm.leftIrisCenter, lm.rightIrisCenter);
+  const bridgeWidth = mmBetween(lm.leftInnerEye, lm.rightInnerEye);
+  const faceWidth = mmBetween(lm.leftTragus, lm.rightTragus);
+  const templeLengthLeft = mmBetween(lm.leftTragus, lm.leftOuterEye);
+  const templeLengthRight = mmBetween(lm.rightTragus, lm.rightOuterEye);
+  const templeLength = (templeLengthLeft + templeLengthRight) / 2;
+  const headWidth = faceWidth * 1.07;
+  const zDepthNorm = Math.abs((lm.forehead.z ?? 0) - (lm.chin.z ?? 0));
+  const rawHeadDepthMm = zDepthNorm * imageWidth * pxToMm;
+  const headDepth = Math.max(170, Math.min(210, rawHeadDepthMm || 190));
+  const a = headWidth / 2;
+  const b = headDepth / 2;
+  const headCircumference = Math.PI * Math.sqrt(2 * (a * a + b * b));
+  return {
+    measurements: {
+      irisDiameter: IRIS_DIAMETER_MM,
+      pd: round1(pd2),
+      bridgeWidth: round1(bridgeWidth),
+      faceWidth: round1(faceWidth),
+      templeLengthLeft: round1(templeLengthLeft),
+      templeLengthRight: round1(templeLengthRight),
+      templeLength: round1(templeLength),
+      headWidth: round1(headWidth),
+      headDepth: round1(headDepth),
+      headCircumference: round1(headCircumference)
+    },
+    irisConfidence
+  };
+}
+function round1(n2) {
+  return Math.round(n2 * 10) / 10;
+}
+async function detectFaceMeasurements(imageSrc) {
+  try {
+    await loadFaceLandmarker();
+    const img = typeof imageSrc === "string" ? await loadImage(imageSrc) : imageSrc;
+    const result = faceLandmarker.detect(img);
+    if (!result?.faceLandmarks?.length) return null;
+    const raw = result.faceLandmarks[0];
+    const landmarks = extractLandmarks(raw);
+    if (!landmarks) return null;
+    const imageWidth = img.naturalWidth || img.width;
+    const imageHeight = img.naturalHeight || img.height;
+    const { measurements, irisConfidence } = computeMeasurements(landmarks, imageWidth, imageHeight);
+    return { landmarks, measurementsMm: measurements, irisConfidence, imageWidth, imageHeight };
+  } catch (err) {
+    console.error("[PS-SDK] Face detection failed:", err);
+    return null;
+  }
+}
 function parseRange(s) {
   const ns = s.replace(/[^\d.\-–]/g, " ").trim().split(/[\s\-–]+/).filter(Boolean).map(Number).filter((n2) => !isNaN(n2));
   return ns.length ? { min: Math.min(...ns), max: Math.max(...ns) } : { min: 0, max: 0 };
@@ -21542,7 +21701,6 @@ function HeadSizeView(props) {
       title: "Headwear Measurements",
       fields,
       photoVariant: "close-up",
-      disablePhotoUpload: true,
       ...rest
     }
   );
@@ -21602,7 +21760,6 @@ function FaceSizeView(props) {
       fields,
       unitOptions: EYEWEAR_UNIT_OPTIONS,
       photoVariant: "close-up",
-      disablePhotoUpload: true,
       ...rest
     }
   );
@@ -22290,6 +22447,53 @@ function PrimeStyleTryonInner({
     setSizingLoading(true);
     setEstimationDone(false);
     setView("size-result");
+    const measurementType = detectMeasurementType(productTitle);
+    if (measurementType === "face" || measurementType === "head") {
+      try {
+        const faceResult = await detectFaceMeasurements(objUrl);
+        const facePayload = {
+          product: { title: productTitle },
+          sizeGuide: sizeGuide ?? { found: false },
+          sizingUnit: measurementType === "head" ? "cm" : "mm",
+          category: measurementType,
+          bodyImage: data.photoBase64
+        };
+        if (faceResult) {
+          facePayload.faceMeasurementsMm = faceResult.measurementsMm;
+          facePayload.faceLandmarks = faceResult.landmarks;
+          facePayload.irisConfidence = faceResult.irisConfidence;
+        }
+        const recRes = await fetch(`${baseUrl}/api/v1/sizing/face-recommend`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", Authorization: `Bearer ${key}` },
+          body: JSON.stringify(facePayload)
+        });
+        if (recRes.ok) {
+          const recData = await recRes.json();
+          setSizingResult(recData);
+          onComplete?.(recData);
+          persistResultToProfile(
+            {
+              gender: data.gender,
+              height: data.height,
+              weight: data.weight,
+              heightUnit: data.heightUnit,
+              weightUnit: data.weightUnit,
+              age: data.age,
+              bodyImage: data.photoBase64
+            },
+            recData
+          );
+        } else {
+          setEstimationDone(true);
+        }
+      } catch (err) {
+        console.error("[ps-sdk] face-recommend failed:", err);
+        setEstimationDone(true);
+      }
+      setSizingLoading(false);
+      return;
+    }
     modelPoseRef.current = null;
     setBodyLandmarks(null);
     detectMeasurementLines(objUrl).then((lines) => {

package/package.json

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