@primestyleai/tryon 5.8.44 → 5.8.46

package/dist/react/index.js

@@ -238,7 +238,8 @@ function computeMeasurements(lm, imageWidth, imageHeight) {
     return pxDist * pxToMm;
   };
   const pd = mmBetween(lm.leftIrisCenter, lm.rightIrisCenter);
-  const bridgeWidth = mmBetween(lm.leftInnerEye, lm.rightInnerEye);
+  const innerEyeGap = mmBetween(lm.leftInnerEye, lm.rightInnerEye);
+  const bridgeWidth = innerEyeGap / 1.6;
   const faceWidth = mmBetween(lm.leftTragus, lm.rightTragus);
   const templeLengthLeft = mmBetween(lm.leftTragus, lm.leftOuterEye);
   const templeLengthRight = mmBetween(lm.rightTragus, lm.rightOuterEye);
@@ -7950,10 +7951,12 @@ const fitLabelFn = (fit, t) => fit === "good" ? t("perfect fit") : fit === "too-
 const lengthFitLabelFn = (fit, t) => fit === "good" ? t("perfect fit") : fit === "too-tight" ? t("too short") : fit === "tight" ? t("short") : fit === "a-bit-tight" ? t("a bit short") : fit === "too-loose" ? t("too long") : fit === "loose" ? t("long") : t("a bit long");
 function convertNum(n, from, to) {
   if (from === to || !n || isNaN(n)) return n;
+  if (from === "mm" || to === "mm") return n;
   return from === "cm" ? Math.round(n / 2.54 * 10) / 10 : Math.round(n * 2.54 * 10) / 10;
 }
 function convertLabel(label, from, to) {
   if (from === to) return label;
+  if (from === "mm" || to === "mm") return label;
   const conv = (n) => convertNum(n, from, to);
   const rangeMatch = label.match(/^(\d+\.?\d*)\s*[-–]\s*(\d+\.?\d*)$/);
   if (rangeMatch) return `${conv(parseFloat(rangeMatch[1]))}-${conv(parseFloat(rangeMatch[2]))}`;
@@ -7994,7 +7997,8 @@ function SectionDetailView({
 }) {
   const recSize = sectionResult?.recommendedSize || "";
   const [selectedSize, setSelectedSize] = useState(null);
-  const displayUnitId = unitLbl.toLowerCase().includes("cm") ? "cm" : "in";
+  const unitLblLower = unitLbl.toLowerCase();
+  const displayUnitId = unitLblLower.includes("mm") ? "mm" : unitLblLower.includes("cm") ? "cm" : "in";
   const fromUnit = chartUnit || displayUnitId;
   const dNum = (n) => convertNum(n, fromUnit, displayUnitId);
   const dLabel = (s) => convertLabel(s, fromUnit, displayUnitId);
@@ -8632,8 +8636,9 @@ function SizeResultView({
   userHeightCm,
   t
 }) {
-  const resultUnit = sizingResult?.unit || sizingUnit;
-  const unitLbl = sizingUnit === "cm" ? t("cm") : t("in");
+  const resultUnitRaw = (sizingResult?.unit || sizingUnit || "").toString().toLowerCase();
+  const resultUnit = resultUnitRaw === "mm" ? "mm" : resultUnitRaw === "cm" ? "cm" : "in";
+  const unitLbl = resultUnit === "mm" ? t("mm") : sizingUnit === "cm" ? t("cm") : t("in");
   const [editVals, setEditVals] = useState({});
   const pRange = pRangeFn;
   const cellVal = useCallback((row, colIdx, header) => {
@@ -13422,6 +13427,69 @@ function PrimeStyleTryonInner({
     const method = methodOverride || sizingMethod;
     const baseUrl = getApiUrl(apiUrl);
     const key = getApiKey();
+    const measurementType = detectMeasurementType(productTitle);
+    if (measurementType === "face" || measurementType === "head") {
+      const f = formRef.current;
+      const toNum = (v) => {
+        if (!v) return void 0;
+        const n = parseFloat(v);
+        return Number.isFinite(n) && n > 0 ? n : void 0;
+      };
+      const inputUnit = f.sizingUnit || sizingUnit || (measurementType === "head" ? "cm" : "mm");
+      const toMm = (n) => {
+        if (n == null) return void 0;
+        if (inputUnit === "mm") return n;
+        if (inputUnit === "cm") return n * 10;
+        if (inputUnit === "in") return n * 25.4;
+        return n;
+      };
+      const faceMm = {};
+      const src = {
+        bridgeWidth: toMm(toNum(f.bridgeWidth)),
+        templeLength: toMm(toNum(f.templeLength) ?? toNum(f.armLength)),
+        lensWidth: toMm(toNum(f.lensWidth)),
+        lensHeight: toMm(toNum(f.lensHeight)),
+        faceWidth: toMm(toNum(f.faceWidth) ?? toNum(f.frameWidth)),
+        pd: toMm(toNum(f.pd)),
+        // Headwear — circumference usually typed in cm; keep as mm internally.
+        headCircumference: toMm(toNum(f.headCircumference)),
+        headWidth: toMm(toNum(f.headWidth))
+      };
+      for (const [k, v] of Object.entries(src)) if (typeof v === "number") faceMm[k] = v;
+      const facePayload = {
+        product: { title: productTitle, productId },
+        sizeGuide: sizeGuide?.found ? sizeGuide : { found: false },
+        sizingUnit: measurementType === "head" ? "cm" : "mm",
+        category: measurementType,
+        ...Object.keys(faceMm).length > 0 && { faceMeasurementsMm: faceMm, irisConfidence: 1 }
+      };
+      try {
+        const resp = await fetch(`${baseUrl}/api/v1/sizing/face-recommend`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", Authorization: `Bearer ${key}` },
+          body: JSON.stringify(facePayload)
+        });
+        if (resp.ok) {
+          const data = await resp.json();
+          setSizingResult(data);
+          onComplete?.(data);
+        } else {
+          const body = await resp.text().catch(() => "");
+          console.error("[PS-SDK] face-recommend failed:", resp.status, body);
+          setErrorMessage(t("Unable to get size recommendation. Please try again."));
+          setView("error");
+          setEstimationDone(true);
+        }
+      } catch (err) {
+        console.error("[PS-SDK] face-recommend network error:", err);
+        setErrorMessage(t("Unable to connect to sizing service. Please try again."));
+        setView("error");
+        setEstimationDone(true);
+      } finally {
+        setSizingLoading(false);
+      }
+      return;
+    }
     const payload = {
       method,
       locale: sizingCountry,

package/dist/storefront/primestyle-tryon.js

@@ -9700,7 +9700,8 @@ function computeMeasurements(lm, imageWidth, imageHeight) {
     return pxDist * pxToMm;
   };
   const pd2 = mmBetween(lm.leftIrisCenter, lm.rightIrisCenter);
-  const bridgeWidth = mmBetween(lm.leftInnerEye, lm.rightInnerEye);
+  const innerEyeGap = mmBetween(lm.leftInnerEye, lm.rightInnerEye);
+  const bridgeWidth = innerEyeGap / 1.6;
   const faceWidth = mmBetween(lm.leftTragus, lm.rightTragus);
   const templeLengthLeft = mmBetween(lm.leftTragus, lm.leftOuterEye);
   const templeLengthRight = mmBetween(lm.rightTragus, lm.rightOuterEye);
@@ -17374,10 +17375,12 @@ const fitLabelFn = (fit, t2) => fit === "good" ? t2("perfect fit") : fit === "to
 const lengthFitLabelFn = (fit, t2) => fit === "good" ? t2("perfect fit") : fit === "too-tight" ? t2("too short") : fit === "tight" ? t2("short") : fit === "a-bit-tight" ? t2("a bit short") : fit === "too-loose" ? t2("too long") : fit === "loose" ? t2("long") : t2("a bit long");
 function convertNum(n2, from, to) {
   if (from === to || !n2 || isNaN(n2)) return n2;
+  if (from === "mm" || to === "mm") return n2;
   return from === "cm" ? Math.round(n2 / 2.54 * 10) / 10 : Math.round(n2 * 2.54 * 10) / 10;
 }
 function convertLabel(label, from, to) {
   if (from === to) return label;
+  if (from === "mm" || to === "mm") return label;
   const conv = (n2) => convertNum(n2, from, to);
   const rangeMatch = label.match(/^(\d+\.?\d*)\s*[-–]\s*(\d+\.?\d*)$/);
   if (rangeMatch) return `${conv(parseFloat(rangeMatch[1]))}-${conv(parseFloat(rangeMatch[2]))}`;
@@ -17418,7 +17421,8 @@ function SectionDetailView({
 }) {
   const recSize = sectionResult?.recommendedSize || "";
   const [selectedSize, setSelectedSize] = reactExports.useState(null);
-  const displayUnitId = unitLbl.toLowerCase().includes("cm") ? "cm" : "in";
+  const unitLblLower = unitLbl.toLowerCase();
+  const displayUnitId = unitLblLower.includes("mm") ? "mm" : unitLblLower.includes("cm") ? "cm" : "in";
   const fromUnit = chartUnit || displayUnitId;
   const dNum = (n2) => convertNum(n2, fromUnit, displayUnitId);
   const dLabel = (s) => convertLabel(s, fromUnit, displayUnitId);
@@ -18056,8 +18060,9 @@ function SizeResultView({
   userHeightCm,
   t: t2
 }) {
-  const resultUnit = sizingResult?.unit || sizingUnit;
-  const unitLbl = sizingUnit === "cm" ? t2("cm") : t2("in");
+  const resultUnitRaw = (sizingResult?.unit || sizingUnit || "").toString().toLowerCase();
+  const resultUnit = resultUnitRaw === "mm" ? "mm" : resultUnitRaw === "cm" ? "cm" : "in";
+  const unitLbl = resultUnit === "mm" ? t2("mm") : sizingUnit === "cm" ? t2("cm") : t2("in");
   const [editVals, setEditVals] = reactExports.useState({});
   const pRange = pRangeFn;
   const cellVal = reactExports.useCallback((row, colIdx, header) => {
@@ -22846,6 +22851,69 @@ function PrimeStyleTryonInner({
     const method = methodOverride || sizingMethod;
     const baseUrl = getApiUrl(apiUrl);
     const key = getApiKey();
+    const measurementType = detectMeasurementType(productTitle);
+    if (measurementType === "face" || measurementType === "head") {
+      const f2 = formRef.current;
+      const toNum = (v2) => {
+        if (!v2) return void 0;
+        const n2 = parseFloat(v2);
+        return Number.isFinite(n2) && n2 > 0 ? n2 : void 0;
+      };
+      const inputUnit = f2.sizingUnit || sizingUnit || (measurementType === "head" ? "cm" : "mm");
+      const toMm = (n2) => {
+        if (n2 == null) return void 0;
+        if (inputUnit === "mm") return n2;
+        if (inputUnit === "cm") return n2 * 10;
+        if (inputUnit === "in") return n2 * 25.4;
+        return n2;
+      };
+      const faceMm = {};
+      const src = {
+        bridgeWidth: toMm(toNum(f2.bridgeWidth)),
+        templeLength: toMm(toNum(f2.templeLength) ?? toNum(f2.armLength)),
+        lensWidth: toMm(toNum(f2.lensWidth)),
+        lensHeight: toMm(toNum(f2.lensHeight)),
+        faceWidth: toMm(toNum(f2.faceWidth) ?? toNum(f2.frameWidth)),
+        pd: toMm(toNum(f2.pd)),
+        // Headwear — circumference usually typed in cm; keep as mm internally.
+        headCircumference: toMm(toNum(f2.headCircumference)),
+        headWidth: toMm(toNum(f2.headWidth))
+      };
+      for (const [k2, v2] of Object.entries(src)) if (typeof v2 === "number") faceMm[k2] = v2;
+      const facePayload = {
+        product: { title: productTitle, productId },
+        sizeGuide: sizeGuide?.found ? sizeGuide : { found: false },
+        sizingUnit: measurementType === "head" ? "cm" : "mm",
+        category: measurementType,
+        ...Object.keys(faceMm).length > 0 && { faceMeasurementsMm: faceMm, irisConfidence: 1 }
+      };
+      try {
+        const resp = await fetch(`${baseUrl}/api/v1/sizing/face-recommend`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", Authorization: `Bearer ${key}` },
+          body: JSON.stringify(facePayload)
+        });
+        if (resp.ok) {
+          const data = await resp.json();
+          setSizingResult(data);
+          onComplete?.(data);
+        } else {
+          const body = await resp.text().catch(() => "");
+          console.error("[PS-SDK] face-recommend failed:", resp.status, body);
+          setErrorMessage(t2("Unable to get size recommendation. Please try again."));
+          setView("error");
+          setEstimationDone(true);
+        }
+      } catch (err) {
+        console.error("[PS-SDK] face-recommend network error:", err);
+        setErrorMessage(t2("Unable to connect to sizing service. Please try again."));
+        setView("error");
+        setEstimationDone(true);
+      } finally {
+        setSizingLoading(false);
+      }
+      return;
+    }
     const payload = {
       method,
       locale: sizingCountry,

package/package.json

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