@primestyleai/tryon 5.10.116 → 5.10.118

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

@@ -18048,6 +18048,21 @@ const STYLES$1 = `
     color: var(--ps-error-color); font-size: 0.73vw; margin: 0;
   }
 
+  /* Photo step → manual measurements escape hatch (desktop only — mobile
+     uses MobileBottomTabs). Subtle inline link, sits just above the
+     back/analyze nav row. */
+  .ps-bp-photo-manual-switch {
+    text-align: center; padding: 0.5vw 0 0.3vw;
+    font-size: 0.78vw; color: var(--ps-text-muted);
+  }
+  .ps-bp-photo-manual-link {
+    background: none; border: none; padding: 0;
+    color: var(--ps-accent); font-weight: 600; cursor: pointer;
+    font-size: inherit; font-family: inherit; text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+  .ps-bp-photo-manual-link:hover { color: var(--ps-accent-hover); }
+
   /* Navigation — back left, next right */
   .ps-bp-nav {
     display: flex; align-items: center; margin-top: auto;
@@ -20715,6 +20730,7 @@ function SizeResultView({
   userHeightCm,
   pendingCustomSizes: pendingCustomSizesProp,
   onPendingCustomSizeChange,
+  tryOnAvailable = true,
   t: t2
 }) {
   const resultUnitRaw = (sizingResult?.unit || sizingUnit || "").toString().toLowerCase();
@@ -21008,7 +21024,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",
@@ -25223,7 +25239,7 @@ function BodyProfileView({
   t: t2
 }) {
   const steps = isWomen ? FEMALE_STEPS : MALE_STEPS;
-  const [step, setStep] = reactExports.useState("basics");
+  const [step, setStep] = reactExports.useState("photo");
   step === "photo" ? 0 : steps.indexOf(step);
   const isMobile = useIsMobile();
   const imperial = isImperial(sizingCountry);
@@ -26339,23 +26355,38 @@ function BodyProfileView({
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-nav", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-bp-back-btn", onClick: handleBackStep, type: "button", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-back-arrow", children: "←" }),
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-photo-manual-switch", children: [
+          t2("Prefer not to upload a photo?"),
           " ",
-          t2("Back")
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              className: "ps-bp-photo-manual-link",
+              onClick: () => setStep("basics"),
+              children: t2("Enter measurements manually")
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            className: `ps-bp-next-btn${analyzeDisabled ? " ps-bp-btn-disabled" : ""}`,
-            onClick: handleNext,
-            disabled: analyzeDisabled,
-            type: "button",
-            title: analyzeDisabled ? analyzeMissing.join(" · ") : void 0,
-            children: analyzeLabel
-          }
-        )
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ps-bp-nav", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "ps-bp-back-btn", onClick: handleBackStep, type: "button", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ps-bp-back-arrow", children: "←" }),
+            " ",
+            t2("Back")
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              className: `ps-bp-next-btn${analyzeDisabled ? " ps-bp-btn-disabled" : ""}`,
+              onClick: handleNext,
+              disabled: analyzeDisabled,
+              type: "button",
+              title: analyzeDisabled ? analyzeMissing.join(" · ") : void 0,
+              children: analyzeLabel
+            }
+          )
+        ] })
       ] })
     ] });
   }
@@ -27719,6 +27750,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", {
@@ -28123,6 +28155,7 @@ function PrimeStyleTryonInner({
     setSizingLoading(false);
     setEstimatedValues(null);
     setEstimationLoading(false);
+    setUsedAiPhotoSizing(false);
     setProfileSaved(false);
     formRef.current = {};
     setFormGender("male");
@@ -29327,6 +29360,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,
@@ -29341,7 +29375,10 @@ function PrimeStyleTryonInner({
                 data.bodyImage
               );
             },
-            onSnapSubmit: handleSnapSubmit,
+            onSnapSubmit: (data) => {
+              setUsedAiPhotoSizing(true);
+              handleSnapSubmit(data);
+            },
             onBack: handleClose,
             t: t2
           },
@@ -29395,6 +29432,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.116",
+  "version": "5.10.118",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",